1<!DOCTYPE html><!-- This site was created in Webflow. https://webflow.com --><!-- Last Published: Thu May 08 2025 09:46:32 GMT+0000 (Coordinated Universal Time) --> 2<html data-wf-page="682f80057c0ee5f53a9765c9" data-wf-site="67f8d854185b1c7daec296ef"> 3<head> 4 <meta charset="utf-8"> 5 <title>NayaPay | Home</title> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,user-scalable=0"/> 7 <meta name="apple-itunes-app" content="app-id=1621286305, app-argument=https://nayapay.com/inapp/home"> 8 9 <meta property="og:image" content="https://nayapay.com/images/rebrand/meta-image-3.png"> 10<meta property="twitter:image" content="https://nayapay.com/images/rebrand/meta-image-3.png"> 11<meta property="og:title" content="NayaPay"> 12<meta property="og:description" content="Join millions on NayaPay. Send money, pay bills, split expenses, shop globally with a Visa debit card and more. Sign up instantly!"> 13<meta property="twitter:title" content="NayaPay"> 14<meta property="twitter:description" content="Join millions on NayaPay. Send money, pay bills, split expenses, shop globally with a Visa debit card and more. Sign up instantly!"> 15<meta property="og:url" content="https://nayapay.com"> 16<meta property="twitter:card" content="summary_large_image"> 17<meta name="description" content="Join millions on NayaPay. Send money, pay bills, split expenses, shop globally with a Visa debit card and more. Sign up instantly!"> 18<meta name="csrf-param" content="_csrf"> 19<meta name="csrf-token" content="N02zfm2wFWRMxXclvu0rRucTk89-BYGFOVyInmHG0Q4aDtgoLtxlVQC0Q2vhl1gh0Xn0mwdizLFzDsXfU6iYbA=="> 20
21<script type="module" src="https://nayapay.com/.webmcp/bridge.js" data-packs="c2pa,mcp-server-client"></script>
21<link href="/css/rebrand/smart-banner-android.css" rel="stylesheet"> 22 23 24
24<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
24 25
25<script type="text/javascript">WebFont.load({ google: { families: ["Montserrat:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic","Lato:100,100italic,300,300italic,400,400italic,700,700italic,900,900italic","Open Sans:300,300italic,400,400italic,600,600italic,700,700italic,800,800italic","Droid Sans:400,700","DM Sans:100,200,300,regular,500,600,700,800,900,italic"] }});</script>
25 26
26<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
26 27 28 <link href="/css/rebrand/normalize.css" rel="stylesheet" type="text/css"> 29 <link href="/css/rebrand/webflow.css" rel="stylesheet" type="text/css"> 30 <link href="/css/rebrand/nayapay-rebrand-site.webflow.css" rel="stylesheet" type="text/css"> 31 <link href="/css/rebrand/custom.css" rel="stylesheet" type="text/css"> 32 33 <link href="/css/rebrand/custom_header_footer.css" rel="stylesheet" type="text/css"> 34 <!-- Favicon --> 35 <link href="/images/rebrand/favicon-32x32.png" rel="shortcut icon" type="image/x-icon" sizes="32x32"> 36 <link href="/images/rebrand/favicon-16x16.png" rel="shortcut icon" type="image/x-icon" sizes="16x16"> 37 <link href="/images/rebrand/apple-touch-icon.png" rel="apple-touch-icon"> 38 39 <!-- Google Analyst script -->
vendor: 66 bytes, lines 39-40
39 40 <script async src="https://www.googletagmanager.com/gtag/js?id=
40G-V45RC0F5TS
vendor: 14 bytes, lines 40-41
40"></script> 41
41<script> 42
vendor: 139 bytes, lines 42-45
42window.dataLayer = window.dataLayer || []; 43 function gtag(){dataLayer.push(arguments);} 44 gtag('js', new Date()); 45 gtag('config', '
45G-V45RC0F5TS
vendor: 11 bytes, lines 45-47
45'); 46 47
47// Facebook Script
vendor: 570 bytes, lines 47-64
47 48 !function(f,b,e,v,n,t,s){ 49 if(f.fbq)return;n=f.fbq=function(){ 50 n.callMethod?n.callMethod.apply(n,arguments):n.queue.push(arguments) 51 }; 52 if(!f._fbq)f._fbq=n; 53 n.push=n; 54 n.loaded=!0; 55 n.version='2.0'; 56 n.queue=[]; 57 t=b.createElement(e); 58 t.async=!0; 59 t.src=v; 60 s=b.getElementsByTagName(e)[0]; 61 s.parentNode.insertBefore(t,s) 62 } 63 (window,document,'script','https://connect.facebook.net/en_US/fbevents.js'); 64 fbq('init', '
641090705241333241
vendor: 37 bytes, lines 64-66
64'); 65 fbq('track', 'PageView'); 66
66</script>
66 67</head> 68 69 70<body class="body-3"> 71 <div id="is-disabled">NO</div> 72<div id="is-android" >desktop</div> 73<div id="stars-rating-in-db">4.6</div> 74 75<div class="smart-banner-container" style="display:none !important"> 76 <div class="smart-banner"> 77 <div class="cross" id="cross"> 78 <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 11 11" fill="none"> 79 <path d="M0.691345 0.778687L9.58023 9.31202" stroke="#6A6A6A" stroke-width="1.38272" stroke-linecap="round"/> 80 <path d="M9.49231 0.691406L0.779385 9.40433" stroke="#6A6A6A" stroke-width="1.38272" stroke-linecap="round"/> 81 </svg> 82 </div> 83 <div class="details"> 84 <img src="/images/smart-banner-logo.png" alt=""> 85 <div class="title-and-ratings"> 86 <span class="title">NayaPay</span> 87 <div class="stars-and-rating"> 88 <div id="stars-rating"></div> 89 <div class="rating">162K</div> 90 </div> 91 </div> 92 </div> 93 <a class="cta" href="https://play.google.com/store/apps/details?id=com.nayapay.app">Open</a> 94 </div> 95</div> 96 <!-- Facebook Pixel <noscript> fallback --> 97 <noscript> 98 <img height="1" width="1" src="https://www.facebook.com/tr?id=1090705241333241&ev=PageView&noscript=1"/> 99 </noscript> 100 101 102<div class="icontainer "> 103 <header class="iheader"> 104 <div class="iheader-mobile"> 105 <a href="/"> 106 <img class="imobile-logo " src="https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/Layer_1.svg" alt="NayaPay Logo" /> 107 </a> 108 <div class="imobile-btns"> 109 <a 110 href="/dl" 111 class="ibtn get-the-app " 112 >Get the App</a 113 > 114 <div class="ibtn ham-button "> 115 <span></span> 116 <span></span> 117 <span></span> 118 </div> 119 </div> 120 </div> 121 <div class="iheader-hammenu"> 122 <div class="iheader-hammenu-container "> 123 <div class=""> </div> 124 <ul class="iheader-hammenu-items "> 125 <li><a href="/">Personal</a></li> 126 <li><a href="/business">Business</a></li> 127 <li class="resources-nav-mobile "> 128 <a href="#">Resources</a> 129 130 <svg 131 width="24" 132 height="24"
133 viewBox="0 0 25 24" 134 fill="none" 135 xmlns="http://www.w3.org/2000/svg" 136 > 137 <g id="Frame"> 138 <path 139 id="Vector" 140 d="M18.5938 15L12.5938 9L6.59375 15" 141 stroke="#381D2A" 142 stroke-width="2.3" 143 stroke-linecap="round" 144 stroke-linejoin="round" 145 /> 146 </g> 147 </svg> 148 </li> 149 <div class="mobile-resources-items "> 150 <ul class="resources-items-learn-m"> 151 <p>General</p> 152 <li><a href="https://help.nayapay.com/">Help Center</a></li> 153 <li><a href="/news">Newsroom</a></li> 154 <li><a href="/soc">Schedule of Charges</a></li> 155 <li><a href="/fraud-awareness">Fraud Awareness</a></li> 156 <li><a href="/responsible-disclosure-program">Responsible Disclosure Program</a></li> 157 </ul> 158 <ul class="resources-items-connect-m"> 159 <p>Connect</p> 160 <li><a href="/careers">Careers</a></li> 161 <li><a href="/contact">Contact Us</a></li> 162 </ul> 163 <ul class="resources-items-support-m"> 164 <p>Legal</p> 165 <li><a href="/legal-info">Terms and Conditions</a></li> 166 </ul> 167 </div> 168 </ul> 169 </div> 170 </div> 171 <div class="iheader-desktop"> 172 <a href="/"> 173 <img class="iheader-d-logo " src="https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/Layer_1.svg" alt="NayaPay Logo" /> 174 </a> 175 <ul class="iheader-d-items "> 176 <li class="iheader-d-item"><a href="/">Personal</a></li> 177 <li class="iheader-d-item"><a href="/business">Business</a></li> 178 <li class="iheader-d-item resources-d-nav"> 179 <a href="#"> 180 Resources 181 182 <svg 183 width="24" 184 height="24"
185 viewBox="0 0 25 24" 186 fill="none" 187 xmlns="http://www.w3.org/2000/svg" 188 > 189 <g id="Frame"> 190 <path 191 id="Vector" 192 d="M18.5938 15L12.5938 9L6.59375 15" 193 stroke="#381D2A" 194 stroke-width="2.3" 195 stroke-linecap="round" 196 stroke-linejoin="round" 197 /> 198 </g> 199 </svg> 200 </a> 201 </li> 202 <div class="resources-d-dropdown "> 203 <div class="resources-d-container"> 204 <ul class="resources-items-learn"> 205 <p>General</p> 206 <li><a href="https://help.nayapay.com/">Help Center</a></li> 207 <li><a href="/news">Newsroom</a></li> 208 <li><a href="/soc">Schedule of Charges</a></li> 209 <li><a href="/fraud-awareness">Fraud Awareness</a></li> 210 <li><a href="/responsible-disclosure-program">Responsible Disclosure Program</a></li> 211 </ul> 212 <ul class="resources-items-connect"> 213 <p>Connect</p> 214 <li><a href="/careers">Careers</a></li> 215 <li><a href="/contact">Contact Us</a></li> 216 </ul> 217 <ul class="resources-items-support"> 218 <p>Legal</p> 219 <li><a href="/legal-info">Terms and Conditions</a></li> 220 </ul> 221 </div> 222 </div> 223 </ul> 224 <a href="/dl" class="ibtn get-started">Get Started</a> 225 </div> 226 </header> 227</div> 228 229 230<dialog data-dl-modal show-dl-modal-on-default class="dialog-modal dl-modal"> 231 <div class="dl-modal-header"> 232 <img class="i-modal-logo " src="https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/Layer_1.svg" alt="NayaPay Logo" /> 233 <button type="button" class="close-dl-modal" data-close-dl-modal>Ã</button> 234 </div> 235 <div class="dl-modal-body"> 236 <div class="dl-modal-title-with-buttons"> 237 <p>Download the app now!</p> 238 <a href="https://play.google.com/store/apps/details?id=com.nayapay.app" id="googleLink"> 239 <img src="/images/googlestore.svg" alt="Available on Google Store"> 240 </a> 241 <a href="https://apps.apple.com/pk/app/nayapay/id1621286305" id="appleLink"> 242 <img src="/images/applestore.svg" alt="Available on Apple Store" width="40%"> 243 </a> 244 </div> 245 </div> 246</dialog> 247 248 249 <style> 250:root { 251 --card-width: 300px; 252 --card-gap: 20px; 253 --active-scale: 1.08; 254 --nav-btn-size: 48px; 255} 256 257* { 258 box-sizing: border-box; 259 margin: 0; 260 padding: 0; 261} 262 263.filter-container { 264 margin-top: 140px; 265 display: flex; 266 flex-direction: column; 267 align-items: center; 268 padding: 0px 30px !; 269} 270 271.carousel-container { 272 position: relative; 273 width: 100%; 274 /* max-width: 1200px; */ 275 margin: 0 auto; 276 overflow: hidden; 277} 278 279.carousel-track { 280 display: flex; 281 transition: transform 0.5s cubic-bezier(0.25, 0.1, 0.25, 1); 282 gap: var(--card-gap); 283 padding: 20px 0; 284 will-change: transform; 285} 286 287.carousel-card { 288 flex: 0 0 var(--card-width); 289 height: 380px; 290 border-radius: 16px; 291 background: #fff; 292 /* box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); */ 293 transition: all 0.4s ease; 294 position: relative; 295 overflow: hidden; 296 cursor: pointer; 297} 298 299.carousel-card.active { 300 transform: scale(var(--active-scale)); 301 /* box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); */ 302 z-index: 2; 303} 304 305.carousel-card:not(.active) { 306 /* opacity: 0.85; 307 filter: brightness(0.98); */ 308} 309 310.carousel-card-content { 311 padding: 32px; 312 height: 100%; 313 display: flex; 314 flex-direction: column; 315 overflow: clip; 316} 317 318.carousel-card-icon { 319 width: 48px; 320 height: 48px; 321 margin-bottom: 24px; 322 background: #f0f0f0; 323 border-radius: 12px; 324 display: flex;
325 align-items: center; 326 justify-content: center; 327 font-size: 24px; 328} 329 330.carousel-card h3 { 331 font-size: 20px; 332 margin-bottom: 16px; 333 font-weight: 600; 334 color: #1a1a1a; 335} 336 337.carousel-card p { 338 font-size: 16px; 339 line-height: 1.5; 340 color: #666; 341} 342 343.carousel-nav-buttons { 344 display: flex; 345 justify-content: center; 346 gap: 20px; 347 margin-top: 30px; 348 padding-bottom: 10px; 349} 350 351.carousel-btn { 352 width: var(--nav-btn-size); 353 height: var(--nav-btn-size); 354 border-radius: 50%; 355 background: #745F62; 356 border: none; 357 /* box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); */ 358 cursor: pointer; 359 display: flex; 360 align-items: center; 361 justify-content: center; 362 font-size: 20px; 363 transition: all 0.3s ease; 364} 365 366.carousel-btn:hover { 367 background: #ddd0d4; 368 transform: scale(1.05); 369} 370 371.carousel-btn:active { 372 transform: scale(0.95); 373} 374 375.carousel-card-content h3 { 376 color: #fcf9fb; 377 text-align: center; 378 font-family: DM Sans, sans-serif; 379 font-size: 20px; 380 font-weight: 400; 381 line-height: 22px; 382} 383 384.carousel-card-content img { 385 width: 90%; 386 margin: 0px auto; 387 margin-top: 10px; 388} 389 390.carousel-card-content img.bill-payments { 391 width: 105%; 392 margin: 0px auto; 393 margin-top: 60px; 394 margin-left: -10px 395} 396 397.carousel-card-content img.card-image { 398 width: 85%; 399 margin: 0px auto; 400 margin-top: 0px; 401} 402 403.carousel-card-content img.approve-image { 404 width: 96%; 405} 406 407.carousel-card-content img.reciept-image { 408 width: 120%; 409 margin-left: -50px; 410 margin-top: 80px; 411} 412 413 414 415 416 417 418.arrow { 419 width: 100%; 420 height: 100%; 421 background-image: url("https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/arrow-light.svg?onerror=redirect"); 422 background-repeat: no-repeat; 423 background-position: center; 424 background-position-x: 19px; 425} 426 427.prev .arrow { 428 transform: rotate(180deg) 429} 430 431.carousel-btn:hover .arrow { 432 /* background-image: url("https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/arrow-light.svg?onerror=redirect"); */ 433 background-image: url("https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/arrow-dark.svg?onerror=redirect"); 434} 435 436 437@media screen and (max-width: 479px) { 438 .section-18 { 439 padding-bottom: 80px; 440 } 441 442 .container-large { 443 margin-bottom: 35px; 444 } 445 .image-82 { 446 width: 90%; 447 } 448} 449 450/* for iMac screens */ 451@media screen and (min-width: 1920px) { 452 .consumersection-4slides { 453 padding-top: 100px; 454 } 455} 456 457.carousel-desktop-original { 458 display: none !important; 459} 460 461.carousel-desktop { 462 display: block !important; 463} 464 465@media (max-width: 1023px) { 466 .carousel-desktop { 467 display: none !important; 468 } 469 470 .carousel-desktop-original { 471 display: block !important; 472 } 473 474 .filter-container { 475 margin-top: 0px; 476 display: flex; 477 flex-direction: column; 478 align-items: center; 479 padding: 0px 10px !important; 480 } 481 482} 483 484@media (min-width: 1024px) { 485 486 487 .text-block-59 { 488 max-width: 99% !important; 489 margin-top: 5px; 490 } 491 492 .text-block-58 { 493 text-align: center; 494 } 495 496 .image-56._6 { 497 max-width: 100%; 498 margin-top: 15px; 499 width: 100%; 500 top: 60px; 501 } 502 503 .lottie-animation { 504 width: 100%; 505 } 506 507} 508 509.virtual-card { 510 left:-2px !important; 511} 512 513@media (min-width: 340px) and (max-width:1024px) { 514 .virtual-card { 515 left: -5px !important; 516 } 517 518} 519@media (min-width: 1024px) and (max-width:1440px) { 520 .virtual-card { 521 left: -2px !important; 522 } 523 524} 525@media screen and (min-width: 1440px) { 526 .virtual-card { 527 left: 0px !important; 528 } 529 530} 531</style> 532<section class="consumerlanding"> 533 <div class="w-layout-blockcontainer consumerlandingtitle w-container"> 534 <div class="headingmobileversionconsumer">MAKEÂ MONEY THINGSÂ HAPPEN</div> 535 <h1 class="consumerlandingheading">MAKEÂ MONEY THINGSÂ HAPPEN</h1> 536 <h5 class="heading-26">Everyday spends, big plans and the little moments in between. If itâs money, you can do 537 it here.</h5> 538 <a class="mainbusinessbutton consumerwebsite w-button show-dl-modal">Get Started</a> 539 540 541 </div> 542 <div class="w-layout-blockcontainer container-96 w-container"><img 543 src="https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/Group-2085662818.png?onerror=redirect" loading="lazy" 544 alt=""></div> 545 <div class="w-layout-blockcontainer container-101 w-container"> 546 <div class="cover"> 547 <div class="small-container"> 548 <div data-w-id="c4930125-5046-82d3-0bfa-2d59b8d6c726" class="hero-product-demo"> 549 <div class="product-demo-sticky"> 550 <div class="product-phone-image-container"> 551 <div class="product-container"> 552 <div class="product-phone-image-holder"><img loading="lazy" height="Auto" alt="" 553 src="https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/Borders-Phone-6.png?onerror=redirect" 554 class="product-phone-image"> 555 <div class="product-phone-content"><img loading="lazy" 556 src="https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/NayaPayAppScreenUpdated.png?onerror=redirect" 557 alt="" class="product-phone-demo-image-2"></div> 558 </div> 559 </div> 560 </div> 561 </div> 562 </div> 563 </div> 564 </div> 565 <img 566 class="mobileimageholder" 567 src="https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/NayaPay-App-HomeScreen.png?onerror=redirect" 568 alt="NayaPay" 569 style="opacity:0;-webkit-transform:translate3d(0, 25px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 25px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 25px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 25px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" 570 sizes="(max-width: 594px) 100vw, 594px" 571 data-w-id="ab94ec3f-0bb1-2680-9115-55e7f3c532a2" 572 loading="eager" 573 srcset=" 574 https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/NayaPay-App-Dashboard-2.webp?onerror=redirect 500w, 575 https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/NayaPay-App-Dashboard-2.webp?onerror=redirect 594w" 576 /> 577 <img 578 src="https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/NayaPayDebitCard.webp?onerror=redirect" 579 loading="lazy" 580 data-w-id="6c9bf537-f88e-e5b1-6b5d-b2526bcc266b" 581 alt="" 582 class="image-68" 583 > 584 <img 585 src="https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/NayaPayDebitCard.webp?onerror=redirect" 586 loading="eager" 587 data-w-id="fee84f7d-8e2f-7ee8-93cd-36376289aeb2" 588 alt="" 589 class="image-68 mobileversion" 590 > 591 </div> 592</section> 593<section class="consumersection2-cards"> 594 <div class="css-classes w-embed"> 595 <style> 596 .slider-snap-list { 597 direction: ltr; 598 overflow-x: scroll; 599 overscroll-behavior-x: contain; 600 scroll-snap-stop: normal; 601 -ms-scroll-snap-type: x mandatory; 602 scroll-snap-type: x mandatory; 603 scrollbar-width: none; 604 } 605 606 .slider-snap-list::-webkit-scrollbar { 607 -webkit-appearance: none; 608 display: none; 609 } 610 611 .scroll-snap-item { 612 scroll-snap-align: center; 613 } 614
615 [data-slider] { 616 cursor: grab; 617 } 618 619 [data-slider].active { 620 scroll-snap-type: none; 621 cursor: grabbing; 622 } 623 </style> 624 </div> 625 <div class="w-layout-blockcontainer text w-container"> 626 <div data-w-id="1badeed6-7a24-3c60-e965-0279a18ec61d" 627 style="opacity:0;-webkit-transform:translate3d(0, 25px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 25px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 25px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 25px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" 628 class="headingfont">The speed for needs. </div> 629 <div data-w-id="97ebbbf7-ad5d-d369-216d-eb4d18fad6f5" 630 style="opacity:0;-webkit-transform:translate3d(0, 25px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 25px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 25px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 25px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" 631 class="headingfont lightgrey">A moneyfesto.</div> 632 </div> 633 <div class="w-layout-blockcontainer container-100 w-container"> 634 <div class="container-large"> 635 <div class="padding-section-medium is--half-bottom"> 636 <div class="filter-container"> 637 <div class="carousel-desktop"> 638 <div class="carousel-container"> 639 <div class="carousel-track"></div> 640 </div> 641 <div class="carousel-nav-buttons"> 642 <button class="carousel-btn prev"> 643 <div class="arrow"></div> 644 </button> 645 <button class="carousel-btn next"> 646 <div class="arrow"></div> 647 </button> 648 </div> 649 </div> 650 <div class="doctors-collection-wrapper carousel-desktop-original"> 651 <div data-slider="" data-w-id="41d44b5c-3405-fb5b-a1f2-9ccf5b68d66c" style="opacity:0" 652 class="slider-snap-list"> 653 <div id="w-node-fce92e95-b1ec-acfb-1df0-939405f76a81-3a9765c9" 654 data-w-id="fce92e95-b1ec-acfb-1df0-939405f76a81" class="consumercard"> 655 <div class="text-block-58">Onboarding</div> 656 <div class="text-block-59 textblack">Sign up quicker than you can say 'signed 657 up'.</div><img 658 src="https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/Clock-1.png?onerror=redirect" 659 loading="lazy" width="204" alt="" class="image-56 card1-consumer"> 660 </div> 661 <div id="w-node-_94d8c261-988e-524f-95b9-007cb289ab20-3a9765c9" 662 data-w-id="94d8c261-988e-524f-95b9-007cb289ab20" class="consumercard _2"> 663 <div class="text-block-58">No Fees</div> 664 <div class="text-block-59 textblack _3">Free to join.<br>Free to stay.<br>What a 665 concept.</div><img 666 src="https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/No-Fees-Visual.png?onerror=redirect" 667 loading="lazy" width="223" alt="" class="image-56 card2"> 668 </div> 669 <div id="w-node-cc0b1a0f-df6c-aa3a-4d40-ea45ecab4fa7-3a9765c9" 670 data-w-id="cc0b1a0f-df6c-aa3a-4d40-ea45ecab4fa7" class="consumercard _3"> 671 <div class="text-block-58 blackberry _2">Linked Bank Account<br></div> 672 <div class="text-block-59 textblack _2">Your bank account. <br>Link it. Load it. 673 <br>Love it. 674 </div> 675 <div class="lottie-animation" data-w-id="9e5e65e9-195d-1c49-49a6-37db0c40af94" 676 data-animation-type="lottie" data-src="/json-documents-rebrand/data.json" 677 data-loop="1" data-direction="1" data-autoplay="1" data-is-ix2-target="0" 678 data-renderer="svg" data-default-duration="0" data-duration="0"></div> 679 </div> 680 <div id="w-node-d930f929-d9a6-dc6d-1ba9-2d46c4d310e8-3a9765c9" 681 data-w-id="d930f929-d9a6-dc6d-1ba9-2d46c4d310e8" class="consumercard _4"> 682 <div class="text-block-58 blackberry">ATM Withdrawals</div> 683 <div class="text-block-59 textblack">5 FREE withdrawals monthly at both partner banks. 684 High five!</div><img 685 src="https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/Coins.png?onerror=redirect" 686 loading="lazy" alt="" class="image-56 card4"> 687 </div> 688 <div id="w-node-_2a3584a6-950e-5ece-ed3a-b84351a2b227-3a9765c9" 689 data-w-id="2a3584a6-950e-5ece-ed3a-b84351a2b227" class="consumercard _5"> 690 <div class="text-block-58">Money Transfers</div> 691 <div class="text-block-59">Money moves fast.<br>Blink-and-it's-there fast.</div> 692 <img src="https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/MoneyTransferVisualConsumer-2.png?onerror=redirect" 693 loading="lazy" width="197" alt="" class="image-56 _5"> 694 </div> 695 <div id="w-node-_98a13bfd-84e5-9b0d-4e1d-b036a9eb38d2-3a9765c9" 696 data-w-id="98a13bfd-84e5-9b0d-4e1d-b036a9eb38d2" class="consumercard _6"> 697 <div class="text-block-58 _5">Instant Notification</div> 698 <div class="text-block-59 card6">Stay in the know and know where you stand.</div><img 699 src="https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/MobilePhone-2.webp?onerror=redirect" 700 loading="lazy" alt="" class="image-56 _6 mobile-phone-2"> 701 </div> 702 </div> 703 </div> 704 </div> 705 </div> 706 </div> 707 </div> 708</section> 709<section class="consumersection3"> 710 <div class="w-layout-blockcontainer container-97 w-container"> 711 <img 712 src="https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/re2/Rating-2.png?onerror=redirect" 713 class="image-65" width="Auto" alt="" style="opacity:0" sizes="(max-width: 691px) 100v
713w, 691px" 714 data-w-id="5a75b9e4-92c8-a158-e2ad-cd0e31bdd34e" loading="lazy" 715 srcset=" 716 https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/Rating-2-p-500.png?onerror=redirect 500w, 717 https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/Rating-2.png?onerror=redirect 691w"> 718 <img 719 src="https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/3M-Banner-Text-1-2.webp?onerror=redirect" 720 loading="lazy" width="1113" style="opacity:0" alt="" data-w-id="9601c569-e319-eb05-8891-e9f6ac53682b" 721 class="image-69"> 722 <img src="https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/3M-Mobile-2.webp?onerror=redirect" loading="lazy" 723 sizes="(max-width: 767px) 100vw, (max-width: 847px) 95vw, 805px" 724 alt="" 725 class="image-82" 726 srcset=" 727 https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/3M-Mobile-p-500.webp?onerror=redirect 500w, 728 https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/3M-Mobile-p-800.webp?onerror=redirect 800w"> 729 <a data-w-id="17717093-2d41-28c9-d3f1-602ac9b95cb7" 730 class="mainbusinessbutton consumerwebsite blackberry _2-5m w-button show-dl-modal">Download the App</a> 731 </div> 732</section> 733<section class="consumersection4"> 734 <div class="container-w3 gutter-outside"> 735 <div class="first-example-with-background-2"> 736 <div data-current="Tab 1" data-easing="ease" data-duration-in="500" data-duration-out="500" 737 class="tabs-3 w-tabs"> 738 <div class="tabs-content-wrapper-2 w-tab-content"> 739 <div data-w-tab="Tab 1" class="tab-content-item-2 w-tab-pane w--tab-active"> 740 <div class="tab-content-inner-2"> 741 <div data-poster-url="https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/NP-Debit-Card-Animation-Updated-V-2-1-poster-00001.jpg?onerror=redirect" 742 data-video-urls="videos/rebrand/NP-Debit-Card-Animation-Updated-V-2-1-transcode.mp4,videos/rebrand/NP-Debit-Card-Animation-Updated-V-2-1-transcode.webm" 743 data-autoplay="true" data-loop="true" data-wf-ignore="true" 744 class="background-video-14 w-background-video w-background-video-atom"><video 745 id="68fee7ff-deb6-3533-dee5-b5e82dc34410-video" autoplay="" loop="" 746 style="background-image:url("https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/NP-Debit-Card-Animation-Updated-V-2-1-poster-00001.jpg")" 747 muted="" playsinline="" data-wf-ignore="true" data-object-fit="cover"> 748 <source src="videos/rebrand/NP-Debit-Card-Animation-Updated-V-2-1-transcode.mp4" 749 data-wf-ignore="true"> 750 <source src="videos/rebrand/NP-Debit-Card-Animation-Updated-V-2-1-transcode.webm" 751 data-wf-ignore="true"> 752 </video> 753 <div class="div-block-94"> 754 <div data-w-id="4e2e1e65-872b-ea88-29fe-56de7ea66a76" 755 style="opacity:0;-webkit-transform:translate3d(0, 25px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 25px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 25px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 25px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" 756 class="text-block-64">Meet the Card</div> 757 <div data-w-id="4e2e1e65-872b-ea88-29fe-56de7ea66a78" 758 style="opacity:0;-webkit-transform:translate3d(0, 25px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 25px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 25px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 25px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" 759 class="text-block-65 physical">For shopping, spending, and travelling worldwide.
760 Works anywhere. Turns heads everywhere.</div> 761 </div> 762 <div class="div-block-100"></div> 763 </div> 764 </div> 765 </div> 766 <div data-w-tab="Tab 2" class="tab-content-item-2 w-tab-pane"> 767 <div class="tab-content-inner-2"> 768 <div data-poster-url="videos/rebrand/Vartaul-card-V-13-poster-00001.jpg" 769 data-video-urls="videos/rebrand/Vartaul-card-V-13-transcode.mp4,videos/rebrand/Vartaul-card-V-13-transcode.webm" 770 data-autoplay="true" data-loop="true" data-wf-ignore="true" 771 class="background-video-14 virtualcard w-background-video w-background-video-atom"> 772 <video id="a2dab30c-6641-7c30-4185-b546fa4ef6bd-video" autoplay="" loop="" 773 style="background-image:url("videos/rebrand/Vartaul-card-V-13-poster-00001.jpg")" 774 muted="" playsinline="" data-wf-ignore="true" data-object-fit="cover"> 775 <source src="videos/rebrand/Vartaul-card-V-13-transcode.mp4" data-wf-ignore="true"> 776 <source src="videos/rebrand/Vartaul-card-V-13-transcode.webm" data-wf-ignore="true"> 777 </video> 778 <div class="div-block-94"> 779 <div data-w-id="27a1692b-1145-a049-f25d-72c1b61717ed" 780 style="opacity:0;-webkit-transform:translate3d(0, 25px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 25px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 25px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 25px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" 781 class="text-block-64">Virtually speaking</div> 782 <div data-w-id="27a1692b-1145-a049-f25d-72c1b61717ef" 783 style="opacity:0;-webkit-transform:translate3d(0, 25px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 25px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 25px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 25px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" 784 class="text-block-65 physical">Use your Visa Virtual card online, on local and 785 international sites. Pick a colour that screams you and itâs yours instantly. 786 </div> 787 </div> 788 <div class="div-block-100"></div> 789 </div> 790 </div> 791 </div> 792 </div> 793 <div class="tabs-menu-wrapper-2 w-tab-menu"> 794 <a data-w-tab="Tab 1" class="tabs-nav-item _01 w-inline-block w-tab-link w--current"> 795 <div class="tabs-nav-background-2"></div> 796 <div class="tabs-nav-text-2">Physical</div> 797 </a> 798 <a data-w-tab="Tab 2" class="tabs-nav-item _02 w-inline-block w-tab-link virtual-card"> 799 <div class="tabs-nav-text-2">Virtual</div> 800 </a> 801 </div> 802 </div> 803 </div> 804 </div> 805</section> 806<section class="consumersection-featurescards"> 807 <div class="w-layout-blockcontainer w-container"> 808 <div class="allcardholder"> 809 <div data-w-id="0a96f67f-a4d6-3538-a4a5-7eb5b1dbf055" 810 style="opacity:0;-webkit-transform:translate3d(0, 25px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 25px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 25px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 25px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" 811 class="cardsrow2 consumercards"> 812 <div id="w-node-_29ea9348-faf7-68c9-cee6-3294d01f45c6-3a9765c9" class="cardleftside"> 813 <div class="w-layout-blockcontainer container-107 pink w-container"> 814 <div class="div-block-93"> 815 <div class="lottie-animation-4" data-w-id="57bceff9-f101-0646-39f8-c205e47510ac" 816 data-animation-type="lottie" data-src="/json-documents-rebrand/data2-updated.json" 817 data-loop="1" data-direction="1" data-autoplay="1" data-is-ix2-target="0" 818 data-renderer="svg" data-default-duration="0" data-duration="0"> 819 </div> 820 <div class="w-layout-blockcontainer container-120 w-container"> 821 <div class="headingtextcardconsumer">Less queue time, more you time.</div> 822 <div class="text-block-51">We see that bill. We raise you a reminder. 1100+ billers, 823 zero last minute freak-outs.</div> 824 </div> 825 </div> 826 </div> 827 </div> 828 <div id="w-node-_434e7800-a154-0356-e5ba-60ce33330504-3a9765c9" class="cardrightside"> 829 <div class="w-layout-blockcontainer container-107 w-container"> 830 <div class="headingtextcardconsumer card2">Scan. Pay. Get on with your day.</div> 831 <div class="text-block-51 card2">Breeze through checkout at AliPay+ merchants in over <a 832 href="https://help.nayapay.com/article/383-how-can-i-pay-at-an-alipay-merchant-using-nayapay" 833 class="alipay-anchor" target="_blank">50 countries</a> and Raast merchants in Pakistan. 834 </div> 835 <div class="lottie-animation-3" data-w-id="3a637cac-dfeb-4500-7b63-615eecd7e9ab" 836 data-animation-type="lottie" data-src="/json-documents-rebrand/qr-scan.json" data-loop="1" 837 data-direction="1" data-autoplay="1" data-is-ix2-target="0" data-renderer="svg" 838 data-default-duration="0" data-duration="2.9166666666666665"></div> 839 </div> 840 </div> 841 </div> 842 <div data-w-id="5aac3c6f-8a69-1959-9a76-79459fc12367" 843 style="opacity:0;-webkit-transform:translate3d(0, 25px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 25px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 25px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 25px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" 844 class="consumercardslong"> 845 <div class="w-layout-blockcontainer container-108 w-container"> 846 <div class="headingtextcardconsumer card3-1">From the world, to you.</div> 847 <div class="text-block-51 card3">Receive international transfers directly into your wallet through 848 our 70+ Global Remittance Partners. Wherever they are, whenever you need it. </div> 849 </div> 850 <div class="div-block-99"> 851 <img src="https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/MobileRemittanceVisual-2.webp?onerror=redirect" 852 loading="lazy" alt="" class="image-66"> 853 </div> 854 <img src="https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/RemittanceConsumerVisual-2.webp?onerror=redirect" 855 loading="lazy" width="579" alt="" class="remittanceconsumerglobe"> 856 </div> 857 </div> 858 </div> 859</section> 860<section class="section-20"> 861 <div data-w-id="e107182a-0f21-4250-d858-3eded47214b2" 862 style="opacity:0;-webkit-transform:translate3d(0, 25px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 25px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 25px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 25px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" 863 class="w-layout-blockcontainer container-122 w-container"> 864 <img src="https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/Give-Updated-2.svg?onerror=redirect" loading="lazy" 865 data-w-id="ec3a9115-66ac-6f28-ffe2-a3d757a961ee" alt="" class="image-77"> 866 <img src="https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/Get-Updated-2-2.svg?onerror=redirect" loading="lazy" 867 style="opacity:0" data-w-id="e7626830-6e48-25f7-6500-669f407b1848" alt="" class="image-78"> 868 <img src="https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/Send-Updated-2.svg?onerror=redirect" loading="lazy" 869 style="opacity:0" data-w-id="0704a7fd-e7fe-30de-7b33-f3c14e645daf" alt="" class="image-79"> 870 <img src="https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/Spend-v3.
870svg?onerror=redirect" loading="lazy" 871 style="opacity:0" data-w-id="31899429-b96f-45cc-794d-c76e421661ab" alt="" class="image-80 spend"> 872 </div> 873</section> 874<section data-w-id="261bd054-9cf2-1c86-5ce2-16f504c6bc55" 875 style="opacity:0;-webkit-transform:translate3d(0, 25px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 25px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 25px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 25px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" 876 class="consumersection-4slides"> 877 <div class="w-layout-blockcontainer newslide w-container"> 878 <div class="container-large update2"> 879 <div class="padding-section-medium is--half-bottom update-2"> 880 <div class="filter-container update2"> 881 <div class="doctors-collection-wrapper update2"> 882 <div data-slider="" data-w-id="bce990d5-3b45-f2d6-dfa9-c17d0a3d00e3" style="opacity:0" 883 class="slider-snap-list update2"> 884 <div id="w-node-_813a6a87-d8a7-3c8d-1b7e-512abba714a8-3a9765c9" 885 data-w-id="813a6a87-d8a7-3c8d-1b7e-512abba714a8" class="boxupdatedslider"><img 886 src="https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/Group-2085663056.webp?onerror=redirect" 887 loading="lazy" width="500" sizes="(max-width: 767px) 100vw, 500px" alt="" 888 srcset="https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/Group-2085663056-p-500.png?onerror=redirect 500w, https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/Group-2085663056.webp?onerror=redirect 519w" 889 class="image-75"> 890 <div class="div-block-97"> 891 <div class="text-block-68">Chat</div> 892 <div class="text-block-66">Talk money to me.</div> 893 <div class="text-block-67">Or just talk... send stickers and a photo of your cat. 894 Weâre here for it!</div> 895 </div> 896 </div> 897 <div id="w-node-dfcfcedf-70ad-2550-f5b4-ef0de0ec8ea7-3a9765c9" class="boxupdatedslider"> 898 <img src="https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/BillSplitVisual.png?onerror=redirect" 899 loading="lazy" width="322" sizes="(max-width: 479px) 100vw, 322px" alt="" 900 srcset="https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/BillSplitVisual-p-500-2.webp?onerror=redirect 500w, 901 https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/BillSplitVisual-2.webp?onerror=redirect 519w"> 902 <div class="div-block-97"> 903 <div class="text-block-68">Bill Split</div> 904 <div class="text-block-66">Split bills, not friendships.</div> 905 <div class="text-block-67">You make the plan, Bill Split does the math, and everyone 906 pays up. Just like that.</div> 907 </div> 908 </div> 909 <div id="w-node-_3ce8970e-5704-2167-fd30-c31418c762b4-3a9765c9" class="boxupdatedslider"> 910 <img src="https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/Group-2085662974.webp?onerror=redirect" 911 loading="lazy" width="322" sizes="(max-width: 479px) 100vw, 322px" alt="" 912 srcset="https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/Group-2085662974-p-500.webp?onerror=redirect 500w, https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/Group-2085662974.webp?onerror=redirect 519w"> 913 <div class="div-block-97"> 914 <div class="text-block-68">Gift Envelope</div> 915 <div class="text-block-66">Feelings? Attached.</div> 916 <div class="text-block-67">Pick a Gift Envelope, add a little note, and hit send. 917 Theyâll open it and go ðð¥¹ð«¶</div> 918 </div> 919 </div> 920 <div id="w-node-_57c70fa7-75c1-549e-4532-5ba0a09cb9c7-3a9765c9" class="boxupdatedslider"> 921 <img src="https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/Group-2085662976-1-2.webp?onerror=redirect" 922 loading="lazy" width="322" sizes="(max-width: 479px) 100vw, 322px" alt="" 923 srcset="https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/Group-2085662976-1-p-500-2.webp?onerror=redirect 500w, 924 https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/Group-2085662976-1-2.webp?onerror=redirect 519w"> 925 <div class="div-block-97"> 926 <div class="text-block-68">Chip In</div> 927 <div class="text-block-66">Group fun(ds)? We're in.</div> 928 <div class="text-block-67">Set up a Chip In, add your crew, and watch the money roll 929 in.</div> 930 </div> 931 </div> 932 </div> 933 </div> 934 </div> 935 </div> 936 </div> 937 </div> 938</section> 939<!-- <section class="section-bigtext"> 940 <div class="w-layout-blockcontainer container-117 w-container"> 941 <div class="text-block-52">IN THE<br>DRIVING<br>SEAT<br>OF YOUR<br>FINANCES</div> 942 </div> 943 </section> --> 944<section class="consumer-5-slider-features"> 945 <div class="section-23">
946 <div data-w-id="0f6dc414-e3ad-52b2-6943-a5531abb1334" style="opacity:0" class="slider-container-2"> 947 <div class="slider-wrapper"> 948 <div data-delay="2000" data-animation="slide" class="slider-4 w-slider" data-autoplay="true" 949 data-easing="ease" data-hide-arrows="true" data-disable-swipe="false" data-autoplay-limit="0" 950 data-nav-spacing="4" data-duration="300" data-infinite="false"> 951 <div class="mask-5 w-slider-mask"> 952 <div class="slide-6 w-slide"> 953 <div class="slide-content-wrapper"> 954 <div class="div-block-95"> 955 <div class="text-block-62 stormfiber">Pay your StormFiber bill</div> 956 <div class="text-block-61 stormfiiber">Free internet<br>upgrade on us.</div> 957 </div> 958 <div class="scrollanimation _1"><img 959 src="https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/SF_Widget_BB.png?onerror=redirect" 960 loading="lazy" alt=""></div> 961 </div> 962 </div> 963 <div class="slide-6 w-slide"> 964 <div class="slide-content-wrapper card2"> 965 <div class="div-block-95"> 966 <div class="text-block-62 stormfiber whiteversion _2 _3">Top-up mobile balance or 967 subscribe to packages</div> 968 <div class="text-block-61 stormfiiber card2">The talk must go on.</div> 969 </div> 970 <div class="scrollanimation"> 971 <div data-w-id="bdb08947-14b6-6874-30c5-0585e5b3c200" data-animation-type="lottie" 972 data-src="/json-documents-rebrand/updated_mobile_topup.json" data-loop="1" 973 data-direction="1" data-autoplay="1" data-is-ix2-target="0" data-renderer="svg" 974 data-default-duration="0" data-duration="4"></div> 975 </div> 976 </div> 977 </div> 978 <div class="slide-6 w-slide"> 979 <div class="slide-content-wrapper card3"> 980 <div class="div-block-95"> 981 <div class="text-block-62 stormfiber blackberrylight mtag _2 _3">Recharge your M-Tag 982 balance</div> 983 <div class="text-block-61 stormfiiber blackberry">The road's calling</div> 984 </div> 985 <div class="scrollanimation card2 mtag"><img loading="lazy" 986 src="https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/MTAGVISUAL.png?onerror=redirect" 987 alt="" class="image-76"></div> 988 </div> 989 </div> 990 <div class="slide-6 w-slide"> 991 <div class="slide-content-wrapper card4"> 992 <div class="div-block-95"> 993 <div class="text-block-62 stormfiber whiteversion flyjinnah">Pay for Fly Jinnah 994 flight tickets</div> 995 <div class="text-block-61 stormfiiber">Where to next?</div> 996 </div> 997 <div class="scrollanimation card3"> 998 <img width="239" loading="lazy" alt="" 999 src="https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/FlyJinnah_Widget_BB.png?onerror=redirect" 1000 class="image-67"> 1001 </div> 1002 </div> 1003 </div> 1004 <div class="slide-6 w-slide"> 1005 <div class="slide-content-wrapper card5"> 1006 <div class="div-block-95"> 1007 <div class="text-block-62 stormfiber trafficchallan">Clear your Traffic Challans. 1008 </div> 1009 <div class="text-block-61 stormfiiber blackberry">Fined? Let us help.</div> 1010 </div> 1011 <div class="scrollanimation card4"> 1012 <img width="239" loading="lazy" alt="" 1013 src="https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/Widget_TrafficChalaln_BB.png?onerror=redirect" 1014 class="image-67 traffic-chalan-bill"> 1015 </div> 1016 </div> 1017 </div> 1018 </div> 1019 <div class="slider-left-arrow w-slider-arrow-left"> 1020 <div class="slider-icon-2 w-icon-slider-left"></div> 1021 </div> 1022 <div class="slider-right-arrow-2 w-slider-arrow-right"> 1023 <div class="slider-icon-2 w-icon-slider-right"></div> 1024 </div> 1025 <div class="w-slider-nav w-round"></div> 1026 </div> 1027 </div> 1028 </div> 1029 </div> 1030</section> 1031 1032<!-- <section class="slider-section"> 1033 <div class="section-merchant"> 1034 <div class="storm"> 1035 <div class="card-text"> 1036 <div class="merch-heading">
1036Pay your StormFiber bill</div> 1037 <div class="merch-text">Free internet<br>upgrade on us</div> 1038 </div> 1039 <div class="animation"><img src="/images/rebrand/Group-2085663252.png" loading="lazy" alt="" class="inner-image"/></div> 1040 </div> 1041 </div> 1042 <div class="slider-dots"> 1043 <div class="nav-dots"> 1044 <div class="dots"></div> 1045 <div class="dots"></div> 1046 <div class="dots"></div> 1047 <div class="dots"></div> 1048 <div class="dots"></div> 1049 </div> 1050 </div> 1051 </section> --> 1052<section class="consumersection-microfeatures"> 1053 <div data-w-id="51ef67e9-c1f2-c543-8041-0d728805061f" 1054 style="opacity:0;-webkit-transform:translate3d(0, 25px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 25px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 25px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 25px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" 1055 class="w-layout-blockcontainer container-123 w-container"> 1056 <div class="text-block-53">Not just a</div> 1057 <div class="headingfont lightgrey">pretty interface.</div> 1058 </div> 1059 <div data-w-id="4734135e-12a6-44a5-1672-fd18f5a7cd75" 1060 style="opacity:0;-webkit-transform:translate3d(0, 25px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 25px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 25px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 25px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" 1061 class="w-layout-blockcontainer _3-grids w-container"> 1062 <div class="div-block-92"><img 1063 src="https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/Badge-2.png?onerror=redirect" loading="lazy" 1064 data-w-id="a7509aa9-883d-97b4-c91c-e8cd9c668a6f" alt="" class="image-63"> 1065 <div class="text-block-54">Security that brings peace of money.</div> 1066 <div class="text-block-55">Weâre PCI-DSS and ISO 27001 certified so your data stays protected, end to end. 1067 </div> 1068 </div> 1069 <div class="div-block-92"><img 1070 src="https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/Badge-4.png?onerror=redirect" loading="lazy" 1071 data-w-id="768894d3-4711-886f-6643-eda0243d9830" alt="" class="image-62"> 1072 <div class="text-block-54">Opening hours:<br>whenever you need. </div> 1073 <div class="text-block-55">Talk to us via call, in-app chat, or file a dispute if something doesn't 1074 look right.</div> 1075 </div> 1076 <div class="div-block-92"><img 1077 src="https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/Badge-5.png?onerror=redirect" loading="lazy" 1078 data-w-id="805ea482-0ef3-1da9-1018-8f93b070064f" alt="" class="image-61"> 1079 <div class="text-block-54">Your money's in the right hands.</div> 1080 <div class="text-block-55">NayaPay is authorised and regulated by the State Bank of Pakistan.</div> 1081 </div> 1082 </div> 1083 <div data-w-id="68d1df4e-e6b0-e263-cc05-27345d9cea12" 1084 style="opacity:0;-webkit-transform:translate3d(0, 25px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 25px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 25px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 25px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" 1085 class="w-layout-blockcontainer container-118 w-container"> 1086 <div class="div-block-92 mobileview"> 1087 <div class="div-block-98"> 1088 <div class="text-block-54 mobileview">Security that brings peace of money.</div> 1089 <div class="text-block-55 mobileview">Weâre PCI-DSS and ISO 27001 certified so your data stays 1090 protected, end to end.</div> 1091 </div><img src="https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/Badge-1.png?onerror=redirect" 1092 loading="lazy" width="55" data-w-id="b270068b-9802-4033-a394-0277df9c1d1a" alt="" 1093 class="image-63 mobileview"> 1094 </div> 1095 <div id="w-node-d2fbec8b-d87e-92cb-6c99-4fc58f862338-3a9765c9" class="div-block-92 mobileview"> 1096 <div> 1097 <div class="text-block-54 mobileview">Opening hours:<br>whenever you need. </div> 1098 <div class="text-block-55 mobileview">Talk to us via call, in-app chat, or file a dispute if something 1099 doesn't look right.</div> 1100 </div><img src="https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/Badge-4.png?onerror=redirect" 1101 loading="lazy" width="56" data-w-id="d2fbec8b-d87e-92cb-6c99-4fc58f86233e" alt="" 1102 class="image-63 mobileview"> 1103 </div> 1104 <div class="div-block-92 mobileview"> 1105 <div> 1106 <div class="text-block-54 mobileview">Your money's in the right hands.</div> 1107 <div class="text-block-55 mobileview">NayaPay is authorised and regulated by the State Bank of Pakistan. 1108 </div> 1109 </div><img src="https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/Badge-5.png?onerror=redirect" 1110 loading="lazy" width="60" data-w-id="836b592d-bcf0-e2f9-f5fb-738f52837675" alt="" 1111 class="image-63 mobileview"> 1112 </div> 1113 </div> 1114</section> 1115<section class="section-18"> 1116 <div class="w-layout-blockcontainer container-109 w-container"> 1117 <div class="text-block-56">READY. SET. NAYAPAY.</div> 1118 <div class="text-block-57">Join millions that are already making money things happen.</div> 1119 <a class="mainbusinessbutton consumerwebsite blackberry w-button show-dl-modal">Let's NayaPay</a><div class="image-64"> 1120 <div class="row"> 1121 <img 1122 src="https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/Website-view-award-logos.svg?onerror=redirect" loading="lazy" 1123 width="687" style="opacity:0" alt="" data-w-id="de67c71b-dd68-8d8e-afa4-3c2384d94f04" class="webview-logos"> 1124 </div> 1125 </div> 1126 <img 1127 src="https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/Mobile-view-award-logos.svg?onerror=redirect" 1128 loading="lazy" alt="" class="image-81"> 1129 </div> 1130</section> 1131<section class="consumersection-4slide-mobile"> 1132 <div class="w-layout-blockcontainer container-119 w-container"> 1133 <div class="box"><img 1134 src="https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/Group-2085663061.png?onerror=redirect"
1135 loading="lazy" sizes="(max-width: 767px) 100vw, (max-width: 842px) 95vw, 800px" 1136 srcset="https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/Group-2085663061-p-500.png?onerror=redirect 500w, https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/Group-2085663061.png?onerror=redirect 800w" 1137 alt="" class="image-70"> 1138 <div class="titles"> 1139 <h3 class="heading-30 boxmobile">Talk money to me.</h3> 1140 <div class="description-2 boxmobile">Or just talk... send stickers and a photo of your cat. Weâre here 1141 for it!</div> 1142 </div> 1143 </div> 1144 <div class="box"><img 1145 src="https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/Group-2085663062.png?onerror=redirect" 1146 loading="lazy" sizes="(max-width: 767px) 100vw, (max-width: 842px) 95vw, 800px" 1147 srcset="https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/Group-2085663062-p-500.png?onerror=redirect 500w, https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/Group-2085663062.png?onerror=redirect 800w" 1148 alt="" class="image-71"> 1149 <div class="titles"> 1150 <h3 class="heading-30 boxmobile"><strong class="bold-text-44">Split bills, not friendships.</strong> 1151 </h3> 1152 <div class="description-2 boxmobile">You make the plan, Bill Split does the math, and everyone pays up. 1153 Just like that.</div> 1154 </div> 1155 </div> 1156 <div class="box"><img 1157 src="https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/Group-2085663063.png?onerror=redirect" 1158 loading="lazy" sizes="(max-width: 767px) 100vw, (max-width: 842px) 95vw, 800px" 1159 srcset="https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/Group-2085663063-p-500.png?onerror=redirect 500w, https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/Group-2085663063.png?onerror=redirect 800w" 1160 alt="" class="image-72"> 1161 <div class="titles"> 1162 <h3 class="heading-30 boxmobile">Feeling Attached?</h3> 1163 <div class="description-2 boxmobile">Pick a Gift Envelope, add a little message, and hit send. Theyâll 1164 open it and go ðð¥¹ð«¶</div> 1165 </div> 1166 </div> 1167 <div class="box"><img 1168 src="https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/Group-2085663064.png?onerror=redirect" 1169 loading="lazy" sizes="(max-width: 767px) 100vw, (max-width: 842px) 95vw, 800px" 1170 srcset="https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/Group-2085663064-p-500.png?onerror=redirect 500w, https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/Group-2085663064.png?onerror=redirect 800w" 1171 alt="" class="image-73"> 1172 <div class="titles"> 1173 <h3 class="heading-30 boxmobile">Group fun(ds)? We're in. </h3> 1174 <div class="description-2 boxmobile">Create a Chip In, add friends, and watch the money come in without 1175 the chase.</div> 1176 </div> 1177 </div> 1178 </div> 1179</section> 1180 1181
1182<script> 1183document.addEventListener('DOMContentLoaded', function() { 1184 const carouselData = [{ 1185 title: "Onboarding", 1186 description: "Sign up quicker than you can say 'signed up'.", 1187 titleTextClass: "text-block-58", 1188 descriptionTextClass: "text-block-59 textblack", 1189 image: "https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/Clock-1.png?onerror=redirect", 1190 imageClass: "image-56 card1-consumer", 1191 bgColor: "#ff5018" 1192 }, 1193 { 1194 title: "No Fees", 1195 description: "Free to join.<br>Free to stay.<br>What a concept.", 1196 titleTextClass: "text-block-58", 1197 descriptionTextClass: "text-block-59 textblack _3", 1198 image: "https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/No-Fees-Visual.png?onerror=redirect", 1199 imageClass: "image-56 card2", 1200 bgColor: "#381d2a" 1201 }, 1202 { 1203 title: "Linked Bank Account", 1204 description: "Your bank account. <br>Link it. Load it. <br>Love it.", 1205 titleTextClass: "text-block-58 blackberry _2", 1206 descriptionTextClass: "text-block-59 textblack _2", 1207 image: "lottie", 1208 imageClass: "", 1209 bgColor: "#f0eaed" 1210 }, 1211 { 1212 title: "ATM Withdrawals", 1213 description: "5 FREE withdrawals monthly at both partner banks. High five!", 1214 titleTextClass: "text-block-58 blackberry", 1215 descriptionTextClass: "text-block-59 textblack", 1216 image: "https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/Coins.png?onerror=redirect", 1217 imageClass: "image-56 card4", 1218 bgColor: "#ffc6d4" 1219 }, 1220 { 1221 title: "Money Transfers", 1222 description: "Money moves fast.<br>Blink-and-it's-there fast.", 1223 titleTextClass: "text-block-58", 1224 descriptionTextClass: "text-block-59", 1225 image: "https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/MoneyTransferVisualConsumer-2.png?onerror=redirect", 1226 imageClass: "image-56 _5", 1227 bgColor: "#971d1d" 1228 }, 1229 { 1230 title: "Instant Notification", 1231 description: "Stay in the know and know where you stand.", 1232 titleTextClass: "text-block-58 _5", 1233 descriptionTextClass: "text-block-59 card6", 1234 image: "https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/MobilePhone-2.webp?onerror=redirect", 1235 imageClass: "image-56 _6 mobile-phone-2", 1236 bgColor: "#c4b8ff" 1237 } 1238 1239 1240 ]; 1241 1242 const track = document.querySelector('.carousel-track'); 1243 const prevBtn = document.querySelector('.carousel-btn.prev'); 1244 const nextBtn = document.querySelector('.carousel-btn.next'); 1245 const cardWidth = 300; // Should match CSS variable 1246 const cardGap = 20; // Should match CSS variable 1247 let currentIndex = 0; 1248 1249 // Clone items to create infinite loop illusion 1250 const clonedItems = [...carouselData, ...carouselData, ...carouselData]; 1251 const totalItems = clonedItems.length; 1252 const originalLength = carouselData.length; 1253 1254 // Create cards 1255 clonedItems.forEach((item, index) => { 1256 const card = document.createElement('div'); 1257 card.className = 'carousel-card'; 1258 card.dataset.index = index; 1259 card.dataset.originalIndex = index % originalLength; 1260 1261 const image = `${item.image !== "lottie" 1262 ? `<img src="${item.image}" alt="${item.title}" class="${item.imageClass}"/>` 1263 : `<div class="lottie-animation" data-w-id="9e5e65e9-195d-1c49-49a6-37db0c40af94" data-animation-type="lottie" data-src="/json-documents-rebrand/data.json" data-loop="1" data-direction="1" data-autoplay="1" data-is-ix2-target="0" data-renderer="svg" data-default-duration="0" data-duration="0"></div>` 1264 }`; 1265 card.innerHTML = ` 1266 <div class="carousel-card-content" style="background: ${item.bgColor}; border: 1px solid ${item.color};"> 1267 <div class="${item.titleTextClass}">${item.title}</div> 1268 <div class="${item.descriptionTextClass}">${item.description}</div> 1269 ${image} 1270 1271 1272 </div> 1273 `; 1274 1275 // Add click handler to select card 1276 card.addEventListener('click', function() { 1277 const clickedIndex = parseInt(this.dataset.index); 1278 const diff = clickedIndex - currentIndex; 1279 1280 // If clicking current card, do nothing 1281 if (diff === 0) return; 1282 1283 // Update current index and animate 1284 currentIndex = clickedIndex; 1285 checkForLoop(); 1286 updateCarousel(); 1287 }); 1288 1289 track.appendChild(card); 1290 });
1291 1292 const cards = document.querySelectorAll('.carousel-card'); 1293 1294 // Initialize at the middle set of clones 1295 currentIndex = originalLength; 1296 updateCarousel(false); // No transition on init 1297 1298 // Navigation buttons 1299 let isWaiting = false; 1300 prevBtn.addEventListener('click', () => { 1301 if (isWaiting) return; 1302 isWaiting = true; 1303 prevSlide() 1304 setTimeout(() => { 1305 isWaiting = false; 1306 }, 500) 1307 }); 1308 1309 nextBtn.addEventListener('click', () => { 1310 if (isWaiting) return; 1311 isWaiting = true; 1312 nextSlide() 1313 setTimeout(() => { 1314 isWaiting = false; 1315 }, 500) 1316 }); 1317 // nextBtn.addEventListener('click', ); 1318 1319 // Keyboard navigation 1320 document.addEventListener('keydown', (e) => { 1321 if (isWaiting) return; 1322 1323 isWaiting = true; 1324 if (e.key === 'ArrowLeft') prevSlide(); 1325 if (e.key === 'ArrowRight') nextSlide(); 1326 1327 setTimeout(() => { 1328 isWaiting = false; 1329 }, 500) 1330 }); 1331 1332 // Handle window resize 1333 window.addEventListener('resize', () => { 1334 updateCarousel(false); 1335 }); 1336 1337 // Navigation functions 1338 function nextSlide() { 1339 currentIndex = (currentIndex + 1) % totalItems; 1340 checkForLoop(); 1341 updateCarousel(); 1342 } 1343 1344 function prevSlide() { 1345 currentIndex = (currentIndex - 1 + totalItems) % totalItems; 1346 checkForLoop(); 1347 updateCarousel(); 1348 } 1349 1350 function checkForLoop() { 1351 // If we're at the end clones, jump to middle section seamlessly 1352 if (currentIndex >= originalLength * 2) { 1353 setTimeout(() => { 1354 currentIndex = originalLength + (currentIndex % originalLength); 1355 updateCarousel(false); // No transition 1356 }, 500); 1357 } 1358 // If we're at the beginning clones, jump to middle section 1359 else if (currentIndex < originalLength) { 1360 setTimeout(() => { 1361 currentIndex = originalLength + (currentIndex % originalLength); 1362 updateCarousel(false); // No transition 1363 }, 500); 1364 } 1365 } 1366 1367 function updateCarousel(withTransition = true) { 1368 const containerWidth = track.parentElement.clientWidth; 1369 const offset = (containerWidth / 2) - (cardWidth / 2) - (currentIndex * (cardWidth + cardGap)); 1370 1371 track.style.transition = withTransition ? 'transform 0.5s ease' : 'none'; 1372 track.style.transform = `translateX(${offset}px)`; 1373 1374 // Update active class ONLY for the middle set 1375 document.querySelectorAll('.carousel-card').forEach((card, i) => { 1376 const visibleIndex = i % originalLength; 1377 const realCenterIndex = currentIndex % originalLength; 1378 card.classList.toggle('active', visibleIndex === realCenterIndex); 1379 }); 1380 } 1381 1382}); 1383</script>
vendor: 2 bytes, line 1383
1383
1384<script>(function(){function c(){var b=a.contentDocument||(a.contentWindow&&a.contentWindow.document);if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a43c76e7485a127b',t:'MTc5MDg2ODE2Mw=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
1384<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":"47074903b0044e61bd53550aaf856729","spa":2}' crossorigin="anonymous"></script>
1384 1385</body> 1386 1387</html> 1388<footer class="ifooter "> 1389 <div class="ifooter-mobile "> 1390 <ul class="ifooter-m-items"> 1391 <span>General</span> 1392 <li><a href="/">Personal</a></li> 1393 <li><a href="/business">Business</a></li> 1394 <li><a href="https://help.nayapay.com/">Help Center</a></li> 1395 <li><a href="/news">Newsroom</a></li> 1396 <li><a href="/soc">Schedule of Charges</a></li> 1397 <li><a href="/fraud-awareness">Fraud Awareness</a></li> 1398 <li><a href="/responsible-disclosure-program">Responsible Disclosure Program</a></li> 1399 </ul> 1400 <div class="ifooter-m-connect-legal"> 1401 <ul class="ifooter-m-items"> 1402 <span>Connect</span> 1403 <li><a href="/careers">Careers</a></li> 1404 <li><a href="/contact">Contact Us</a></li> 1405 </ul> 1406 <ul class="ifooter-m-items"> 1407 <span>Legal</span> 1408 <li><a href="/legal-info">Terms & Conditions</a></li> 1409 </ul> 1410 </div> 1411 <div class="ifooter-m-certs"> 1412 <img 1413 src="https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/qs-certificate-2.png?onerror=redirect" 1414 loading="lazy" 1415 alt="NayaPay Certificates" 1416 class="qs" 1417 /> 1418 <img 1419 src="https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/pci-dss-certificate-2.svg?onerror=redirect" 1420 loading="lazy" 1421 alt="NayaPay Certificates" 1422 class="pci" 1423 /> 1424 </div> 1425 <div class="ifooter-m-info"> 1426 <img src="https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/NayaPay-Logo.svg?onerror=redirect" loading="lazy" width="144" alt="NayaPay Logo" class="ifooter-m-logo"> 1427 <p>NayaPay (Private) Limited is authorised and regulated by the State Bank of Pakistan as an Electronic Money Institution.</p> 1428 <div class="ifooter-m-info-socials"> 1429 <a href="https://facebook.com/nayapaypk" target="_blank" > 1430 <img src="https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/Vector_1.svg?onerror=redirect" loading="lazy" width="40" alt="NayaPay Facebook" class="ifooter-d-info-socials-icons"> 1431 </a> 1432 <a href="https://linkedin.com/company/nayapay" target="_blank" > 1433 <img src="https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/Vector-1_1.svg?onerror=redirect" loading="lazy" width="40" alt="NayaPay LinkedIn" class="ifooter-d-info-socials-icons"> 1434 </a> 1435 <a href="https://x.com/nayapaypk" target="_blank" > 1436 <img src="https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/TwitterLogo.svg?onerror=redirect" loading="lazy" width="40" alt="NayaPay X" class="ifooter-d-info-socials-icons"> 1437 </a> 1438 <a href="https://www.instagram.com/nayapay/" target="_blank"> 1439 <img src="https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/Frame-3.svg?onerror=redirect" loading="lazy" width="40" alt="NayaPay Instagram" class="ifooter-d-info-socials-icons"> 1440 </a> 1441 </div> 1442 </div> 1443 <div class="ifooter-m-copyright-text">© 2026 NayaPay</div> 1444 </div> 1445 <div class="ifooter-desktop "> 1446 <div class="ifooter-d-info"> 1447 <img src="https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/NayaPay-Logo.svg?onerror=redirect" loading="lazy" width="144" alt="NayaPay Logo" class="ifooter-d-logo"> 1448 <p>NayaPay (Private) Limited is authorised and regulated by the State Bank of Pakistan as an Electronic Money Institution.</p> 1449 <div class="ifooter-d-info-socials"> 1450 <a href="https://facebook.com/nayapaypk" target="_blank" > 1451 <img src="https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/Vector_1.svg?onerror=redirect" loading="lazy" width="40" alt="NayaPay Facebook" class="ifooter-d-info-socials-icons"> 1452 </a> 1453 <a href="https://linkedin.com/company/nayapay" target="_blank" > 1454 <img src="https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/Vector-1_1.svg?onerror=redirect" loading="lazy" width="40" alt="NayaPay LinkedIn" class="ifooter-d-info-socials-icons"> 1455 </a> 1456 <a href="https://x.com/nayapaypk" target="_blank" > 1457 <img src="https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/TwitterLogo.svg?onerror=redirect" loading="lazy" width="40" alt="NayaPay X" class="ifooter-d-info-socials-icons"> 1458 </a> 1459 <a href="https://www.instagram.com/nayapay/" target="_blank"> 1460 <img src="https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/Frame-3.svg?onerror=redirect" loading="lazy" width="40" alt="NayaPay Instagram" class="ifooter-d-info-socials-icons"> 1461 </a> 1462 </div> 1463 <div class="ifooter-d-copyright-text">© 2026 NayaPay</div> 1464 </div> 1465 <ul class="ifooter-d-items">
1466 <span>General</span> 1467 <li><a href="/">Personal</a></li> 1468 <li><a href="/business">Business</a></li> 1469 <li><a href="https://help.nayapay.com/">Help Center</a></li> 1470 <li><a href="/news">Newsroom</a></li> 1471 <li><a href="/soc">Schedule of Charges</a></li> 1472 <li><a href="/fraud-awareness">Fraud Awareness</a></li> 1473 <li><a href="/responsible-disclosure-program">Responsible Disclosure Program</a></li> 1474 </ul> 1475 <ul class="ifooter-d-items"> 1476 <span>Connect</span> 1477 <li><a href="/careers">Careers</a></li> 1478 <li><a href="/contact">Contact Us</a></li> 1479 </ul> 1480 <ul class="ifooter-d-items"> 1481 <span>Legal</span> 1482 <li><a href="/legal-info">Terms & Conditions</a></li> 1483 <div class="ifooter-d-certs"> 1484 <img 1485 src="https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/qs-certificate-2.png?onerror=redirect" 1486 loading="lazy" 1487 alt="NayaPay Certificates" 1488 class="qs" 1489 /> 1490 <img 1491 src="https://www.nayapay.com/cdn-cgi/image/f=webp/https://www.nayapay.com/images/rebrand/pci-dss-certificate-2.svg?onerror=redirect" 1492 loading="lazy" 1493 alt="NayaPay Certificates" 1494 class="pci" 1495 /> 1496 </div> 1497 </ul> 1498 </div> 1499</footer> 1500
1500<script src="/js/arc/jquery-3.5.1.min.js" type="text/javascript"></script>
1500 1501
1501<script src="/js/rebrand/webflow.js" type="text/javascript"></script>
1501 1502 1503
1503<script src="/js/rebrand/custom_header_footer.js" type="text/javascript"></script>
1503 1504
1504<script src="/js/rebrand/custom.js" type="text/javascript"></script>
1504 1505
1505<script src="/js/rebrand/smart-banner-android.js"></script>
1505</body> 1506</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.