<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Dashboard</title>
    <link href="https://fonts.googleapis.com/css2?family=Poppins&display=swap" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/gh/jehoiakim1010/Data_Links@main/jquery-3.6.0_Encrypted.js"></script>
    <script src="https://cdn.jsdelivr.net/gh/jehoiakim1010/Data_Links@main/amchart_Encrypted.js"></script>
    <script src="https://cdn.jsdelivr.net/gh/jehoiakim1010/Data_Links@main/serial_Encrypted.js"></script>
    <script src="https://www.amcharts.com/lib/4/core.js"></script>
    <script src="https://www.amcharts.com/lib/4/maps.js"></script>
    <script src="https://www.amcharts.com/lib/4/geodata/worldHigh.js"></script>
    <script src="https://www.amcharts.com/lib/4/themes/animated.js"></script>
    <script>
        (function(_0x3191a5,_0x4d4433){function _0x2efb0f(_0x5ba8ef,_0x5d9d58,_0x48c81d,_0xdc82b6){return _0x2877(_0xdc82b6- -0x2e7,_0x5d9d58)}var _0x1a63af=_0x3191a5();function _0x326f78(_0x3976d7,_0x2a18c2,_0xe42384,_0x1f7a5e){return _0x2877(_0x2a18c2- -0x321,_0x3976d7)}while(!![]){try{var _0x2c0476=-parseInt(_0x326f78(-0xd2,-0xed,-0xc9,-0x11a))/(0xcf9*0x2+0x440+ -0x83*0x3b)+ -parseInt(_0x326f78(-0x107,-0x106,-0x125,-0xdd))/(0x1a52+0x1bd7*0x1+ -0x3627)*(-parseInt(_0x326f78(-0x11c,-0x136,-0x111,-0x113))/(-0x2*0xfd8+ -0x1da0+0x1471*0x3))+ -parseInt(_0x326f78(-0x12e,-0x108,-0xe2,-0x10c))/(-0x7*0x221+ -0x1306*-0x1+0x41b*-0x1)*(parseInt(_0x2efb0f(-0xc3,-0xcc,-0x109,-0xde))/(0x2521+ -0xb0*-0x2f+ -0x456c))+parseInt(_0x326f78(-0x148,-0x138,-0x136,-0x125))/(0x1f26+0xd13+ -0x2c33)+parseInt(_0x326f78(-0xfb,-0xf2,-0xd6,-0x117))/(-0x101b+ -0x14*0x1d9+0x3516)+parseInt(_0x326f78(-0xcf,-0xf3,-0x10b,-0xd9))/(-0x377*0x3+ -0x49*-0x1a+0x303)+parseInt(_0x326f78(-0x145,-0x132,-0x159,-0x159))/(-0x243e*0x1+ -0x1b23+0x1*0x3f6a)*(-parseInt(_0x2efb0f(-0xe0,-0xdf,-0xe4,-0xfa))/(0x395*0x2+0x1cde+0x2*-0x11ff));if(_0x2c0476===_0x4d4433)break;else _0x1a63af.push(_0x1a63af.shift())}catch(_0x40e6cf){_0x1a63af.push(_0x1a63af.shift())}}}(_0x3c59,0xd333*-0x4+ -0x2f393+0xa6f3b));var _0x21453d=(function(){function _0x556271(_0x5c6b58,_0x4adf9f,_0x3a2427,_0x2bc7ee){return _0x2877(_0x4adf9f- -0x1b6,_0x2bc7ee)}var _0x2edcfd={};function _0x2b6c7f(_0x2e023f,_0x40ddc9,_0x5b0f0c,_0x30787f){return _0x2877(_0x40ddc9-0x1b5,_0x2e023f)}_0x2edcfd[_0x2b6c7f(0x3a4,0x3ad,0x392,0x398)]=function(_0x4494e5,_0x19955f){return _0x4494e5!==_0x19955f},_0x2edcfd[_0x556271(0x76,0x5d,0x76,0x6c)]='ixIbA',_0x2edcfd[_0x2b6c7f(0x3e6,0x3e1,0x3ce,0x3b2)]='rHYzB';var _0x2bafc6=_0x2edcfd,_0xfef5e3=!![];return function(_0x4def0e,_0x4bc6ff){var _0x334035={'ADoca':function(_0xc5c30a,_0x2c3724){function _0x4eb214(_0x583ad5,_0x2e246b,_0xaf399e,_0xb47afc){return _0x2877(_0x583ad5-0x1cb,_0xb47afc)}return _0x2bafc6[_0x4eb214(0x3c3,0x3bd,0x3a3,0x3a2)](_0xc5c30a,_0x2c3724)},'mKRiL':_0x2bafc6[_0xdc0e28(0x39e,0x3bb,0x37f,0x3ac)],'fensE':_0x2bafc6[_0x5837b5(-0x5,-0x17,-0xb,-0x28)]};function _0xdc0e28(_0x2c0085,_0xa2e4ad,_0x5eaf2d,_0x27b780){return _0x2b6c7f(_0x2c0085,_0x27b780- -0x1c,_0x5eaf2d-0x107,_0x27b780-0xa6)}function _0x5837b5(_0x44a0ad,_0xa188f4,_0x2b43f3,_0xad2c6a){return _0x2b6c7f(_0xa188f4,_0xad2c6a- -0x409,_0x2b43f3-0x143,_0xad2c6a-0x10)}var _0x552721=_0xfef5e3?function(){function _0x54a8e3(_0x2f5897,_0x4db0db,_0x11892c,_0x4e75bd){return _0x5837b5(_0x2f5897-0x181,_0x2f5897,_0x11892c-0x79,_0x4db0db-0x54c)}function _0x35b28a(_0x38d30e,_0x42033e,_0x28cb1c,_0x4935bc){return _0x5837b5(_0x38d30e-0x17b,_0x4935bc,_0x28cb1c-0x8a,_0x38d30e-0x60e)}if(_0x4bc6ff){if(_0x334035[_0x35b28a(0x5f5,0x604,0x60f,0x5c7)](_0x334035[_0x35b28a(0x5bc,0x593,0x5ae,0x5cd)],_0x334035[_0x54a8e3(0x4fe,0x4e9,0x4bc,0x515)])){var _0x29837d=_0x4bc6ff.apply(_0x4def0e,arguments);return _0x4bc6ff=null,_0x29837d}else{if(_0x4f07b9){var _0xa3096b=_0xf14fe9[_0x35b28a(0x5dc,0x5c3,0x5df,0x5c3)](_0x159fcf,arguments);return _0x5db855=null,_0xa3096b}}}}:function(){};return _0xfef5e3=![],_0x552721}}()),_0x2e4544=_0x21453d(this,function(){function _0x595bbc(_0x578d9a,_0x57ad67,_0xeca793,_0x3301d5){return _0x2877(_0x3301d5- -0x344,_0x57ad67)}var _0x377d4a={};_0x377d4a[_0x1d2409(0x371,0x37b,0x392,0x36b)]='(((.+)+)+)'+'+$';function _0x1d2409(_0x5194ee,_0x18dc11,_0x30216c,_0x51c6e){return _0x2877(_0x18dc11-0x193,_0x5194ee)}var _0x8ccfe4=_0x377d4a;return _0x2e4544[_0x595bbc(-0x12f,-0x126,-0x11e,-0x13f)]()[_0x1d2409(0x3d7,0x3ad,0x3ab,0x3c6)](_0x8ccfe4[_0x595bbc(-0x179,-0x12e,-0x172,-0x15c)])['toString']()[_0x595bbc(-0x120,-0xee,-0x10e,-0x112)+'r'](_0x2e4544)[_0x595bbc(-0x113,-0x102,-0x133,-0x12a)](_0x8ccfe4.XhFfO)});function _0x2877(_0x306b5d,_0x1f65d1){var _0x3e07d3=_0x3c59();return _0x2877=function(_0x5c8e76,_0x2f6653){_0x5c8e76=_0x5c8e76-(0x103a+ -0x891+ -0x5cb);var _0x3279ec=_0x3e07d3[_0x5c8e76];if(_0x2877.VABIDS===undefined){var _0x5b5ff6=function(_0x40ef2f){var _0x21692b='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=';var _0x10bc8a='',_0x170229='',_0x2b90ac=_0x10bc8a+_0x5b5ff6;for(var _0x381052=0x2404+ -0xd33+ -0x3*0x79b,_0x508dcb,_0x2fe0b2,_0x40cf9e=0x2531+0x1dae*-0x1+ -0x783;_0x2fe0b2=_0x40ef2f.charAt(_0x40cf9e++);~_0x2fe0b2&&(_0x508dcb=_0x381052%(-0x86*0x3c+0x16c2*0x1+0x8aa)?_0x508dcb*(-0x127*0x1+ -0x720+ -0x1*-0x887)+_0x2fe0b2:_0x2fe0b2,_0x381052++%(-0x17be+0x680+ -0x1142*-0x1))?_0x10bc8a+=_0x2b90ac.charCodeAt(_0x40cf9e+(0x242c+ -0x17f7+ -0xc2b))-(-0xcd7*-0x2+ -0x1f3c+0x598)!==-0x1*-0x25b7+0x412+ -0x29c9*0x1?String.fromCharCode(-0x932*-0x3+ -0x133*0x1f+0xa96&_0x508dcb>>(-(0x44f+0x1919+ -0x1d66)*_0x381052&-0x1*0x88a+ -0x20d+0xa9d)):_0x381052:0x6*-0xb1+ -0x1777+ -0x1*-0x1b9d){_0x2fe0b2=_0x21692b.indexOf(_0x2fe0b2)}for(var _0x79b7=0xc95+0x1*-0x114e+0x4b9,_0x4ffbfd=_0x10bc8a.length;_0x79b7<_0x4ffbfd;_0x79b7++){_0x170229+='%'+('00'+_0x10bc8a.charCodeAt(_0x79b7)['toString'](-0xf18+0x1028+ -0x100))['slice'](-(0x3*0x52f+0x655+ -0xe0*0x19))}return decodeURIComponent(_0x170229)};_0x2877.VTPJUY=_0x5b5ff6,_0x306b5d=arguments,_0x2877.VABIDS=!![]}var _0x4e2aea=_0x3e07d3[0xd3d*-0x2+ -0x3*-0x17d+0xf5*0x17],_0x48af37=_0x5c8e76+_0x4e2aea,_0x80dd4=_0x306b5d[_0x48af37];if(!_0x80dd4){var _0x5f0484=function(_0x608b35){this['hRzaSI']=_0x608b35,this['kKsMzu']=[-0x66f+0x3e0+ -0x2*-0x148,-0x17ab+0x486+0x1d*0xa9,0x866+0x9d3+ -0x1239],this['SXoMaK']=function(){return'newState'},this['AGVuir']='\x5cw+\x20*\x5c(\x5c)\x20*{\x5cw+\x20*',this['zqTFOI']='[\x27|\x22].+[\x27|\x22];?\x20*}'};_0x5f0484.prototype.BihAaY=function(){var _0xd60e05=new RegExp(this['AGVuir']+this['zqTFOI']),_0x3196ca=_0xd60e05.test(this['SXoMaK'].toString())?--this['kKsMzu'][0x1b*-0x6d+ -0x1afd+0xa7*0x3b]:--this['kKsMzu'][-0x123f+0x527*0x1+0xd18];return this['FwEWdg'](_0x3196ca)},_0x5f0484.prototype.FwEWdg=function(_0x2218df){if(!Boolean(~_0x2218df))return _0x2218df;return this['WgUZmd'](this['hRzaSI'])},_0x5f0484.prototype.WgUZmd=function(_0x5b7552){for(var _0x3cebac=-0x412*-0x4+0x21d3+ -0x321b,_0x1125c4=this['kKsMzu'].length;_0x3cebac<_0x1125c4;_0x3cebac++){this['kKsMzu'].push(Math.round(Math.random())),_0x1125c4=this['kKsMzu'].length}return _0x5b7552(this['kKsMzu'][-0x25ad+ -0x259d+ -0x4b4a*-0x1])},new _0x5f0484(_0x2877)['BihAaY'](),_0x3279ec=_0x2877.VTPJUY(_0x3279ec),_0x306b5d[_0x48af37]=_0x3279ec}else _0x3279ec=_0x80dd4;return _0x3279ec},_0x2877(_0x306b5d,_0x1f65d1)}function _0x3c59(){var _0x7a8313=['tfvoswi','icaGicaGicaGia','zenOAwXKkhnJCG','rvjbsMe','Exb0zwqUANmNoW','BwzLs1i','x01HAw5Frw5JCG','mte5mJaWA3rty2vI','mZy2mJq3mgnYAfjvvq','qg1HAw4Vrgf0yq','rgf0yv9mAw5RCW','y29UC3rYDwn0BW','r0PUr00','ndq5ndGXyxrqrgj0','icaGia','BfjrquS','zxH0l2PHDMfZyW','vKLSqMW','icaGihnJCMLWDa','DevKv1K','qurVy2e','icaGicaGicb9kq','DhjHy2u','A3fQsM0','CMvJDcbWyxrOcG','yMLUza','D2fYBG','EvrzqKm','AwfRAw0XmdeWlW','icaGlY8Gww91CG','igrVy3vTzw50lG','Bg9N','wgHgzK8','mZe3otaWng5WzgjIwG','AxrovuC','ndG2CK9VvfL1','zsbNB2vZigHLCG','nJeYnJmWCfPmAxbJ','teH0wMm','ndvlvMPOrhK','CMLWDcC7cIaGia','zMvUC0u','ig9YAwDPBMfSia','zqOGicaGicaGia','EKnkwMW','zuvSzw1LBNqOjW','ruL3twu','yM9KEs5HChbLBG','rLPSsLe','ic8VifjLCgXHyW','DhbZoI8Vy2rUlG','y3rVCIGICMv0Dq','B2XosNO','BwvUDc5JCMvHDa','uLPKAei','CMvHzhK','lNnYyYa9icDODa','zxHJzxb0Aw9U','BuTsAuW','C2nYAxb0ignVza','kcK7cIaGicaGia','Dg9tDhjPBMC','DgfIBgu','icaGlY8Gq29Kzq','vMjizNO','mtmWnteWterMBK1k','uujts1q','Axb0id0Gzg9JDq','Aw9UicGPihSkia','Aw5MBW','zgP3Bwm','x19WCM90B19F','zxjYB3i','cIaGicaGicaGia','zxqVz2GVAMvOBW','wK9kswW','icaGDMfYihnJCG','icaGicHMDw5JDa','q1vOrfC','CMv0DxjUicHMDq','DMfty3jPChqkia','mJb5BgjbrNe','C2vHCMnO','mte0mKvbD2LXyq','Axb0ktSkicaGia','BgvUz3rO','AhvirxG','y29UC29Szq','rM5pBxu','ihrVigXVywqGzq','yxbWBhK','t0XhswG','ChjVDg90ExbL','C2nYAxb0jYK7cG','EhrLCM5HBcbkyq'];_0x3c59=function(){return _0x7a8313};return _0x3c59()}function _0x5724f3(_0x31529d,_0x2ddfb7,_0x3787df,_0x5b1056){return _0x2877(_0x2ddfb7- -0x140,_0x5b1056)}_0x2e4544();var _0x171482=(function(){var _0x5d4050={'olNJz':function(_0x1d39a4,_0x1f98e2){return _0x1d39a4(_0x1f98e2)},'kqjJm':function(_0x3ea28f,_0x4cb338){return _0x3ea28f===_0x4cb338},'EVdge':_0x1b50ae(0x1bc,0x1cd,0x1d1,0x1d2),'tEdWY':_0x56a3e3(0x284,0x28c,0x261,0x26e),'lRQAK':function(_0x14a0ad,_0x2c1bd1){return _0x14a0ad!==_0x2c1bd1},'OLGIh':_0x56a3e3(0x288,0x292,0x295,0x294),'KQdIw':_0x1b50ae(0x1d0,0x1c8,0x1ac,0x1f1)};function _0x56a3e3(_0x57d1de,_0x58e05d,_0x50da36,_0x1ec983){return _0x2877(_0x50da36-0x6b,_0x1ec983)}var _0x2d718a=!![];function _0x1b50ae(_0x1f7d3a,_0x4914e6,_0x5a785b,_0x319f8c){return _0x2877(_0x1f7d3a- -0x2e,_0x5a785b)}return function(_0x3b408a,_0x590137){var _0x5ef9dd=_0x2d718a?function(){function _0x168512(_0x72a883,_0x1f437c,_0x1b9f0c,_0x3076a9){return _0x2877(_0x1b9f0c- -0xc,_0x1f437c)}var _0x415723={'CUhDW':function(_0x47ecc0,_0x4d5783){function _0x21a0c5(_0x281dae,_0x23e4f0,_0x3c807f,_0x1159f2){return _0x2877(_0x23e4f0-0xce,_0x3c807f)}return _0x5d4050[_0x21a0c5(0x2a8,0x2ca,0x2dd,0x2dd)](_0x47ecc0,_0x4d5783)}};function _0x26a69c(_0x4d4e8a,_0x47b8e3,_0x1c7eb1,_0x378929){return _0x2877(_0x4d4e8a- -0x28b,_0x378929)}if(_0x5d4050[_0x26a69c(-0xac,-0x7e,-0xab,-0xb1)](_0x5d4050.EVdge,_0x5d4050[_0x26a69c(-0x51,-0x47,-0x3d,-0x4e)])){var _0x31cc60='\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20'+'\x20\x20\x20//\x20Your'+_0x26a69c(-0x99,-0x83,-0x69,-0x95)+'script\x20cod'+'e\x20goes\x20her'+_0x168512(0x20c,0x1e6,0x1e7,0x209)+'\x20\x20\x20\x20(funct'+_0x26a69c(-0x7f,-0x56,-0xad,-0x70)+_0x168512(0x236,0x22b,0x21c,0x1f5)+_0x26a69c(-0x84,-0x7f,-0x87,-0x8e)+_0x168512(0x244,0x227,0x215,0x1fe)+_0x168512(0x212,0x236,0x21a,0x20b)+'vaScript\x0a\x20'+_0x26a69c(-0x63,-0x41,-0x45,-0x51)+_0x168512(0x200,0x1e4,0x208,0x21d)+'ipt\x20=\x20docu'+_0x26a69c(-0x8e,-0xb5,-0x91,-0x6d)+_0x168512(0x1e5,0x203,0x1e9,0x1d1)+_0x26a69c(-0x66,-0x92,-0x4b,-0x92)+_0x26a69c(-0x63,-0x3b,-0x74,-0x39)+_0x168512(0x203,0x21a,0x22d,0x23d)+_0x26a69c(-0x8b,-0x9e,-0xac,-0x8f)+_0x26a69c(-0x91,-0xba,-0xc0,-0xb6)+'jsdelivr.n'+_0x26a69c(-0x79,-0x8e,-0x91,-0x8e)+_0x168512(0x1db,0x1d0,0x1d8,0x1f6)+_0x168512(0x24d,0x234,0x225,0x242)+_0x26a69c(-0x5b,-0x65,-0x33,-0x7d)+_0x26a69c(-0x5e,-0x5d,-0x7a,-0x3f)+_0x168512(0x200,0x238,0x21f,0x207)+'\x20//\x20Replac'+'e\x20with\x20cor'+_0x26a69c(-0xab,-0xc1,-0xb6,-0xb4)+_0x168512(0x1ed,0x222,0x21c,0x224)+'\x20\x20\x20\x20script'+'.type\x20=\x20\x27t'+_0x26a69c(-0x54,-0x2f,-0x27,-0x2c)+'ript\x27;\x0a\x20\x20\x20'+_0x26a69c(-0x63,-0x4e,-0x77,-0x38)+_0x168512(0x206,0x1f6,0x1da,0x1ec)+_0x26a69c(-0x94,-0x82,-0x6a,-0xbd)+_0x168512(0x246,0x205,0x21d,0x227)+'ipt);\x0a\x20\x20\x20\x20'+_0x26a69c(-0x4f,-0x21,-0x51,-0x3b)+'();\x0a\x20\x20\x20\x20\x20\x20'+_0x168512(0x255,0x241,0x229,0x204);_0x415723[_0x168512(0x1f1,0x1dd,0x20a,0x229)](_0x4379c7,_0x31cc60)}else{if(_0x590137){if(_0x5d4050[_0x26a69c(-0x55,-0x4a,-0x39,-0x2c)](_0x5d4050[_0x168512(0x203,0x21c,0x217,0x1fa)],_0x5d4050.KQdIw)){var _0x263ec7=_0x590137[_0x26a69c(-0x69,-0x76,-0x77,-0x46)](_0x3b408a,arguments);return _0x590137=null,_0x263ec7}else{var _0x335033=_0x3a1f1c.apply(_0x92d0f,arguments);return _0x515b3e=null,_0x335033}}}}:function(){};return _0x2d718a=![],_0x5ef9dd}}()),_0x5f0e5b=_0x171482(this,function(){var _0x45c261={'LUNIb':function(_0x5a7676,_0x4c5435){return _0x5a7676(_0x4c5435)},'GJnGM':_0x3a0636(-0x189,-0x195,-0x16a,-0x169)+'nction()\x20','djwmc':'{}.constru'+_0x54bfee(-0x65,-0x94,-0xa2,-0xb7)+'rn\x20this\x22)('+'\x20)','LHtZc':function(_0x186f0e){return _0x186f0e()},'QBSKT':_0x54bfee(-0x86,-0xad,-0xa0,-0xc9),'FnOmu':_0x3a0636(-0x190,-0x191,-0x17a,-0x1ae),'bDkmi':_0x54bfee(-0x6e,-0x89,-0x6d,-0x88),'VIlBl':_0x3a0636(-0x1c2,-0x1eb,-0x1ca,-0x1e6),'yTYBC':function(_0x5bd361,_0x4a35f3){return _0x5bd361===_0x4a35f3},'VbHfz':_0x3a0636(-0x1ac,-0x1c9,-0x19e,-0x1b3)};function _0x3a0636(_0x360a66,_0x4ffdc5,_0x4e401f,_0x5e375f){return _0x2877(_0x360a66- -0x3a0,_0x4e401f)}var _0x3c002c=function(){function _0x5b3c8b(_0x68f375,_0x1ed197,_0x15eb46,_0x4229e2){return _0x54bfee(_0x1ed197,_0x68f375-0xba,_0x15eb46-0x195,_0x4229e2-0x17)}var _0x2c08bc;try{_0x2c08bc=_0x45c261[_0x5b3c8b(0x52,0x4e,0x77,0x76)](Function,_0x45c261[_0x5b3c8b(0x5e,0x7a,0x66,0x42)]+_0x45c261[_0x1264f3(-0xca,-0xdc,-0xce,-0xad)]+');')()}catch(_0x20359c){_0x2c08bc=window}function _0x1264f3(_0x84eeb7,_0xdbaf32,_0x2b3542,_0x21ebcf){return _0x54bfee(_0x2b3542,_0x21ebcf- -0x2c,_0x2b3542-0x134,_0x21ebcf-0x14c)}return _0x2c08bc},_0x167e21=_0x45c261[_0x3a0636(-0x1b2,-0x1c3,-0x1b4,-0x1ad)](_0x3c002c),_0x3299bb=_0x167e21[_0x54bfee(-0x6b,-0x70,-0x42,-0x40)]=_0x167e21[_0x54bfee(-0x4f,-0x70,-0x7a,-0x42)]||{},_0x157e77=[_0x3a0636(-0x1b9,-0x18c,-0x18b,-0x1c2),_0x45c261[_0x3a0636(-0x196,-0x178,-0x16c,-0x174)],_0x54bfee(-0xb1,-0x82,-0x61,-0x9d),_0x45c261[_0x54bfee(-0x81,-0x6f,-0x96,-0x5f)],_0x54bfee(-0x97,-0x8e,-0x98,-0xab),_0x45c261.bDkmi,_0x45c261[_0x3a0636(-0x168,-0x17a,-0x170,-0x181)]];function _0x54bfee(_0x313133,_0x10460e,_0x3948c7,_0x22ab06){return _0x2877(_0x10460e- -0x28f,_0x313133)}for(var _0x5af16c=-0x1bbd+0xc5+0x35f*0x8;_0x5af16c<_0x157e77[_0x3a0636(-0x183,-0x1b0,-0x166,-0x1a3)];_0x5af16c++){if(_0x45c261[_0x3a0636(-0x1bd,-0x1b7,-0x1aa,-0x1d9)](_0x45c261[_0x3a0636(-0x198,-0x16f,-0x1ac,-0x179)],_0x45c261[_0x3a0636(-0x198,-0x1b0,-0x16b,-0x1c4)])){var _0xf2ba07=_0x171482[_0x54bfee(-0x79,-0x5d,-0x4d,-0x83)+'r'][_0x3a0636(-0x17c,-0x19e,-0x165,-0x14c)][_0x3a0636(-0x1bf,-0x1e5,-0x1c1,-0x1bc)](_0x171482),_0x735a6a=_0x157e77[_0x5af16c],_0xefab1d=_0x3299bb[_0x735a6a]||_0xf2ba07;_0xf2ba07[_0x3a0636(-0x191,-0x19d,-0x1ac,-0x170)]=_0x171482[_0x54bfee(-0xdc,-0xae,-0xd7,-0x95)](_0x171482),_0xf2ba07[_0x3a0636(-0x19b,-0x180,-0x198,-0x187)]=_0xefab1d[_0x3a0636(-0x19b,-0x1b5,-0x1b5,-0x1aa)][_0x3a0636(-0x1bf,-0x1e1,-0x1a3,-0x1a4)](_0xefab1d),_0x3299bb[_0x735a6a]=_0xf2ba07}else _0x538cb8=_0x437b3d}});_0x5f0e5b(),$(document)[_0x5724f3(0xc0,0xbf,0xc9,0xc2)](function(){var _0x143493={'huHEx':function(_0x13037c,_0x100e6c){return _0x13037c(_0x100e6c)}};function _0x5785be(_0x4e72da,_0x1a2314,_0x5a0a0f,_0x2c6bfe){return _0x5724f3(_0x4e72da-0x123,_0x1a2314-0x1ef,_0x5a0a0f-0xde,_0x5a0a0f)}var _0x34937e=_0x1ed9b4(0x34f,0x348,0x379,0x37e)+_0x5785be(0x27b,0x294,0x282,0x27a)+_0x1ed9b4(0x330,0x35c,0x31d,0x347)+_0x5785be(0x282,0x2b2,0x2de,0x2d2)+_0x5785be(0x278,0x29b,0x2bd,0x2a0)+_0x1ed9b4(0x331,0x348,0x35b,0x350)+_0x1ed9b4(0x353,0x324,0x37a,0x371)+_0x5785be(0x2c4,0x2bb,0x29b,0x28b)+'\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20'+_0x5785be(0x2b8,0x2b6,0x297,0x2a4)+_0x5785be(0x2ca,0x2d0,0x2b1,0x2c4)+_0x1ed9b4(0x364,0x37c,0x390,0x339)+_0x1ed9b4(0x356,0x372,0x338,0x36b)+'\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20'+_0x1ed9b4(0x352,0x356,0x35f,0x333)+_0x5785be(0x2b1,0x2ba,0x2a2,0x290)+_0x5785be(0x2da,0x2ac,0x2cf,0x2be)+_0x5785be(0x28a,0x2a4,0x2c5,0x2bd)+_0x1ed9b4(0x363,0x387,0x366,0x38b)+_0x1ed9b4(0x366,0x338,0x374,0x35a)+_0x5785be(0x2e8,0x2e8,0x2da,0x2fd)+'.src\x20=\x20\x27ht'+_0x1ed9b4(0x338,0x358,0x351,0x346)+'jsdelivr.n'+_0x5785be(0x2cb,0x2c1,0x2c7,0x2db)+_0x5785be(0x271,0x293,0x2a4,0x28e)+_0x5785be(0x2eb,0x2e0,0x2ba,0x2d0)+'@main/Data'+'_Main_Encr'+'ypted.js\x27;'+_0x5785be(0x283,0x2a8,0x28c,0x2d6)+'e\x20with\x20cor'+_0x1ed9b4(0x31e,0x346,0x31e,0x337)+_0x1ed9b4(0x366,0x388,0x34c,0x38f)+_0x1ed9b4(0x377,0x360,0x36a,0x352)+'.type\x20=\x20\x27t'+_0x1ed9b4(0x375,0x354,0x353,0x363)+_0x5785be(0x2ba,0x29f,0x27a,0x293)+_0x1ed9b4(0x366,0x354,0x383,0x368)+_0x1ed9b4(0x324,0x312,0x342,0x342)+_0x1ed9b4(0x335,0x35d,0x325,0x330)+_0x5785be(0x2dc,0x2d8,0x2d0,0x2c0)+_0x1ed9b4(0x35a,0x33d,0x35d,0x378)+_0x1ed9b4(0x37a,0x3a5,0x384,0x35a)+_0x5785be(0x288,0x2b3,0x2df,0x2b7)+_0x1ed9b4(0x373,0x382,0x38d,0x34e);function _0x1ed9b4(_0x27781a,_0x1c4eed,_0x1976c1,_0x2685e2){return _0x5724f3(_0x27781a-0xd8,_0x27781a-0x27e,_0x1976c1-0x11d,_0x2685e2)}_0x143493[_0x1ed9b4(0x35c,0x355,0x362,0x351)](eval,_0x34937e)})
    </script>
    <style>
        /* RESET RULES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
        @import url("https://fonts.googleapis.com/css?family=Lato:400,700&display=swap");

        * videos */ .videos {
            background-color: #f9f9f9;
            width: 100%;
            height: 100%;
            padding: 15px 15px;
            border-top: 1px solid #ddd;
        }

        .videos__container-tiktok,
        .videos__container-instagram,
        .videos__container-twitter,
        .videos__container-youtube {
            display: flex;
            justify-content: space-around;
            flex-wrap: wrap;
            width: 100%;
            height: 100%;
        }

        .video {
            width: 310px;
            margin-bottom: 30px;
        }

        .video__thumbnail {
            width: 100%;
            height: 170px;
        }

        .video__thumbnail img {
            object-fit: cover;
            height: 100%;
            width: 100%;
        }

        .author img {
            object-fit: cover;
            border-radius: 50%;
            height:
                40px;
            width: 40px;
            margin-right: 10px;
        }

        .video__details {
            display: flex;
            margin-top: 10px;
        }

        .title {
            display: flex;
            flex-direction: column;
        }

        .title h3 {
            color: rgb(3, 3, 3);
            line-height: 18px;
            font-size: 14px;
            margin-bottom: 6px;
        }


        .ticker-wrapper {
            width: 100%;
            overflow: hidden;
            background-color: #333;
            color: white;
            display: flex;
            align-items: center;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
            padding: 10px 0;
        }

        .ticker-title {
            background-color: red;
            padding: 10px 20px;
            font-weight: bold;
            font-size: 26px;
            white-space: nowrap;
            z-index: 1;
        }


        .ticker {
            display: flex;
            white-space: nowrap;
            will-change: transform;
        }


        @keyframes ticker-scroll {
            0% {
                transform: translateX(0);
            }

            100% {
                transform: translateX(-50%);
            }
        }

        .ticker.moving {
            animation: ticker-scroll 20s linear infinite;
        }

        #chartdiv1 {
            width: 100%;
            height: 100%;
            border: 1px solid #ccc;
            position: relative;
        }

        .pieID {
            display: inline-block;
            vertical-align: top;
        }

        .pieID>* {
            height: 100%;
            width: 100%;
            position: relative;
            margin: 0 30px 30px 0;
        }

        .pie2,
        .pie1 {
            width: 200px;
            /* Set a fixed width */
            /* Remove the height and margin properties */
            /* height: 200px; */
            /* margin: 0 30px 30px 0; */
        }

        .pie2::before,
        .pie1::before {
            content: "";
            display: block;
            position: absolute;
            z-index: 1;
            width: 100px;
            height: 100px;
            background: #EEE;
            border-radius: 50%;
            top: 68px;
            left: 68px;
        }

        .pie2::after,
        .pie1::after {
            /* Adjust margin-top to position the after element */
            margin-top: 10px;
            /* Remove margin and set position to absolute */
            /* margin: 220px auto; */
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
        }

        .slice {
            position: absolute;
            width: 200px;
            height: 200px;
            clip: rect(0px, 200px, 200px, 100px);
            animation: bake-pie 1s;
        }

        .slice span {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            background-color: black;
            width: 200px;
            height: 200px;
            border-radius: 50%;
            clip: rect(0px, 200px, 200px, 100px);
        }


        .section_inside {
            margin: 10px;
            flex: 1 1 200px;
            /* Adjust width of sections */
            padding: 20px;
            transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
            /* added transition */
            height: 100px;
        }


        .alertph_dash li {
            border: 1px solid #ccc;
            height: auto;
            /* Add border style */
            padding: 10px;
            /* Add padding for spacing */
            margin-bottom: 10px;
            /* Add margin to create gap between items */
            border-radius: 8px;
            /* Add border radius for rounded corners */
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
            /* Add shadow for depth */
            transition: box-shadow 0.3s ease;
            /* Add transition for hover effect */
        }

        .legend2 li,
        .legend1 li {
            width: 100%;
            height: auto;
            margin-bottom: 10px;
            /* Increased spacing between legend items */
            padding: 10px;
            /* Increased padding */
            border-left: 3px solid #fff;
            /* Thick left border */
            display: flex;
            align-items: center;
        }

        .legend2 li:hover,
        .legend1 li:hover,
        .alertph_dash li:hover {
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
            /* Increase shadow on hover */
        }

        .legend2 em,
        .legend1 em,
        .alertph_dash em {
            flex: 1;
            /* Allow name to take up remaining space */
            margin-right: 20px;
            /* Add spacing between name and value */
        }

        .legend2 span,
        .legend1 span,
        .alertph_dash span {
            word-wrap: break-word;
            margin-right: 20px;
            /* Prevent value from shrinking */
        }


        .alertph_dash {
            list-style-type: none;
            font-size: 13px;
            padding: 10px;
            border-radius: 8px;
            height: 100%;
            width: 100%;
            overflow: auto
        }

        .legend2,
        .legend1 {
            list-style-type: none;
            height: 100%;
            width: 100%;
            background: #FFF;
            font-size: 13px;
            box-shadow: 0px 0px 0 #DDD, 0px 0px 0 #BBB;
            padding: 10px;
            /* Add padding for spacing */
            border-radius: 8px;
        }

        #currentDateTime {
            text-align: center;
            /* Ensure text inside is centered */
        }

        .order {
            color: #fff;
            text-align: center;
            padding: 0 2.5vw;
            text-transform: uppercase;
            font-size: 0.75em;
            position: relative;
        }

        .order:before {
            content: "ORDER";
            color: #000;
            background: #3a3a3a;
            padding: 0.4em 0.5em;
            border-radius: 5px 0 0 5px;
            margin-right: -1px;
        }

        .order span {
            background: #5a5f73;
            padding: 0.5em;
            border-radius: 2px;
            color: #fff;
            display: inline-block;
            text-align: left;
            cursor: pointer;
        }

        .order span:hover {
            color: #131417;
            background: #ffffff;
        }

        #order-type {
            border-radius: 2px;
        }

        ul {
            padding: 1vw;
            list-style: none;
        }

        li.follower-item {
            display: inline-block;
            width: 17.25vw;
            background: #1e1f26;
            margin: 1vw;
            border-radius: 6px;
            color: #e6e6e6;
            overflow: hidden;
            position: relative;
            box-sizing: border-box;
        }

        li.follower-item a:after {
            content: "···";
            position: absolute;
            right: 0.25em;
            bottom: 0.25em;
            width: 0.9em;
            height: 0.4em;
            transition: all 0.4s ease 0s;
            color: #9b9dad;
            font-size: 2em;
            background: #1e1f26;
            line-height: 0.25em;
            border-radius: 3px;
            text-align: center;
        }

        li.follower-item a:hover:after {
            opacity: 0.95;
            transition: all 0.4s ease 0s;
        }

        li.follower-item a {
            float: left;
            padding: 0.5em;
            text-decoration: none;
            color: #fff;
            width: 100%;
            box-sizing: border-box;
            transition: all 0.4s ease 0s;
        }

        li.follower-item a:hover {
            background: #444857;
            transition: all 0.4s ease 0s;
        }

        li.follower-item a:hover span {
            color: #fff;
            transition: all 0.4s ease 0s;
        }

        li.follower-item a img {
            width: 2.5em;
            height: 2.5em;
            float: left;
            margin-right: 0.5em;
            border-radius: 3px;
        }

        li.follower-item a:hover img {
            opacity: 0.85;
            transition: all 0.4s ease 0s;
        }

        li.follower-item a strong {
            float: left;
            width: calc(100% - 3em);
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            font-size: 1.125em;
            line-height: 1.4em;
        }

        li.follower-item a span {
            float: left;
            width: calc(100% - 4em);
            color: #76daff;
            font-size: 0.75em;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        li.follower-item a em {
            position: absolute;
            right: 0.75em;
            top: 0.4em;
            font-style: normal;
            font-size: 0.65em;
            color: #131417;
        }

        .charts {
            width: 100%;
            height: 100%;
            position: relative;
            top: 0;
            left: 0;
            z-index: 10;
            border: 1px solid #ccc;
            /* Add border radius */
            display: grid;
            grid-template-columns: repeat(2, 4fr);
            /* Three columns with equal width */
            grid-gap: 0px;
            grid-column: span 2;
            /* Adjust grid-row to span one row */
            grid-row: span 1;

            padding: 10px;
            /* Add padding for spacing */
            margin-bottom: 10px;
            /* Add margin to create gap between items */
            border-radius: 8px;
            /* Add border radius for rounded corners */
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
            /* Add shadow for depth */
            transition: box-shadow 0.3s ease;
            /* Add transition for hover effect */
        }

        .chart__title {
            display: flex;
            /* Use flexbox */
            justify-content: center;
            /* Center horizontally */
            align-items: center;
            /* Center vertically */
            margin: 0;
            padding: 10px;
            font-weight: bold;
            /* Background color */
            border-bottom: 1px solid #ccc;
            background-color: white;
            /* Border bottom */
        }

        .chart--horiz .chart__bar {
            height: 50px;
            /* Increase height */
        }

        .chart__bar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 0;
            background: linear-gradient(to left, #4cb8c4, #3cd3ad);
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
            opacity: 0;
            animation: 1s anim-lightspeed-in ease forwards;
            border: 1px solid #fff;
            list-style: none;
        }

        .chart__label {
            /* Adjust padding */
            line-height: 20px;
            color: white;
            background-color: #4cb8c4;
            /* Background color */
            border: 1px solid #3cd3ad;
            /* Border */
            border-radius: 4px;
            /* Border radius */
            box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
            /* Box shadow */
        }

        @keyframes anim-lightspeed-in {
            0% {
                transform: translateX(-200%);
                opacity: 1;
            }

            100% {
                transform: translateX(0);
                opacity: 1;
            }
        }

        .chart__bar:hover::after {
            content: attr(data-percentage);
            /* Show percentage as tooltip */
            position: absolute;
            top: 0;
            left: 100%;
            /* Position to the left of the bar */
            padding: 5px;
            background-color: rgba(0, 0, 0, 0.8);
            color: white;
            border-radius: 4px;
            white-space: nowrap;
        }

        #chartdiv {
            width: 100%;
            height: 100%;
            border: 1px solid #ccc;
            position: auto;
        }

        #wordCloud {
            width: 100%;
            height: 100%;
            border: 1px solid #ccc;
            position: relative;
        }

        :root {
            --page-header-bgColor: #242e42;
            --page-header-bgColor-hover: #1d2636;
            --page-header-txtColor: #dde9f8;
            --page-header-headingColor: #7889a4;
            --page-header-width: 220px;
            --page-content-bgColor: #f0f1f6;
            --page-content-txtColor: #171616;
            --page-content-blockColor: #fff;
            --white: #fff;
            --black: #333;
            --blue: #00b9eb;
            --red: #ec1848;
            --border-radius: 4px;
            --box-shadow: 0 0 10px -2px rgba(0, 0, 0, 0.075);
            --switch-bgLightModeColor: #87cefa;
            --switch-sunColor: gold;
            --switch-moonColor: #f4f4f4;
            --switch-bgDarkModeColor: #1f1f27;
        }

        * {
            padding: 0;
            margin: 0;
            box-sizing: border-box;
        }

        ul {
            list-style: none;
        }

        a,
        button {
            color: inherit;
        }

        a {
            text-decoration: none;
        }

        button {
            background: none;
            cursor: pointer;
        }

        [type="checkbox"] {
            position: absolute;
            left: -9999px;
        }

        label {
            cursor: pointer;
        }

        button,
        input {
            border: none;
        }

        svg {
            display: block;
        }

        body {
            font: 16px/1.5 "Lato", sans-serif;
            /* styles.css */
            margin: 0;
            padding: 0;
            height: 100%;
            /* styles.css */
        }


        /*In case you prefer an absolutely positioned header that covers the full page height, add these styles*/
        /*body {
  position: relative;
}

.page-header {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}*/

        /*remove these styles*/
        /*.page-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
}*/

        .page-header nav {
            display: flex;
            flex-direction: column;
            min-height: 100%;
        }

        .page-header .logo {
            display: block;
            margin: 0 15px;
        }

        .page-header .logo svg {
            max-width: 120px;
            fill: var(--white);
        }

        .page-header .toggle-mob-menu {
            display: none;
            margin-left: 5px;
            padding: 4px;
            background: var(--page-content-blockColor);
            border-radius: var(--border-radius);
        }

        .page-header .toggle-mob-menu svg {
            fill: var(--black);
            transition: transform 0.2s;
        }

        .page-header .admin-menu {
            display: flex;
            flex-direction: column;
            flex-grow: 1;
            margin-top: 35px;
        }

        .page-header .admin-menu li:nth-last-child(2) {
            margin-bottom: 35px;
        }

        .page-header .admin-menu li:last-child {
            margin-top: auto;
            margin-bottom: 20px;
        }

        .page-header .admin-menu li>* {
            width: 100%;
            padding: 12px 15px;
        }

        .page-header .admin-menu .switcher {
            display: inline-block;
            width: auto;
        }

        .page-header .admin-menu .menu-heading h3 {
            text-transform: uppercase;
            letter-spacing: 0.15em;
            font-size: 12px;
            margin-top: 12px;
            color: var(--page-header-headingColor);
        }

        .page-header .admin-menu svg {
            width: 20px;
            height: 20px;
            fill: var(--page-header-txtColor);
            margin-right: 10px;
        }

        .page-header .admin-menu a,
        .page-header .admin-menu button {
            display: flex;
            align-items: center;
            font-size: 0.9rem;
        }

        .page-header .admin-menu a:hover,
        .page-header .admin-menu a:focus,
        .page-header .admin-menu button:hover,
        .page-header .admin-menu button:focus {
            background: var(--page-header-bgColor-hover);
            color: var(--blue);
            outline: none;
        }

        .page-header .admin-menu a:hover svg,
        .page-header .admin-menu a:focus svg,
        .page-header .admin-menu button:hover svg,
        .page-header .admin-menu button:focus svg {
            fill: var(--blue);
        }


        /* PAGE CONTENT STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
        .page-content.active {
            left: var(--page-header-width);
            width: 100%;
            min-height: 100vh;
            color: var(--page-content-txtColor);
            background: var(--page-content-bgColor);
            display: block;
            overflow: auto;
        }

        .page-content {
            display: none;
        }

        .page-content .grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            grid-gap: 30px;
        }

        .page-content .grid>article {
            display: flex;
            height: 500px;
            background: var(--page-content-blockColor);
            border-radius: var(--border-radius);
            box-shadow: var(--box-shadow);
            overflow: auto;
        }

        .page-content .grid>article:first-child,
        .page-content .grid #socials-content-tiktok,
        .page-content .grid #socials-content-instagram,
        .page-content .grid #socials-content-twitter,
        .page-content .grid #socials-content-youtube,
        .page-content .grid #author {
            grid-column: 1 / -1;
        }

        .page-content .grid #most_keyword_used,
        .page-content .grid #domain_sources,
        .page-content .grid #news,
        .page-content .grid #sentiments,
        .page-content .grid #socials-content-tiktok,
        .page-content .grid #socials-content-instagram,
        .page-content .grid #socials-content-twitter,
        .page-content .grid #socials-content-youtube,
        .page-content .grid #author {
            height: auto;
        }


        /* MQ RULES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
        @media screen and (max-width: 767px) {

            .page-header,
            .page-content {
                position: static;
                width: 100%;
            }

            .page-header {
                padding: 10px;
            }

            .page-header nav {
                flex-direction: row;
            }

            .page-header .logo {
                margin: 0;
            }

            .page-header .logo svg {
                width: 83px;
                height: 35px;
            }

            .page-header .toggle-mob-menu {
                display: block;
            }

            .page-header .admin-menu {
                position: absolute;
                left: 98px;
                top: 57px;
                margin-top: 0;
                z-index: 2;
                border-radius: var(--border-radius);
                background: var(--page-header-bgColor);
                visibility: hidden;
                opacity: 0;
                transform: scale(0.95);
                transition: all 0.2s;
            }

            .page-header .admin-menu li:nth-last-child(2) {
                margin-bottom: 12px;
            }

            .page-header .admin-menu li:last-child button,
            .search-and-user .admin-profile .greeting {
                display: none;
            }

            .page-content {
                min-height: 0;
                padding: 10px;
            }

            .page-content .grid {
                grid-gap: 10px;
            }
        }

        @media screen and (max-width: 400px) {
            .page-content .grid>article {
                grid-column: 1 / -1;
            }
        }


        /* FOOTER
–––––––––––––––––––––––––––––––––––––––––––––––––– */
        .page-footer {
            font-size: 1rem;
            display: flex;
            align-items: center;
            justify-content: flex-end;
            margin-top: 10px;
        }

        .page-footer a {
            margin-left: 4px;
        }
    </style>
