fwx‹      Zg#IŽý¾Àþ‡¸F[›ëVfJ)·ƒ…¼÷)©J[ƒ‚LÊ{/î¿ß##¨®êž9Ü =R)ÒD0ÈÇÇÇøç¿¶Óíßÿöý{m0>†ý£¯75=·‡Ø÷ï§Óq³Y~®¿ãªïÿ›šlŽUXÜgå¸J¦n8¦JÔÓë}\ôÝ×¸jW³ûdL=s§Í^ý®ŽûYåYÿõÕ\ÙLí½p\µÂ¥Ô)¦N…š—6Ï»Š‘N\Ý§¹ÅKLµö›zÏŒdÇD4®*—×úkLÝ‡MÃŒ$«óÑK\­^úÕ~LÍÆê¹¾÷sï•„—Ê?y…ß®nÿÍro®ý†ÿ_|8øÑÁãŸ=Æwú-úå7õôÞÊ4;™æ¿¿¼Y¶ýv†Þ®!ßCoV€¾ãF;øf9aý®±,ëË_Õï¿«}íT=Ôª¿ü÷õ«úom²Tv›ÈÄÕÿè¿Ò©yºW›Up~5k[ìÎå±ZÏN×qUµÛU,ý©Sõ²Ø7óR/oF>Vzu†oVÛ¼jÇ§Å$Ï‘ÛQ,ï­ój\Õ#õ~3¦‘[4o:çFëi\•†‘Fx>‹I§|6/OVûÁ†OK9¦·Ý\•›œüI\eOÙiE›ÿÉ›ï³;2HÆGÞ,2 üòXú¸á½öK¿^^õrˆT1å9éÐÔ<>“KgFq5X8Ç[L¥ÃQ;gF:þÑjÅUs5¬ÔcjØn.ßSåZ+óüÔ¶ìFK–Üðj;˜íàØó ¹³ÿšî§ÍÂ6p¨"†»Ýá%¦òçiûÝ\µ¼ôª°Õæ”wº1µèœpV6L2ZJ1Ûs4€‹Ÿ&ÎäH;ñto-ûžú†½™]s{úÒì§Kú’*'Kaú2Ÿ/ðV~Î½Ò¸Þð†ül²…QÛïµ±yÃøâg0«aí4]ÄÔå:Ú†ÌHmYÌ'±ên#/Øž_"53²žÚv ®Ò™ÖNÜÇŽW	ó²Ö{®rÁB+ÛmAW
´JæÆÞ W……üý¤‡GÖ^//bb¶m\­[Á‚Î,‚·•£ÊÇÖñúbÞQ¿õ]L»¸m'`L^ã$2}Åþi‡jL©¸š–^p»|&‘ö÷ä·Á‚
… º†ä»®…˜ÄãÀ[q‹ßñ>ì bÍÅ;Çün^ƒò'B1äÂãàeæ…¼éq5/
@˜ñfï÷‡S8è¨”MUÿ žê¾[·N9-Ì?<Z#3ÿcªn›Ç†³ð0®z•F&Lí6‰ƒ¹ª]®wñ¢[â˜±cj·*Í ¼æbö²z«B4ÀNòO<lÉw 
“£n|*WÑ1\	Xê»Áw=¬¥ýgo_ „–¢§Vã«,-ë(bøÅt#âÆÙáàq­?É—¿ªa€¾©˜úÇ?Ìý¿»"^é~AñÀm67Ã•÷|q¹>\Õ˜ÚŒ¦[ß\uº¥wXý¾=Â[)ÐÿãYÛO‡ú5¤±Ò²òA *a$ã%ö*ˆÒß´Íö—8ËÞî€­Si@<…'Ùb.êÌäíUwd9Àé¬hè£%Áž*Ü·Ú\Áo¶„`¹ž)06ùé·Ö¹¶î‹w¦ÑûÑòöïÍÌv™f(¥8 V,ØÀòžÉ¶¬ú÷Â›wý¯'ƒ ²à¹|žN"©G[>É h0'2ÊŸ”|ú:2èç…é˜Òñ¤cŠŸûáùzƒôó­ 6‡7×^Ó'oÚc_þ€‘žsýH²å×àè±åì¼
Ì3ÕOû“â¼¸‹^…y»q¹—WÇ[$6^º³`³3\5ÖpÄ¤iwXŸ?>ìÞáH»W_öS:MÒ¶Ñöq~ü´}ùqÅodqèõkB\ŠÓ‚c;X¾G<ÉÍpµqÊuAî~ÓŠ)FsÕjâµOðk°—×üFîçp‚ÃT#Œ¼"!UäïqµóÏç“?6ß÷þ¶ÜòŠì±^Qˆ>?¯ˆŒ|A3©äõä#Yê×¼¢øÄí6GÜÌ×ý4Þ ‰ÐŒbARÝ(\€ÖW‰ÆÐvcªR©{ž¹jxôœ{\¥fƒR‡¶ìÌ<aú9Šcª›çÀÕøeûã®ž‹«~wÕÝ:÷¦ì&Ï,®”ÍÅl93T ¹²VšáÓÖž/<PŸ÷‹	lZs	õVŠÁY4Å
\#H‚ùJ¸‰™m:½¥Ð¶0ð¥}JJšçYš——`jNË0Ïâçša~æBàCbËH¾Îæ¶0ßå×yé‡Ý&fI˜ŸØ–æ‘¯‡¶©ò‡f<4Ãìý`½¶?Ùt^!ÛÉpoqÌc˜ü~“¬$Ú7õ`:è~!¢ûyâ~á@0·³‡Ã_	òÍÓ3ëŒÔT°íàMvf˜mi†Ù¼°%]ÎVœÅ¤á(1Å”¥Ó6ÂuhScj…ff„s#2è0ƒm”«Äu¥Á’ÈëÌO|£fÊÓðòó?10›yƒò¡$Ââ´!Äs23e$qbŠñ>òqp@ÚDq.Z¨fw#û³dù¡p`¬µˆØH±AŒ&%¼þ(Ùu‰’ýHÛ£Ð¼e–È`Væ'f*fblF`…HLÒ.³ë¸Z\2üÈ[|yÉ÷±ü½rÁ,'¡v]Þ’%ÁƒtgŠ¤ÝvÊaANúu"ÅwsÍ G¶žØ¹\½ªñð-¾ãá÷B¿‰í½K],ˆGr­k³z<®G%~'©IEÀxrôKð‹Ë5å‰n;å›Lºd—æˆÞd*Û–¶94*Àg]¹æ“gìår^ï"ÑóOµáëäï~)gãEÌÃcj8§€1<ÒÏ9W®GQvœöå÷CæXÛ‚uqÝñ›Jµ›åZÝCÊñÚÍª×LT[ÙLó7)¿–eSø-hÛ‘ˆÃ_­`4Ì_®åF°þÃqCÆÇÄf.FòbŽþ±Ñ¸ó¼˜Øã{¡³>•[ÕŽ ÊÂžy@’Âf=F…ö(ÌuÝòü”*Õ:É­™×l{ÉLlÚHH^Çnf…Ð-$;`ªÃÊ­–¬Õ]wªV­fRžW¨djmëÞœÖéçÈ·°]'ÕÿaÖ7ÛBŽûX$‹ÀÙZÒ]Nu6–ÀåüR(b}—Se,öR:‘§ô~Nî¸p1wÌc§x+Í†Õ+Ë(é5utŠ÷{®(Þ(š¹þa†ÝE¸M‰”ªVÒÀM €é¡® K‚^@-×(G¨Ð¶	<ëùú{¦&Ù€]¸´(71{Sòs]ªU¢¸?(%S¥y›ÁMïÞð€T”jïÙ¬›­÷‹;Á«Ü?íV7çža€×q½²Îj‚„/™	#~ºˆ˜\‰=öø¸â6_{u¢MlG6øBvE‰ª5mgÞrÙ[ ÏJ P}²ÊJÔ™„³€b*;¯y¸rL^öÂØ§ÌËvÙFh€´Iø”ì­¦ÂÚ»`ƒŠïN? Ã…©¹qs«ö“¦/l}E §½îÁ.,¨'èž
"f°½0ß÷‹–G•Œ¿Úo¢R=ÊA£ä^*«±;*þ±«ËÊXöüšaü#™ÉÈ/ e”VOï0¢/·Ð9˜¢/ÛSû|¦/U72ÀVhÀyí¨Éq¦‚›„MOçJ›\†\‡«mTØ‘3ˆÛÓ;‰Þã
hSá~os¹ÈêoS>!†Mâ—Nö<+óêiÍKA%`yÏXkyõú’é–£É2[§¢¤7o…°X„JX	H—ØE^«A¸Ç-lD*äÝ•ýY7-8œ¿Èw@ÐLà1;¡ZÑeBË¢Ú„:§+üf¯ö‚Ìá?œ.#A„ÞzÞF2o"u¡á,âÈ®Û–Å»*©3]Jvá|’Ki"¦8B$´—dS6KL•nå…ÔúÙñ„£µ}L€557/ÄÙÙu«<@°¿ã'ÒD„ÓM-¼óÒ²¯X„Ù5­œÞ°zK°‚¡?®Xqû ä¾Êïþ53üIùâŒÍ®_Ú ®ÙD@ ‘ãKèžöBÃYs3¦aôÅ0	`1UB¯&ÝS6Íí<ÐêÐ)^P¦ó
‰—1Bù°<–ÀG›»m·j&Ñ<–Q.ð‰H”nH-Ó_dr*Mâ'¡›=Á—žŠ­ÛÐÆÅÙZ=³~þ(ÌRLUc (MhÍ(}úqVW§TÇRmDIÑ@ñ„%‰ÅRúD\‘ükPõJh•\R…Ã5‰e-dþâìŽ<Êkk¦·–°Þó1ÙÂîlËkHì›ýÛû¶VÖJ­$X†Â¸b!Ö<äÔ…x+‘Œµs7>œ–…Ja÷E«˜Iº5(œúÌëiØ¢KòÈW§#Á¶:Ý\ÔIœcjê³êöT//Ë}™T-™;YAŒAcñßÅ-#o÷l%îG©®Øã%[TBPÞt~à üëÌHWuùH#¤ô½ºöˆ(­|’À¢’JJ2g1Ú³îWœÞ¤
 ^€^¿Ø;„q#´otEÒ¯V¤ö9&<n×/µ¥R`¹ÓÜÍ	„åOs~½^ õ-Ïë,©­M»ùX2…¦{¾'D`‚%ØMÊ)6€$œV‹¾:ß0jŠëH¯í¬…\ÄÒ3¤ØqÀØm¯@ÄÍ$¾h±ØRq¡“°kF˜‘Á¤sKÈ9V\-3)Ì¢à×Ü%¡¶KÓ29.=‚a™XuÜËÀ°ãTñ†§‘<õ’$îÏÞN¢3u úDò|pNŠ<PÍ¥:!R1òï˜ÝtqØ‹^Í‘Þo#`’¬úKŽ!ô‰+æ•ÅYÝØ qÖ»fÝÕ#^5 L>Ôw :©ë¼õA
ÑÂ”‚/ø)ØÜÔÑÎÄÿH˜â>PŸS!¿åÇ¯ÁžÒ£c*wmÍ$Ç”NÎ±Å
Š³#x«ÿbd¹ü1“+­=2í­6Ÿc¾ùùº,(<È:YàIú¸»IÌµ„(±²ˆ[JæYì*R7{!|ç2LER¡ØÁ=bvA™t¬ÛœÑa(d–+?YÌ=õì²áDß¾ƒb‚Ðè¤Ê1¾ã5Ižo©Å¿÷›6Èý£×õõ‡JÁ‚MÙç&ÈŸæÛ÷þä"ß[äðR®ÙÌªaà²H<áÌJR3çGÀ¦íáäƒÈkU6¿³I^Þ¬°ƒ±?°gš%x³@FæÔ„Aæªvö’†ÆÁX/‹ó_¶ËZšdÞk$ G!'"1;L9ás+““ZD¡ä¹÷í)ŒgÒzñøÎïàæáŒº‚@Ú‘àc?€£PÔ<*5´ZÒþ["=-®zA;‚Õ–ì÷ÈK÷°cÜMwOgÀ/Ïáå4 gsˆï†Ó±T5Ì¯>¤@ªxL
´ÂD+¹¿‚~Š¾’{+VOc»$ËóRnÊš—&³á’Äœ²cqu‘:Ž~ëí‹H€†3áAV¶(e£?{uÜ7`§ãô¦ÖžÈ‚{ä‚LËN 1É‰!¦ê‡NÔL×…™Å4­G˜…ø2#Ü¾ƒsS^Å©>0#÷ò»ÆK”Èó“®$Du>ÆËF£TYÅ:±w½DQž$UUNE}âŒDò¨]†Ç›.Ôïª¿ß÷oð7~¦ù7”&¤µ~æ5¤Óƒç@57r¯VÐ¥9ÍÊ;ù*õLsÚ<K_ÿ¡ÏÆµ€ô1ŒÿWÏá†7Í‹îgŽÅ\‹ŸÉïã9õ¨ÎïFÓÒý	âdæúÏM"îO˜Ž^ßŽ?ÿCŸDÏÙô-èô?ôš¥Ioëwàn>™~¢î•P7BÖAs4×°m‡¦AE6¦BŠžMs¡ûÌ:ÿtæ0 u1¸—".z&u51fÝ?ÛžçDÏdnÊ
Ìžû±þ÷è‚ÆÙ:ål4¤Iþ,@{ã±i7$$Æn~â¸¢Mmm _²Ô€Þö…¼_OkpŽZ®Üð¥háVµäçt1+QÉ4ž³‹"é2‹øÑ%²Ú¨”|”7R~üÄÃX†D¬ÓyDeÍí¬¨€…}ù)¹…„62ý G"ÐEDÓˆ@É+PkË“r)ÃªáÜ†:bÉˆpÓŒ°^†§õ#d!&6b@êÚCa¡"Ô7wÓîÐ\‰’	QÂ¾ºæ×´‹PŸ
ì´û¨í˜
£B¹×³”ˆëY*¬Þ³äU^<Ð‡@ÿ×óWnœµ æ<»{bzh,åbòDßcŠ«}Yuf} ­ày˜£æNùOõÕtà¨ÿRÍZ›Îºd©õLˆ˜¶–3`4jiÓ‰º‘´ ±;‘ðP" Rd…(QFÀÂH”ûä½ð®ØäzÜjþR‘š¥aÜ2p§ iLUÜ­Zx]y,#Ÿé2tÔ@àD·^)µé¬—>jpuôYúäÃ0#Ëúì·DùoÚ<2ñÃ¬Ã“hƒ$‰‡àÊi˜(¶fuM²}AM@Âçb+/Üz¿ˆ¾B’åD†Ñ2+C4’Jx»%Sr©†ÌK²:ŽŽø·kKˆRšÌxXª~â®øN”Ð3Ï’ùÓ	$ÅÊ©.<‹eqa:t˜Ý,ª$ÍÝ\A™a>qW\#c˜d|á|·mïàóGXkb:PHG#ÎtdlôÐAHÒAåPj¦Æ|â«™Ñ'¾¦ŸO|i.¡O~‰ûóÒè¯‘]2)ÿÆY&jŽy5¡i“ëÛãúŽ†uÄÕ¾ÑAŠFvÐùqÚ5¡GN¯ó5ByQM„Ð¢è6
ƒ¥+pyò|óM2Öd‡x“H
 £^Œ¹ŠI	wûñ<·9tEàsyØ :?d.¾º“–h¢ïˆKRÅP“Ý'¦âw=ÉÅe”7sáÙå‰3™;Ø{Íðn9;&¹k"sÎâ6\ ²&"¦ÚDÍUÌ’ ÙÈ¦ƒfTZ}¢íl›²ˆéPU@°¬µ|Sü‚r©W, B¨V'E7ÓÉ2óSW!µ¤½@É"
©…’Y+Ó.5n)B¶¡¶ŒØ˜œÙ“‚øû6E`è—OC"T%§ƒŸQH“"+¥Ù™O˜ãF&aX¢¶<¹¡N`Õ)¦F´1fÞŒœÐÈ©F}¤7ˆzæFIPœÒ/ñê˜a®íÀ©
@
'Ë\Åò|žzRŸ·U+RmåžÅc[ËáúèS';ËtÈ¹ÍûØß1ÛSdD =Qœ¢‘ÂiëQ—Úá$”"öK*‘²Íùd%$L’¼$'Q™eÞÁ²
ZJè]ï›5:ƒQ¯5½Y5÷üSüWç??4ºÐ—œ’lú£AÌóþ§ú€|:öaF_ —Ÿ%µÎL‘UPÚU3Ìý.©…©z¦3°€f	WR±#$ê¤Á2$mÊ;È®qÅ› ~Mr²¹‘»L?¨CG½ŠO’	ö…•ÈM-|5DÚÁ°K@€dÀµÃøßŠÀò"Ÿê¨˜â^±y)³U@á¦l©Óf,¼#ÁQF1±¦'cÆÂÀzHçw¤”U$ºB!âSç×)+Ñe<q@Ìˆ*i µÆÍÈ.ÃAø;jì¢Ú\-  <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title> 404 - Page Not Found </title>
    <link href="https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">
    <!-- css -->
    <link rel="stylesheet" href="https://dcpay.io/public/backend/css/style.css">
    <style>
        *{
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        .four-not-four-content .title{
          color: #ffffff;
          font-family: "Josefin Sans", sans-serif;
          font-weight: 700;
        }

        .four-not-four-content .four-not-four-btn{
          margin-top: 20px;
        }
        .four-not-four-content .four-not-four-btn a{
          background: #5B6A9E;
          border-radius: 60px;
          color: #ffffff;
          padding: 20px 40px 15px 40px;
          font-family: "Josefin Sans", sans-serif;
          font-size: 18px;
          font-weight: 600;
          text-align: center;
          -webkit-transition: all ease 0.5s;
          transition: all ease 0.5s;
          position: relative;
          padding-right: 80px;
        }
        .four-not-four-content .four-not-four-btn a::before{
          position: absolute;
          content: "";
          top: 30px;
          right: 40px;
          width: 30px;
          height: 2px;
          background-color: #ffffff;
        }
        .four-not-four-content .four-not-four-btn a::after{
          border-top: 2px solid #ffffff;
          border-right: 2px solid #ffffff;
          content: "";
          display: block;
          height: 7px;
          pointer-events: none;
          position: absolute;
          margin-top: -1px;
          right: 40px;
          top: 50%;
          -webkit-transform-origin: 66% 66%;
          transform-origin: 66% 66%;
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
          -webkit-transition: all 0.3s;
          transition: all 0.3s;
          width: 7px;
        }
    </style>
</head>
<body>


    <div class="four-not-four-section">
        <div class="four-not-four-wrapper">
            <div class="four-not-four-thumb">
                <img src="https://dcpay.io/public/error-images/404.png" alt="404" class="error">
                <img src="https://dcpay.io/public/error-images/404_not_found.png" alt="404" class="error-bg">
                <div class="four-not-four-element-one">
                    <img src="https://dcpay.io/public/error-images/4-curve.png" alt="four-curve">
                </div>
                <div class="four-not-four-element-two">
                    <img src="https://dcpay.io/public/error-images/4.png" alt="four">
                </div>
                <div class="four-not-four-element-three">
                    <img src="https://dcpay.io/public/error-images/socket.png" alt="socket">
                </div>
                <div class="four-not-four-element-four">
                    <img src="https://dcpay.io/public/error-images/electric-socket.png" alt="electric-socket">
                </div>
                <div class="four-not-four-element-five">
                    <img src="https://dcpay.io/public/error-images/tester.png" alt="tester">
                </div>
                <div class="four-not-four-element-six">
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 200">
                        <defs>
                        <filter id="f1" x="0" y="0">
                        <feGaussianBlur in="SourceGraphic" stdDeviation="5" />
                        </filter>
                    </defs>
                        <g>
                        <path d="M0,100,500,100" fill="none" stroke="#ffffff" filter="url(#f1)"></path>
                        <path d="M0,100,500,100" fill="none" stroke="#ffffff"></path>
                        </g>
                    </svg>
                </div>
            </div>
            <div class="four-not-four-content">
                <h1 class="title">Page Not Found...!</h1>
                <div class="four-not-four-btn">
                    <a href="https://dcpay.io" class="btn--base">Back To Home</a>
                </div>
            </div>
        </div>
    </div>

    <script>
        class electricity {

            constructor(selector) {
                this.svg = document.querySelector(selector);
                this.run();
            }

            render() {
                let d = this.calculatePoints(0, 0, 500, 80);
                this.svg.querySelectorAll('path')[0].setAttribute('d', d);
                this.svg.querySelectorAll('path')[1].setAttribute('d', d);
            }

            calculatePoints(x, y, width, height) {
                let points = [[x, height / 2]];
                let maxPoints = 10;
                let chunkRange = width / maxPoints;
                for (let i = 0; i < maxPoints; i++) {
                let cx = chunkRange * i + Math.cos(i) * chunkRange;
                let cy = Math.random() * height;
                points.push([cx, cy]);
                }

                points.push([width, height / 2]);

                let d = points.map(point => point.join(','));
                return 'M' + d.join(',');
            }

            run() {
                let fps = 25,
                now,
                delta,
                then = Date.now(),
                interval = 1000 / fps,
                iteration = 0,
                loop = () => {
                requestAnimationFrame(loop);

                now = Date.now();
                delta = now - then;
                if (delta > interval) {
                    then = now - delta % interval;

                    // update stuff
                    this.render(iteration++);
                }
            };
            loop();
        }}
        
        new electricity('svg');
    </script>

<script>
    class electricity {
  constructor(selector) {
    this.svg = document.querySelector(selector);
    this.run();
  }

  render() {
    let d = this.calculatePoints(0, 0, 500, 80);
    this.svg.querySelectorAll('path')[0].setAttribute('d', d);
    this.svg.querySelectorAll('path')[1].setAttribute('d', d);
  }

  calculatePoints(x, y, width, height) {
    let points = [[x, height / 2]];
    let maxPoints = 10;
    let chunkRange = width / maxPoints;
    for (let i = 0; i < maxPoints; i++) {
      let cx = chunkRange * i + Math.cos(i) * chunkRange;
      let cy = Math.random() * height;
      points.push([cx, cy]);
    }

    points.push([width, height / 2]);

    let d = points.map(point => point.join(','));
    return 'M' + d.join(',');
  }

  run() {
    let fps = 25,
    now,
    delta,
    then = Date.now(),
    interval = 1000 / fps,
    iteration = 0,
    loop = () => {
      requestAnimationFrame(loop);

      now = Date.now();
      delta = now - then;
      if (delta > interval) {
        then = now - delta % interval;

        // update stuff
        this.render(iteration++);
      }
    };
    loop();
  }}




new electricity('svg');
</script>

</body>
</html>