1 2<!DOCTYPE html> 3<html lang="en"> 4<head> 5 6 7 <meta charset="UTF-8"> 8 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 9 <title>About Grepix Infotech | Mobile App Development Company</title> 10 <meta name="description" content="Learn about Grepix Infotech, a mobile app development company building taxi apps, on-demand platforms, and custom software for clients worldwide."> 11 12 <link rel="canonical" href="https://www.grepixit.com/about-us.html" /> 13 <meta name="robots" content="index,follow"> 14 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"> 15 <link rel="stylesheet" href="assets/css/boxicons-subset.css"> 16 <link rel="stylesheet" href="assets/css/bootstrap.min.css"> 17 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 18 <link rel="shortcut icon" type="image/x-icon" href="assets/images/content/favicon.ico" /> 19 <meta name="robots" content="index, follow"> 20 <meta name="copyright" content="Grepix Infotech"> 21 22 23 <!-- Open Graph Optimized --> 24 <meta property="og:title" content="About Grepix Infotech | Leading Mobile App Development Company"> 25 <meta property="og:description" content="Learn about Grepix Infotech, a leading mobile app development company delivering taxi apps, on-demand solutions and scalable software worldwide."> 26 <meta property="og:url" content="https://www.grepixit.com/about-us.html"> 27 <meta property="og:type" content="website"> 28 <meta property="og:site_name" content="Grepix Infotech"> 29 <meta property="og:image" content="https://www.grepixit.com/images/og-about.webp"> 30 <meta property="og:image:alt" content="Grepix Infotech mobile app development company overview"> 31 <meta property="og:locale" content="en_US"> 32 33 <!-- Twitter Optimized --> 34 <meta name="twitter:card" content="summary_large_image"> 35 <meta name="twitter:title" content="About Grepix Infotech | Mobile App Development Experts"> 36 <meta name="twitter:description" content="Learn how Grepix Infotech builds scalable mobile apps, taxi solutions, and on-demand platforms for global businesses."> 37 <meta name="twitter:image" content="https://www.grepixit.com/images/og-about.webp"> 38 <meta name="twitter:image:alt" content="Grepix Infotech mobile app development company overview"> 39 <meta name="twitter:site" content="@grepixit"> 40 <meta name="twitter:creator" content="@grepixit"> 41 <meta name="twitter:url" content="https://www.grepixit.com/about-us.html"> 42 43 44<!-- Google tag (gtag.js) -->
vendor: 67 bytes, lines 44-45
44 45 <script async src="https://www.googletagmanager.com/gtag/js?id=
45G-584DMR892T
vendor: 15 bytes, lines 45-46
45"></script> 46
46<script> 47
vendor: 144 bytes, lines 47-51
47window.dataLayer = window.dataLayer || []; 48 function gtag(){dataLayer.push(arguments);} 49 gtag('js', new Date()); 50 51 gtag('config', '
51G-584DMR892T
vendor: 7 bytes, lines 51-52
51'); 52
52</script>
52 53 <!-- Meta Pixel Code --> 54
54<script>
vendor: 426 bytes, lines 54-63
54 55 !function(f,b,e,v,n,t,s) 56 {if(f.fbq)return;n=f.fbq=function(){n.callMethod? 57 n.callMethod.apply(n,arguments):n.queue.push(arguments)}; 58 if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; 59 n.queue=[];t=b.createElement(e);t.async=!0; 60 t.src=v;s=b.getElementsByTagName(e)[0]; 61 s.parentNode.insertBefore(t,s)}(window, document,'script', 62 'https://connect.facebook.net/en_US/fbevents.js'); 63 fbq('init', '
631461729984874435
vendor: 36 bytes, lines 63-65
63'); 64 fbq('track', 'PageView'); 65
65</script>
65 66 <noscript><img height="1" width="1" style="display:none" 67 src="https://www.facebook.com/tr?id=1461729984874435&ev=PageView&noscript=1" alt="" /></noscript> 68 <!-- End Meta Pixel Code --> 69 70<!-- Google Tag Manager -->
71<script>
vendor: 331 bytes, lines 71-75
71(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 72new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 73j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 74'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 75})(window,document,'script','dataLayer','
75GTM-MCF9VZP
vendor: 3 bytes, line 75
75');
75</script>
75 76<!-- End Google Tag Manager --> 77 78<!-- Start Clarty Microsoft -->
79<script type="text/javascript"> 80 (function(c,l,a,r,i,t,y){ 81 c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; 82 t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i; 83 y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y); 84 })(window, document, "clarity", "script", "x25g7qm6ik"); 85</script>
85 86 87<!-- End Clarty Microsoft--> 88 89 90
91<script type="application/ld+json"> 92{ 93 "@context": "https://schema.org", 94 "@type": "Organization", 95 "name": "Grepix Infotech Pvt Ltd", 96 "url": "https://www.grepixit.com", 97 "logo": "https://www.grepixit.com/images/content/grepix_logo.webp", 98 "foundingDate": "2013", 99 "founder": { 100 "@type": "Person", 101 "name": "Vinay Jain" 102 }, 103 "address": { 104 "@type": "PostalAddress", 105 "streetAddress": "Logix Technova A 328, Sector 132", 106 "addressLocality": "Noida", 107 "addressRegion": "Uttar Pradesh", 108 "postalCode": "201304", 109 "addressCountry": "IN" 110 }, 111 "contactPoint": { 112 "@type": "ContactPoint", 113 "telephone": "+91-8860213347", 114 "contactType": "customer support", 115 "email": "[email protected]" 116 }, 117 "sameAs": [ 118 "https://www.facebook.com/grepixit/", 119 "https://x.com/grepixit", 120 "https://www.linkedin.com/company/grepix-infotech", 121 "https://www.instagram.com/grepixinfotech/", 122 "https://www.youtube.com/channel/UCZF8d-0cbvAJGd_75nl9vcg" 123 ] 124} 125</script>
125 126
127<script type="application/ld+json"> 128{ 129 "@context": "https://schema.org", 130 "@type": "WebPage", 131 "name": "About Grepix Infotech", 132 "url": "https://www.grepixit.com/about-us.html", 133 "description": "Learn about Grepix Infotech, a leading mobile app development company delivering scalable and high-performance digital solutions.", 134 "inLanguage": "en" 135} 136</script>
136 137
138<script type="application/ld+json"> 139{ 140 "@context": "https://schema.org", 141 "@type": "BreadcrumbList", 142 "itemListElement": [ 143 { 144 "@type": "ListItem", 145 "position": 1, 146 "name": "Home", 147 "item": "https://www.grepixit.com/" 148 }, 149 { 150 "@type": "ListItem", 151 "position": 2, 152 "name": "About Us", 153 "item": "https://www.grepixit.com/about-us.html" 154 } 155 ] 156} 157</script>
157
158<script type="application/ld+json"> 159{ 160 "@context": "https://schema.org", 161 "@type": "Person", 162 "name": "Vinay Jain", 163 "jobTitle": "CTO & Co-Founder", 164 "worksFor": { 165 "@type": "Organization", 166 "name": "Grepix Infotech" 167 }, 168 "url": "https://www.grepixit.com/about-us.html" 169} 170</script>
170 171
172<script type="application/ld+json"> 173{ 174 "@context": "https://schema.org", 175 "@type": "LocalBusiness", 176 "name": "Grepix Infotech Pvt Ltd", 177 "image": "https://www.grepixit.com/images/content/grepix_logo.webp", 178 "url": "https://www.grepixit.com", 179 "telephone": "+91-8860213347", 180 "address": { 181 "@type": "PostalAddress", 182 "streetAddress": "Logix Technova A 328, Sector 132", 183 "addressLocality": "Noida", 184 "addressRegion": "Uttar Pradesh", 185 "postalCode": "201304", 186 "addressCountry": "IN" 187 }, 188 "areaServed": ["USA","UK","Europe","Middle East","India","Africa","Australia"], 189 "priceRange": "$$" 190} 191</script>
191 192
193<script type="application/ld+json"> 194{ 195 "@context": "https://schema.org", 196 "@type": "Service", 197 "serviceType": "Mobile App Development", 198 "provider": { 199 "@type": "Organization", 200 "name": "Grepix Infotech" 201 }, 202 "areaServed": "Worldwide", 203 "description": "We provide mobile app development, taxi app development, and on-demand app solutions for startups and enterprises." 204} 205</script>
205
206<script> 207 (function () { 208 "use strict"; 209 210 document.addEventListener("DOMContentLoaded", function () { 211 212 const hamburger = document.getElementById("mobileHamburger"); 213 const drawer = document.getElementById("mobileDrawer"); 214 const overlay = document.getElementById("mobileOverlay"); 215 const drawerClose = document.getElementById("drawerClose"); 216 const header = document.querySelector("header"); 217 218 if (header) { 219 window.addEventListener("scroll", () => { 220 header.classList.toggle("scrolled", window.scrollY > 10); 221 }, { passive: true }); 222 } 223 224 function openDrawer() { 225 if (!hamburger || !drawer || !overlay) return; 226 hamburger.classList.add("is-open"); 227 drawer.classList.add("is-open"); 228 overlay.classList.add("is-open"); 229 hamburger.setAttribute("aria-expanded", "true"); 230 document.body.style.overflow = "hidden"; 231 } 232 233 function closeDrawer() { 234 if (!hamburger || !drawer || !overlay) return; 235 hamburger.classList.remove("is-open"); 236 drawer.classList.remove("is-open"); 237 overlay.classList.remove("is-open"); 238 hamburger.setAttribute("aria-expanded", "false"); 239 document.body.style.overflow = ""; 240 } 241 242 if (hamburger) { 243 hamburger.addEventListener("click", () => { 244 if (drawer.classList.contains("is-open")) { 245 closeDrawer(); 246 } else { 247 openDrawer(); 248 } 249 }); 250} 251 if (drawerClose) drawerClose.addEventListener("click", closeDrawer); 252 if (overlay) overlay.addEventListener("click", closeDrawer); 253 254 window.addEventListener("resize", () => { 255 /* Must match the CSS mobile breakpoint (1024px). At 768 this closed the 256 drawer on tablets, where the hamburger is now the only navigation. */ 257 if (window.innerWidth > 1024) closeDrawer(); 258 }); 259 260 document.querySelectorAll(".drawer-has-sub > a").forEach((link) => { 261 link.addEventListener("click", (e) => { 262 e.preventDefault(); 263 const parentLi = link.parentElement; 264 parentLi.classList.toggle("drawer-open"); 265 }); 266 }); 267 268 document.querySelectorAll(".drawer-has-sub-2 > a").forEach((link) => { 269 link.addEventListener("click", (e) => { 270 const sub2 = link.nextElementSibling; 271 if (sub2 && sub2.classList.contains("drawer-submenu-2")) { 272 e.preventDefault(); 273 link.parentElement.classList.toggle("drawer-open-2"); 274 } 275 }); 276 }); 277 278 }); // end DOMContentLoaded 279 280 })(); 281 </script>
281 282 283 <style> 284 /* Nunito Sans, self-hosted. This page is the ONE page on the site that 285 does not load assets/css/style.css, so it cannot inherit the shared 286 @font-face rules from there and needs its own copy. Paths are 287 root-relative because this file sits at the web root, whereas 288 style.css uses ../fonts/ from inside assets/css/. 289 290 The files are variable (wght axis 200-1000), so a single weight RANGE 291 per style+subset covers every weight this page renders (it previously 292 requested 400, 600 and 700 from Google) with no synthetic bold. 293 font-display: swap keeps text visible in the system fallback while the 294 font downloads - no flash of invisible text. */ 295 @font-face { 296 font-family: 'Nunito Sans'; 297 font-style: normal; 298 font-weight: 200 1000; 299 font-display: swap; 300 src: url(assets/fonts/nunito-sans-var-latin.woff2) format('woff2'); 301 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; 302 } 303 @font-face { 304 font-family: 'Nunito Sans'; 305 font-style: normal; 306 font-weight: 200 1000; 307 font-display: swap; 308 src: url(assets/fonts/nunito-sans-var-latin-ext.woff2) format('woff2'); 309 unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; 310 } 311 @font-face { 312 font-family: 'Nunito Sans'; 313 font-style: italic; 314 font-weight: 200 1000; 315 font-display: swap; 316 src: url(assets/fonts/nunito-sans-var-italic-latin.woff2) format('woff2'); 317 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; 318 } 319 @font-face { 320 font-family: 'Nunito Sans'; 321 font-style: italic; 322 font-weight: 200 1000; 323 font-display: swap; 324 src: url(assets/fonts/nunito-sans-var-italic-latin-ext.woff2) format('woff2'); 325 unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; 326 } 327 328 :root { 329 --blue: #2966BE; --blue-dark: #2966BE; --blue-mid:#2966BE; 330 --orange: #f39c12; --orange-light: #fbb740; --white: #ffffff; 331 --off-white: #f8f9fc; --text: #1a1f36; --text-muted: #5a6480; 332 --border: rgba(41,102,190,0.10); --radius: 18px; --radius-sm: 10px; 333 --shadow: 0 12px 40px rgba(26,35,126,0.10); 334 --shadow-strong: 0 24px 70px rgba(26,35,126,0.16); 335 } 336 *, *::before, *::after { margin:0; padding:0; box-sizing:border-box; } 337 html { scroll-behavior: smooth; } 338 body { font-family: "Nunito Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; color: var(--text); background: #fff; overflow-x: hidden; line-height: 1.65; } 339 .container { max-width: 1180px; margin: 0 auto; padding: 0 28px; } 340 img { display: block; max-width: 100%; } a { text-decoration: none; } 341 342 /* HEADER */ 343 header { background: var(--white); padding: 15px 0; box-shadow: 0 2px 10px rgba(0,0,0,0.1); position: sticky; top: 0; z-index: 1000; } 344 .nav-flex { display: flex; justify-content: space-between; align-items: center; gap: 14px; } 345 .header-logo img { max-height: 45px; width: auto; } 346 .menu-toggle { display: none; width: 38px; height: 38px; border-radius: 10px; border: 1px solid rgba(26,35,126,0.14); background: rgba(255,255,255,0.9); color: var(--blue-dark); cursor: pointer; align-items: center; justify-content: center; flex-direction: column; gap: 4px; padding: 8px; } 347 .menu-toggle span { display: block;
347 width: 20px; height: 2px; background: #333; border-radius: 1px; transition: 0.3s; } 348 .header-nav { display: flex; align-items: center; justify-content: flex-end; flex: 1; } 349 .main-menu { display: flex; list-style: none; gap: 26px; align-items: center; margin: 0; padding: 0; white-space: nowrap; } 350 .main-menu > li { position: relative; } 351 .main-menu > li > a { color: #333; font-weight: 600; font-size: 0.95rem; display: inline-block; } 352 .main-menu > li > a:hover { color: var(--orange); } 353 .dropdown-menu { position: absolute; top: 100%; left: 0; list-style: none; margin: 10px 0 0; padding: 12px 0; min-width: 220px; background: var(--white); box-shadow: 0 12px 30px rgba(0,0,0,0.12); border-radius: 10px; opacity: 0; visibility: hidden; transform: translateY(10px); transition: 0.22s ease; z-index: 2000; } 354 .main-menu > li:hover > .dropdown-menu { opacity: 1; visibility: visible; transform: translateY(0); } 355 .dropdown-menu li a { display: block; padding: 10px 18px; color: #333; font-size: 0.92rem; } 356 .dropdown-menu li a:hover { background: #f8f9fa; color: var(--orange); } 357 358 /* HERO */ 359 .hero { position: relative; min-height: 420px; display: flex; align-items: center; overflow: hidden; background: linear-gradient(135deg, #f0f4ff 0%, #fff8ee 50%, #e8f0fb 100%); } 360 .hero-bg-shapes { position: absolute; inset: 0; pointer-events: none; overflow: hidden; } 361 .hero-bg-shapes::before { content: ""; position: absolute; width: 700px; height: 700px; border-radius: 50%; background: radial-gradient(circle, rgba(243,156,18,0.14) 0%, transparent 70%); top: -200px; right: -100px; } 362 .hero-grid-lines { position: absolute; inset: 0; background-image: linear-gradient(rgba(41,102,190,0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(41,102,190,0.04) 1px, transparent 1px); background-size: 60px 60px; } 363 .hero-inner { position: relative; z-index: 2; width: 100%; text-align: center; padding: 44px 0 36px; } 364 .hero-eyebrow { display: inline-flex; align-items: center; gap: 10px; background: rgba(255,255,255,0.85); border: 1px solid rgba(243,156,18,0.35); border-radius: 999px; padding: 8px 20px; margin-bottom: 20px; font-size: 0.78rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--blue-dark); } 365 .hero-eyebrow .dot { width: 7px; height: 7px; border-radius: 50%; background: var(--orange); animation: pulse-dot 2s ease-in-out infinite; } 366 @keyframes pulse-dot { 0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.7} } 367 .hero h1 { font-size: clamp(1.7rem, 5vw, 3.2rem); font-weight: 600; color: var(--blue); line-height: 1.2; margin-bottom: 18px; } 368 .hero h1 .accent { color: var(--orange); } 369 .hero-lead { font-size: 1.05rem; color: var(--text-muted); max-width: 600px; margin: 0 auto 24px; line-height: 1.75; font-weight: 400; } 370 .btn-group { display: flex; gap: 14px; flex-wrap: wrap; justify-content: center; width: auto !important; } 371 .btn { padding: 13px 30px !important; border-radius: 999px !important; font-weight: 700 !important; border: none !important; cursor: pointer; font-size: 0.92rem !important; transition: all 0.25s; font-family: "Nunito Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; display: inline-flex !important; align-items: center; gap: 8px; width: auto !important; flex: 0 0 auto !important; } 372 .btn-primary { background: linear-gradient(135deg, var(--orange) 0%, #e08e0b 100%); color: #fff; box-shadow: 0 6px 22px rgba(243,156,18,0.38); } 373 .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 10px 30px rgba(243,156,18,0.5); } 374 .btn-outline { border: 1.5px solid rgba(41,102,190,0.4); color: var(--blue); background: rgba(255,255,255,0.9); } 375 .btn-outline:hover { background: var(--blue); color: #fff; } 376 .btn-outline-light { border: 1.5px solid rgba(255,255,255,0.6); color: #fff; background: rgba(255,255,255,0.15); } 377 .btn-outline-light:hover { background: rgba(255,255,255,0.25); } 378 379 /* SECTIONS */ 380 section { padding: 90px 0; } 381 .section-label { display: inline-flex; align-items: center; gap: 8px; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--orange); margin-bottom: 14px; } 382 .section-label::before { content:""; display:block; width:28px; height:2px; background:var(--orange); border-radius:2px; } 383 h2.section-title { font-size: clamp(1.7rem, 3.2vw, 2.5rem); font-weight: 600; color: var(--blue); line-height: 1.2; letter-spacing: -0.02em; margin-bottom: 16px; } 384 .section-sub { font-size: 1.02rem; color: var(--text-muted); max-width: 600px; line-height: 1.75; font-weight: 400; } 385 .section-header { margin-bottom: 52px; } 386 .section-header.center { text-align: center; } 387 .section-header.center .section-label { justify-content: center; } 388 .section-header.center .section-sub { margin: 0 auto; } 389 390 /* WHO WE ARE */ 391 .who-section { background: var(--off-white); } 392 .split-layout {display: grid;grid-template-columns: 1fr 1fr;gap: 70px; align-items: flex-start;} 393 .feature-points { list-style: none; display: flex; flex-direction: column; gap: 20px; margin-top: 30px; } 394 .feature-points li { display: flex; align-items: flex-start; gap: 14px; color: var(--text-muted); font-size: 1rem; line-height: 1.7; } 395 .fp-icon { width: 28px; height: 28px; border-radius: 8px; background: rgba(243,156,18,0.15); color: var(--orange); display: flex; align-items: center; justify-content: center; font-size: 0.8rem; flex-shrink: 0; margin-top: 2px; } 396 /* Left col: normal flow. Right col: stretch to match from h2 downward */ 397 .who-left { display: flex; flex-direction: column; } 398 .who-label-wrap { /* section-label + spacing above h2 */ margin-bottom: 0; } 399 .feature-visual-wrap { display: flex; flex-direction: column; } 400 /* Image fills full height of the right column */ 401 .feature-visual { border-radius: 16px; overflow: hidden; box-shadow: var(--shadow); flex: 1; display: flex;margin-top: 40px; /* adjust this */ } 402 .feature-visual img { width: 100%; object-fit: cover; object-position: center center; display: block; flex: 1; min-height: 260px; } 403 404 /* STATS */ 405 .stats-section { background: var(--off-white); position: relative; overflow: hidden; padding: 56px 0 60px; } 406 .stats-inner { position: relative; z-index: 2; } 407 .stats-bento { display: grid; grid-template-columns: 1.6fr 1fr 1fr; gap: 14px; margin-top: 36px; } 408 .sb-hero { grid-row: 1/3; background: var(--blue); border-radius: 20px; padding: 36px; display: flex; flex-direction: column; justify-content: space-between; position: relative; overflow: hidden; min-height: 260px; } 409 .sb-hero-tag { font-size: 0.7rem; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: rgba(255,255,255,0.5); margin-bottom: 8px; } 410 .sb-hero-num { font-size: clamp(3.5rem, 6vw, 5.5rem); font-weight: 600; color: #fff; line-height: 0.9; letter-spacing: -0.04em; } 411 .sb-hero-num sup { font-size: 0.35em; color: var(--orange); vertical-align: super; margin-left: 4px; } 412 .sb-hero-label { font-size: 1.05rem; color: rgba(255,255,255,0.85); font-weight: 600; margin-top: 14px; } 413 .sb-hero-sub { font-size: 0.88rem; color: rgba(255,255,255,0.75); margin-top: 6px; line-height: 1.6; } 414 .sb-card { border-radius: 18px; padding: 26px 24px; position: relative; overflow: hidden; transition: transform 0.3s; } 415 .sb-card:hover { transform: translateY(-5px); } 416 .sb-card-orange { background: linear-gradient(135deg, var(--orange) 0%, #e08e0b 100%); box-shadow: 0 12px 36px rgba(243,156,18,0.3); } 417 .sb-card-white { background: #fff; border: 1px solid var(--border); box-shadow: 0 8px 28px rgba(26,35,126,0.07); } 418 .sb-card-tag { font-size: 0.68rem; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; margin-bottom: 10px; } 419 .sb-card-orange .sb-card-tag { color: rgba(255,255,255,0.65); } 420 .sb-card-white .sb-card-tag { color: rgba(41,102,190,0.5); } 421 .sb-card-num { font-size: clamp(2.4rem, 4vw, 3.2rem); font-weight: 600; line-height: 1; letter-spacing: -0.03em; } 422 .sb-card-orange .sb-card-num { color: #fff; } 423 .sb-card-white .sb-card-num { color: var(--blue); } 424 .sb-card-num em { font-style: normal; } 425 .sb-card-orange .sb-card-num em { color: rgba(255,255,255,0.65); } 426 .sb-card-white .sb-card-num em { color: var(--orange); } 427 .sb-card-label { font-size: 0.85rem; font-weight: 600; margin-top: 8px; line-height: 1.45; } 428 .sb-card-orange .sb-card-label { color: rgba(255,255,255,0.85); } 429 .sb-card-white .sb-card-label { color: var(--text-muted); } 430 .sb-card-icon-bg { position: absolute; bottom: 12px; right: 16px; font-size: 3.2rem; opacity: 0.08; } 431 .sb-card-orange .sb-card-icon-bg { color: #fff; } 432 .sb-card-white .sb-card-icon-bg { color: var(--blue); } 433 .sb-wide { grid-column: 2/4; border-radius: 18px; padding: 24px 30px; background: #fff; border: 1px solid var(--border); box-shadow: 0 8px 28px rgba(26,35,126,0.07); display: flex; align-items: center; gap: 32px; transition: transform 0.3s; } 434 .sb-wide:hover { transform: translateY(-4px); } 435 .sb-wide-divider { width: 1px; height: 50px; background: var(--border); flex-shrink: 0; } 436 .sb-wide-item { flex: 1; text-align: center; } 437 .sb-wide-num { font-size: 1.9rem; font-weight: 600; color: var(--blue); line-height: 1; } 438 .sb-wide-num span { color: var(--orange); } 439 .sb-wide-label { font-size: 0.75rem; color: var(--text-muted); margin-top: 5px; text-transform: uppercase; letter-spacing: 0.08em; font-weight: 600; } 440 441 /* SERVICES */ 442 .services-section { background: #fff; padding-top: 60px; } 443 .services-list { margin-top: 32px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; } 444 .service-row { display: flex; width: 100%; color: inherit; text-decoration: none;align-items: center; gap: 16px; padding: 18px 20px; border: 1px solid var(--border); border-radius: var(--radius); position: relative; overflow: hidden; transition: all 0.3s; background: var(--off-white); } 445 .service-row:hover { border-color: rgba(243,156,18,0.3); box-shadow: var(--shadow); transform: translateY(-4px); } 446 .sr-icon-wrap { width: 48px; height: 48px; border-radius: 12px; background: rgba(243,156,18,0.1); color: var(--orange); display: flex; align-items: center; justify-content: center; font-size: 1.05rem; flex-shrink: 0; transition: all 0.3s; } 447 .service-row:hover .sr-icon-wrap { background: var(--orange); color: #fff; } 448 .sr-title { font-size: 1rem; font-weight: 600; color: var(--blue); margin-bottom: 3px; } 449 .sr-desc { font-size: 0.88rem; color: var(--text-muted); } 450 451 /* WHY SECTION */ 452 .why-section { background: var(--off-white); } 453 .why-layout { display: grid; grid-template-columns: 5fr 7fr; gap: 80px; align-items: center; } 454 .why-left-headline { font-size: clamp(2rem, 4vw, 3rem); font-weight: 600; color: var(--blue); line-height: 1.15; margin-bottom: 24px; } 455 .why-left-desc { color: var(--text-muted); font-size: 1rem; line-height: 1.8; } 456 .why-steps { display: flex; flex-direction: column; gap: 20px; /* ð increase/decrease as needed */ } 457 .why-step { 458 display: flex;
459 align-items: flex-start; 460 gap: 20px; 461 padding: 22px 26px; 462 border-radius: 14px; 463 background: #ffffff; /* ð¥ white box */ 464 border: 1px solid var(--border); 465 box-shadow: 0 8px 25px rgba(0,0,0,0.05); 466 transition: all 0.3s; 467} 468 /* All steps: no background by default, orange on hover */ 469 .why-step:hover { 470 background: transparent; 471 border-left-color: transparent; 472 transform: translateY(-4px); 473 box-shadow: 0 12px 35px rgba(0,0,0,0.08); 474 } 475 /* All numbers: always orange */ 476 .ws-num { 477 font-size: 2rem; font-weight: 800; 478 color: var(--orange); 479 opacity: 0.75; 480 line-height: 1; min-width: 40px; 481 transition: opacity 0.3s; 482 } 483 .why-step:hover .ws-num { opacity: 1; } 484 /* All headings: always orange */ 485 .ws-content h4 { 486 font-size: 1rem; font-weight: 600; 487 color: var(--orange); margin-bottom: 6px; 488 } 489 .ws-content p { font-size: 0.92rem; color: var(--text-muted); line-height: 1.65; margin: 0; } 490 491 /* FOUNDER */ 492 .founder-section { background: #f5f7fc; } 493 .founder-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; } 494 .founder-img { border-radius: 20px; overflow: hidden; box-shadow: var(--shadow-strong); } 495 .founder-img img { width: 100%; height: 400px; object-fit: cover; } 496 .founder-name { font-size: 1.35rem; color: var(--blue); font-weight: 600; margin-bottom: 4px; } 497 .founder-title { color: var(--orange); font-weight: 700; font-size: 0.95rem; margin-bottom: 24px; } 498 .founder-quote { font-size: 1.05rem; line-height: 1.85; color: var(--text-muted); font-style: italic; border-left: 4px solid var(--orange); padding-left: 22px; margin: 0; } 499 500 /* TEAM */ 501 .team-section { background: #fff; } 502 .team-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; } 503 .team-card { border-radius: var(--radius); border: 1px solid var(--border); padding: 32px 22px 26px; text-align: center; background: var(--off-white); transition: all 0.28s; } 504 .team-card:hover { background: #fff; box-shadow: var(--shadow-strong); transform: translateY(-6px); } 505 .team-avatar { width: 72px; height: 72px; border-radius: 50%; margin: 0 auto 18px; display: flex; align-items: center; justify-content: center; font-size: 1.6rem; color: #fff; } 506 .team-card h4 { font-size: 1.05rem; color: var(--blue); margin-bottom: 8px; font-weight: 600; } 507 .team-card p { color: var(--text-muted); font-size: 0.9rem; line-height: 1.55; margin: 0; } 508 509 /* GLOBAL */ 510 .global-section { position: relative; overflow: hidden; background: #2966BE; padding: 80px 0; } 511 .global-section::before { content:""; position:absolute; inset:0; background-image: radial-gradient(circle at 22% 26%, rgba(243,156,18,0.16) 0%, transparent 22%), linear-gradient(rgba(255,255,255,0.03) 1px,transparent 1px), linear-gradient(90deg,rgba(255,255,255,0.03) 1px,transparent 1px); background-size:auto,48px 48px,48px 48px; z-index:0; } 512 .global-section .section-label { color:rgba(243,156,18,0.95); } 513 .global-section .section-label::before { background:rgba(243,156,18,0.95); } 514 .global-section h2.section-title { color:#fff; } 515 .global-section .section-sub { color:rgba(255,255,255,0.85); margin:0 auto; } 516 .global-map-layout { display: grid; grid-template-columns: 3fr 2fr; gap: 50px; align-items: start; position: relative; z-index: 2; } 517 .global-map-wrap { position: relative; } 518 .map-head { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 16px; } 519 .map-kicker { display: inline-flex; align-items: center; gap: 10px; padding: 8px 14px; border-radius: 999px; background: rgba(255,255,255,0.12); border: 1px solid rgba(255,255,255,0.2); color: rgba(255,255,255,0.95); font-size: 0.76rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; } 520 .map-kicker-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--orange); box-shadow: 0 0 14px rgba(243,156,18,0.8); flex-shrink: 0; } 521 .map-meta { color: rgba(255,255,255,0.78); font-size: 0.82rem; text-align: right; line-height: 1.5; } 522 .world-map-svg { width: 100%; height: 500px; display: block; filter: drop-shadow(0 12px 20px rgba(0,0,0,0.18)); } 523 .pin-pulse { animation: map-pulse 2.2s ease-in-out infinite; } 524 @keyframes map-pulse { 0%,100%{opacity:.55;r:12}50%{opacity:0;r:22} } 525 .map-route { stroke-dasharray: 7 7; animation: route-flow 10s linear infinite; } 526 @keyframes route-flow { from{stroke-dashoffset:0}to{stroke-dashoffset:-140} } 527 .map-chip-row { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; } 528 .map-chip { display: inline-flex; align-items: center; gap: 8px; padding: 7px 12px; border-radius: 999px; background: rgba(255,255,255,0.12); border: 1px solid rgba(255,255,255,0.18); color: rgba(255,255,255,0.92); font-size: 0.76rem; font-weight: 700; } 529 .map-chip span { color: rgba(255,255,255,0.65); font-weight: 600; } 530 .global-country-list { display: flex; flex-direction: column; gap: 10px; } 531 .country-card { display: flex; align-items: center; gap: 12px; padding: 12px 16px; background: rgba(255,255,255,0.12); border: 1px solid rgba(255,255,255,0.2); border-radius: 12px; transition: all 0.3s; backdrop-filter: blur(10px); } 532 .country-card:hover { background: rgba(255,255,255,0.2); border-color: rgba(243,156,18,0.5); transform: translateX(5px); } 533 .country-flag { font-size: 1.3rem; flex-shrink: 0; } 534 .country-name { font-size: 0.9rem; font-weight: 700; color: #fff; flex: 1; } 535 .country-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--orange); flex-shrink: 0; box-shadow: 0 0 8px rgba(243,156,18,0.7); } 536 .global-note { margin-top: 36px; position: relative; z-index: 2; text-align: center; color: rgba(255,255,255,0.72); font-size: 0.9rem; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.15); } 537 538 /* APPROACH */ 539 .approach-section { background: #fff; padding: 64px 0 72px; } 540 .approach-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: start; } 541 .approach-sticky { position: sticky; top: 100px; } 542 .approach-section h2.section-title { font-size: clamp(1.4rem, 2.2vw, 1.9rem); } 543 .approach-intro-text { font-size: 1rem; color: var(--text-muted); line-height: 1.8; margin-top: 16px; } 544 .approach-photo { border-radius: var(--radius); overflow: hidden; box-shadow: var(--shadow-strong); margin-top: 32px; } 545 .approach-photo img { width: 100%; object-fit: cover; aspect-ratio: 16/9; border-radius: 18px; transition: transform 0.4s; } 546 .approach-sticky:hover .approach-photo img { transform: scale(1.02); } 547 .timeline { position: relative; padding-left: 34px; } 548 .timeline::before { content:""; position:absolute; left:13px; top:16px; bottom:16px; width:2px; background:linear-gradient(180deg,var(--orange) 0%,rgba(41,102,190,0.15) 100%); border-radius:2px; } 549 .tl-step { position: relative; padding-bottom: 22px; } 550 .tl-step:last-child { padding-bottom: 0; } 551 .tl-dot-wrap { position: absolute; left: -40px; top: 0; width: 28px; height: 28px; } 552 .tl-dot { width: 28px; height: 28px; border-radius: 50%; background: #fff; border: 2px solid var(--border); display: flex; align-items: center; justify-content: center; box-shadow: var(--shadow); transition: all 0.25s; } 553 .tl-step:hover .tl-dot { border-color: var(--orange); background: var(--orange); } 554 .tl-dot-inner { width: 10px; height: 10px; border-radius: 50%; background: var(--blue); transition: background 0.25s; } 555 .tl-step:hover .tl-dot-inner { background: #fff; } 556 .tl-body { background: var(--off-white); border: 1px solid var(--border); border-radius: var(--radius-sm); padding: 22px 24px; transition: all 0.25s; } 557 .tl-step:hover .tl-body { background: #fff; border-color: rgba(243,156,18,0.35); box-shadow: var(--shadow); transform: translateX(4px); } 558 .tl-step-tag { display: inline-flex; align-items: center; gap: 6px; font-size: 0.7rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--orange); margin-bottom: 10px; } 559 .tl-step-tag::before { content:""; width:14px; height:1.5px; background:var(--orange); border-radius:1px; display:block; } 560 .tl-row { display: flex; align-items: flex-start; gap: 14px; } 561 .tl-icon { width: 40px; height: 40px; border-radius: 10px; background: rgba(243,156,18,0.12); color: var(--orange); display: flex; align-items: center; justify-content: center; font-size: 1rem; flex-shrink: 0; } 562 .tl-body h4 { font-size: 1rem; font-weight: 600; color: var(--blue); margin-bottom: 6px; } 563 .tl-body p { font-size: 0.9rem; color: var(--text-muted); line-height: 1.65; margin: 0; } 564 565 /* CTA â no orange top bar, blue background */ 566 .cta-shell { background: #fff; padding: 0 0 80px; } 567 .cta-final { 568 max-width: 980px; 569 margin: 0 auto; 570 padding: 80px 60px; 571 border-radius: 24px; 572 background: #2966BE; 573 text-align: center; 574 box-shadow: 0 16px 60px rgba(41,102,190,0.30); 575 position: relative; 576 overflow: hidden; 577 } 578 /* REMOVED: orange top accent bar (cta-final::before) */ 579 .cta-inner { position: relative; z-index: 2; } 580 .cta-final h2 { color: #ffffff; font-size: clamp(1.8rem, 3.5vw, 2.5rem); font-weight: 600; margin-bottom: 14px; } 581 .cta-final p { color: rgba(255,255,255,0.82); margin-bottom: 32px; font-size: 1.05rem; } 582 583 /* FOOTER */ 584 .footer-area { background: #fff; padding: 70px; } 585 .footer-midal { padding-bottom: 50px; border-bottom: 1px solid rgba(26,35,126,0.12); } 586 .footer-area .row { display: flex; flex-wrap: wrap; margin: 0 -15px; } 587 .footer-area .col-lg-4 { flex: 0 0 33.333%; max-width: 33.333%; padding: 0 15px; } 588 .footer-area .col-lg-2 { flex: 0 0 16.666%; max-width: 16.666%; padding: 0 15px; } 589 .footer-area .col-lg-3 { flex: 0 0 25%; max-width: 25%; padding: 0 15px; } 590 .footer-widget { margin-bottom: 24px; } 591 .footer-widget p { font-size: 0.9rem; line-height: 1.9; margin-bottom: 20px; color: #444; max-width: 300px; } 592 .footer-widget h3 { color: var(--blue); font-size: 1.05rem; margin-bottom: 18px; font-weight: 600; } 593 .footer-list { list-style: none; margin: 0; padding: 0; } 594 .footer-list li { margin-bottom: 10px; } 595 .footer-list a { color: #444; font-size: 0.9rem; transition: color 0.2s; } 596 .footer-list a:hover { color: var(--orange); } 597 .footer-list-two { list-style: none; margin: 0; padding: 0; } 598 .footer-list-two li { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 12px; color: #444; font-size: 0.9rem; } 599 .footer-list-two li i { color: var(--orange); font-size: 15px; margin-top: 3px; flex-shrink: 0; } 600 .footer-list-two a { color: #444; } 601 .footer-list-two a:hover { color: var(--blue); } 602 .social-link { list-style: none; margin: 0; padding: 0; display: flex; gap: 10px; flex-wrap: wrap; } 603 .social-link a { width: 40px; height: 40px; border-radius: 50%; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 15px; transition: transform 0.2s; } 604 .social-link a:nth-child(1){background:#1877f2}.social-link a:nth-child(2){background:#1da1f2}.social-link a:nth-child(3){background:#0a66c2}.social-link a:nth-child(4){background:#e4405f}.social-link a:nth-child(5){background:#ff0000} 605 .social-link a:hover { transform: scale(1.1); } 606 .footer-awards { padding: 30px 0; border-top: 1px solid #eee; } 607 .award-row { display: flex; justify-content: center; align-items: center; gap: 30px; flex-wrap: wrap; } 608 .award-row img { height: 60px; width: auto; object-fit: contain;
608 opacity: 0.9; transition: transform 0.3s; } 609 .award-row img:hover { transform: scale(1.08); } 610 .copy-right-area { padding: 18px 0; background: #f5f6fa; border-top: 1px solid rgba(26,35,126,0.08); } 611 .copy-right-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; } 612 .copy-right-text p { margin: 0; font-size: 0.88rem; color: #444; } 613 .copy-right-text a { color: var(--blue-dark); font-weight: 700; } 614 .copy-right-list ul { list-style: none; margin: 0; padding: 0; display: flex; gap: 20px; } 615 .copy-right-list a { color: #444; font-size: 0.88rem; } 616 617 /* ANIMATIONS */ 618 @keyframes fadeUp { from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)} } 619 .animate-up { opacity: 0; animation: fadeUp 0.7s ease forwards; } 620 .delay-1{animation-delay:0.1s}.delay-2{animation-delay:0.22s}.delay-3{animation-delay:0.34s} 621 .reveal { opacity: 0; transform: translateY(24px); transition: opacity 0.6s ease, transform 0.6s ease; } 622 .reveal.in-view { opacity: 1; transform: translateY(0); } 623 624 /* TABLET */ 625 @media (max-width: 1024px) { 626 .split-layout,.founder-layout,.approach-layout { grid-template-columns: 1fr; gap: 40px; } 627 .approach-sticky { position: static; } 628 .stats-bento { grid-template-columns: 1fr 1fr; } 629 .sb-hero { grid-row: auto; grid-column: 1/3; min-height: 200px; } 630 .sb-wide { grid-column: 1/3; } 631 .why-layout { grid-template-columns: 1fr; gap: 40px; } 632 .team-grid { grid-template-columns: repeat(2,1fr); } 633 .global-map-layout { grid-template-columns: 1fr; gap: 36px; } 634 .footer-area .col-lg-4,.footer-area .col-lg-2,.footer-area .col-lg-3 { flex: 0 0 50%; max-width: 50%; } 635 .feature-visual img { min-height: 220px; } 636 } 637 638 /* MOBILE */ 639 @media (max-width: 768px) { 640 .container { padding: 0 16px; } 641 section { padding: 56px 0; } 642 .menu-toggle { display: inline-flex; } 643 .header-nav { position: fixed; top: 0; left: -100%; width: 82%; max-width: 300px; height: 100vh; background: var(--white); box-shadow: 2px 0 20px rgba(0,0,0,0.15); transition: left 0.3s; z-index: 999; overflow-y: auto; } 644 .header-nav.is-open { left: 0; } 645 .main-menu { flex-direction: column; gap: 0; padding: 80px 20px 20px; white-space: normal; align-items: flex-start; } 646 .main-menu > li { width: 100%; border-bottom: 1px solid rgba(0,0,0,0.08); } 647 .main-menu > li > a { display: block; padding: 14px 0; font-size: 1rem; width: 100%; } 648 .dropdown-menu { position: static; opacity: 1; visibility: visible; transform: none; box-shadow: none; background: rgba(0,0,0,0.03); margin: 0; padding: 0; display: none; border-radius: 0; min-width: 0; } 649 .main-menu > li.open .dropdown-menu { display: block; } 650 .hero { min-height: 360px; } 651 .hero-inner { padding: 36px 0 28px; } 652 .hero h1 { font-size: clamp(1.5rem, 7vw, 2.2rem); } 653 .hero-lead { font-size: 0.95rem; } 654 .stats-bento { grid-template-columns: 1fr; } 655 .sb-hero { grid-column: 1; min-height: 180px; padding: 26px; } 656 .sb-hero-num { font-size: 3.5rem; } 657 .sb-wide { grid-column: 1; flex-direction: column; gap: 16px; padding: 20px; } 658 .sb-wide-divider { width: 60px; height: 1px; } 659 .services-list { grid-template-columns: 1fr; } 660 .services-list a {display: block;} 661 .why-step:hover { transform: translateX(0); } 662 .founder-img img { height: 260px; } 663 .team-grid { grid-template-columns: repeat(2,1fr); gap: 14px; } 664 .team-card { padding: 22px 14px 18px; } 665 .global-map-layout { grid-template-columns: 1fr; } 666 .map-head { flex-direction: column; align-items: flex-start; gap: 8px; } 667 .map-meta { text-align: left; } 668 .timeline { padding-left: 28px; } 669 .tl-dot-wrap { left: -34px; } 670 .cta-final { padding: 48px 24px; border-radius: 18px; } 671 .footer-area { padding: 40px 16px; } 672 .footer-area .col-lg-4,.footer-area .col-lg-2,.footer-area .col-lg-3 { flex: 0 0 100%; max-width: 100%; } 673 .copy-right-row { flex-direction: column; text-align: center; } 674 .copy-right-list ul { justify-content: center; } 675 h2.section-title { font-size: clamp(1.4rem, 6vw, 2rem); } 676 .section-header { margin-bottom: 36px; } 677 .btn-group { gap: 10px; } 678 .feature-visual img { min-height: 200px; } 679 .split-layout { grid-template-columns: 1fr; gap: 24px; } 680 .feature-visual { order: -1; } 681 .feature-points li { font-size: 0.95rem; } 682 } 683 684 @media (max-width: 480px) { 685 .btn-group { flex-direction: column; align-items: center; } 686 .btn { width: 100%; max-width: 260px; justify-content: center; } 687 .map-chip { font-size: 0.68rem; padding: 5px 10px; } 688 } 689 690 @media (max-width: 768px) { 691 692 .sb-wide-item { 693 text-align: left; 694 } 695 696 .sb-wide {
697 align-items: flex-start; 698 } 699 700} 701 .world-map-img { 702 width: 100%; 703 height: 500px; 704 object-fit: cover; 705 border-radius: 12px; 706} 707/* ============================================================ 708 GREPIX â NAVBAR & HAMBURGER MENU (CSS) 709 Covers: Desktop Nav, Mobile Topbar, Mobile Drawer, 710 Dropdown Menus (L1 / L2 / L3), Hamburger Icon 711 ============================================================ */ 712 713/* ââ CSS VARIABLES (shared tokens) âââââââââââââââââââââââââââ */ 714:root { 715 --blue: #2966BE; 716 --orange: #f39c12; 717 --orange-light: #fbb740; 718 --white: #ffffff; 719 --off-white: #f8f9fc; 720 --text: #2966BE; 721 --text-dark: #2966BE; 722 --text-muted: #2966BE; 723 --border: rgba(41, 102, 190, 0.10); 724 --radius: 18px; 725 --shadow: 0 12px 40px rgba(26, 35, 126, 0.10); 726 --shadow-strong:0 24px 70px rgba(26, 35, 126, 0.16); 727 --blue-glow: rgba(41, 102, 190, 0.18); 728 --orange-glow: rgba(243, 156, 18, 0.20); 729 --blue-soft: rgba(41, 102, 190, 0.08); 730} 731 732 733/* ââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ 734 â DESKTOP NAVBAR (shown above 768 px) â 735 ââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ */ 736 737header { 738 position: sticky; 739 top: 0; 740 z-index: 1000; 741 background: rgba(255, 255, 255, 0.95); 742 border-bottom: 1px solid var(--border); 743 backdrop-filter: blur(16px); 744 transition: box-shadow 0.3s; 745} 746 747header.scrolled { 748 box-shadow: var(--shadow); 749} 750 751/* ââ Nav flex wrapper ââ */ 752.nav-flex { 753 display: flex; 754 align-items: center; 755 justify-content: space-between; 756 height: 70px; 757 gap: 24px; 758} 759 760/* ââ Logo ââ */ 761.header-logo img { 762 height: 40px; 763 width: auto; 764 display: block; 765} 766 767.header-logo-text { 768 font-size: 1.35rem; 769 font-weight: 600; 770 letter-spacing: -0.03em; 771 color: var(--text-dark); 772 position: relative; 773} 774 775.header-logo-text::after { 776 content: ''; 777 position: absolute; 778 bottom: -3px; 779 left: 0; 780 width: 100%; 781 height: 2px; 782 background: linear-gradient(90deg, var(--orange), transparent); 783 border-radius: 99px; 784} 785 786.header-logo-text span { 787 color: var(--orange); 788} 789 790/* ââ Main menu (top-level items) ââ */ 791.main-menu { 792 display: flex; 793 list-style: none; 794 gap: 4px; 795 align-items: center; 796 margin: 0; 797 padding: 0; 798 white-space: nowrap; 799} 800 801.main-menu > li { 802 position: relative; 803} 804 805.main-menu > li > a { 806 color: black; 807 font-weight: 600; 808 font-size: 0.92rem; 809 display: inline-block; 810 padding: 8px 14px; 811 border-radius: 8px; 812 transition: all 0.2s; 813} 814 815.main-menu > li > a:hover { 816 background: var(--blue-soft); 817 color: var(--blue); 818} 819 820/* ââ Desktop dropdown (L1) ââ */ 821.dropdown-menu { 822 position: absolute; 823 top: 100%; 824 left: 0; 825 list-style: none; 826 margin: 10px 0 0; 827 padding: 12px 0; 828 min-width: 220px; 829 background: var(--white); 830 box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12); 831 border-radius: 10px; 832 opacity: 0; 833 visibility: hidden; 834 transform: translateY(10px); 835 transition: 0.22s ease; 836 z-index: 2000; 837} 838 839.main-menu > li:hover > .dropdown-menu { 840 opacity: 1; 841 visibility: visible; 842 transform: translateY(0); 843} 844 845.dropdown-menu li a { 846 display: block; 847 padding: 10px 18px; 848 color: #333; 849 font-size: 0.92rem; 850 transition: background 0.2s, color 0.2s; 851} 852 853.dropdown-menu li a:hover { 854 background: var(--blue-soft); 855 color: var(--blue); 856} 857 858/* ââ Desktop dropdown (L2 â nested inside L1) ââ */ 859.dropdown-menu li { 860 position: relative; 861} 862 863/* Third-level submenus open LEFTWARD. Opening rightward (left:100%) pushed them 864 past the viewport, and because closed dropdowns are hidden with 865 opacity/visibility (not display:none) they still count toward the document's 866 scroll width - which gave the page horizontal scrolling at every width 867 (~180px at tablet sizes, ~23px at 1440). */ 868.dropdown-menu li > .dropdown-menu { 869 top: 0; 870 left: auto; 871 right: 100%; 872 margin: 0 6px 0 0; 873} 874 875/* Same reason: the right-most top-level dropdowns are anchored to the right edge 876 of their item so they expand inward instead of off-screen. */ 877.main-menu > li:nth-last-child(-n+3) > .dropdown-menu { 878 left: auto; 879 right: 0; 880} 881
882.dropdown-menu li:hover > .dropdown-menu { 883 opacity: 1; 884 visibility: visible; 885 transform: translateY(0); 886} 887 888/* ââ Desktop CTA button ââ */ 889.nav-cta-btn { 890 padding: 10px 24px; 891 border-radius: 99px; 892 font-weight: 600; 893 font-size: 0.875rem; 894 background: linear-gradient(135deg, var(--orange), #e08e0b); 895 color: #fff; 896 box-shadow: 0 4px 20px var(--orange-glow); 897 white-space: nowrap; 898 flex-shrink: 0; 899 text-decoration: none; 900 transition: opacity 0.2s, transform 0.2s; 901} 902 903.nav-cta-btn:hover { 904 opacity: 0.9; 905 transform: translateY(-1px); 906} 907 908/* ââ Legacy .menu-toggle (optional, from old code) ââ */ 909.menu-toggle { 910 display: none; 911 flex-direction: column; 912 justify-content: center; 913 align-items: center; 914 gap: 5px; 915 width: 40px; 916 height: 40px; 917 background: none; 918 border: 1px solid var(--border); 919 border-radius: 8px; 920 cursor: pointer; 921 padding: 8px; 922 flex-shrink: 0; 923} 924 925.menu-toggle span { 926 display: block; 927 width: 20px; 928 height: 2px; 929 background: var(--text-dark); 930 border-radius: 2px; 931 transition: all 0.3s; 932} 933 934 935/* ââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ 936 â MOBILE TOP BAR (⤠768 px) â 937 ââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ */ 938 939.mobile-topbar { 940 display: none; /* shown via media query below */ 941 position: sticky; 942 top: 0; 943 z-index: 1000; 944 background: rgba(255, 255, 255, 0.97); 945 border-bottom: 1px solid var(--border); 946 backdrop-filter: blur(16px); 947 padding: 0 16px; 948 height: 60px; 949 align-items: center; 950 justify-content: space-between; 951} 952 953.mobile-topbar img { 954 height: 32px; 955 width: auto; 956} 957 958 959/* ââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ 960 â HAMBURGER BUTTON â 961 ââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ */ 962 963.mobile-hamburger { 964 display: none; /* shown via media query below */ 965 flex-direction: column; 966 justify-content: center; 967 align-items: center; 968 gap: 5px; 969 width: 42px; 970 height: 42px; 971 background: none; 972 border: 1px solid var(--border); 973 border-radius: 8px; 974 cursor: pointer; 975 padding: 8px; 976 z-index: 1001; 977 flex-shrink: 0; 978} 979 980/* Three bars */ 981.mobile-hamburger span { 982 display: block; 983 width: 20px; 984 height: 2px; 985 background: #333; 986 border-radius: 2px; 987 transition: all 0.3s; 988} 989 990/* ââ Animated "X" state ââ */ 991.mobile-hamburger.is-open span:nth-child(1) { 992 transform: translateY(7px) rotate(45deg); 993} 994 995.mobile-hamburger.is-open span:nth-child(2) { 996 opacity: 0; 997} 998 999.mobile-hamburger.is-open span:nth-child(3) { 1000 transform: translateY(-7px) rotate(-45deg); 1001} 1002 1003 1004/* ââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ 1005 â MOBILE NAV OVERLAY (dimmed background) â 1006 ââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ */ 1007 1008.mobile-nav-overlay { 1009 display: none; /* shown via media query below */ 1010 position: fixed; 1011 inset: 0; 1012 background: rgba(0, 0, 0, 0.4); 1013 z-index: 998; 1014 opacity: 0; 1015 transition: opacity 0.3s; 1016} 1017 1018.mobile-nav-overlay.is-open { 1019 opacity: 1; 1020} 1021 1022 1023/* ââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ 1024 â MOBILE NAV DRAWER (slide-in panel) â 1025 ââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ */ 1026 1027.mobile-nav-drawer { 1028 position: fixed; 1029 top: 0; 1030 left: -100%; 1031 width: 82%; 1032 max-width: 300px; 1033 height: 100vh; 1034 background: var(--white); 1035 box-shadow: 4px 0 24px rgba(0, 0, 0, 0.15); 1036 transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1); 1037 z-index: 999; 1038 overflow-y: auto; 1039 display: flex; 1040 flex-direction: column; 1041} 1042 1043.mobile-nav-drawer.is-open { 1044 left: 0; 1045} 1046 1047/* ââ Drawer header (logo + close button) ââ */
1048.drawer-header { 1049 display: flex; 1050 align-items: center; 1051 justify-content: space-between; 1052 padding: 18px 20px; 1053 border-bottom: 1px solid var(--border); 1054} 1055 1056.drawer-header img { 1057 height: 34px; 1058} 1059 1060.drawer-close { 1061 background: none; 1062 border: none; 1063 font-size: 1.4rem; 1064 cursor: pointer; 1065 color: #666; 1066 line-height: 1; 1067} 1068 1069 1070/* ââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ 1071 â DRAWER MENU â LEVEL 1 â 1072 ââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ */ 1073 1074.drawer-menu { 1075 list-style: none; 1076 padding: 12px 0; 1077 flex: 1; 1078 margin: 0; 1079} 1080 1081.drawer-menu li { 1082 border-bottom: 1px solid rgba(0, 0, 0, 0.05); 1083} 1084 1085/* L1 link row */ 1086.drawer-menu > li > a { 1087 display: flex; 1088 align-items: center; 1089 justify-content: space-between; 1090 padding: 14px 20px; 1091 color: #333; 1092 font-weight: 600; 1093 font-size: 0.95rem; 1094 text-decoration: none; 1095 transition: color 0.2s; 1096} 1097 1098.drawer-menu > li > a:hover, 1099.drawer-menu > li > a.active-link { 1100 color: var(--orange); 1101} 1102 1103/* Arrow chevron on L1 items that have children */
1104.drawer-arrow { 1105 font-size: 0.75rem; 1106 color: #999; 1107 transition: transform 0.25s; 1108 flex-shrink: 0; 1109} 1110 1111/* Rotate arrow when L1 item is open */ 1112.drawer-menu li.drawer-open > a > .drawer-arrow { 1113 transform: rotate(90deg); 1114} 1115 1116 1117/* ââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ 1118 â DRAWER MENU â LEVEL 2 (sub-menu) â 1119 ââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ */ 1120 1121.drawer-submenu { 1122 list-style: none; 1123 display: none; /* hidden by default */ 1124 background: var(--off-white); 1125 margin: 0; 1126 padding: 0; 1127} 1128 1129/* Show when parent has .drawer-open */ 1130.drawer-menu li.drawer-open > .drawer-submenu { 1131 display: block; 1132} 1133 1134.drawer-submenu > li { 1135 border-bottom: 1px solid rgba(0, 0, 0, 0.04); 1136} 1137 1138/* L2 link row */
1139.drawer-submenu > li > a { 1140 display: flex; 1141 align-items: center; 1142 justify-content: space-between; 1143 padding: 10px 20px 10px 36px; 1144 color: #555; 1145 font-size: 0.88rem; 1146 font-weight: 500; 1147 text-decoration: none; 1148 transition: color 0.2s; 1149} 1150 1151.drawer-submenu > li > a:hover { 1152 color: var(--orange); 1153} 1154 1155/* Arrow chevron on L2 items that have further children */ 1156.drawer-arrow-2 { 1157 font-size: 0.72rem; 1158 color: #bbb; 1159 transition: transform 0.25s; 1160 flex-shrink: 0; 1161 margin-left: 4px; 1162} 1163 1164/* Rotate arrow when L2 item is open */ 1165.drawer-submenu > li.drawer-open-2 > a > .drawer-arrow-2 { 1166 transform: rotate(90deg); 1167} 1168 1169/* Highlight the active L2 parent */ 1170.drawer-submenu > li.drawer-open-2 > a { 1171 color: var(--orange); 1172 font-weight: 600; 1173} 1174 1175 1176/* ââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ 1177 â DRAWER MENU â LEVEL 3 (sub-sub-menu) â 1178 ââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ */ 1179 1180.drawer-submenu-2 { 1181 list-style: none; 1182 display: none; /* hidden by default */ 1183 background: #edf1f8; 1184 padding: 4px 0; 1185 margin: 0; 1186} 1187 1188/* Show when parent L2 item has .drawer-open-2 */ 1189.drawer-submenu > li.drawer-open-2 > .drawer-submenu-2 { 1190 display: block; 1191} 1192 1193/* L3 link row */
1194.drawer-submenu-2 > li > a { 1195 display: block; 1196 padding: 9px 20px 9px 52px; 1197 color: #666; 1198 font-size: 0.82rem; 1199 font-weight: 400; 1200 text-decoration: none; 1201 transition: color 0.2s, background 0.2s; 1202} 1203 1204.drawer-submenu-2 > li > a:hover { 1205 color: var(--orange); 1206 background: rgba(243, 156, 18, 0.06); 1207} 1208 1209 1210/* ââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ 1211 â DRAWER CTA BUTTON (bottom of drawer) â 1212 ââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ */ 1213 1214.drawer-cta { 1215 padding: 20px; 1216} 1217 1218.drawer-cta a { 1219 display: block; 1220 text-align: center; 1221 padding: 13px; 1222 border-radius: 99px; 1223 background: linear-gradient(135deg, var(--orange), #e08e0b); 1224 color: #fff; 1225 font-weight: 600; 1226 font-size: 0.9rem; 1227 text-decoration: none; 1228 box-shadow: 0 6px 20px var(--orange-glow); 1229 transition: opacity 0.2s, transform 0.2s; 1230} 1231 1232.drawer-cta a:hover { 1233 opacity: 0.9; 1234 transform: translateY(-1px); 1235} 1236 1237 1238/* ââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ 1239 â RESPONSIVE BREAKPOINTS â 1240 ââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ */ 1241 1242/* ââ ⤠1024 px : switch to mobile layout ââ 1243 Was 768px, but the desktop mega-menu needs three stacked levels of ~230px 1244 menus, which does not fit on a tablet - at 820px it overflowed the viewport by 1245 ~182px, giving the page horizontal scroll. 1024px also matches the breakpoint 1246 the page's own JS already uses (window.innerWidth <= 1024) and the â¤1024 query 1247 that collapses the content grids, so the nav was the odd one out. */ 1248@media (max-width: 1024px) { 1249 1250 /* Hide desktop navbar */ 1251 .navbar-area { 1252 display: none; 1253 } 1254 1255 /* Show mobile topbar */ 1256 .mobile-topbar { 1257 display: flex; 1258 } 1259 1260 /* Show hamburger button */ 1261 .mobile-hamburger { 1262 display: flex; 1263 } 1264 1265 /* Make overlay visible (opacity controlled by .is-open class) */ 1266 .mobile-nav-overlay { 1267 display: block; 1268 } 1269} 1270 1271/* ââ > 1024 px : ensure drawer is always closed ââ 1272 Must stay in sync with the mobile breakpoint above, otherwise the drawer is 1273 force-hidden on tablets and the hamburger stops working. */ 1274@media (min-width: 1025px) { 1275 .mobile-nav-drawer { 1276 left: -100% !important; /* forcibly hide if JS resize fires late */ 1277 } 1278 1279 .mobile-nav-overlay { 1280 display: none !important; 1281 } 1282} 1283 1284/* ââ NAVBAR AREA (Desktop) ââ */ 1285.navbar-area { 1286 position: sticky; 1287 top: 0; 1288 z-index: 1000; 1289 background: rgba(255,255,255,0.95); 1290 border-bottom: 1px solid rgba(41,102,190,0.08); 1291 backdrop-filter: blur(16px); 1292 box-shadow: 0 2px 10px rgba(0,0,0,0.06); 1293} 1294 1295.main-nav { 1296 padding: 0; 1297} 1298 1299.main-nav .container { 1300 display: flex; 1301 align-items: center; 1302} 1303 1304.main-nav .navbar { 1305 display: flex; 1306 align-items: center; 1307 justify-content: space-between; 1308 width: 100%; 1309 flex-wrap: nowrap; 1310 padding: 10px 0; 1311} 1312 1313.main-nav .navbar-brand img, 1314.main-nav .logo-one { 1315 height: 40px; 1316 width: auto; 1317 display: block; 1318} 1319 1320.main-nav .mean-menu { 1321 display: flex; 1322 align-items: center; 1323} 1324 1325/* Site menu - desktop top level */ 1326ul.site-menu-main, 1327ul.navbar-nav.site-menu-main { 1328 display: flex !important; 1329 list-style: none; 1330 gap: 2px; 1331 align-items: center; 1332 margin: 0; 1333 padding: 0; 1334 white-space: nowrap; 1335} 1336 1337ul.site-menu-main > li.nav-item { 1338 position: relative; 1339} 1340 1341ul.site-menu-main > li.nav-item > a.nav-link { 1342 color: #222; 1343 font-weight: 600; 1344 font-size: 0.88rem; 1345 display: inline-flex; 1346 align-items: center; 1347 gap: 4px; 1348 padding: 8px 12px; 1349 border-radius: 8px; 1350 transition: all 0.2s; 1351 text-decoration: none; 1352} 1353 1354ul.site-menu-main > li.nav-item > a.nav-link:hover, 1355ul.site-menu-main > li.nav-item > a.nav-link.active { 1356 color: var(--orange); 1357 background: rgba(243,156,18,0.07); 1358} 1359 1360/* L1 dropdown */ 1361ul.site-menu-main > li.nav-item > ul.dropdown-menu { 1362 position: absolute; 1363 top: 100%; 1364 left: 0; 1365 list-style: none; 1366 margin: 8px 0 0; 1367 padding: 10px 0; 1368 min-width: 230px; 1369 background: #fff; 1370 box-shadow: 0 14px 36px rgba(0,0,0,0.13); 1371 border-radius: 10px; 1372 opacity: 0; 1373 visibility: hidden; 1374 transform: translateY(8px); 1375 transition: 0.22s ease; 1376 z-index: 3000; 1377 display: block !important; 1378} 1379 1380ul.site-menu-main > li.nav-item:hover > ul.dropdown-menu { 1381 opacity: 1;
1382 visibility: visible; 1383 transform: translateY(0); 1384} 1385 1386/* Horizontal-overflow guard for the right-hand side of the menu. 1387 Closed dropdowns are hidden with opacity/visibility (not display:none), so they 1388 still count toward the document's scrollWidth. Left as-is, the right-most menus 1389 pushed the page ~23px wider than the viewport at 1440. Only the right-hand items 1390 are flipped inward - flipping all of them sends the left-hand submenus off the 1391 left edge instead, where they get clipped on hover. */ 1392ul.site-menu-main > li.nav-item:nth-last-child(-n+3) > ul.dropdown-menu { 1393 left: auto; 1394 right: 0; 1395} 1396 1397ul.site-menu-main ul.dropdown-menu li.nav-item { 1398 position: relative; 1399} 1400 1401ul.site-menu-main ul.dropdown-menu li.nav-item > a.nav-link { 1402 display: flex; 1403 align-items: center; 1404 justify-content: space-between; 1405 padding: 10px 18px; 1406 color: #333; 1407 font-size: 0.88rem; 1408 font-weight: 500; 1409 transition: background 0.2s, color 0.2s; 1410 text-decoration: none; 1411} 1412 1413ul.site-menu-main ul.dropdown-menu li.nav-item > a.nav-link:hover { 1414 background: rgba(243,156,18,0.07); 1415 color: var(--orange); 1416} 1417 1418/* L2 dropdown (nested) */ 1419ul.site-menu-main ul.dropdown-menu li.nav-item > ul.dropdown-menu { 1420 position: absolute; 1421 top: 0; 1422 left: 100%; 1423 margin: 0 0 0 4px; 1424 padding: 10px 0; 1425 min-width: 220px; 1426 background: #fff; 1427 box-shadow: 0 14px 36px rgba(0,0,0,0.13); 1428 border-radius: 10px; 1429 list-style: none; 1430 opacity: 0; 1431 visibility: hidden; 1432 transform: translateY(4px); 1433 transition: 0.22s ease; 1434 z-index: 3100; 1435 display: block !important; 1436} 1437 1438ul.site-menu-main ul.dropdown-menu li.nav-item:hover > ul.dropdown-menu { 1439 opacity: 1; 1440 visibility: visible; 1441 transform: translateY(0); 1442} 1443 1444/* Get Demo CTA button in navbar â small pill */ 1445a.nav-cta-btn { 1446 margin-left: 10px; 1447 padding: 8px 18px !important; 1448 border-radius: 99px !important; 1449 font-weight: 600 !important; 1450 font-size: 0.82rem !important; 1451 line-height: 1.2 !important; 1452 background: linear-gradient(135deg, var(--orange), #e08e0b) !important; 1453 color: #fff !important; 1454 white-space: nowrap; 1455 flex-shrink: 0; 1456 text-decoration: none !important; 1457 transition: opacity 0.2s, transform 0.2s; 1458 box-shadow: 0 4px 14px rgba(243,156,18,0.35); 1459 display: inline-flex !important; 1460 align-items: center; 1461 gap: 6px; 1462 border: none !important; 1463} 1464 1465a.nav-cta-btn:hover { 1466 opacity: 0.9; 1467 transform: translateY(-1px); 1468 color: #fff !important; 1469} 1470 1471 </style> 1472<style> 1473@media (min-width: 768px) { 1474 .whatsapp { position: fixed; top: 65%; transform: translateY(-50%); z-index: 100020; right: 0; } 1475 .bitrix { position: fixed; top: 35%; transform: translateY(-50%); z-index: 100020; right: 0; cursor: pointer; } 1476 .floating-widgets { display: contents; } 1477} 1478@media (max-width: 767px) { 1479 .text-center-mobile { text-align: center; } 1480 .floating-widgets { 1481 position: fixed; 1482 right: 8px; 1483 top: 50%; 1484 transform: translateY(-50%); 1485 z-index: 10150; 1486 display: flex; 1487 flex-direction: column; 1488 align-items: center; 1489 gap: 8px; 1490 } 1491 .floating-widgets .bitrix, 1492 .floating-widgets .whatsapp { 1493 position: static; 1494 transform: none; 1495 } 1496} 1497</style> 1498<link rel="stylesheet" href="assets/css/heading-scale.css" /> 1499</head> 1500<body> 1501<!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 1501-1502
1501 1502<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
1502GTM-MCF9VZP
vendor: 85 bytes, lines 1502-1503
1502" 1503height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
1504<!-- End Google Tag Manager (noscript) --> 1505 1506<!-- ââ MOBILE TOP BAR (shown only on mobile) ââ --> 1507 <div class="mobile-topbar"> 1508 <a href="index.html"> 1509 <img src="assets/img/grepix-logo.webp" alt="Grepix Logo"> 1510 </a> 1511 <button class="mobile-hamburger" id="mobileHamburger" aria-label="Opezn menu" aria-expanded="false"> 1512 <span></span> 1513 <span></span> 1514 <span></span> 1515 </button> 1516 </div> 1517 1518 <!-- Mobile Nav Overlay --> 1519 <div class="mobile-nav-overlay" id="mobileOverlay"></div> 1520 1521 <!-- Mobile Nav Drawer --> 1522 <nav class="mobile-nav-drawer" id="mobileDrawer" aria-label="Mobile navigation"> 1523 <div class="drawer-header"> 1524 <a href="index.html"><img src="assets/img/grepix-logo.webp" alt="Grepix Logo"></a> 1525 <button class="drawer-close" id="drawerClose" aria-label="Close menu">â</button> 1526 </div> 1527 <ul class="drawer-menu"> 1528 1529 <!-- Home --> 1530 <li><a href="index.html" class="active-link">Home</a></li> 1531 1532 <!-- Company --> 1533 <li class="drawer-has-sub"> 1534 <a href="#">Company <span class="drawer-arrow">âº</span></a> 1535 <ul class="drawer-submenu"> 1536 <li><a href="engagement-models.html">Engagement Models</a></li> 1537 <li><a href="about-us.html">About Us</a></li> 1538 <li><a href="team.html">Our Team</a></li> 1539 <li><a href="achievement.html">Achievements</a></li> 1540 <li><a href="blog.html">Blogs</a></li> 1541 <li><a href="careers.html">Careers</a></li> 1542 <li><a href="GrepixInfotech-brochure2x.pdf">Brochure</a></li> 1543 </ul> 1544 </li> 1545 1546 <!-- Services --> 1547 <li class="drawer-has-sub"> 1548 <a href="#">Services <span class="drawer-arrow">âº</span></a> 1549 <ul class="drawer-submenu"> 1550 1551 <!-- Mobile App Development (has sub-sub) --> 1552 <li class="drawer-has-sub-2"> 1553 <a href="ios-android-application-services.html">Mobile App Development <span class="drawer-arrow-2">âº</span></a> 1554 <ul class="drawer-submenu-2"> 1555 <li><a href="ios-app-development-company.html">iOS App Development</a></li> 1556 <li><a href="iphone-app-development-company.html">iPhone App Development</a></li> 1557 <li><a href="swift-app-development-company.html">Swift App Development</a></li> 1558 <li><a href="android-app-development-company.html">Android App Development</a></li> 1559 <li><a href="flutter-app-development.html">Flutter App Development</a></li> 1560 <li><a href="enterprise-mobile-app-development.html">Enterprise App Development</a></li> 1561 </ul> 1562 </li> 1563 1564 <li><a href="taxi-booking-app-development">Taxi App Development</a></li> 1565 <li><a href="design-art-service-development-company.html">Design & Art Services</a></li> 1566 <li><a href="game-development-company.html">Games Development</a></li> 1567 1568 <!-- Web Development (has sub-sub) --> 1569 <li class="drawer-has-sub-2"> 1570 <a href="website-development-company.html">Web Development <span class="drawer-arrow-2">âº</span></a> 1571 <ul class="drawer-submenu-2"> 1572 <li><a href="website-development-company.html">Websites Development</a></li> 1573 <li><a href="html5-application-development-company.html">HTML5 Application Development</a></li> 1574 <li><a href="ecommerce-development-company.html">E-Commerce Development</a></li> 1575 <li><a href="nodejs.html">Node.js</a></li> 1576 <li><a href="javascript.html">JavaScript</a></li> 1577 </ul> 1578 </li> 1579 1580 <li><a href="internet-of-things-iot.html">IoT Application Development</a></li> 1581 1582 <!-- Digital Marketing (has sub-sub) --> 1583 <li class="drawer-has-sub-2"> 1584 <a href="digital-marketing.html">Digital Marketing <span class="drawer-arrow-2">âº</span></a> 1585 <ul class="drawer-submenu-2"> 1586 <li><a href="seo-services.html">SEO Services</a></li> 1587 <li><a href="smo-services.html">SMO Services</a></li> 1588 <li><a href="ppc-services.html">Pay Per Click</a></li> 1589 </ul> 1590 </li> 1591 1592 <li><a href="socket-programming.html">Socket Programming</a></li> 1593 <li><a href="core-devops.html">Core DevOps</a></li> 1594 1595 <!-- Cloud Services (has sub-sub) -->
1596 <li class="drawer-has-sub-2"> 1597 <a href="amazon-web-services.html">Cloud Services <span class="drawer-arrow-2">âº</span></a> 1598 <ul class="drawer-submenu-2"> 1599 <li><a href="amazon-web-services.html">Amazon Web Services (AWS)</a></li> 1600 <li><a href="cyber-security.html">Cyber Security</a></li> 1601 </ul> 1602 </li> 1603 1604 <!-- Database (has sub-sub) --> 1605 <li class="drawer-has-sub-2"> 1606 <a href="mysql.html">Database <span class="drawer-arrow-2">âº</span></a> 1607 <ul class="drawer-submenu-2"> 1608 <li><a href="mysql.html">MySQL</a></li> 1609 </ul> 1610 </li> 1611 1612 </ul> 1613 </li> 1614 1615 <!-- Products --> 1616 <li class="drawer-has-sub"> 1617 <a href="products.html">Products <span class="drawer-arrow">âº</span></a> 1618 <ul class="drawer-submenu"> 1619 1620 <!-- Taxi Apps --> 1621 <li class="drawer-has-sub-2"> 1622 <a href="taxi-apps.html">Taxi Apps <span class="drawer-arrow-2">âº</span></a> 1623 <ul class="drawer-submenu-2"> 1624 <li><a href="uber-clone.html">Uber Clone</a></li> 1625 <li><a href="inDriver-clone.html">Bid N Ride</a></li> 1626 <!--<li><a href="rapido-clone.html">Rapido Clone</a></li>--> 1627 <li><a href="lyft-clone.html">Lyft Clone</a></li> 1628 <li><a href="ola-clone.html">OLA Clone</a></li> 1629 <li><a href="didi-clone.html">Didi Clone</a></li> 1630 <li><a href="bolt-clone.html">Bolt Clone</a></li> 1631 <li><a href="gett-clone.html">Gett Clone</a></li> 1632 <li><a href="blablacar-clone.html">BlaBlaCar Clone</a></li> 1633 1634 </ul> 1635 </li> 1636 1637 <!-- On-Demand Apps --> 1638 <li class="drawer-has-sub-2"> 1639 <a href="on-demand-apps.html">On-Demand Apps <span class="drawer-arrow-2">âº</span></a> 1640 <ul class="drawer-submenu-2"> 1641 <li><a href="car-wash-app.html">Car Wash App</a></li> 1642 <li><a href="ambulance-app-development.html">Ambulance App</a></li> 1643 <li><a href="logistics-app.html">Logistics App</a></li> 1644 <li><a href="car-rental-app.html">Car Rental App</a></li> 1645 <li><a href="parking-app.html">Parking App</a></li> 1646 <li><a href="towing-app.html">Towing App</a></li> 1647 <li><a href="roadside-assistance-app.html">Roadside Assistance App</a></li> 1648 <li><a href="taskrabbit-clone.html">Taskrabbit Clone</a></li> 1649 <li><a href="housejoy-clone.html">HouseJoy Clone</a></li> 1650 <li><a href="gas-delivery-app-development.html">Gas Delivery App</a></li> 1651 <li><a href="water-delivery-app.html">Water Delivery App</a></li> 1652 </ul> 1653 </li> 1654 1655 <!-- Dating Apps --> 1656 <li class="drawer-has-sub-2"> 1657 <a href="dating-apps.html">Dating Apps <span class="drawer-arrow-2">âº</span></a> 1658 <ul class="drawer-submenu-2"> 1659 <li><a href="tinder-clone.html">Tinder Clone</a></li> 1660 <li><a href="bumble-clone.html">Bumble Clone</a></li> 1661 <li><a href="happn-clone.html">Happn Clone</a></li> 1662 <li><a href="okcupid-clone.html">OkCupid Clone</a></li> 1663 <li><a href="eharmony-clone.html">Eharmony Clone</a></li> 1664 <li><a href="badoo-clone.html">Badoo Clone</a></li> 1665 </ul> 1666 </li> 1667 1668 <!-- Food Delivery Apps --> 1669 <li class="drawer-has-sub-2"> 1670 <a href="food-delivery-apps.html">Food Delivery Apps <span class="drawer-arrow-2">âº</span></a> 1671 <ul class="drawer-submenu-2"> 1672 <li><a href="zomato-clone-app.html">Zomato Clone</a></li> 1673 <li><a href="swiggy-clone-app.html">Swiggy Clone</a></li> 1674 <li><a href="ubereats-clone.html">Uber Eats Clone</a></li> 1675 <li><a href="doordash-clone.html">DoorDash Clone</a></li> 1676 <li><a href="postmates-clone.html">Postmates Clone</a></li> 1677 </ul> 1678 </li> 1679 1680 <!-- Grocery Delivery Apps -->
1681 <li class="drawer-has-sub-2"> 1682 <a href="grocery-delivery-apps.html">Grocery Delivery Apps <span class="drawer-arrow-2">âº</span></a> 1683 <ul class="drawer-submenu-2"> 1684 <li><a href="instacart-clone.html">Instacart Clone</a></li> 1685 <li><a href="blinkit-clone-app.html">Blinkit Clone</a></li> 1686 <li><a href="bigbasket-clone-app.html">Bigbasket Clone</a></li> 1687 </ul> 1688 </li> 1689 1690 <!-- Multi Delivery Apps --> 1691 <li class="drawer-has-sub-2"> 1692 <a href="multi-delivery-app-development-company.html">Multi Delivery Apps <span class="drawer-arrow-2">âº</span></a> 1693 <ul class="drawer-submenu-2"> 1694 <li><a href="dunzo-clone.html">Dunzo Clone</a></li> 1695 <li><a href="rappi-clone.html">Rappi Clone</a></li> 1696 <li><a href="quiqup-clone.html">Quiqup Clone</a></li> 1697 </ul> 1698 </li> 1699 1700 </ul> 1701 </li> 1702 1703 <!-- Hire Developers --> 1704 <li class="drawer-has-sub"> 1705 <a href="#">Hire Developers <span class="drawer-arrow">âº</span></a> 1706 <ul class="drawer-submenu"> 1707 <li><a href="hire-mobile-app-developers.html">Hire Mobile App Developers</a></li> 1708 <li><a href="hire-android-app-developers.html">Hire Android App Developers</a></li> 1709 <li><a href="hire-iphone-app-developers.html">Hire iPhone App Developers</a></li> 1710 </ul> 1711 </li> 1712 1713 <!-- Contact --> 1714 <li><a href="contact-us.html">Contact Us</a></li> 1715 1716 </ul> 1717 <div class="drawer-cta"> 1718 <a href="https://calendly.com/grepix/schedule-a-demo">ð Get a Free Demo</a> 1719 </div> 1720 </nav> 1721 1722 <!-- Start Navbar Area (Desktop only) --> 1723 <div class="navbar-area" style="background: rgba(255,255,255,0.95); border-bottom: 1px solid rgba(41,102,190,0.08); backdrop-filter: blur(16px);"> 1724 <!-- Menu For Mobile Device (hidden via CSS on mobile) --> 1725 <div class="mobile-nav" style="display:none;"> 1726 <a href="index.html" class="logo"> 1727 <img src="assets/img/grepix-logo.webp" class="logo-one" alt="Grepix Logo"> 1728 </a> 1729 </div> 1730 1731 <!-- Menu For Desktop Device --> 1732 <div class="main-nav"> 1733 <div class="container"> 1734 <nav class="container-max-2 navbar navbar-expand-md navbar-light" style="display:flex; align-items:center; justify-content:space-between; flex-wrap:nowrap; padding: 12px 0;"> 1735 <a class="navbar-brand" href="index.html" style="margin-left: 15px;"> 1736 <img src="assets/img/grepix-logo.webp" class="logo-one" alt="Grepix Logo"> 1737 </a> 1738 1739 <div class="mean-menu" id="navbarSupportedContent" style="display:flex; align-items:center;"> 1740 <ul class="main-menu site-menu-main"> 1741 <li class="nav-item"> 1742 <a href="index.html" class="nav-link active">Home</a> 1743 </li> 1744 <li class="nav-item"> 1745 <a href="game-development-company.html" class="nav-link">Company <i class='bx bx-plus'></i></a> 1746 <ul class="dropdown-menu"> 1747 <li class="nav-item"><a href="engagement-models.html" class="nav-link">Engagement Models</a></li> 1748 <li class="nav-item"><a href="about-us.html" class="nav-link">About Us</a></li> 1749 <li class="nav-item"><a href="team.html" class="nav-link">Our Team</a></li> 1750 <li class="nav-item"><a href="achievement.html" class="nav-link">Achievements</a></li> 1751 <li class="nav-item"><a href="blog.html" class="nav-link">Blogs</a></li> 1752 <li class="nav-item"><a href="careers.html" class="nav-link">Careers</a></li> 1753 <li class="nav-item"><a href="GrepixInfotech-brochure2x.pdf" class="nav-link">Brochure</a></li> 1754 </ul> 1755 </li> 1756 <li class="nav-item"> 1757 <a href="on-demand-services-app.html" class="nav-link">Services <i class='bx bx-plus'></i></a> 1758 <ul class="dropdown-menu"> 1759 <li class="nav-item"> 1760 <a href="ios-android-application-services.html" class="nav-link">Mobile App Development <i class='bx bx-plus'></i></a> 1761 <ul class="dropdown-menu"> 1762 <li class="nav-item"><a href="ios-app-development-company.html" class="nav-link">iOS App Development</a></li> 1763 <li class="nav-item"><a href="iphone-app-development-company.html" class="nav-link">iPhone App Development</a></li> 1764 <li class="nav-item"><a href="swift-app-development-company.html" class="nav-link">Swift App Development</a></li> 1765 <li class="nav-item"><a href="android-app-development-company.html" class="nav-link">Android App Development</a></li> 1766 <li class="nav-item"><a href="flutter-app-development.html" class="nav-link">Flutter App Development</a></li> 1767 <li class="nav-item"><a href="enterprise-mobile-app-development.html" class="nav-link">Enterprise App Development</a></li> 1768 </ul> 1769 </li> 1770 <li class="nav-item"><a href="taxi-booking-app-development" class="nav-link">Taxi Booking App Development</a></li> 1771 <li class="nav-item"><a href="design-art-service-development-company.html" class="nav-link">Design & Art Services</a></li> 1772 <li class="nav-item"><a href="game-development-company.html" class="nav-link">Games Development</a></li> 1773 <li class="nav-item"> 1774 <a href="website-development-company.html" class="nav-link">Web Development <i class='bx bx-plus'></i></a> 1775 <ul class="dropdown-menu"> 1776 <li class="nav-item"><a href="website-development-company.html" class="nav-link">Websites Development</a></li> 1777 <li class="nav-item"><a href="html5-application-development-company.html" class="nav-link">HTML5 Application Development</a></li> 1778 <li class="nav-item"><a href="ecommerce-development-company.html" class="nav-link">E-Commerce Development</a></li> 1779 <li class="nav-item"><a href="nodejs.html" class="nav-link">Node.js</a></li> 1780 <li class="nav-item"><a href="javascript.html" class="nav-link">JavaScript</a></li> 1781 </ul> 1782 </li> 1783 <li class="nav-item"><a href="internet-of-things-iot.html" class="nav-link">IoT Application Development</a></li> 1784 <li class="nav-item"> 1785 <a href="digital-marketing.html" class="nav-link">Digital Marketing <i class='bx bx-plus'></i></a> 1786 <ul class="dropdown-menu"> 1787 <li class="nav-item"><a href="seo-services.html" class="nav-link">SEO Services</a></li> 1788 <li class="nav-item"><a href="smo-services.html" class="nav-link">SMO Services</a></li> 1789 <li class="nav-item"><a href="ppc-services.html" class="nav-link">Pay Per Click</a></li> 1790 </ul> 1791 </li> 1792 <li class="nav-item"><a href="socket-programming.html" class="nav-link">Socket Programming</a></li> 1793 <li class="nav-item"><a href="core-devops.html" class="nav-link">Core DevOps</a></li> 1794 <li class="nav-item"> 1795 <a href="amazon-web-services.html" class="nav-link">Cloud Services <i class='bx bx-plus'></i></a> 1796 <ul class="dropdown-menu"> 1797 <li class="nav-item"><a href="amazon-web-services.html" class="nav-link">Amazon Web Services (AWS)</a></li> 1798 <li class="nav-item"><a href="cyber-security.html" class="nav-link">Cyber Security</a></li> 1799 </ul> 1800 </li> 1801 <li class="nav-item"> 1802 <a href="mysql.html" class="nav-link">Database <i class='bx bx-plus'></i></a> 1803 <ul class="dropdown-menu"> 1804 <li class="nav-item"><a href="mysql.html" class="nav-link">MySQL</a></li> 1805 </ul> 1806 </li> 1807 </ul> 1808 </li> 1809 <li class="nav-item"> 1810 <a href="products.html" class="nav-link">Apps <i class="bx bx-plus"></i></a> 1811 <ul class="dropdown-menu"> 1812 <li class="nav-item"> 1813 <a href="#" class="nav-link">Our Products <i class="bx bx-plus"></i></a> 1814 <ul class="dropdown-menu"> 1815 <li class="nav-item"><a href="gta-logistics-app.html" class="nav-link">GTA Logistics App</a></li> 1816 <li class="nav-item"><a href="hireme-taxi-app.html" class="nav-link">HireMe Taxi App</a></li> 1817 <li class="nav-item"><a href="bid-n-ride-taxi-app-solution.html" class="nav-link">Bid N Ride</a></li> 1818 <li class="nav-item"><a href="instaresq.html" class="nav-link">InstaResQ App</a></li> 1819 <li class="nav-item"><a href="masaladish.html" class="nav-link">MasalaDish Food App</a></li> 1820 <li class="nav-item"><a href="ondemand-apps.html" class="nav-link">On-Demand App</a></li> 1821 </ul> 1822 </li> 1823 <li class="nav-item"> 1824 <a href="#" class="nav-link">Clone Apps <i class="bx bx-plus"></i></a> 1825 <ul class="dropdown-menu"> 1826 <li class="nav-item"> 1827 <a href="taxi-apps.html" class="nav-link">Taxi Apps <i class="bx bx-plus"></i></a> 1828 <ul class="dropdown-menu"> 1829 <li class="nav-item"><a href="uber-clone.html" class="nav-link">Uber Clone</a></li> 1830 <li class="nav-item"><a href="inDriver-clone.html" class="nav-link">Bid N Ride</a></li> 1831 <!-- <li class="nav-item"><a href="rapido-clone.html" class="nav-link">Rapido Clone</a></li> --> 1832 <li class="nav-item"><a href="lyft-clone.html" class="nav-link">Lyft Clone</a></li> 1833 <li class="nav-item"><a href="ola-clone.html" class="nav-link">OLA Clone</a></li> 1834 <li class="nav-item"><a href="didi-clone.html" class="nav-link">Didi Clone</a></li> 1835 <li class="nav-item"><a href="bolt-clone.html" class="nav-link">Bolt Clone</a></li> 1836 <li class="nav-item"><a href="gett-clone.html" class="nav-link">Gett Clone</a></li> 1837 <li class="nav-item"><a href="blablacar-clone.html" class="nav-link">BlaBlaCar Clone</a></li> 1838 </ul> 1839 </li> 1840 <li class="nav-item"> 1841 <a href="on-demand-apps.html" class="nav-link">On-Demand Apps <i class="bx bx-plus"></i></a> 1842 <ul class="dropdown-menu"> 1843 <li class="nav-item"><a href="car-wash-app.html" class="nav-link">Car Wash App</a></li> 1844 <li class="nav-item"><a href="ambulance-app-development.html" class="nav-link">Ambulance App</a></li> 1845 <li class="nav-item"><a href="logistics-app.html" class="nav-link">Logistics App</a></li> 1846 <li class="nav-item"><a href="car-rental-app.html" class="nav-link">Car Rental App</a></li> 1847 <li class="nav-item"><a href="parking-app.html" class="nav-link">Parking App</a></li> 1848 <li class="nav-item"><a href="towing-app.html" class="nav-link">Towing App</a></li> 1849 <li class="nav-item"><a href="roadside-assistance-app.html" class="nav-link">Roadside Assistance App</a></li> 1850 <li class="nav-item"><a href="taskrabbit-clone.html" class="nav-link">Taskrabbit Clone</a></li> 1851 <li class="nav-item"><a href="housejoy-clone.html" class="nav-link">HouseJoy Clone</a></li> 1852 <li class="nav-item"><a href="gas-delivery-app-development.html" class="nav-link">Gas Delivery App</a></li> 1853 <li class="nav-item"><a href="water-delivery-app.html" class="nav-link">Water Delivery App</a></li> 1854 </ul> 1855 </li> 1856 <li class="nav-item"> 1857 <a href="dating-apps.html" class="nav-link">Dating Apps <i class="bx bx-plus"></i></a> 1858 <ul class="dropdown-menu"> 1859 <li class="nav-item"><a href="tinder-clone.html" class="nav-link">Tinder Clone</a></li> 1860 <li class="nav-item"><a href="bumble-clone.html" class="nav-link">Bumble Clone</a></li> 1861 <li class="nav-item"><a href="happn-clone.html" class="nav-link">Happn Clone</a></li> 1862 <li class="nav-item"><a href="okcupid-clone.html" class="nav-link">OkCupid Clone</a></li> 1863 <li class="nav-item"><a href="eharmony-clone.html" class="nav-link">Eharmony Clone</a></li> 1864 <li class="nav-item"><a href="badoo-clone.html" class="nav-link">Badoo Clone</a></li> 1865 </ul> 1866 </li> 1867 <li class="nav-item"> 1868 <a href="food-delivery-apps.html" class="nav-link">Food Delivery Apps <i class="bx bx-plus"></i></a> 1869 <ul class="dropdown-menu"> 1870 <li><a href="zomato-clone-app.html">Zomato Clone</a></li> 1871 <li><a href="swiggy-clone-app.html">Swiggy Clone</a></li> 1872 <li><a href="ubereats-clone.html">Uber Eats Clone</a></li> 1873 <li><a href="doordash-clone.html">DoorDash Clone</a></li> 1874 <li><a href="postmates-clone.html">Postmates Clone</a></li> 1875 </ul> 1876 </li> 1877 <li class="nav-item"> 1878 <a href="multi-delivery-app-development-company.html" class="nav-link" 1879 >Multi Delivery Apps <i class="bx bx-plus"></i 1880 ></a> 1881 <ul class="dropdown-menu"> 1882 <li class="nav-item"><a href="dunzo-clone.html" class="nav-link">Dunzo Clone</a></li> 1883 <li class="nav-item"><a href="rappi-clone.html" class="nav-link">Rappi Clone</a></li> 1884 <li class="nav-item"><a href="quiqup-clone.html" class="nav-link">Quiqup Clone</a></li> 1885 </ul> 1886 </li> 1887 <li class="nav-item"> 1888 <a href="grocery-delivery-apps.html" class="nav-link">Grocery Delivery Apps <i class="bx bx-plus"></i></a> 1889 <ul class="dropdown-menu"> 1890 <li class="nav-item"><a href="instacart-clone.html" class="nav-link">Instacart Clone</a></li> 1891 <li class="nav-item"><a href="bigbasket-clone-app.html" class="nav-link">BigBasket Clone</a></li> 1892 <li class="nav-item"><a href="blinkit-clone-app.html" class="nav-link">Blinkit Clone</a></li> 1893 </ul> 1894 </li> 1895 </ul> 1896 </li> 1897 </ul> 1898 </li> 1899 <li class="nav-item"> 1900 <a href="hire-android-app-developers.html" class="nav-link">Hire Developers <i class='bx bx-plus'></i></a> 1901 <ul class="dropdown-menu"> 1902 <li class="nav-item"><a href="hire-mobile-app-developers.html" class="nav-link">Hire Mobile App Developers</a></li> 1903 <li class="nav-item"><a href="hire-android-app-developers.html" class="nav-link">Hire Android App Developers</a></li> 1904 <li class="nav-item"><a href="hire-ip
1904hone-app-developers.html" class="nav-link">Hire iPhone App Developers</a></li> 1905 </ul> 1906 </li> 1907 <li class="nav-item"> 1908 <a href="contact-us.html" class="nav-link">Contact Us</a> 1909 </li> 1910 </ul> 1911 <a href="https://calendly.com/grepix/schedule-a-demo" class="nav-cta-btn">ð Get a Free Demo</a> 1912 </div> 1913 </nav> 1914 </div> 1915 </div> 1916 </div> 1917 <!-- End Navbar Area --> 1918 1919 <main> 1920 1921<!-- HERO --> 1922<section class="hero"> 1923 <div class="hero-bg-shapes"></div> 1924 <div class="hero-grid-lines"></div> 1925 <div class="container"> 1926 <div class="hero-inner"> 1927 <div class="hero-eyebrow animate-up"><span class="dot"></span>Grepix Infotech â Est. Since 2012</div> 1928 <h1 class="animate-up delay-1">Build, Launch & Scale Your<br> <span class="accent">On-Demand App</span> with Confidence</h1> 1929 <p class="hero-lead animate-up delay-2">We are a leading mobile app development company helping startups and enterprises build powerful on-demand apps from idea to launch and beyond.</p> 1930 <div class="btn-group animate-up delay-3"> 1931 <a href="https://wa.me/919953542101" class="btn btn-primary">Connect on Whatsapp</a> 1932 <a href="https://calendly.com/grepix/schedule-a-demo" class="btn btn-outline">Schedule A Demo</a> 1933 </div> 1934 </div> 1935 </div> 1936</section> 1937 1938<!-- WHO WE ARE â feature-badge removed, starts directly from section-label + heading --> 1939<section class="who-section"> 1940 <div class="container"> 1941 <div class="split-layout"> 1942 <!-- Left column --> 1943 <div class="reveal"> 1944 <div class="section-label">Who We Are</div> 1945 <h2 class="section-title" id="who-heading">What Makes Grepix Infotech Unique?</h2> 1946 <ul class="feature-points"> 1947 <li><div class="fp-icon"><i class="fas fa-check"></i></div><span>Grepix Infotech is a trusted app development company and web development company delivering innovative, scalable, and high-performance digital solutions.</span></li> 1948 <li><div class="fp-icon"><i class="fas fa-check"></i></div><span>With strong expertise in taxi app development, delivery app development, and logistics platforms, we help startups and enterprises turn ideas into powerful applications that drive real business results.</span></li> 1949 </ul> 1950 </div> 1951 <!-- Right column: simplified feature-visual --> 1952 <div class="reveal feature-visual"> 1953 <img src="assets\img\who-we-are.webp" alt="Mobile app development team working on scalable app solutions"> 1954 </div> 1955 </div> 1956 </div> 1957</section> 1958 1959<!-- STATS --> 1960<section class="stats-section"> 1961 <div class="container stats-inner"> 1962 <div class="section-header center"> 1963 <div class="section-label">Our Impact</div> 1964 <h2 class="section-title">Built on Experience. Backed by Results.</h2> 1965 <p class="section-sub">A quick look at the scale, experience, and results behind our work.</p> 1966 </div> 1967 <div class="stats-bento"> 1968 <div class="sb-hero reveal"> 1969 <div> 1970 <div class="sb-hero-tag">Our Impact</div> 1971 <div class="sb-hero-num"><span class="count" data-target="500">500</span><sup>+</sup></div> 1972 <div class="sb-hero-label">Apps Successfully Delivered</div> 1973 <div class="sb-hero-sub">From startup MVPs to large-scale platforms & delivered successfully.</div> 1974 </div> 1975 </div> 1976 <div class="sb-card sb-card-orange reveal"> 1977 <div class="sb-card-tag">Experience</div> 1978 <div class="sb-card-num"><span class="count" data-target="14">14</span><em>+</em></div> 1979 <div class="sb-card-label">Years of Industry Experience</div> 1980 <div class="sb-card-icon-bg"><i class="fas fa-clock"></i></div> 1981 </div> 1982 <div class="sb-card sb-card-white reveal"> 1983 <div class="sb-card-tag">Reach</div> 1984 <div class="sb-card-num"><span class="count" data-target="5">5</span><em>+</em></div> 1985 <div class="sb-card-label">Global Regions Served</div> 1986 <div class="sb-card-icon-bg"><i class="fas fa-globe"></i></div> 1987 </div> 1988 <div class="sb-wide reveal"> 1989 <div class="sb-wide-item"><div class="sb-wide-num">10+</div><div class="sb-wide-label">Industries Served</div></div> 1990 <div class="sb-wide-divider"></div> 1991 <div class="sb-wide-item"><div class="sb-wide-num">95<span>%</span></div><div class="sb-wide-label">Client Retention</div></div> 1992 <div class="sb-wide-divider"></div> 1993 <div class="sb-wide-item"><div class="sb-wide-num">Est. <span>2012</span></div><div class="sb-wide-label">Year Founded</div></div> 1994 </div> 1995 </div> 1996 </div> 1997</section> 1998<!-- SERVICES --> 1999<section class="services-section"> 2000 <div class="container"> 2001 2002 <div class="section-header center"> 2003 <div class="section-label">Services</div> 2004 <h2 class="section-title">What We Do</h2> 2005 <p class="section-sub">
2006 We offer end-to-end mobile app and web development services tailored for modern businesses. 2007 </p> 2008 </div> 2009 2010 <div class="services-list reveal"> 2011 2012 <a href="on-demand-apps.html" class="service-row"> 2013 <div class="sr-icon-wrap"><i class="fas fa-car"></i></div> 2014 <div> 2015 <div class="sr-title">On-Demand App Development</div> 2016 <div class="sr-desc">Taxi, delivery, and logistics.</div> 2017 </div> 2018 </a> 2019 2020 <a href="ios-android-application-services.html" class="service-row"> 2021 <div class="sr-icon-wrap"><i class="fas fa-mobile-screen-button"></i></div> 2022 <div> 2023 <div class="sr-title">Mobile App Development</div> 2024 <div class="sr-desc">Android & iOS apps.</div> 2025 </div> 2026 </a> 2027 2028 <a href="website-development-company.html" class="service-row"> 2029 <div class="sr-icon-wrap"><i class="fas fa-desktop"></i></div> 2030 <div> 2031 <div class="sr-title">Custom Web Application Development</div> 2032 </div> 2033 </a> 2034 2035 <a href="design-art-service-development-company.html" class="service-row"> 2036 <div class="sr-icon-wrap"><i class="fas fa-pen-ruler"></i></div> 2037 <div> 2038 <div class="sr-title">UI/UX Design Services</div> 2039 </div> 2040 </a> 2041 2042 <a href="amazon-web-services.html" class="service-row"> 2043 <div class="sr-icon-wrap"><i class="fas fa-cloud"></i></div> 2044 <div> 2045 <div class="sr-title">Cloud-Based Scalable Solutions</div> 2046 </div> 2047 </a> 2048 2049 <a href="contact-us.html" class="service-row"> 2050 <div class="sr-icon-wrap"><i class="fas fa-headset"></i></div> 2051 <div> 2052 <div class="sr-title">Maintenance and Support Services</div> 2053 </div> 2054 </a> 2055 2056 </div> 2057 2058 </div> 2059</section> 2060 2061<!-- WHY CHOOSE â step 01 always orange number + orange heading, plain white background --> 2062<section class="why-section"> 2063 <div class="container"> 2064 <div class="why-layout"> 2065 <div class="reveal"> 2066 <div class="section-label">Our Edge</div> 2067 <h2 class="why-left-headline">Why Businesses Choose Grepix?</h2> 2068 <p class="why-left-desc">Our approach is shaped by what we believe in â building solutions that solve real problems, creating long-term partnerships, and delivering work you can rely on.</p> 2069 </div> 2070 <div class="why-steps reveal"> 2071 <div class="why-step"><div class="ws-num">01</div><div class="ws-content"><h3>We Understand What You're Building</h3><p>We take time to understand your business, so we can build solutions that solve real problems and not just deliver features.</p></div></div> 2072 <div class="why-step"><div class="ws-num">02</div><div class="ws-content"><h3>Clear Communication, No Guesswork</h3><p>We keep everything transparent with regular updates and open communication, so you always feel informed and in control.</p></div></div> 2073 <div class="why-step"><div class="ws-num">03</div><div class="ws-content"><h3>Thoughtful, Practical Solutions</h3><p>Every decision we make is focused on building something useful, reliable, and easy to use for both you and your users.</p></div></div> 2074 <div class="why-step"><div class="ws-num">04</div><div class="ws-content"><h3>A Team You Can Rely On</h3><p>We work as your long-term partner, staying involved beyond launch to support, improve, and grow your product over time.</p></div></div> 2075 </div> 2076 </div> 2077 </div> 2078</section> 2079 2080<!-- FOUNDER --> 2081<section class="founder-section"> 2082 <div class="container"> 2083 <div class="section-header center"> 2084 <div class="section-label">Leadership</div> 2085 <h2 class="section-title">Founder's Message</h2> 2086 </div> 2087 <div class="founder-layout"> 2088 <div class="founder-img reveal"><img src="assets\img\vinay-jain.webp" alt="Vinay Jain CTO and Co-Founder of Grepix Infotech"></div> 2089 <div class="reveal"> 2090 <div class="founder-name">Vinay Jain</div> 2091 <div class="founder-title">CTO & Co-Founder</div> 2092 <blockquote class="founder-quote">"At Grepix Infotech, our vision has always been to simplify technology for businesses. We believe that every idea has the potential to grow into a successful platform with the right execution and strategy. Our focus is not just on development, but on creating solutions that deliver real value, scalability, and long-term success."</blockquote> 2093 </div> 2094 </div> 2095 </div> 2096</section> 2097 2098<!-- TEAM --> 2099<section class="team-section"> 2100 <div class="container"> 2101 <div class="section-header center"> 2102 <div class="section-label">
2102The People</div> 2103 <h2 class="section-title">Our Team</h2> 2104 <p class="section-sub"> Behind every successful product we build is a team of developers, testers, and strategists focused on delivering quality, speed, and seamless user experiences.</p> 2105 </div> 2106 <div class="team-grid"> 2107 <div class="team-card reveal"><div class="team-avatar" style="background:linear-gradient(135deg,#667eea,#764ba2)"><i class="fas fa-code"></i></div><h4>Experienced mobile app developers</h4></div> 2108 <div class="team-card reveal"><div class="team-avatar" style="background:linear-gradient(135deg,#f093fb,#f5576c)"><i class="fas fa-pen-ruler"></i></div><h4>QA & Testing Experts</h4></div> 2109 <div class="team-card reveal"><div class="team-avatar" style="background:linear-gradient(135deg,#11998e,#38ef7d)"><i class="fas fa-cloud"></i></div><h4>Backend and cloud experts</h4></div> 2110 <div class="team-card reveal"><div class="team-avatar" style="background:linear-gradient(135deg,#fa709a,#fee140)"><i class="fas fa-diagram-project"></i></div><h4>Project managers focused on delivery</h4></div> 2111 </div> 2112 </div> 2113</section> 2114 2115<!-- GLOBAL PRESENCE --> 2116<section class="global-section"> 2117 <div class="container"> 2118 <div class="section-header center" style="position:relative;z-index:2"> 2119 <div class="section-label"> Worldwide Specialization</div> 2120 <h2 class="section-title">Global Reach, Industry-Focused Expertise</h2> 2121 <p class="section-sub">We have successfully delivered solutions to clients worldwide, serving industries like transportation, healthcare, logistics, and more.</p> 2122 </div> 2123 <div class="global-map-layout reveal"> 2124 <div class="global-map-wrap"> 2125 <img src="assets\img\global.webp" alt="Global reach of Grepix Infotech mobile app development services" class="world-map-img"/> 2126 </div> 2127 <div class="global-country-list"> 2128 <div class="country-card reveal"><div class="country-flag">🇺🇸</div><div class="country-name">USA</div><div class="country-dot"></div></div> 2129 <div class="country-card reveal"><div class="country-flag">🇬🇧</div><div class="country-name">UK</div><div class="country-dot"></div></div> 2130 <div class="country-card reveal"><div class="country-flag">🇪🇺</div><div class="country-name">Europe</div><div class="country-dot"></div></div> 2131 <div class="country-card reveal"><div class="country-flag">🇦🇪</div><div class="country-name">Middle East</div><div class="country-dot"></div></div> 2132 <div class="country-card reveal"><div class="country-flag">🇮🇳</div><div class="country-name">India</div><div class="country-dot"></div></div> 2133 <div class="country-card reveal"><div class="country-flag">🌍</div><div class="country-name">Africa</div><div class="country-dot"></div></div> 2134 <div class="country-card reveal"><div class="country-flag">🇦🇺</div><div class="country-name">Australia</div><div class="country-dot"></div></div> 2135 </div> 2136 </div> 2137 </div> 2138</section> 2139 2140<!-- APPROACH --> 2141<section class="approach-section"> 2142 <div class="container"> 2143 <div class="approach-layout"> 2144 <div class="reveal approach-sticky"> 2145 <div class="section-label">Methodology</div> 2146 <h2 class="section-title">How We Bring Your App to Life</h2> 2147 <p class="approach-intro-text">We keep things simple and transparent. From understanding your idea to launching your product, our process is designed to move fast, stay aligned with your goals, and keep you involved at every step.</p> 2148 <div class="approach-photo"><img src="assets\img\methology.webp" alt="Our process in action"></div> 2149 </div> 2150 <div class="reveal"> 2151 <div class="timeline"> 2152 <div class="tl-step"><div class="tl-dot-wrap"><div class="tl-dot"><div class="tl-dot-inner"></div></div></div><div class="tl-body"><div class="tl-step-tag">Step 01</div><div class="tl-row"><div class="tl-icon"><i class="fas fa-comments"></i></div><div><h3>Understand Your Business</h3><p>
2152We start by getting to know your business your goals, your users, and what you're trying to achieve.</p></div></div></div></div> 2153 <div class="tl-step"><div class="tl-dot-wrap"><div class="tl-dot"><div class="tl-dot-inner"></div></div></div><div class="tl-body"><div class="tl-step-tag">Step 02</div><div class="tl-row"><div class="tl-icon"><i class="fas fa-pen-ruler"></i></div><div><h3>Plan and Design</h3><p>Next, we map out how everything will work. From user flows to overall structure, focused on creating an experience that's easy to use.</p></div></div></div></div> 2154 <div class="tl-step"><div class="tl-dot-wrap"><div class="tl-dot"><div class="tl-dot-inner"></div></div></div><div class="tl-body"><div class="tl-step-tag">Step 03</div><div class="tl-row"><div class="tl-icon"><i class="fas fa-code"></i></div><div><h3>Build the Product</h3><p>Once everything is clear, we start development. We work in phases, share regular updates, and keep things flexible.</p></div></div></div></div> 2155 <div class="tl-step"><div class="tl-dot-wrap"><div class="tl-dot"><div class="tl-dot-inner"></div></div></div><div class="tl-body"><div class="tl-step-tag">Step 04</div><div class="tl-row"><div class="tl-icon"><i class="fas fa-flask"></i></div><div><h3>Test and Improve</h3><p>Before launch, we thoroughly test the product across devices and scenarios. We fix issues and improve performance.</p></div></div></div></div> 2156 <div class="tl-step"><div class="tl-dot-wrap"><div class="tl-dot"><div class="tl-dot-inner"></div></div></div><div class="tl-body"><div class="tl-step-tag">Step 05</div><div class="tl-row"><div class="tl-icon"><i class="fas fa-headset"></i></div><div><h3>Launch and Support</h3><p>After launch, we don't just step away. We continue to support, monitor, and improve your product as your business grows.</p></div></div></div></div> 2157 </div> 2158 </div> 2159 </div> 2160 </div> 2161</section> 2162 2163<!-- CTA â orange top bar removed --> 2164<div class="cta-shell"> 2165 <div class="container"> 2166 <div class="cta-final"> 2167 <div class="cta-inner"> 2168 <h2>Looking Ahead</h2> 2169 <p>As the demand for mobile apps and on-demand platforms continues to grow, we aim to stay ahead by delivering innovative, future-ready solutions that empower businesses worldwide.</p> 2170 <div class="btn-group"> 2171 <a href="https://calendly.com/grepix/schedule-a-demo" class="btn btn-primary">Schedule a Demo</a> 2172 </div> 2173 </div> 2174 </div> 2175 </div> 2176</div> 2177 2178<!-- FOOTER --> 2179 2180 <div class="container"> 2181 <div class="row"> 2182 <div class="col-lg-12"> 2183 <div class="related-solutions pb-70"> 2184 <h3>More About Grepix</h3> 2185 <ul> 2186 <li><a href="team.html">our team</a></li> 2187 <li><a href="portfolio.html">our portfolio</a></li> 2188 <li><a href="engagement-models.html">our engagement models</a></li> 2189 </ul> 2190 </div> 2191 </div> 2192 </div> 2193 </div> 2194</main> 2195 2196 <footer class="footer-area"> 2197 <div class="container"> 2198 <div class="footer-midal"> 2199 <div class="row"> 2200 <div class="col-lg-4"> 2201 <div class="footer-widget"> 2202 <img src="assets/img/grepix-logo.webp" alt="Grepix Infotech mobile app development company logo"> 2203 <p>We are a leading mobile application development company. Take your app ideas to a new level with scalable, cost-effective solutions and services.</p> 2204 <ul class="social-link"> 2205 <li><a href="https://www.facebook.com/grepixit/" target="_blank" rel="noopener" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a></li> 2206 <li><a href="https://x.com/grepixit" target="_blank" rel="noopener" aria-label="X (formerly Twitter)"><i class="fab fa-twitter"></i></a></li> 2207 <li><a href="https://in.linkedin.com/company/grepix-infotech" target="_blank" rel="noopener" aria-label="LinkedIn"><i class="fab fa-linkedin-in"></i></a></li> 2208 <li><a href="https://www.instagram.com/grepixinfotech/" target="_blank" rel="noopener" aria-label="Instagram"><i class="fab fa-instagram"></i></a></li> 2209 <li><a href="https://www.youtube.com/channel/UCZF8d-0cbvAJGd_75nl9vcg" target="_blank" rel="noopener" aria-label="YouTube"><i class="fab fa-youtube"></i></a></li> 2210 </ul> 2211 </div> 2212 </div> 2213 <div class="col-lg-2 col-sm-5"> 2214 <div class="footer-widget"> 2215 <h3>Company</h3> 2216 <ul class="footer-list"> 2217 <li><a href="engagement-models.html">Engagement Models</a></li> 2218 <li><a href="about-us.html">About Us</a></li> 2219 <li><a href="achievement.html">Achievements</a></li> 2220 <li><a href="client-reviews.html">
2220Client Reviews</a></li> 2221 <li><a href="products.html">Products</a></li> 2222 <li><a href="careers.html">Career</a></li> 2223 <li><a href="ease-of-doing-business.html">Ease Of Doing Business</a></li> 2224 <li><a href="GrepixInfotech-brochure2x.pdf">Brochure</a></li> 2225 </ul> 2226 </div> 2227 </div> 2228 <div class="col-lg-3 col-sm-7"> 2229 <div class="footer-widget"> 2230 <h3>Products</h3> 2231 <ul class="footer-list"> 2232 <li><a href="taxi-apps.html">Taxi Apps</a></li> 2233 <li><a href="on-demand-apps.html">On-Demand Apps</a></li> 2234 <li><a href="dating-apps.html">Dating Apps</a></li> 2235 <li><a href="logistics-app.html">Logistics App</a></li> 2236 <li><a href="food-delivery-apps.html">Food Delivery Apps</a></li> 2237 <li><a href="multi-delivery-app-development-company.html">Multi Delivery Apps</a></li> 2238 <li><a href="grocery-delivery-apps.html">Grocery Delivery Apps</a></li> 2239 </ul> 2240 </div> 2241 </div> 2242 <div class="col-lg-3"> 2243 <div class="footer-widget"> 2244 <h3>Address</h3> 2245 <ul class="footer-list-two"> 2246 <li><i class="fas fa-phone-alt"></i><a href="tel:+918860213347">+91-886-021-3347</a></li> 2247 <li><i class="fas fa-envelope"></i><a href="mailto:[email protected]">[email protected]</a></li> 2248 <li><i class="fas fa-map-marker-alt"></i><span>Logix Technova A 328, Sector 132, Noida, India - 201304</span></li> 2249 </ul> 2250 </div> 2251 </div> 2252 </div> 2253 </div> 2254 </div> 2255 <div class="footer-awards"> 2256 <div class="container"> 2257 <div class="award-row"> 2258 <a href="https://clutch.co/profile/grepix-infotech-pvtltd" target="_blank"><img src="assets/img/clutch.webp" alt="Clutch verified Grepix Infotech mobile app development company"></a> 2259 <a href="https://www.goodfirms.co/company/grepix-infotech-pvt-ltd" target="_blank"><img src="assets/img/goodfirm.webp" alt="Grepix Infotech listed on GoodFirms"></a> 2260 <a href="https://www.appfutura.com/developers/grepix-infotech" target="_blank"><img src="assets/img/appfutura.webp" alt="Grepix Infotech AppFutura profile"></a> 2261 <a href="https://www.crowdreviews.com/grepix-infotech" target="_blank"><img src="assets/img/crowd-reviews-badge.webp" alt="Grepix Infotech CrowdReviews rating badge"></a> 2262 <a href="https://www.designrush.com/agency/profile/grepix-infotech" target="_blank"><img src="assets/img/designrush.webp" alt="Grepix Infotech featured on DesignRush"></a> 2263 </div> 2264 </div> 2265 </div> 2266 <div class="copy-right-area"> 2267 <div class="container"> 2268 <div class="copy-right-row"> 2269 <div class="copy-right-text"><p>Copyright 2026 © <a href="https://www.grepixit.com" target="_blank" rel="noopener">Grepix Infotech Pvt Ltd.</a> All rights reserved.</p></div> 2270 <div class="copy-right-list"><ul><li><a href="privacy-policy.html">Privacy Policy</a></li><li><a href="refund.html">Refund</a></li></ul></div> 2271 </div> 2272 </div> 2273 </div> 2274</footer> 2275
2276<script> 2277 const menuToggle = document.querySelector('.menu-toggle'); 2278 const headerNav = document.querySelector('.header-nav'); 2279 if (menuToggle && headerNav) { 2280 menuToggle.addEventListener('click', () => { 2281 const open = menuToggle.getAttribute('aria-expanded') === 'true'; 2282 menuToggle.setAttribute('aria-expanded', String(!open)); 2283 headerNav.classList.toggle('is-open'); 2284 }); 2285 document.addEventListener('click', e => { 2286 if (!menuToggle.contains(e.target) && !headerNav.contains(e.target)) { 2287 headerNav.classList.remove('is-open'); 2288 menuToggle.setAttribute('aria-expanded','false'); 2289 } 2290 }); 2291 } 2292 document.querySelectorAll('.main-menu > li > a').forEach(link => { 2293 const li = link.parentElement; 2294 if (li && li.querySelector('.dropdown-menu')) { 2295 link.addEventListener('click', e => { 2296 if (window.innerWidth <= 1024) { e.preventDefault(); li.classList.toggle('open'); } 2297 }); 2298 } 2299 }); 2300 window.addEventListener('resize', () => { 2301 if (window.innerWidth > 1024) { 2302 headerNav && headerNav.classList.remove('is-open'); 2303 menuToggle && menuToggle.setAttribute('aria-expanded','false'); 2304 document.querySelectorAll('.main-menu > li.open').forEach(li => li.classList.remove('open')); 2305 } 2306 }); 2307 2308 const revealObs = new IntersectionObserver((entries) => { 2309 entries.forEach((entry, i) => { 2310 if (entry.isIntersecting) { 2311 entry.target.style.transitionDelay = (i % 4) * 0.08 + 's'; 2312 entry.target.classList.add('in-view'); 2313 revealObs.unobserve(entry.target); 2314 } 2315 }); 2316 }, { threshold: 0.1, rootMargin: '0px 0px -40px 0px' }); 2317 document.querySelectorAll('.reveal').forEach(el => revealObs.observe(el)); 2318 2319 const statsSection = document.querySelector('.stats-section'); 2320 if (statsSection) { 2321 const cObs = new IntersectionObserver(entries => { 2322 if (entries[0].isIntersecting) { 2323 document.querySelectorAll('.count').forEach(counter => { 2324 const target = parseInt(counter.dataset.target, 10); 2325 const start = performance.now(); 2326 const dur = 2000; 2327 const tick = now => { 2328 const p = Math.min((now - start) / dur, 1); 2329 counter.textContent = Math.round(target * (1 - Math.pow(1-p,3))); 2330 if (p < 1) requestAnimationFrame(tick); 2331 }; 2332 requestAnimationFrame(tick); 2333 }); 2334 cObs.disconnect(); 2335 } 2336 }, { threshold: 0.3 }); 2337 cObs.observe(statsSection); 2338 } 2339</script>
2339 2340<!-- JivoSite chat - loaded on the visitor's first interaction, not at page load. 2341 Previously this bundle downloaded, parsed and executed during initial load 2342 (and pulls further requests of its own), which is a direct contributor to 2343 Total Blocking Time. Nothing is requested from jivosite.com until the 2344 visitor actually engages - scroll, tap, click, key press or pointer move - 2345 after which the widget appears and behaves exactly as before. 2346 The WhatsApp and "Schedule a demo" buttons are plain HTML and remain 2347 available immediately, so there is always a way to reach us. -->
2348<script> 2349 /* jivoOnInteraction */ 2350 (function () { 2351 var EVENTS = ['scroll', 'pointerdown', 'touchstart', 'keydown', 'mousemove']; 2352 /* passive so scrolling performance is untouched; capture so it still fires 2353 if something below stops propagation */ 2354 var OPTS = { passive: true, capture: true }; 2355 var started = false; 2356 2357 function loadJivo() { 2358 if (started) return; 2359 started = true; 2360 for (var i = 0; i < EVENTS.length; i++) { 2361 window.removeEventListener(EVENTS[i], loadJivo, OPTS); 2362 } 2363 var s = document.createElement('script'); 2364 s.src = 'https://code.jivosite.com/widget/nx7PBSypAP'; 2365 s.async = true; 2366 (document.body || document.documentElement).appendChild(s); 2367 } 2368 2369 for (var i = 0; i < EVENTS.length; i++) { 2370 window.addEventListener(EVENTS[i], loadJivo, OPTS); 2371 } 2372 })(); 2373</script>
2373 2374 <div class="floating-widgets"> 2375 <div class="bitrix"> 2376 <a href="https://calendly.com/grepix/schedule-a-demo" target="_blank" rel="nofollow"><img src="images/content/schedule-a-demo.webp" loading="lazy" alt="Schedule a demo with Grepix Infotech"></a> 2377 </div> 2378 <div class="whatsapp"> 2379 <a href="https://wa.me/919953542101" class="facebook" target="_blank"><img src="images/content/whatsapp.webp" loading="lazy" alt="Chat with Grepix Infotech on WhatsApp"></a> 2380 </div> 2381</div>
2381<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"79f180589b12461086cf8aee2a572da0","r":1,"spa":2}' crossorigin="anonymous"></script>
2381 2382</body> 2383</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.