PageSourceSearch

https://nayapay.com/dl

html nayapay.com collected 2026-10-01 15:22:44 UTC 84,226 bytes, 1,506 lines download raw bytes

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="">&nbsp;</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 &#x27;signed
657                                    up&#x27;.</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&#x27;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(&quot;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&quot;)"
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(&quot;videos/rebrand/Vartaul-card-V-13-poster-00001.jpg&quot;)"
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&#x27;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&#x27;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&#x27;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&#x27;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&#x27;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&#x27;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&#x27;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&#x27;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 &#x27;signed up&#x27;.",
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&#x27;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.