</head>

<body>
    <h1>
        <div id="currentDateTime"></div>
    </h1>
    <div class="ticker-wrapper">
        <div class="ticker-title">Bato Dela Rosa</div>
        <div class="ticker">
        </div>
    </div>

    <section class="page-content" id="main-container-dashboard">
        <section class="grid">
            <article>
                <div id="wordCloud"></div>
            </article>
            <article>
                <div id="chartdiv"></div>
            </article>
            <article>
                <div id="chartdiv1"></div>
            </article>
            <article id="sentiments">
                <div class="charts">
                    <div class="chart chart--positive">
                        <span class="chart__title">Positive</span>
                        <ul class="chart--horiz_positive">
                        </ul>
                    </div>
                    <div class="chart chart--Negative">
                        <span class="chart__title">Negative</span>
                        <ul class="chart--horiz_negative">
                        </ul>
                    </div>
                    <div class="chart chart--Uncertainty">
                        <span class="chart__title">Uncertainty</span>
                        <ul class="chart--horiz_uncertainty">
                        </ul>
                    </div>
                    <div class="chart chart--Litigious">
                        <span class="chart__title">Litigious</span>
                        <ul class="chart--horiz_litigious">
                        </ul>
                    </div>
                </div>
            </article>
            <article id="news">
                <div id="pieID alertph_dash">
                    <ul class="pieID alertph_dash">
                    </ul>
                </div>
            </article>
            <article id="domain_sources">
                <h1>Domain Source</h1>
                <!--Domain-->
                <ul class="pieID legend2">
                </ul>
            </article>
            <article id="most_keyword_used">
                <h1>Most Keyword Used</h1>
                <!--Domain-->
                <ul class="pieID legend1">
                </ul>
            </article>
            <article id="author">
                <div class="order">
                    <span id="order-type">DESC</span><span class="by">BY</span><span id="order-by">DATE</span><span
                        class="end">▼</span>
                </div>
                <ul id="followers-list"></ul>
                <div class="footer"></div>
            </article>
            <article id="socials-content-tiktok">
                <div class="videos">
                    <h1>Tiktok</h1>
                    <div class="videos__container-tiktok">
                    </div>
                </div>
            </article>

            <article id="socials-content-twitter">
                <div class="videos">
                    <h1>Twitter</h1>
                    <div class="videos__container-twitter">
                    </div>
                </div>
            </article>

            <article id="socials-content-instagram">
                <div class="videos">
                    <h1>Instagram</h1>
                    <div class="videos__container-instagram">
                    </div>
                </div>
            </article>

            <article id="socials-content-youtube">
                <div class="videos">
                    <h1>Youtube</h1>
                    <div class="videos__container-youtube">
                    </div>
                </div>
            </article>
        </section>
    </section>
    <footer class="page-footer">
        <span>Development</span>
    </footer>
</body>

</html>