Updated ID 16642: 54.0 => 4.0<br>Updated ID 16644: 54.0 => 4.0<br>Updated ID 16645: 54.0 => 4.0<br>Updated ID 16646: 54.1 => 4.1<br>Updated ID 16647: 54.0 => 4.0<br>Updated ID 16648: 54.0 => 4.0<br>Updated ID 16649: 53.8 => 3.8<br>Updated ID 16650: 52.3 => 2.3<br>Updated ID 16651: 53.5 => 3.5<br>Updated ID 16652: 51.6 => 1.6<br>Updated ID 16653: 53.8 => 3.8<br>Updated ID 16655: 53.6 => 3.6<br>Updated ID 16656: 52.9 => 2.9<br>Updated ID 16657: 53.9 => 3.9<br>Updated ID 16658: 50.7 => 0.7<br>Updated ID 16659: 52.6 => 2.6<br>Updated ID 16660: 54.0 => 4.0<br>Updated ID 16661: 53.4 => 3.4<br>Updated ID 16662: 54.1 => 4.1<br>Updated ID 16663: 52.1 => 2.1<br>Updated ID 16665: 54.0 => 4.0<br>Updated ID 16666: 54.3 => 4.3<br>Updated ID 16667: 52.9 => 2.9<br>Updated ID 16668: 52.3 => 2.3<br>Updated ID 16669: 53.6 => 3.6<br>Updated ID 16670: 53.3 => 3.3<br>Updated ID 16671: 52.0 => 2.0<br>Updated ID 16672: 52.3 => 2.3<br>Updated ID 16673: 50.8 => 0.8<br>Updated ID 16674: 51.7 => 1.7<br>Updated ID 16711: 53.3 => 3.3<br>Updated ID 16712: 53.9 => 3.9<br>Updated ID 16713: 53.9 => 3.9<br>Updated ID 16714: 52.5 => 2.5<br>Updated ID 16715: 51.5 => 1.5<br>Updated ID 16716: 51.7 => 1.7<br>Updated ID 16717: 52.2 => 2.2<br>Updated ID 16718: 52.1 => 2.1<br>Updated ID 16719: 52.8 => 2.8<br>Updated ID 16720: 53.7 => 3.7<br>Updated ID 16721: 52.7 => 2.7<br>Updated ID 16722: 51.5 => 1.5<br>Updated ID 16723: 52.4 => 2.4<br>Updated ID 16724: 51.7 => 1.7<br>Updated ID 16725: 52.9 => 2.9<br>Updated ID 16726: 52.4 => 2.4<br>Updated ID 16727: 54.0 => 4.0<br>Updated ID 16728: 51.9 => 1.9<br>Updated ID 16729: 52.6 => 2.6<br>Updated ID 16730: 52.2 => 2.2<br>Updated ID 16731: 53.1 => 3.1<br>Updated ID 16732: 52.8 => 2.8<br>Updated ID 16733: 52.2 => 2.2<br>Updated ID 16734: 52.6 => 2.6<br>Updated ID 16735: 51.7 => 1.7<br>Updated ID 16736: 53.8 => 3.8<br>Updated ID 16737: 53.6 => 3.6<br>Updated ID 16738: 52.3 => 2.3<br>Updated ID 16739: 52.7 => 2.7<br>Updated ID 16740: 53.3 => 3.3<br>Updated ID 16741: 53.4 => 3.4<br>Updated ID 16742: 50.2 => 0.2<br>Updated ID 16743: 51.8 => 1.8<br>Updated ID 16744: 51.7 => 1.7<br>Updated ID 16745: 51.5 => 1.5<br>Updated ID 16746: 51.6 => 1.6<br>Updated ID 16747: 51.6 => 1.6<br>Updated ID 16748: 51.6 => 1.6<br>Updated ID 16749: 51.3 => 1.3<br>Updated ID 16750: 50.9 => 0.9<br>Updated ID 16751: 51.4 => 1.4<br>Updated ID 16752: 51.3 => 1.3<br>Updated ID 16753: 51.7 => 1.7<br>Updated ID 16754: 50.7 => 0.7<br>Updated ID 16755: 51.7 => 1.7<br>Updated ID 16756: 51.5 => 1.5<br>Updated ID 16757: 50.8 => 0.8<br>Updated ID 16758: 51.6 => 1.6<br>Updated ID 16759: 50.6 => 0.6<br>Updated ID 16760: 52.6 => 2.6<br>Updated ID 16761: 51.0 => 1.0<br>Updated ID 16762: 51.3 => 1.3<br>Updated ID 16763: 50.7 => 0.7<br>Updated ID 16764: 52.1 => 2.1<br>Updated ID 16765: 51.6 => 1.6<br>Updated ID 16766: 52.7 => 2.7<br>Updated ID 16767: 53.0 => 3.0<br>Updated ID 16768: 50.7 => 0.7<br>Updated ID 16769: 51.7 => 1.7<br>Updated ID 16770: 52.4 => 2.4<br>Updated ID 16771: 50.8 => 0.8<br>Updated ID 16772: 53.6 => 3.6<br>Updated ID 16773: 50.9 => 0.9<br>Updated ID 16774: 51.1 => 1.1<br>Updated ID 16775: 52.5 => 2.5<br>Updated ID 16776: 51.0 => 1.0<br>Updated ID 16777: 51.1 => 1.1<br>Updated ID 16778: 51.0 => 1.0<br>Updated ID 16779: 52.2 => 2.2<br>Updated ID 16780: 50.5 => 0.5<br>Updated ID 16781: 50.9 => 0.9<br>Updated ID 16782: 51.4 => 1.4<br>Updated ID 16783: 50.4 => 0.4<br>Updated ID 16784: 51.8 => 1.8<br>Updated ID 16785: 51.9 => 1.9<br>Updated ID 16786: 51.0 => 1.0<br>Updated ID 16787: 51.0 => 1.0<br>Updated ID 16788: 51.6 => 1.6<br>Updated ID 16789: 51.8 => 1.8<br>Updated ID 16790: 53.1 => 3.1<br>Updated ID 16791: 51.3 => 1.3<br>Updated ID 16792: 51.2 => 1.2<br>Updated ID 16793: 50.7 => 0.7<br>Updated ID 16794: 53.2 => 3.2<br>Updated ID 16795: 51.9 => 1.9<br>Updated ID 16796: 51.3 => 1.3<br>Updated ID 16797: 50.7 => 0.7<br>Updated ID 16798: 51.0 => 1.0<br>Updated ID 16799: 50.4 => 0.4<br>Updated ID 16800: 50.5 => 0.5<br>Updated ID 16801: 50.7 => 0.7<br>Updated ID 16802: 52.9 => 2.9<br>Updated ID 16803: 50.7 => 0.7<br>Updated ID 16804: 50.7 => 0.7<br>Updated ID 16805: 51.2 => 1.2<br>Updated ID 16806: 50.6 => 0.6<br>Updated ID 16807: 50.7 => 0.7<br>Updated ID 16808: 52.5 => 2.5<br>Updated ID 16809: 51.4 => 1.4<br>Updated ID 16810: 51.4 => 1.4<br>Updated ID 16811: 50.6 => 0.6<br>Updated ID 16812: 50.5 => 0.5<br>Updated ID 16813: 50.5 => 0.5<br>Updated ID 16814: 50.6 => 0.6<br>Updated ID 16815: 54.0 => 4.0<br>Updated ID 16816: 52.5 => 2.5<br>Updated ID 16817: 52.0 => 2.0<br>Updated ID 16818: 54.2 => 4.2<br>Updated ID 16819: 53.6 => 3.6<br>Updated ID 16820: 54.1 => 4.1<br>Updated ID 16821: 54.1 => 4.1<br>Updated ID 16822: 53.9 => 3.9<br>Updated ID 16823: 53.7 => 3.7<br>Updated ID 16824: 53.9 => 3.9<br>Updated ID 16825: 53.8 => 3.8<br>Updated ID 16826: 54.1 => 4.1<br>Updated ID 16827: 53.8 => 3.8<br>Updated ID 16828: 53.9 => 3.9<br>Updated ID 16829: 52.4 => 2.4<br>Updated ID 16830: 53.6 => 3.6<br>Updated ID 16831: 53.9 => 3.9<br>Updated ID 16832: 53.0 => 3.0<br>Updated ID 16833: 53.8 => 3.8<br>Updated ID 16834: 53.3 => 3.3<br>Updated ID 16835: 51.1 => 1.1<br>Updated ID 16836: 54.0 => 4.0<br>Updated ID 16837: 54.0 => 4.0<br>Updated ID 16838: 53.6 => 3.6<br>Updated ID 16839: 53.8 => 3.8<br>Updated ID 16840: 51.6 => 1.6<br>Updated ID 16841: 53.1 => 3.1<br>Updated ID 16842: 52.7 => 2.7<br>Updated ID 16843: 53.8 => 3.8<br>Updated ID 16844: 50.9 => 0.9<br>Updated ID 16845: 51.4 => 1.4<br>Updated ID 16846: 50.8 => 0.8<br>Updated ID 16847: 51.4 => 1.4<br>Updated ID 16848: 52.7 => 2.7<br>Updated ID 16849: 51.4 => 1.4<br>Updated ID 16850: 51.4 => 1.4<br>Updated ID 16851: 52.1 => 2.1<br>Updated ID 16852: 51.1 => 1.1<br>Updated ID 16853: 51.7 => 1.7<br>Updated ID 16854: 52.4 => 2.4<br>Updated ID 16855: 52.7 => 2.7<br>Updated ID 16856: 51.3 => 1.3<br>Updated ID 16857: 51.8 => 1.8<br>Updated ID 16858: 51.6 => 1.6<br>Updated ID 16859: 51.2 => 1.2<br>Updated ID 16860: 51.7 => 1.7<br>Updated ID 16861: 51.8 => 1.8<br>Updated ID 16862: 52.1 => 2.1<br>Updated ID 16863: 51.6 => 1.6<br>Updated ID 16864: 51.4 => 1.4<br>Updated ID 16865: 51.3 => 1.3<br>Updated ID 16866: 51.5 => 1.5<br>Updated ID 16867: 51.3 => 1.3<br>Updated ID 16868: 51.9 => 1.9<br>Updated ID 16869: 51.6 => 1.6<br>Updated ID 16870: 51.9 => 1.9<br>Updated ID 16871: 52.0 => 2.0<br>Updated ID 16872: 53.7 => 3.7<br>Updated ID 16873: 53.1 => 3.1<br>Updated ID 16874: 52.6 => 2.6<br>Updated ID 16875: 51.3 => 1.3<br>Updated ID 16897: 53.5 => 3.5<br>Updated ID 16898: 53.7 => 3.7<br>Updated ID 16899: 51.7 => 1.7<br>Updated ID 16900: 52.7 => 2.7<br>Updated ID 16901: 50.7 => 0.7<br>Updated ID 16902: 51.5 => 1.5<br>Updated ID 16903: 52.4 => 2.4<br>Updated ID 16904: 53.0 => 3.0<br>Updated ID 16905: 50.9 => 0.9<br>Updated ID 16906: 53.0 => 3.0<br>Updated ID 16907: 51.2 => 1.2<br>Updated ID 16908: 50.9 => 0.9<br>Updated ID 16909: 54.1 => 4.1<br>Updated ID 16910: 51.8 => 1.8<br>Updated ID 16911: 53.5 => 3.5<br>Updated ID 16912: 51.7 => 1.7<br>Updated ID 16918: 53.7 => 3.7<br>Updated ID 16919: 54.3 => 4.3<br>Updated ID 16920: 53.5 => 3.5<br>Updated ID 16921: 54.0 => 4.0<br>Updated ID 16922: 53.8 => 3.8<br>Updated ID 16923: 53.8 => 3.8<br>Updated ID 16924: 53.8 => 3.8<br>Updated ID 16925: 53.7 => 3.7<br>Updated ID 16926: 53.8 => 3.8<br>Updated ID 16927: 53.9 => 3.9<br>Updated ID 16928: 53.8 => 3.8<br>Updated ID 16929: 52.6 => 2.6<br>Updated ID 16930: 53.5 => 3.5<br>Updated ID 16931: 53.5 => 3.5<br>Updated ID 16932: 53.7 => 3.7<br>Updated ID 16933: 53.8 => 3.8<br>Updated ID 16934: 53.8 => 3.8<br>Updated ID 16935: 53.9 => 3.9<br>Updated ID 16936: 53.8 => 3.8<br>Updated ID 16937: 54.0 => 4.0<br>Updated ID 16938: 54.0 => 4.0<br>Updated ID 16939: 53.5 => 3.5<br>Updated ID 16940: 54.0 => 4.0<br>Updated ID 16941: 52.8 => 2.8<br>Updated ID 16942: 53.7 => 3.7<br>Updated ID 16943: 52.7 => 2.7<br>Updated ID 16944: 51.7 => 1.7<br>Updated ID 16945: 52.5 => 2.5<br>Updated ID 16973: 52.5 => 2.5<br>Updated ID 16974: 51.6 => 1.6<br>Updated ID 16975: 51.2 => 1.2<br>Updated ID 16976: 50.8 => 0.8<br>Updated ID 16977: 51.7 => 1.7<br>Updated ID 16978: 51.5 => 1.5<br>Updated ID 16979: 51.7 => 1.7<br>Updated ID 16980: 50.4 => 0.4<br>Updated ID 16981: 50.4 => 0.4<br>Updated ID 16982: 52.4 => 2.4<br>Updated ID 16983: 52.3 => 2.3<br>Updated ID 16984: 51.5 => 1.5<br>Updated ID 16985: 52.7 => 2.7<br>Updated ID 16986: 52.6 => 2.6<br>Updated ID 16987: 51.7 => 1.7<br>Updated ID 16988: 53.8 => 3.8<br>Updated ID 16989: 53.8 => 3.8<br>Updated ID 16990: 53.7 => 3.7<br>Updated ID 16991: 54.0 => 4.0<br>Updated ID 16992: 53.7 => 3.7<br>Updated ID 16993: 54.0 => 4.0<br>Updated ID 16994: 53.7 => 3.7<br>Updated ID 16995: 53.8 => 3.8<br>Updated ID 16996: 53.8 => 3.8<br>Updated ID 16997: 53.9 => 3.9<br>Updated ID 16998: 52.9 => 2.9<br>Updated ID 16999: 53.5 => 3.5<br>Updated ID 17000: 52.5 => 2.5<br>Updated ID 17001: 53.9 => 3.9<br>Updated ID 17002: 53.1 => 3.1<br>Updated ID 17003: 53.4 => 3.4<br>Updated ID 17004: 53.9 => 3.9<br>Updated ID 17005: 53.4 => 3.4<br>Updated ID 17006: 53.0 => 3.0<br>Updated ID 17007: 52.9 => 2.9<br>Updated ID 17008: 53.4 => 3.4<br>Updated ID 17009: 52.7 => 2.7<br>Updated ID 17010: 51.8 => 1.8<br>Updated ID 17011: 52.7 => 2.7<br>Updated ID 17012: 51.8 => 1.8<br>Updated ID 17013: 53.4 => 3.4<br>Updated ID 17014: 52.1 => 2.1<br>Updated ID 17015: 53.0 => 3.0<br>Updated ID 17016: 52.7 => 2.7<br>Updated ID 17017: 51.0 => 1.0<br>Updated ID 17018: 51.7 => 1.7<br>Updated ID 17019: 51.9 => 1.9<br>Updated ID 17020: 52.6 => 2.6<br>Updated ID 17021: 53.6 => 3.6<br>Updated ID 17022: 53.7 => 3.7<br>Updated ID 17023: 51.7 => 1.7<br>Updated ID 17024: 51.4 => 1.4<br>Updated ID 17025: 50.7 => 0.7<br>Updated ID 17026: 53.5 => 3.5<br>Updated ID 17027: 51.8 => 1.8<br>Updated ID 17028: 51.4 => 1.4<br>Updated ID 17029: 52.2 => 2.2<br>Updated ID 17030: 52.3 => 2.3<br>Updated ID 17031: 52.4 => 2.4<br>Updated ID 17032: 53.8 => 3.8<br>Updated ID 17033: 51.2 => 1.2<br>Updated ID 17034: 51.9 => 1.9<br>Updated ID 17035: 51.2 => 1.2<br>Updated ID 17036: 51.5 => 1.5<br>Updated ID 17037: 52.0 => 2.0<br>Updated ID 17038: 50.8 => 0.8<br>Updated ID 17039: 53.0 => 3.0<br>Updated ID 17040: 52.5 => 2.5<br>Updated ID 17041: 52.4 => 2.4<br>Updated ID 17042: 50.5 => 0.5<br>Updated ID 17043: 52.0 => 2.0<br>Updated ID 17044: 52.7 => 2.7<br>Updated ID 17045: 51.5 => 1.5<br>Updated ID 17046: 51.0 => 1.0<br>Updated ID 17047: 53.1 => 3.1<br>Updated ID 17048: 51.4 => 1.4<br>Updated ID 17049: 50.9 => 0.9<br>Updated ID 17050: 52.9 => 2.9<br>Updated ID 17051: 51.3 => 1.3<br>Updated ID 17052: 51.3 => 1.3<br>Updated ID 17054: 50.8 => 0.8<br>Updated ID 17055: 51.7 => 1.7<br>Updated ID 17056: 51.1 => 1.1<br>Updated ID 17057: 51.3 => 1.3<br>Updated ID 17058: 50.9 => 0.9<br>Updated ID 17059: 51.3 => 1.3<br>Updated ID 17060: 54.4 => 4.4<br>Updated ID 17061: 53.0 => 3.0<br>Updated ID 17062: 51.6 => 1.6<br>Updated ID 17063: 51.6 => 1.6<br>Updated ID 17064: 53.9 => 3.9<br>Updated ID 17065: 53.9 => 3.9<br>Updated ID 17066: 54.0 => 4.0<br>Updated ID 17067: 54.0 => 4.0<br>Updated ID 17068: 53.9 => 3.9<br>Updated ID 17069: 53.8 => 3.8<br>Updated ID 17070: 53.9 => 3.9<br>Updated ID 17071: 53.7 => 3.7<br>Updated ID 17072: 52.2 => 2.2<br>Updated ID 17073: 51.5 => 1.5<br>Updated ID 17074: 52.8 => 2.8<br>Updated ID 17089: 53.6 => 3.6<br>Updated ID 17090: 53.7 => 3.7<br>Updated ID 17091: 53.8 => 3.8<br>Updated ID 17092: 54.0 => 4.0<br>Updated ID 17093: 53.0 => 3.0<br>Updated ID 17094: 53.6 => 3.6<br>Updated ID 17095: 53.5 => 3.5<br>Updated ID 17096: 53.6 => 3.6<br>Updated ID 17097: 53.8 => 3.8<br>Updated ID 17098: 53.8 => 3.8<br>Updated ID 17099: 53.9 => 3.9<br>Updated ID 17100: 53.3 => 3.3<br>Updated ID 17101: 51.3 => 1.3<br>Updated ID 17102: 50.6 => 0.6<br>Updated ID 17103: 51.7 => 1.7<br>Updated ID 17104: 54.3 => 4.3<br>Updated ID 17105: 53.7 => 3.7<br>Updated ID 17106: 53.8 => 3.8<br>Updated ID 17107: 53.4 => 3.4<br>Updated ID 17108: 53.3 => 3.3<br>Updated ID 17109: 53.6 => 3.6<br>Updated ID 17110: 52.5 => 2.5<br>Updated ID 17111: 52.1 => 2.1<br>Updated ID 17112: 51.6 => 1.6<br>Updated ID 17113: 52.4 => 2.4<br>Updated ID 17114: 52.2 => 2.2<br>Updated ID 17115: 50.6 => 0.6<br>Updated ID 17116: 52.5 => 2.5<br>Updated ID 17117: 50.2 => 0.2<br>Updated ID 17118: 52.4 => 2.4<br>Updated ID 17119: 50.6 => 0.6<br>Updated ID 17120: 51.4 => 1.4<br>Updated ID 17121: 52.0 => 2.0<br>Updated ID 17122: 51.8 => 1.8<br>Updated ID 17123: 50.9 => 0.9<br>Updated ID 17124: 54.0 => 4.0<br>Updated ID 17125: 50.5 => 0.5<br>Updated ID 17126: 53.6 => 3.6<br>Updated ID 17127: 50.4 => 0.4<br>Updated ID 17128: 51.3 => 1.3<br>Updated ID 17129: 51.3 => 1.3<br>Updated ID 17130: 53.9 => 3.9<br>Updated ID 17131: 52.6 => 2.6<br>Updated ID 17132: 53.0 => 3.0<br>Updated ID 17133: 53.9 => 3.9<br>Updated ID 17134: 53.9 => 3.9<br>Updated ID 17135: 53.8 => 3.8<br>Updated ID 17136: 51.8 => 1.8<br>Updated ID 17137: 53.8 => 3.8<br>Updated ID 17138: 52.3 => 2.3<br>Updated ID 17139: 51.9 => 1.9<br>Updated ID 17140: 53.0 => 3.0<br>Updated ID 17141: 50.9 => 0.9<br>Updated ID 17142: 50.5 => 0.5<br>Updated ID 17143: 50.6 => 0.6<br>Updated ID 17144: 50.6 => 0.6<br>Updated ID 17145: 55.0 => 5.0<br>Updated ID 17146: 51.7 => 1.7<br>Updated ID 17147: 52.5 => 2.5<br>Updated ID 17148: 50.7 => 0.7<br>Updated ID 17149: 51.7 => 1.7<br>Updated ID 17150: 50.6 => 0.6<br>Updated ID 17151: 54.2 star => 4.2 star<br>Updated ID 17152: 54.3 star => 4.3 star<br>Updated ID 17153: 54.3 star => 4.3 star<br>Updated ID 17154: 54.4 star => 4.4 star<br>Updated ID 17155: 54.3 star => 4.3 star<br>Updated ID 17156: 54.5 star => 4.5 star<br>Updated ID 17157: 54.2 star => 4.2 star<br>Updated ID 17158: 54.3 star => 4.3 star<br>Updated ID 17159: 54.6 star => 4.6 star<br>Updated ID 17160: 54.1 star => 4.1 star<br>Updated ID 17161: 54.1 star => 4.1 star<br>Updated ID 17162: 54.3 star => 4.3 star<br>Updated ID 17163: 54.0 star => 4.0 star<br>Updated ID 17164: 54.3 star => 4.3 star<br>Updated ID 17165: 54.4 star => 4.4 star<br>Updated ID 17166: 54.0 star => 4.0 star<br>Updated ID 17167: 54.1 star => 4.1 star<br>Updated ID 17168: 54.4 star => 4.4 star<br>Updated ID 17169: 54.2 star => 4.2 star<br>Updated ID 17170: 54.0 star => 4.0 star<br>Updated ID 17171: 54.1 star => 4.1 star<br>Updated ID 17172: 54.6 star => 4.6 star<br>Updated ID 17173: 54.3 star => 4.3 star<br>Updated ID 17174: 54.4 star => 4.4 star<br>Updated ID 17175: 54.3 star => 4.3 star<br>Updated ID 17176: 54.2 star => 4.2 star<br>Updated ID 17177: 54.2 star => 4.2 star<br>Updated ID 17178: 54.5 star => 4.5 star<br>Updated ID 17179: 54.2 star => 4.2 star<br>Updated ID 17180: 54.4 star => 4.4 star<br>Updated ID 17181: 54.4 star => 4.4 star<br>Updated ID 17182: 54.0 star => 4.0 star<br>Updated ID 17183: 54.5 star => 4.5 star<br>Updated ID 17184: 54.3 star => 4.3 star<br>Updated ID 17185: 54.3 star => 4.3 star<br>Updated ID 17186: 54.4 star => 4.4 star<br>Updated ID 17187: 54.2 star => 4.2 star<br>Updated ID 17188: 54.3 star => 4.3 star<br>Updated ID 17189: 54.2 star => 4.2 star<br>Updated ID 17190: 54.6 star => 4.6 star<br>Updated ID 17191: 54.2 star => 4.2 star<br>Updated ID 17192: 54.5 star => 4.5 star<br>Updated ID 17193: 54.4 star => 4.4 star<br>Updated ID 17194: 54.3 star => 4.3 star<br>Updated ID 17195: 54.1 star => 4.1 star<br>Updated ID 17196: 54.4 star => 4.4 star<br>Updated ID 17197: 54.1 star => 4.1 star<br>Updated ID 17198: 54.7 star => 4.7 star<br>Updated ID 17199: 54.1 star => 4.1 star<br>Updated ID 17200: 54.6 star => 4.6 star<br>Updated ID 17201: 53.8 star => 3.8 star<br>Updated ID 17202: 54.2 star => 4.2 star<br>Updated ID 17203: 54.2 star => 4.2 star<br>Updated ID 17204: 54.4 star => 4.4 star<br>Updated ID 17205: 54.3 star => 4.3 star<br>Updated ID 17206: 53.9 star => 3.9 star<br>Updated ID 17207: 54.5 star => 4.5 star<br>Updated ID 17208: 54.6 star => 4.6 star<br>Updated ID 17209: 54.0 star => 4.0 star<br>Updated ID 17210: 54.4 star => 4.4 star<br>Updated ID 17211: 54.1 star => 4.1 star<br>Updated ID 17212: 54.3 star => 4.3 star<br>Updated ID 17213: 54.0 star => 4.0 star<br>Updated ID 17214: 54.2 star => 4.2 star<br>Updated ID 17215: 54.2 star => 4.2 star<br>Updated ID 17216: 54.2 star => 4.2 star<br>Updated ID 17217: 54.5 star => 4.5 star<br>Updated ID 17218: 54.3 star => 4.3 star<br>Updated ID 17219: 54.0 star => 4.0 star<br>Updated ID 17220: 53.7 star => 3.7 star<br>Updated ID 17222: 54.3 star => 4.3 star<br>Updated ID 17223: 54.3 star => 4.3 star<br>Updated ID 17224: 54.5 star => 4.5 star<br>Updated ID 17225: 54.5 star => 4.5 star<br>Updated ID 17226: 54.2 star => 4.2 star<br>Updated ID 17227: 54.0 star => 4.0 star<br>Updated ID 17228: 54.1 star => 4.1 star<br>Updated ID 17229: 54.3 star => 4.3 star<br>Updated ID 17230: 54.0 star => 4.0 star<br>Updated ID 17231: 53.7 star => 3.7 star<br>Updated ID 17232: 53.9 star => 3.9 star<br>Updated ID 17233: 53.7 star => 3.7 star<br>Updated ID 17234: 53.9 star => 3.9 star<br>Updated ID 17235: 53.5 star => 3.5 star<br>Updated ID 17236: 53.9 star => 3.9 star<br>Updated ID 17237: 54.2 star => 4.2 star<br>Updated ID 17238: 54.4 star => 4.4 star<br>Updated ID 17239: 54.1 star => 4.1 star<br>Updated ID 17240: 54.2 star => 4.2 star<br>Updated ID 17241: 54.4 star => 4.4 star<br>Updated ID 17242: 54.5 star => 4.5 star<br>Updated ID 17243: 54.6 star => 4.6 star<br>Updated ID 17244: 53.8 star => 3.8 star<br>Updated ID 17245: 53.8 star => 3.8 star<br>Updated ID 17246: 53.5 star => 3.5 star<br>Updated ID 17247: 54.6 star => 4.6 star<br>Updated ID 17248: 54.4 star => 4.4 star<br>Updated ID 17249: 54.3 star => 4.3 star<br>Updated ID 17250: 54.4 star => 4.4 star<br>Updated ID 17251: 54.4 star => 4.4 star<br>Updated ID 17252: 54.0 star => 4.0 star<br>Updated ID 17253: 54.1 star => 4.1 star<br>Updated ID 17254: 54.4 star => 4.4 star<br>Updated ID 17255: 54.1 star => 4.1 star<br>Updated ID 17256: 54.1 star => 4.1 star<br>Updated ID 17257: 54.1 star => 4.1 star<br>Updated ID 17258: 54.1 star => 4.1 star<br>Updated ID 17259: 54.1 star => 4.1 star<br>Updated ID 17260: 54.3 star => 4.3 star<br>Updated ID 17261: 54.3 star => 4.3 star<br>Updated ID 17262: 54.2 star => 4.2 star<br>Updated ID 17263: 53.8 star => 3.8 star<br>Updated ID 17264: 54.4 star => 4.4 star<br>Updated ID 17265: 54.1 star => 4.1 star<br>Updated ID 17266: 53.9 star => 3.9 star<br>Updated ID 17267: 54.4 star => 4.4 star<br>Updated ID 17268: 54.0 star => 4.0 star<br>Updated ID 17286: 52.9 star => 2.9 star<br>Updated ID 17287: 54.6 star => 4.6 star<br>Updated ID 17288: 54.2 star => 4.2 star<br>Updated ID 17289: 54.0 star => 4.0 star<br>Updated ID 17290: 54.2 star => 4.2 star<br>Updated ID 17291: 54.6 star => 4.6 star<br>Updated ID 17292: 54.1 star => 4.1 star<br>Updated ID 17293: 54.4 star => 4.4 star<br>Updated ID 17295: 54.4 star => 4.4 star<br>Updated ID 17296: 54.1 star => 4.1 star<br>Updated ID 17297: 54.3 star => 4.3 star<br>Updated ID 17298: 54.4 star => 4.4 star<br>Updated ID 17299: 53.4 star => 3.4 star<br>Updated ID 17300: 54.4 star => 4.4 star<br>Updated ID 17301: 54.1 star => 4.1 star<br>Updated ID 17302: 54.5 star => 4.5 star<br>Updated ID 17303: 53.4 star => 3.4 star<br>Updated ID 17304: 54.5 star => 4.5 star<br>Updated ID 17305: 53.8 star => 3.8 star<br>Updated ID 17306: 54.2 star => 4.2 star<br>Updated ID 17308: 53.9 star => 3.9 star<br>Updated ID 17309: 54.2 star => 4.2 star<br>Updated ID 17310: 54.1 star => 4.1 star<br>Updated ID 17311: 54.0 star => 4.0 star<br>Updated ID 17312: 53.9 star => 3.9 star<br>Updated ID 17313: 54.3 star => 4.3 star<br>Updated ID 17314: 54.3 star => 4.3 star<br>Updated ID 17315: 53.9 star => 3.9 star<br>Updated ID 17316: 53.8 star => 3.8 star<br>Updated ID 17317: 54.3 star => 4.3 star<br>Updated ID 17318: 54.5 star => 4.5 star<br>Updated ID 17319: 54.2 star => 4.2 star<br>Updated ID 17320: 54.3 star => 4.3 star<br>Updated ID 17321: 53.9 star => 3.9 star<br>Updated ID 17322: 54.1 star => 4.1 star<br>Updated ID 17323: 54.3 star => 4.3 star<br>Updated ID 17324: 54.1 star => 4.1 star<br>Updated ID 17325: 54.1 star => 4.1 star<br>Updated ID 17326: 54.0 star => 4.0 star<br>Updated ID 17327: 54.5 star => 4.5 star<br>Updated ID 17328: 54.4 star => 4.4 star<br>Updated ID 17329: 53.8 star => 3.8 star<br>Updated ID 17330: 54.2 star => 4.2 star<br>Updated ID 17331: 53.9 star => 3.9 star<br>Updated ID 17332: 54.4 star => 4.4 star<br>Updated ID 17333: 54.4 star => 4.4 star<br>Updated ID 17334: 54.3 star => 4.3 star<br>Updated ID 17335: 54.1 star => 4.1 star<br>Updated ID 17336: 53.7 star => 3.7 star<br>Updated ID 17337: 54.2 star => 4.2 star<br>Updated ID 17338: 53.4 star => 3.4 star<br>Updated ID 17339: 54.3 star => 4.3 star<br>Updated ID 17340: 54.5 star => 4.5 star<br>Updated ID 17341: 53.8 star => 3.8 star<br>Updated ID 17342: 54.3 star => 4.3 star<br>Updated ID 17343: 54.0 star => 4.0 star<br>Done!
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
	<meta name="google-site-verification" content="c5xDmJeszDz7N10o0VkSCQe2TbuoUY6FpKGd06_gy8c" />
 
		
<!---- Gtag Confrim !---->
<!-- Google tag (gtag.js) -->
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-RKFNWDN9TN"></script>
		<script src="https://accounts.google.com/gsi/client" async defer></script>


<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}

gtag('js', new Date());

// Google Analytics
gtag('event', 'conversion', {
      'send_to': 'AW-17894205986/XrS8CJWt5IccEKLUz9RC',
      'value': 0.01,
      'currency': 'USD'
  });

</script>

<!-- Conversion Event -->
<script>
function mygtag(){
  gtag('event', 'conversion', {
      'send_to': 'AW-17894205986/VbFBCJfahIccEKLUz9RC',
      'value': 0.5,
      'currency': 'USD'
  });
}
</script>
<!--- End !--->

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5960549238808777"
     crossorigin="anonymous"></script>
<script>
					window.adsbygoogle = window.adsbygoogle || [];
					var adBreak = adConfig = function(o) { adsbygoogle.push(o); };
					</script>
		 <script>
       
      window.PLACEMENT_KV = localStorage.getItem("AD_IMPRESSION") || "a";
     window.AD_IMPRESSION = localStorage.getItem("AD_IMPRESSION") || "a";
    </script>
	<!-- Hreflang tags -->
<link rel="alternate" href="https://www.atmhtml5games.com/game/connect-the-colors-unlock-the-flow-in-color-pipes/" hreflang="x-default" />
<!------------- Marckup Schima ------------->


<!------------- End Marckup Schima ------------->






	
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
	<link rel="canonical" href="https://www.atmhtml5games.com/game/connect-the-colors-unlock-the-flow-in-color-pipes/" />
	
	<!-- old title -->
	<!-- <title>Connect the Colors: Unlock the Flow in Color Pipes! | Play Exciting etmhtml5games Online | etmhtml5games Games ?️</title>		 -->

	<!-- old description -->
	<!-- <meta name="description" content="Dive into the vibrant world of Connect the Colors: Unlock the Flow in Color Pipes!, a puzzle game thats equal parts brain-teaser and visual delight. Your mission? To skillfully link matching colors with seamless, unbroken lines, filling the entire board with a glorious cascade of hues. Get ready to exercise your spatial reasoning and problem-solving skills a"> -->

			
	<!-- New Title -->
		<title>Connect the Colors: Unlock the Flow in Color Pipes! | 🕹️ ETM HTML5 Games 🕹️</title>

	<!-- Meta Description -->
	<!-- VideoGame Schema -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "VideoGame",
  "name": "Connect the Colors: Unlock the Flow in Color Pipes!",
  "description": "Dive into the vibrant world of Connect the Colors: Unlock the Flow in Color Pipes!, a puzzle game that's equal parts brain-teaser and visual delight. Your mission? To skillfully link matching colors with seamless, unbroken lines, filling the entire board with a glorious cascade of hues. Get ready to exercise your spatial reasoning and problem-solving skills as you navigate increasingly intricate levels. This isn't just about connecting dots; it's about strategically planning your every move to achieve chromatic harmony. Perfect for players of all ages, Connect the Colors offers a relaxing yet stimulating escape into a world of pure puzzle bliss.Recent UpdatesWe're thrilled to announce the release of the 'Chromatic Cascade' update! This update introduces 50 brand new levels, pushing your color-connecting skills to the absolute limit. Prepare to encounter fresh challenges, innovative board layouts, and mind-bending puzzles that will test even the most seasoned players of Connect the Colors.But that's not all! We've also revamped the user interface, making it even more intuitive and visually appealing. Enjoy a smoother, more immersive gaming experience as you navigate the ever-expanding world of color connections. Get ready to unlock the flow like never before!",
  "url": "https:\/\/www.atmhtml5games.com\/games\/connect-the-colors--unlock-the-flow-in-color-pipes-\/",
  "image": "https:\/\/www.atmhtml5games.com\/games\/connect-the-colors--unlock-the-flow-in-color-pipes-\/connect-the-colors--unlock-the-flow-in-color-pipes-_small.png",
  "author": {
    "@type": "Organization",
    "name": "atmhtml5games"  },
  "gamePlatform": "Browser",
  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "4.4",
    "ratingCount": "487"
  },
"review": {
  "@type": "Review",
  "reviewBody": "Dive into the vibrant world of Connect the Colors: Unlock the Flow in Color Pipes!, a puzzle game that's equal parts brain-teaser and visual delight. Your mission? To skillfully link matching colors with seamless, unbroken lines, filling the entire board with a glorious cascade of hues. Get ready to exercise your spatial reasoning and problem-solving skills as you navigate increasingly intricate levels. This isn't just about connecting dots; it's about strategically planning your every move to achieve chromatic harmony. Perfect for players of all ages, Connect the Colors offers a relaxing yet stimulating escape into a world of pure puzzle bliss.Recent UpdatesWe're thrilled to announce the release of the 'Chromatic Cascade' update! This update introduces 50 brand new levels, pushing your color-connecting skills to the absolute limit. Prepare to encounter fresh challenges, innovative board layouts, and mind-bending puzzles that will test even the most seasoned players of Connect the Colors.But that's not all! We've also revamped the user interface, making it even more intuitive and visually appealing. Enjoy a smoother, more immersive gaming experience as you navigate the ever-expanding world of color connections. Get ready to unlock the flow like never before!",
  "name": "Connect the Colors: Unlock the Flow in Color Pipes!",
  "reviewRating": {
    "@type": "Rating",
    "ratingValue": "4.4",
    "bestRating": "5",
    "worstRating": "1"
  },
  "author": {
    "@type": "Organization",
    "name": "atmhtml5games"  }
}

}
</script>


<!-- WebSite Schema -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "WebSite",
  "name": "atmhtml5games",
  "url": "https://www.atmhtml5games.com/",
  "potentialAction": {
    "@type": "SearchAction",
    "target": "https://www.atmhtml5games.com/search/{search_term_string}",
    "query-input": "required name=search_term_string"
  }
}
</script>

<!-- Organization Schema -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Organization",
  "name": "atmhtml5games",
  "url": "https://www.atmhtml5games.com/",
  "logo": {
    "@type": "ImageObject",
    "url": "https://www.atmhtml5games.com/images/site-logo-041355.png"
  },
  "contactPoint": {
    "@type": "ContactPoint",
    "telephone": "+ 1(945)527-4841",
    "contactType": "customer support",
    "areaServed": "IN"
  }
}
</script>

<!-- Breadcrumb Schema -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "Home",
      "item": "https://www.atmhtml5games.com/"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "Games",
      "item": "https://www.atmhtml5games.com/game"
    },
    {
      "@type": "ListItem",
      "position": 3,
      "name": "Connect the Colors: Unlock the Flow in Color Pipes!",
      "item": "https://www.atmhtml5games.com/game/connect-the-colors-unlock-the-flow-in-color-pipes/"
    }
  ]
}
</script>

	<meta name="description" content="">



				<meta property="og:type" content="game">
		<meta property="og:url" content="https://www.atmhtml5games.com/game/connect-the-colors-unlock-the-flow-in-color-pipes/">
		<meta property="og:title" content="Connect the Colors: Unlock the Flow in Color Pipes! | Play Exciting etmhtml5games Online | etmhtml5games Games ?️">
		<meta property="og:description" content="Dive into the vibrant world of Connect the Colors: Unlock the Flow in Color Pipes!, a puzzle game thats equal parts brain-teaser and visual delight. Your mission? To skillfully link matching colors wi">
		<meta property="og:image" content="https://www.atmhtml5games.com/thumbs/connect-the-colors-unlock-the-flow-in-color-pipes_1.webp">
			<style>
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap');

.report-modal {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background: rgba(4, 10, 30, 0.82);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    justify-content: center;
    align-items: center;
    font-family: 'DM Sans', sans-serif;
}

.report-modal.active {
    display: flex;
}

.report-modal-content {
    position: relative;
    width: 100%;
    max-width: 760px;
    margin: 20px;
    padding: 40px;
    border-radius: 26px;
    background: linear-gradient(145deg, #0f172a, #1e293b);
    color: #fff;
    box-shadow: 0 0 50px rgba(0,0,0,.45);
}

/* Header */
.report-modal-header {
    position: relative;
    display: block;
    text-align: center;
    margin-bottom: 35px;
}

.report-modal-title-group {
    display: block;
}

.report-modal-icon {
    display: none;
}

.report-modal-title {
    margin: 0 0 10px;
    font-size: 46px;
    font-weight: 700;
    color: #fff;
    line-height: 1.2;
}

.report-modal-subtitle {
    margin: 0;
    font-size: 18px;
    color: #94A3B8;
}

/* close */
.close {
    position: absolute;
    top: -5px;
    right: -5px;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: rgba(255,255,255,.06);
    display: flex;
    justify-content: center;
    align-items: center;
    color: #CBD5E1;
    cursor: pointer;
    font-size: 28px;
    transition: .25s;
}

.close:hover {
    background: rgba(255,255,255,.12);
    color: #fff;
}

/* remove old divider/label */
.report-divider,
.report-section-label {
    display: none;
}

/* Cards */
.report-options {
    display: flex;
    gap: 18px;
    margin-bottom: 28px;
}

.report-label {
    flex: 1;
    display: block;
    cursor: pointer;
}

.report-label input[type="radio"] {
    display: none;
}

.report-option-tile {
    min-height: 150px;
    border-radius: 18px;
    background: #111827;
    border: 1px solid transparent;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 20px;
    transition: .25s ease;
    text-align: center;
}

.report-option-tile:hover {
    transform: translateY(-5px);
    background: #1F2937;
    border-color: #7C3AED;
}

.report-label input[type="radio"]:checked + .report-option-tile {
    border-color: #7C3AED;
    background: #1F2937;
    box-shadow: 0 0 0 2px rgba(124,58,237,.2);
}

/* icon */
.report-option-tile svg {
    width: 30px;
    height: 30px;
    margin-bottom: 14px;
}

/* Title inside card */
.report-option-title {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 8px;
}

/* Description */
.report-option-desc {
    font-size: 15px;
    line-height: 1.5;
    color: #94A3B8;
}

/* textarea */
#report-form textarea {
    width: 100%;
    min-height: 140px;
    border: none;
    border-radius: 16px;
    background: #111827;
    color: #fff;
    padding: 18px;
    resize: none;
    box-sizing: border-box;
    font-size: 15px;
    font-family: 'DM Sans', sans-serif;
    outline: none;
    margin-bottom: 24px;
}

#report-form textarea::placeholder {
    color: #64748B;
}

/* submit button */
.report-actions {
    margin-top: 0;
}

.report-btn-submit {
    width: 100%;
    border: none;
    border-radius: 999px;
    padding: 18px;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    background: linear-gradient(90deg, #7C3AED, #2563EB);
    transition: .25s;
}

.report-btn-submit:hover {
    opacity: .92;
}

/* Mobile */
@media (max-width: 768px) {

    .report-modal-content {
        padding: 24px;
        border-radius: 22px;
    }

    .report-modal-title {
        font-size: 34px;
    }

    .report-modal-subtitle {
        font-size: 15px;
    }

    .report-options {
        flex-direction: column;
    }

    .report-option-tile {
        min-height: 120px;
    }
}


/* Success Screen */
.report-success {
    display: none; /* hidden by default */
    text-align: center;
    padding: 20px 10px;
}

.report-success.show {
    display: block;
}

.report-success-icon {
    width: 90px;
    height: 90px;
    margin: 0 auto 20px;
    border-radius: 50%;
    background: rgba(34,197,94,.12);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 44px;
}

.report-success-title {
    color: #fff;
    font-size: 36px;
    font-weight: 700;
    margin: 0 0 12px;
}

.report-success-text {
    color: #94A3B8;
    font-size: 16px;
    margin-bottom: 30px;
}

.report-success-btn {
    width: 100%;
    border: none;
    border-radius: 999px;
    padding: 16px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    background: linear-gradient(90deg, #7C3AED, #2563EB);
}

/* Tablet */
@media (max-width: 992px) {

    .report-modal {
        padding: 20px !important;
    }

    .report-modal-content {
        max-width: 600px;
        padding: 28px;
    }

    .report-modal-title {
        font-size: 28px;
    }
}

/* Mobile */
@media (max-width: 768px) {

    .report-modal {
        padding: 16px !important;
        align-items: center;
    }

    .report-modal-content {
        width: 100%;
        max-width: 100%;
        padding: 22px;
        border-radius: 22px;
    }

    .report-modal-header {
        align-items: flex-start;
    }

    .report-modal-title {
        font-size: 24px;
        line-height: 1.3;
    }

    .report-modal-subtitle {
        font-size: 14px;
    }

    /* Stack cards */
    .report-options {
        flex-direction: column;
        gap: 12px;
    }

    .report-label {
        width: 100%;
    }

    .report-option-tile {
        min-height: 72px;
        padding: 18px;
        font-size: 16px;
    }

    .report-option-title {
        font-size: 16px;
    }

    textarea {
        min-height: 100px;
        font-size: 14px;
    }

    .report-btn-submit,
    .report-success-btn {
        padding: 14px;
        font-size: 15px;
    }

    .report-success-title {
        font-size: 28px;
    }

    .report-success-text {
        font-size: 14px;
    }

    .close {
        top: -9px;
        right: -10px;
        width: 34px;
        height: 34px;
    }
}

/* Small phones */
@media (max-width: 480px) {

    .report-modal {
        padding: 12px !important;
    }

    .report-modal-content {
        padding: 18px;
        border-radius: 18px;
    }

    .report-title,
    .report-modal-title {
        font-size: 21px;
    }

    .report-option-tile {
        padding: 16px;
        border-radius: 14px;
    }

    .report-success-icon {
        width: 72px;
        height: 72px;
        font-size: 34px;
    }

    .report-success-title {
        font-size: 24px;
    }
}
</style>
	<link rel="manifest" href="https://www.atmhtml5games.com//manifest.json">
	<link rel="apple-touch-icon" href="https://www.atmhtml5games.com/content/themes/arcade-two/get-app/icon-192x192.png">
	<meta name="mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-title" content="AtmGames">
	<meta name="theme-color" content="#000000">

	
	<link rel="preload" href="https://www.atmhtml5games.com/content/themes/arcade-two/css/bootstrap.min.css?v=1.0.2" as="style">
<link rel="stylesheet" href="https://www.atmhtml5games.com/content/themes/arcade-two/css/bootstrap.min.css?v=1.0.2" media="print" onload="this.media='all'">
<noscript><link rel="stylesheet" href="https://www.atmhtml5games.com/content/themes/arcade-two/css/bootstrap.min.css?v=1.0.2"></noscript>

<!-- tiny Safari fallback so 'onload' quirks don't leave it as print -->
<!--script>
  (function(){
    function toSheet(l){ if(l.rel!=='stylesheet'){ l.rel='stylesheet'; } }
    window.addEventListener('load', function(){
      var l=document.querySelector('link[href*="bootstrap.min.css"][rel="preload"][as="style"]');
      if(!l) return;
      var done=false;
      l.addEventListener('load', function(){ if(!done){ toSheet(l); done=true; }});
      setTimeout(function(){ if(!done){ toSheet(l); }}, 3000);
    });
  })();
</script-->

	<link rel="preload" href="https://www.atmhtml5games.com/content/themes/arcade-two/css/user.css" as="style" onload="this.rel='stylesheet'">
	<link rel="preload" href="https://www.atmhtml5games.com/content/themes/arcade-two/css/style.css?v=1.0.2" as="style" onload="this.rel='stylesheet'">
	<link rel="preload" href="https://www.atmhtml5games.com/content/themes/arcade-two/css/poki-style.css?v=1.0.2" as="style" onload="this.rel='stylesheet'">
	<noscript>
	<link rel="stylesheet" href="https://www.atmhtml5games.com/content/themes/arcade-two/css/user.css">
	<link rel="stylesheet" href="https://www.atmhtml5games.com/content/themes/arcade-two/css/style.css?v=1.0.2">
	<link rel="stylesheet" href="https://www.atmhtml5games.com/content/themes/arcade-two/css/poki-style.css?v=1.0.2">
	</noscript>

   <!--- Optimization ---->

   <link rel="preload" href="https://www.atmhtml5games.com/content/themes/arcade-two/css/bootstrap-icons.min.css" as="style" crossorigin>
<link rel="stylesheet" href="https://www.atmhtml5games.com/content/themes/arcade-two/css/bootstrap-icons.min.css" media="print" onload="this.media='all'">
<noscript><link rel="stylesheet" href="https://www.atmhtml5games.com/content/themes/arcade-two/css/bootstrap-icons.min.css"></noscript>

<!-- Font Awesome (local) -->
<link rel="preload" href="https://www.atmhtml5games.com/content/themes/arcade-two/css/font-awesome.min.css?v=1.0.2" as="style">
<link rel="stylesheet" href="https://www.atmhtml5games.com/content/themes/arcade-two/css/font-awesome.min.css?v=1.0.2" media="print" onload="this.media='all'">
<noscript><link rel="stylesheet" href="https://www.atmhtml5games.com/content/themes/arcade-two/css/font-awesome.min.css?v=1.0.2"></noscript>

<!-- Google Fonts (async, swap) -->
<link rel="preconnect" href="https://fonts.googleapis.com" crossorigin>
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap" media="print" onload="this.media='all'">
<noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap"></noscript>



		<style>
		#cookieConsentBanner {
			position: fixed;
			bottom: 0;
			left: 0;
			width: 100%;
			background-color: #333;
			color: white;
			padding: 1em;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			align-items: center;
		}
		.cookie-consent-msg {
			text-align: left;
			flex: 1;
		}
		.cookie-consent-actions {
			text-align: right;
		}
		@media (max-width: 767px) {
			#cookieConsentBanner {
				flex-direction: column;
				align-items: flex-start;
			}
			.cookie-consent-msg, .cookie-consent-actions {
				width: 100%;
				text-align: center;
				margin-bottom: 0.5em;
			}
		}
	</style>
	<script type="application/ld+json">{
    "@context": "https://schema.org",
    "@type": "VideoGame",
    "name": "Connect the Colors: Unlock the Flow in Color Pipes!",
    "description": "Dive into the vibrant world of Connect the Colors: Unlock the Flow in Color Pipes!, a puzzle game that's equal parts brain-teaser and visual delight. Your mission? To skillfully link matching colors with seamless, unbroken lines, filling the entire board with a glorious cascade of hues. Get ready to",
    "image": "/thumbs/connect-the-colors-unlock-the-flow-in-color-pipes_1.webp",
    "genre": "Top Free Games",
    "gamePlatform": "HTML5",
    "interactionStatistic": {
        "@type": "InteractionCounter",
        "interactionType": {
            "@type": "http://schema.org/PlayAction"
        },
        "userInteractionCount": 3185
    },
    "aggregateRating": {
        "@type": "AggregateRating",
        "ratingValue": 4.4,
        "ratingCount": 487,
        "bestRating": "5",
        "worstRating": "1"
    },
    "offers": {
        "@type": "Offer",
        "price": "0.00",
        "priceCurrency": "USD",
        "url": "https://www.atmhtml5games.com/game/connect-the-colors-unlock-the-flow-in-color-pipes/"
    }
}</script>
    <style type="text/css">

    .hover-video {

        position: absolute;

        top: 0;

        left: 0;

        width: 100%;

        height: 100%;

        display: none;

        object-fit: cover;

        pointer-events: none;

    }

    </style>

    	<!-- Pixel Code - https://visionwebnotify.com/ -->
<script defer src="https://visionwebnotify.com/pixel/HJ9LaHkq3VQym9fG"></script>
<!-- END Pixel Code -->	
	<script id="kunato_js-is" type="module" src="https://cdn.zzazz.com/widget/tmhtml5games.com/widget.js"></script>


	<!-- Microsft clearity for User Tracking -->
	<script type="text/javascript">
		(function(c,l,a,r,i,t,y){
			c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
			t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
			y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
		})(window, document, "clarity", "script", "x7cwv24ksq");
	</script>
</head>
<!---- <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> !--->
<script src="https://www.atmhtml5games.com/content/themes/arcade-two/js/atm-min-js.js"></script>

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css">


<!-- Slick CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/>
<!-- Slick Theme -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css"/>
<!-- Slick JS -->
<script src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>


<style>
	
	#installButton {
		
		cursor: pointer;
	}
.app-download-content {
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    padding: 8px 24px;
    border-radius: 40px;
    display: flex;
    gap: 5px;
    align-items: center;
}
	.app-download-content span {
		font-size: 16px;
		color: #fff;
		font-weight: 600;
		white-space: nowrap;
		line-height: 20px;
	}
	.app-download-content img {
		width: 30px;
		height: 20px;
	}
	.app-download-content:hover {
		background: rgba(255, 255, 255, 0.05);
	}
	.game-item .list-game .list-thumbnail img {
		max-height: 196px;
	}
	@media (max-width: 1821px) {
		#installButton {
			
			width: max-content;
		}
		.app-download-content {
			background: rgba(255, 255, 255, 0.1);
			color: #fff;
			padding: 4px 14px;
			border-radius: 40px;
			display: flex;
			text-align: center;
			align-items: center;
			padding: 10px 20px;
		}
	}
	@media (max-width: 767px) {
		.app-download-content {
			background: rgba(255, 255, 255, 0.1);
			color: #fff;
			padding: 5px 15px;
			border-radius: 40px;
		}
		.app-download-content img {
			width: 18px;
			height: 21px;
		}
		.app-download-content span {
			font-size: 12px;
			color: #fff;
			font-weight: 500;
			white-space: nowrap;
			line-height: 13px;
		}
		.game-item .list-game .list-thumbnail img {
			max-height: 101px;
		}
		.inner-games-container .game-item .list-game .list-thumbnail img{
	    	max-height: 196px !important;
		}
	}
</style>
<body>

	
	<nav class="navbar navbar-expand-lg navbar-dark top-nav" id="mainNav">
		<div class="container">
			<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#nav-menu" aria-controls="nav-menu" aria-expanded="false" aria-label="Toggle navigation">
				<span class="navbar-toggler-icon"></span>
			</button>
			<a class="navbar-brand js-scroll-trigger" href="https://www.atmhtml5games.com/"><img src="https://www.atmhtml5games.com/images/site-logo-041355.png" class="site-logo" alt="site-logo" width="200" height="70"></a>
			<div class="d-lg-none">
				<a class="nav-link" href="https://www.atmhtml5games.com/login/"><div class="btn btn-circle b-white b-login"><i class="bi bi-person"></i></div></a>							</div>
			<div class="navbar-collapse collapse" id="nav-menu">
				<ul class="navbar-nav">
											<li class="nav-item">
							<a class="nav-link" href="https://www.atmhtml5games.com/category/android-games/">Android  Games</a>
						</li>
											<li class="nav-item">
						<a class="nav-link" href="/post">Blogs</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="/page/affiliate">Affiliate</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="https://etmgame.com">Business</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="https://www.atmhtml5games.com/page/contact-us/">Contact us</a>
					</li>
					<li class="nav-item">
					<div class="app-download-app nav-link" id="installButton" style="display:none;">
			<div class="app-download-content">
				<img src="https://www.atmhtml5games.com/images/download-icon.svg">
				<span>Get App</span>
			</div>
		</div>
				</li>
				</ul>
				<form class="form-inline my-2 my-lg-0 search-bar" action="/index.php">
					<div class="input-group">
						<input type="hidden" name="viewpage" value="search" />
						<i class="bi bi-search"></i>
						<input type="text" class="form-control search" id="searchInput" placeholder="Search game" name="slug" minlength="2" required />
					</div>
				</form>
			</div>
			<div class="d-none d-lg-block">
				<a class="nav-link" href="https://www.atmhtml5games.com/login/"><div class="btn btn-circle b-white b-login"><i class="bi bi-person"></i></div></a>							</div>
		</div>
		
	</nav>



<style>
/*----- Loader css -----------------*/



    /* Loader Overlay */
    #game-loader {
        position: absolute;
        inset: 0;
       background: #333333;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        z-index: -1;
        transition: opacity 0.8s ease, transform 0.8s ease;
        overflow: hidden;
		display:none;
		
    }

    #game-loader.hide {
        opacity: 0;
        transform: scale(1.1);
        pointer-events: none;
    }

    /* Animated Background Particles */
    .particles {
        position: absolute;
        inset: 0;
        overflow: hidden;
        pointer-events: none;
    }

    .particle {
        position: absolute;
        width: 4px;
        height: 4px;
        background: #00f5ff;
        border-radius: 50%;
        animation: float-particle 8s infinite ease-in-out;
        box-shadow: 0 0 10px currentColor, 0 0 20px currentColor;
    }

    .particle:nth-child(1) { left: 10%; top: 20%; animation-delay: 0s; color: #00f5ff; }
    .particle:nth-child(2) { left: 20%; top: 80%; animation-delay: 1s; color: #8b5cf6; }
    .particle:nth-child(3) { left: 30%; top: 40%; animation-delay: 2s; color: #f472b6; }
    .particle:nth-child(4) { left: 50%; top: 10%; animation-delay: 3s; color: #00f5ff; }
    .particle:nth-child(5) { left: 60%; top: 70%; animation-delay: 4s; color: #8b5cf6; }
    .particle:nth-child(6) { left: 70%; top: 30%; animation-delay: 5s; color: #f472b6; }
    .particle:nth-child(7) { left: 80%; top: 60%; animation-delay: 6s; color: #00f5ff; }
    .particle:nth-child(8) { left: 90%; top: 90%; animation-delay: 7s; color: #8b5cf6; }
    .particle:nth-child(9) { left: 15%; top: 50%; animation-delay: 0.5s; color: #f472b6; }
    .particle:nth-child(10) { left: 85%; top: 15%; animation-delay: 2.5s; color: #00f5ff; }

    @keyframes float-particle {
        0%, 100% { transform: translateY(0) scale(1); opacity: 0.6; }
        50% { transform: translateY(-30px) scale(1.5); opacity: 1; }
    }

    /* Grid Lines */
    .grid-overlay {
        position: absolute;
        inset: 0;
        background-image: 
            linear-gradient(rgba(0, 245, 255, 0.03) 1px, transparent 1px),
            linear-gradient(90deg, rgba(0, 245, 255, 0.03) 1px, transparent 1px);
        background-size: 50px 50px;
        animation: grid-move 20s linear infinite;
        pointer-events: none;
    }

    @keyframes grid-move {
        0% { background-position: 0 0; }
        100% { background-position: 50px 50px; }
    }

    /* Main Spinner Container */
    .loader-container {
        position: relative;
        width: 160px;
        height: 160px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 30px;
    }

    /* Outer Ring */
    .outer-ring {
        position: absolute;
        width: 160px;
        height: 160px;
        border: 3px solid transparent;
        border-top: 3px solid #00f5ff;
        border-right: 3px solid #8b5cf6;
        border-radius: 50%;
        animation: spin-outer 2s linear infinite;
        box-shadow: 
            0 0 20px rgba(0, 245, 255, 0.5),
            inset 0 0 20px rgba(139, 92, 246, 0.3);
    }

    @keyframes spin-outer {
        from { transform: rotate(0deg); }
        to { transform: rotate(360deg); }
    }

    /* Middle Ring */
    .middle-ring {
        position: absolute;
        width: 130px;
        height: 130px;
        border: 2px solid transparent;
        border-bottom: 2px solid #f472b6;
        border-left: 2px solid #00f5ff;
        border-radius: 50%;
        animation: spin-middle 1.5s linear infinite reverse;
        box-shadow: 
            0 0 15px rgba(244, 114, 182, 0.5),
            inset 0 0 15px rgba(0, 245, 255, 0.3);
    }

    @keyframes spin-middle {
        from { transform: rotate(0deg); }
        to { transform: rotate(360deg); }
    }

    /* Inner Ring */
    .inner-ring {
        position: absolute;
        width: 100px;
        height: 100px;
        border: 2px dashed rgba(139, 92, 246, 0.5);
        border-radius: 50%;
        animation: spin-inner 3s linear infinite;
    }

    @keyframes spin-inner {
        from { transform: rotate(0deg); }
        to { transform: rotate(360deg); }
    }

    /* Center Pulse */
    .center-pulse {
        position: absolute;
        width: 60px;
        height: 60px;
        background: radial-gradient(circle, rgba(0, 245, 255, 0.8) 0%, rgba(139, 92, 246, 0.4) 50%, transparent 70%);
        border-radius: 50%;
        animation: pulse 1.5s ease-in-out infinite;
    }

    @keyframes pulse {
        0%, 100% { transform: scale(0.8); opacity: 0.6; }
        50% { transform: scale(1.2); opacity: 1; }
    }

    /* Logo Container */
    .logo-container {
        position: relative;
        z-index: 10;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .logo-container img {
        max-width: 100px;
        max-height: 100px;
        filter: drop-shadow(0 0 10px rgba(0, 245, 255, 0.8));
        animation: logo-glow 2s ease-in-out infinite;
    }

    @keyframes logo-glow {
        0%, 100% { filter: drop-shadow(0 0 10px rgba(0, 245, 255, 0.8)); }
        50% { filter: drop-shadow(0 0 25px rgba(139, 92, 246, 1)) drop-shadow(0 0 40px rgba(0, 245, 255, 0.6)); }
    }

    /* Loading Text */
  .loading-text {
    /* font-family: 'Orbitron', sans-serif; */
    font-size: 19px;
    /* letter-spacing: 8px; */
    /* text-transform: uppercase; */
    color: #fff;
    text-shadow: 0 0 20px rgba(0, 245, 255, 0.8);
    margin-bottom: 25px;
    animation: text-flicker 3s ease-in-out infinite;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 15px;
}

    @keyframes text-flicker {
        0%, 100% { opacity: 1; }
        50% { opacity: 0.7; }
        52% { opacity: 1; }
        54% { opacity: 0.8; }
        56% { opacity: 1; }
    }

    /* Progress Bar Container */
    .progress-container {
        width: 280px;
        height: 6px;
        background: rgba(255, 255, 255, 0.1);
        border-radius: 10px;
        overflow: hidden;
        position: relative;
        border: 1px solid rgba(0, 245, 255, 0.3);
        box-shadow: 
            0 0 20px rgba(0, 245, 255, 0.2),
            inset 0 0 10px rgba(0, 0, 0, 0.5);
    }

    .progress-bar {
        height: 100%;
        width: 0%;
        background: linear-gradient(90deg, #00f5ff, #8b5cf6, #f472b6, #00f5ff);
        background-size: 200% 100%;
        border-radius: 10px;
        transition: width 0.3s ease;
        animation: gradient-shift 2s linear infinite;
        box-shadow: 0 0 20px rgba(0, 245, 255, 0.8);
    }

    @keyframes gradient-shift {
        0% { background-position: 0% 50%; }
        100% { background-position: 200% 50%; }
    }

    /* Progress Glow Effect */
    .progress-glow {
        position: absolute;
        top: -10px;
        right: -10px;
        width: 20px;
        height: 26px;
        background: radial-gradient(circle, rgba(0, 245, 255, 0.8) 0%, transparent 70%);
        border-radius: 50%;
        animation: glow-move 0.3s ease;
        pointer-events: none;
        display: none;
    }

    /* Progress Percentage */
    .progress-percent {
        font-family: 'Orbitron', sans-serif;
        font-size: 28px;
        font-weight: 700;
        color: #fff;
        margin-top: 20px;
        text-shadow: 
            0 0 20px rgba(0, 245, 255, 0.8),
            0 0 40px rgba(139, 92, 246, 0.5);
    }

    .progress-percent span {
        font-size: 16px;
        color: rgba(255, 255, 255, 0.6);
    }

    /* Decorative Corner Elements */
    .corner {
        position: absolute;
        width: 30px;
        height: 30px;
        border: 2px solid rgba(0, 245, 255, 0.5);
    }

    .corner-tl { top: 20px; left: 20px; border-right: none; border-bottom: none; }
    .corner-tr { top: 20px; right: 20px; border-left: none; border-bottom: none; }
    .corner-bl { bottom: 20px; left: 20px; border-right: none; border-top: none; }
    .corner-br { bottom: 20px; right: 20px; border-left: none; border-top: none; }

    /* Scan Line Effect */
    .scan-line {
        position: absolute;
        width: 100%;
        height: 2px;
        background: linear-gradient(90deg, transparent, rgba(0, 245, 255, 0.3), transparent);
        animation: scan 3s linear infinite;
        pointer-events: none;
    }

    @keyframes scan {
        0% { top: 0%; opacity: 0; }
        10% { opacity: 1; }
        90% { opacity: 1; }
        100% { top: 100%; opacity: 0; }
    }

    /* Mobile responsive */
    @media (max-width: 768px) {
        .game-wrapper {
            height: 400px;
            border-radius: 0;
        }

        .loader-container {
            width: 120px;
            height: 120px;
        }

        .outer-ring { width: 120px; height: 120px; }
        .middle-ring { width: 95px; height: 95px; }
        .inner-ring { width: 70px; height: 70px; }
        .center-pulse { width: 45px; height: 45px; }
        .logo-container img { max-width: 35px; max-height: 35px; }

        .loading-text {
            font-size: 11px;
            letter-spacing: 5px;
            display: none;
        }

        .progress-container {
            width: 220px;
            display: none;
        }

        .progress-percent {
            font-size: 22px;
        }
    }
#loader-button{
        background: #ffe900;
    padding: 10px;
    
    color: #333;
    border-radius: 12px;
    cursor: pointer;
}
.progress-container,.progress-percent{
    display: none;
}
.ads-label {
    text-align: center;
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 22px;
}
/*---------------- End ---------------------*/
</style>


<!-- ------------------------------------------------Distributor game ------------------------------------------------------- -->
<section class="section-game new-game-page etm-section-parent-wrap">
 

	<div class="container-fluid container-section ">
			<!-- Back Arrow Link -->
	<div class="back-arrow " style="width: 28%; justify-content: flex-end;display:none;" >
		<a href="https://www.atmhtml5games.com" class="back-link">
			<i class="bi bi-arrow-return-left"></i> Back to Games
		</a>
	</div>
		<div class="row">
			<div class="col-12 col-md-2 left-sidebar">
				
				
				


	<div class="grid-layout grid-wrapper p-design left-sidebar-listing" >
        
<div class="grid-item image-effect item-grid ">
   <a href="https://www.atmhtml5games.com/game/christmas-santa-run/">
        <div class="list-game">

            <div class="list-thumbnail">
                <img 
                    src="https://www.atmhtml5games.com/thumbs/christmas-santa-run_1.webp"
                    data-src="https://www.atmhtml5games.com/thumbs/christmas-santa-run_1.webp"
                    class="small-thumb lazyload"
                    alt="Christmas Santa Run">
            </div>

            <div class="list-title">
                <div class="star-rating text-center">
                    
                </div>
                Christmas …            </div>

        </div>
    </a>
    
</div>

<div class="grid-item image-effect item-grid ">
   <a href="https://www.atmhtml5games.com/game/princess-winter-olympic-challenge/">
        <div class="list-game">

            <div class="list-thumbnail">
                <img 
                    src="https://www.atmhtml5games.com/thumbs/princess-winter-olympic-challenge_1.webp"
                    data-src="https://www.atmhtml5games.com/thumbs/princess-winter-olympic-challenge_1.webp"
                    class="small-thumb lazyload"
                    alt="Princess Winter Olympic Challenge">
            </div>

            <div class="list-title">
                <div class="star-rating text-center">
                    
                </div>
                Princess W…            </div>

        </div>
    </a>
    
</div>

<div class="grid-item image-effect item-grid span-s2">
   <a href="https://www.atmhtml5games.com/game/drive-mad-adventure-through-crazy-roads/">
        <div class="list-game">

            <div class="list-thumbnail">
                <img 
                    src="https://www.atmhtml5games.com/thumbs/drive-mad-adventure-through-crazy-roads_1.webp"
                    data-src="https://www.atmhtml5games.com/thumbs/drive-mad-adventure-through-crazy-roads_1.webp"
                    class="small-thumb lazyload"
                    alt="Drive Mad Adventure Through Crazy Roads">
            </div>

            <div class="list-title">
                <div class="star-rating text-center">
                    
                </div>
                Drive Mad …            </div>

        </div>
    </a>
    
</div>

<div class="grid-item image-effect item-grid span-s2">
   <a href="https://www.atmhtml5games.com/game/crossy-chicken-hop-dodge-and-survive-in-a-busy-world/">
        <div class="list-game">

            <div class="list-thumbnail">
                <img 
                    src="https://www.atmhtml5games.com/thumbs/crossy-chicken-hop-dodge-and-survive-in-a-busy-world_1.webp"
                    data-src="https://www.atmhtml5games.com/thumbs/crossy-chicken-hop-dodge-and-survive-in-a-busy-world_1.webp"
                    class="small-thumb lazyload"
                    alt="Crossy Chicken: Hop, Dodge, and Survive in a Busy World!">
            </div>

            <div class="list-title">
                <div class="star-rating text-center">
                    
                </div>
                Crossy Chi…            </div>

        </div>
    </a>
    
</div>

<div class="grid-item image-effect item-grid ">
   <a href="https://www.atmhtml5games.com/game/cute-dress-up/">
        <div class="list-game">

            <div class="list-thumbnail">
                <img 
                    src="https://www.atmhtml5games.com/thumbs/cute-dress-up_1.webp"
                    data-src="https://www.atmhtml5games.com/thumbs/cute-dress-up_1.webp"
                    class="small-thumb lazyload"
                    alt="Cute Dress Up">
            </div>

            <div class="list-title">
                <div class="star-rating text-center">
                    
                </div>
                Cute Dress…            </div>

        </div>
    </a>
    
</div>

<div class="grid-item image-effect item-grid ">
   <a href="https://www.atmhtml5games.com/game/fly-high-as-the-ninja-in-an-epic-aerial-adventure/">
        <div class="list-game">

            <div class="list-thumbnail">
                <img 
                    src="https://www.atmhtml5games.com/games/fly-high-as-the-ninja-in-an-epic-aerial-adventure-/fly-high-as-the-ninja-in-an-epic-aerial-adventure-_small.png"
                    data-src="https://www.atmhtml5games.com/games/fly-high-as-the-ninja-in-an-epic-aerial-adventure-/fly-high-as-the-ninja-in-an-epic-aerial-adventure-_small.png"
                    class="small-thumb lazyload"
                    alt="Fly High as the Ninja in an Epic Aerial Adventure!">
            </div>

            <div class="list-title">
                <div class="star-rating text-center">
                    
                </div>
                Fly High a…            </div>

        </div>
    </a>
    
</div>

<div class="grid-item image-effect item-grid span-s2">
   <a href="https://www.atmhtml5games.com/game/master-the-board-ultimate-free-online-chess-adventure-awaits/">
        <div class="list-game">

            <div class="list-thumbnail">
                <img 
                    src="https://www.atmhtml5games.com/thumbs/master-the-board-ultimate-free-online-chess-adventure-awaits_1.webp"
                    data-src="https://www.atmhtml5games.com/thumbs/master-the-board-ultimate-free-online-chess-adventure-awaits_1.webp"
                    class="small-thumb lazyload"
                    alt="Master the Board: Ultimate Free Online Chess Adventure Awaits!">
            </div>

            <div class="list-title">
                <div class="star-rating text-center">
                    
                </div>
                Master the…            </div>

        </div>
    </a>
    
</div>

<div class="grid-item image-effect item-grid span-s2">
   <a href="https://www.atmhtml5games.com/game/plonky-ultimate-physics-drop-challenge/">
        <div class="list-game">

            <div class="list-thumbnail">
                <img 
                    src="https://www.atmhtml5games.com/thumbs/plonky_1.webp"
                    data-src="https://www.atmhtml5games.com/thumbs/plonky_1.webp"
                    class="small-thumb lazyload"
                    alt="Plonky : The Ultimate Physics Drop Challenge">
            </div>

            <div class="list-title">
                <div class="star-rating text-center">
                    
                </div>
                Plonky : T…            </div>

        </div>
    </a>
    
</div>

<div class="grid-item image-effect item-grid span-s2">
   <a href="https://www.atmhtml5games.com/game/highway-traffic-playhop-style-racing/">
        <div class="list-game">

            <div class="list-thumbnail">
                <img 
                    src="https://www.atmhtml5games.com/thumbs/highway-traffic-playhop-style-racing_1.webp"
                    data-src="https://www.atmhtml5games.com/thumbs/highway-traffic-playhop-style-racing_1.webp"
                    class="small-thumb lazyload"
                    alt="Highway Traffic: The Playhop-Style Racing Thrill You're Searching For">
            </div>

            <div class="list-title">
                <div class="star-rating text-center">
                    
                </div>
                Highway Tr…            </div>

        </div>
    </a>
    
</div>

<div class="grid-item image-effect item-grid span-s2">
   <a href="https://www.atmhtml5games.com/game/build-an-aquapark/">
        <div class="list-game">

            <div class="list-thumbnail">
                <img 
                    src="https://www.atmhtml5games.com/thumbs/build-an-aquapark_1.webp"
                    data-src="https://www.atmhtml5games.com/thumbs/build-an-aquapark_1.webp"
                    class="small-thumb lazyload"
                    alt="Build an Aquapark">
            </div>

            <div class="list-title">
                <div class="star-rating text-center">
                    
                </div>
                Build an A…            </div>

        </div>
    </a>
    
</div>

<div class="grid-item image-effect item-grid ">
   <a href="https://www.atmhtml5games.com/game/cubes-2048-io-merge-conquer/">
        <div class="list-game">

            <div class="list-thumbnail">
                <img 
                    src="https://www.atmhtml5games.com/games/cubes-2048-io---merge---conquer-/cubes-2048-io---merge---conquer-_small.png"
                    data-src="https://www.atmhtml5games.com/games/cubes-2048-io---merge---conquer-/cubes-2048-io---merge---conquer-_small.png"
                    class="small-thumb lazyload"
                    alt="Cubes 2048.io | Merge & Conquer!">
            </div>

            <div class="list-title">
                <div class="star-rating text-center">
                    
                </div>
                Cubes 2048…            </div>

        </div>
    </a>
    
</div>

<div class="grid-item image-effect item-grid ">
   <a href="https://www.atmhtml5games.com/game/geometry-arrow-unblocked-ultimate-challenge-advent/">
        <div class="list-game">

            <div class="list-thumbnail">
                <img 
                    src="https://www.atmhtml5games.com/games/geometry-arrow-unblocked-ultimate-challenge-advent/geometry-arrow-unblocked-ultimate-challenge-advent_small.png"
                    data-src="https://www.atmhtml5games.com/games/geometry-arrow-unblocked-ultimate-challenge-advent/geometry-arrow-unblocked-ultimate-challenge-advent_small.png"
                    class="small-thumb lazyload"
                    alt="Geometry Arrow Unblocked The Ultimate Challenge Adventure">
            </div>

            <div class="list-title">
                <div class="star-rating text-center">
                    
                </div>
                Geometry A…            </div>

        </div>
    </a>
    
</div>

<div class="grid-item image-effect item-grid span-s2">
   <a href="https://www.atmhtml5games.com/game/zombie-shooter-dead-city-survival-undead-wave/">
        <div class="list-game">

            <div class="list-thumbnail">
                <img 
                    src="https://www.atmhtml5games.com/thumbs/zombie-shooter-dead-city-survival-undead-wave_1.webp"
                    data-src="https://www.atmhtml5games.com/thumbs/zombie-shooter-dead-city-survival-undead-wave_1.webp"
                    class="small-thumb lazyload"
                    alt="Zombie Shooter : Dead City Survival">
            </div>

            <div class="list-title">
                <div class="star-rating text-center">
                    
                </div>
                Zombie Sho…            </div>

        </div>
    </a>
    
</div>

<div class="grid-item image-effect item-grid ">
   <a href="https://www.atmhtml5games.com/game/dig-deep-for-treasures-in-miner-block-adventure/">
        <div class="list-game">

            <div class="list-thumbnail">
                <img 
                    src="https://www.atmhtml5games.com/games/dig-deep-for-treasures-in-miner-block-adventure-/dig-deep-for-treasures-in-miner-block-adventure-_small.png"
                    data-src="https://www.atmhtml5games.com/games/dig-deep-for-treasures-in-miner-block-adventure-/dig-deep-for-treasures-in-miner-block-adventure-_small.png"
                    class="small-thumb lazyload"
                    alt="Dig Deep for Treasures in Miner Block Adventure!">
            </div>

            <div class="list-title">
                <div class="star-rating text-center">
                    
                </div>
                Dig Deep f…            </div>

        </div>
    </a>
    
</div>

<div class="grid-item image-effect item-grid ">
   <a href="https://www.atmhtml5games.com/game/air-battle-mission/">
        <div class="list-game">

            <div class="list-thumbnail">
                <img 
                    src="https://www.atmhtml5games.com/thumbs/air-battle-mission_1.webp"
                    data-src="https://www.atmhtml5games.com/thumbs/air-battle-mission_1.webp"
                    class="small-thumb lazyload"
                    alt="Air Battle Mission">
            </div>

            <div class="list-title">
                <div class="star-rating text-center">
                    
                </div>
                Air Battle…            </div>

        </div>
    </a>
    
</div>

<div class="grid-item image-effect item-grid ">
   <a href="https://www.atmhtml5games.com/game/play-roblox-gamenora-adventure-awaits-you/">
        <div class="list-game">

            <div class="list-thumbnail">
                <img 
                    src="https://www.atmhtml5games.com/thumbs/play-roblox-gamenora-adventure-awaits-you_1.webp"
                    data-src="https://www.atmhtml5games.com/thumbs/play-roblox-gamenora-adventure-awaits-you_1.webp"
                    class="small-thumb lazyload"
                    alt="Play Roblox Gamenora Adventure Awaits You">
            </div>

            <div class="list-title">
                <div class="star-rating text-center">
                    
                </div>
                Play Roblo…            </div>

        </div>
    </a>
    
</div>

<div class="grid-item image-effect item-grid ">
   <a href="https://www.atmhtml5games.com/game/play-snakes-and-ladders-win-coins/">
        <div class="list-game">

            <div class="list-thumbnail">
                <img 
                    src="https://www.atmhtml5games.com/thumbs/play-snakes-and-ladders-win-coins_1.webp"
                    data-src="https://www.atmhtml5games.com/thumbs/play-snakes-and-ladders-win-coins_1.webp"
                    class="small-thumb lazyload"
                    alt="Play Snakes and Ladders & Win Coins">
            </div>

            <div class="list-title">
                <div class="star-rating text-center">
                    
                </div>
                Play Snake…            </div>

        </div>
    </a>
    
</div>

<div class="grid-item image-effect item-grid span-s2">
   <a href="https://www.atmhtml5games.com/game/ludo-kart-race-to-victory/">
        <div class="list-game">

            <div class="list-thumbnail">
                <img 
                    src="https://www.atmhtml5games.com/thumbs/ludo-kart-race-to-victory_1.webp"
                    data-src="https://www.atmhtml5games.com/thumbs/ludo-kart-race-to-victory_1.webp"
                    class="small-thumb lazyload"
                    alt="Ludo Kart | Race to Victory!">
            </div>

            <div class="list-title">
                <div class="star-rating text-center">
                    
                </div>
                Ludo Kart …            </div>

        </div>
    </a>
    
</div>

<div class="grid-item image-effect item-grid ">
   <a href="https://www.atmhtml5games.com/game/serve-up-delicious-burgers-in-the-fast-paced-burge/">
        <div class="list-game">

            <div class="list-thumbnail">
                <img 
                    src="https://www.atmhtml5games.com/games/serve-up-delicious-burgers-in-the-fast-paced-burge/serve-up-delicious-burgers-in-the-fast-paced-burge_small.png"
                    data-src="https://www.atmhtml5games.com/games/serve-up-delicious-burgers-in-the-fast-paced-burge/serve-up-delicious-burgers-in-the-fast-paced-burge_small.png"
                    class="small-thumb lazyload"
                    alt="Serve Up Delicious Burgers in the Fast-Paced Burge">
            </div>

            <div class="list-title">
                <div class="star-rating text-center">
                    
                </div>
                Serve Up D…            </div>

        </div>
    </a>
    
</div>

<div class="grid-item image-effect item-grid span-s2">
   <a href="https://www.atmhtml5games.com/game/kardashian-kuties-expecting-mamas-maternity-adventures-online/">
        <div class="list-game">

            <div class="list-thumbnail">
                <img 
                    src="https://www.atmhtml5games.com/thumbs/kardashian-kuties-expecting-mamas-maternity-adventures-online_1.webp"
                    data-src="https://www.atmhtml5games.com/thumbs/kardashian-kuties-expecting-mamas-maternity-adventures-online_1.webp"
                    class="small-thumb lazyload"
                    alt="Kardashian Kuties: Expecting Mamas & Maternity Adventures Online!">
            </div>

            <div class="list-title">
                <div class="star-rating text-center">
                    
                </div>
                Kardashian…            </div>

        </div>
    </a>
    
</div>

<div class="grid-item image-effect item-grid span-s2">
   <a href="https://www.atmhtml5games.com/game/smash-karts/">
        <div class="list-game">

            <div class="list-thumbnail">
                <img 
                    src="https://www.atmhtml5games.com/thumbs/smash-karts_1.webp"
                    data-src="https://www.atmhtml5games.com/thumbs/smash-karts_1.webp"
                    class="small-thumb lazyload"
                    alt="Smash Karts">
            </div>

            <div class="list-title">
                <div class="star-rating text-center">
                    
                </div>
                Smash Kart…            </div>

        </div>
    </a>
    
</div>

<div class="grid-item image-effect item-grid ">
   <a href="https://www.atmhtml5games.com/game/nuts-and-bolts-ultimate-screw-puzzle-logic-challen/">
        <div class="list-game">

            <div class="list-thumbnail">
                <img 
                    src="https://www.atmhtml5games.com/games/nut---bolts/nut---bolts_small.png"
                    data-src="https://www.atmhtml5games.com/games/nut---bolts/nut---bolts_small.png"
                    class="small-thumb lazyload"
                    alt="Nuts & Bolts: The Ultimate Screw Puzzle Challenge">
            </div>

            <div class="list-title">
                <div class="star-rating text-center">
                    
                </div>
                Nuts & Bol…            </div>

        </div>
    </a>
    
</div>

<div class="grid-item image-effect item-grid ">
   <a href="https://www.atmhtml5games.com/game/raddy-sprunki/">
        <div class="list-game">

            <div class="list-thumbnail">
                <img 
                    src="https://www.atmhtml5games.com/thumbs/raddy-sprunki_1.webp"
                    data-src="https://www.atmhtml5games.com/thumbs/raddy-sprunki_1.webp"
                    class="small-thumb lazyload"
                    alt="Raddy Sprunki Game – Create Beats & Play Online Free">
            </div>

            <div class="list-title">
                <div class="star-rating text-center">
                    
                </div>
                Raddy Spru…            </div>

        </div>
    </a>
    
</div>

<div class="grid-item image-effect item-grid span-s2">
   <a href="https://www.atmhtml5games.com/game/snakes-vs-worms/">
        <div class="list-game">

            <div class="list-thumbnail">
                <img 
                    src="https://www.atmhtml5games.com/thumbs/snakes-vs-worms_1.webp"
                    data-src="https://www.atmhtml5games.com/thumbs/snakes-vs-worms_1.webp"
                    class="small-thumb lazyload"
                    alt="Snakes vs Worms">
            </div>

            <div class="list-title">
                <div class="star-rating text-center">
                    
                </div>
                Snakes vs …            </div>

        </div>
    </a>
    
</div>
        </div>
<style>
body .left-sidebar-listing {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(60px, 1fr)) !important;
    grid-gap: 20px;
    grid-auto-rows: minmax(60px, auto) !important;
    grid-auto-flow: dense;
}
@media (min-width:1024px) and (max-width:1700px){
    /* laptop styles */
	.left-sidebar{
		 width: 12.666667%;

	}
	.right-sidebar{
		 width: 20%;
	}
	       
}
@media (max-width:767px){
    .mobile-thumb-play img {
    width: 100%;
    opacity: 0.7;
    min-height: 125px;
}
.game-info .b-action,.game-info .b-action2{
	display:flex;
}
.new-game-page .game-info .b-action a {
  
    margin: 0;
}
body .game-frame-row {
    padding-left: 0px;
    padding-right: 0px;
}
}

	</style>
			</div>
			<div class="col-md-8 col-sm-12 col-xs-12 game-frame-row">
									<div class="game-container">
					<div class="game-content" data-id="16307">
						<div id="allow_mobile_version"></div>						<div id="mobile-play" style="display: none;">
							<div class="mobile-thumb-play">
								<img src="/thumbs/connect-the-colors-unlock-the-flow-in-color-pipes_1.webp">
							</div>
							<div id="mobile-play-btn">
								<i class="bi bi-play-circle-fill"></i>
							</div>
						</div>
						<div class="game-iframe-container" id="game-player">
											<!--- Loader content !--->
									<div id="game-loader">
						<div class="grid-overlay"></div>
						<div class="particles">
							<div class="particle"></div>
							<div class="particle"></div>
							<div class="particle"></div>
							<div class="particle"></div>
							<div class="particle"></div>
							<div class="particle"></div>
							<div class="particle"></div>
							<div class="particle"></div>
							<div class="particle"></div>
							<div class="particle"></div>
						</div>
						<div class="scan-line"></div><!-- Corner Decorations -->
						<div class="corner corner-tl"></div>
						<div class="corner corner-tr"></div>
						<div class="corner corner-bl"></div>
						<div class="corner corner-br"></div><!-- Main Spinner -->
						<div class="loader-container">
							<div class="outer-ring"></div>
							<div class="middle-ring"></div>
							<div class="inner-ring"></div>
							<div class="center-pulse"></div>
							<div class="logo-container"><img src="https://atmhtml5games.com/images/site-logo-055839.png" alt="Logo" loading="lazy" onerror="this.style.display='none';">
							</div>
						</div><!-- Loading Text -->
						<div class="loading-text">
							<span>Watch an ad, earn 20 coins to play</span>
							<button id="loader-button">Add Coin and Play</button>
						</div><!-- Progress Bar -->
						<div class="progress-container">
							
							<div class="progress-bar" id="progress-bar"></div>
							<div class="progress-glow" id="progress-glow"></div>
						</div><!-- Progress Percentage -->
						<div class="progress-percent"><span id="progress-value">0</span><span>%</span>
						</div>
						</div>




			<!---- End !------>
							<div id="mobile-back-button" draggable="true">
								<i class="bi bi-x-circle-fill"></i>
							</div>
							<iframe class="game-iframe" id="game-area" src="https://www.atmhtml5games.com/games/connect-the-colors--unlock-the-flow-in-color-pipes-/" width="90%" height="580px;" scrolling="no" frameborder="0" allowfullscreen></iframe>
						</div>
					</div>

					<!-- <div class="game-info">
						<div class="header-left">
							<h1 class="single-title">Connect the Colors: Unlock the Flow in Color Pipes!</h1>
							<div class="meta-info">Played 3185 times.</div>
							<div class="rating">
								<i class="bi bi-star-fill star-on"></i><i class="bi bi-star-fill star-on"></i><i class="bi bi-star-fill star-on"></i><i class="bi bi-star-fill star-on"></i><i class="bi bi-star-fill star-on"></i>								4.4 (487 Reviews)
							</div>
							</div>
							<div class="header-right">
								<div class="b-action">
																<a href="#" class="btn btn-circle" id="upvote" data-id="16307"><i class="bi bi-hand-thumbs-up"></i></a>
								<a href="#" class="btn btn-circle" id="downvote" data-id="16307"><i class="bi bi-hand-thumbs-down"></i></a>
								<a href="https://www.facebook.com/sharer/sharer.php?u=https://www.atmhtml5games.com/game/connect-the-colors-unlock-the-flow-in-color-pipes/" target="_blank" class="btn-share"><img src="https://www.atmhtml5games.com/content/themes/arcade-two/images/facebook.png" alt="share" class="social-icon" width="40" height="40"></a>
								<a href="https://twitter.com/intent/tweet?url=https://www.atmhtml5games.com/game/connect-the-colors-unlock-the-flow-in-color-pipes/" target="_blank" class="btn-share"><img src="https://www.atmhtml5games.com/content/themes/arcade-two/images/twitter.png" alt="share" class="social-icon" width="40" height="40"></a>
																<a href="#" class="btn btn-capsule" id="report-game"><i class="bi bi-bug b-icon"></i>Report</a>
																</div>					
								<div class="b-action2">
								<a href="https://www.atmhtml5games.com/full/connect-the-colors-unlock-the-flow-in-color-pipes/" target="_blank" class="btn btn-capsule"><i class="bi bi-window-stack b-icon"></i>Open in new window</a>
								<a href="#" onclick="open_fullscreen()" class="btn btn-capsule"><i class="bi bi-arrows-fullscreen b-icon"></i>Fullscreen</a>
								</div>
							</div>
						</div> -->
					
						<div class="game-info">
							<div class="header-left">
								<h1 class="single-title">Connect the Colors: Unlock the Flow in Color Pipes!</h1>
								
								
							</div>
							<div class="header-right">
								<div class="b-action">
																		<a href="#" title="Like" class="btn btn-capsule class_123 " id="upvote" data-id="16307">
										<i class="bi bi-hand-thumbs-up"></i>
										<span class="spn_upvotes_count">
											367										</span>
									</a>
									<a href="#" title="Dislike" class="btn btn-capsule " id="downvote" data-id="16307"><i class="bi bi-hand-thumbs-down"></i><span class="spn_downvote_count"></span></a>
									
									<a href="#" title="Add to Favorites" class="btn btn-capsule " id="favorite" data-id="16307"><i class="bi bi-heart"></i></a>
																		<input type="hidden" id="is_login" value="0">
																		<a href="#" title="Report" style="display: none" class="btn btn-capsule" id="report-game"><i class="bi bi-bug b-icon"></i></a>
																	
									<!--a href="https://www.atmhtml5games.com/full/connect-the-colors-unlock-the-flow-in-color-pipes/" target="_blank" class="btn btn-capsule"><i class="bi bi-window-stack b-icon"></i></a-->
									<a href="#" title="Full Screen" onclick="open_fullscreen()" class="btn btn-capsule"><i class="bi bi-arrows-fullscreen b-icon"></i></a>
								</div>
							</div>
						</div>
										
				</div>
			</div>
			<div class="col-md-2 col-sm-12 col-xs-12 right-sidebar">
								<div class="sidebar-ads" id="right-side-ads-container">
<div class='squr-ads'><div class="banner-ad-wrapper"><div class="banner-ad-content" style="padding: 20px 0; text-align: center;"><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5960549238808777"
     crossorigin="anonymous"></script>
<!-- 300*250 -->
<ins class="adsbygoogle"
     style="display:inline-block;width:300px;height:250px"
     data-ad-client="ca-pub-5960549238808777"
     data-ad-slot="9856609337"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
 
</script></div></div></div><div class="ads-lebel-wrape" style="text-align: center;margin-bottom:10px;margin-top:22px"><span>Advertisement</span></div>
<div class='vertical-ads'><div class="banner-ad-wrapper"><div class="banner-ad-content" style="padding: 20px 0; text-align: center;"><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5960549238808777"
     crossorigin="anonymous"></script>
<!-- 300*600 -->
<ins class="adsbygoogle"
     style="display:inline-block;width:300px;height:600px"
     data-ad-client="ca-pub-5960549238808777"
     data-ad-slot="4233591459"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script></div></div><div class='ads-lebel-wrape' style='text-align: center;margin-top:22px;'><span>Advertisement</span></div></div>
</div>

<style>
   body .sticky{
            position: fixed;
            top: 0px;
    }
    .sidebar-ads .squr-ads{
        width: 100%;
        height: 250px;
        max-width:300px;
        margin-bottom:10px;
        
    }
   .sidebar-ads .vertical-ads{
    
    max-width:300px;
    height:616px;
    margin-top:35px;
  
       
   }
   .right-sidebar{
    position: relative;
   }
   .sidebar-ads {
    position: absolute;
    left: 10px;
    z-index: 999999999;
        width: 99%;
    max-width: 94%;
   
   }
   .ads-lebel-wrape{
    line-height: 22px;
    font-size: 11px;
   }
   @media (min-width:1024px){
    body .game-listing-container-wrap{
        width: calc(100% - 286px); /* sidebar width + gap */
        margin: 0;
    }
}
    .game-listing-container-wrap .banner-ad-content{
        padding-top:0px !important;
        padding-bottom:0px !important;
    }
    </style>

<script>
const ads = document.querySelector('.vertical-ads');
const start = ads.getBoundingClientRect().top + window.scrollY;

window.addEventListener('scroll', () => {
    if(window.scrollY >= start){
        ads.classList.add('sticky');
    } else {
        ads.classList.remove('sticky');
    }
});
</script>




			</div>
		</div>
		<!-------------------------------- Start Full width -------------!---->
		<div class="container-fluid container-section game-listing-container-wrap">
			<div class="grid-layout grid-wrapper p-design mt-2">
			
<div class=" grid-item image-effect item-grid ">
         <a href="https://www.atmhtml5games.com/game/ascend-the-hero-tower-conquer-the-summit/">
        <div class="list-game">

            <div class="list-thumbnail">
                <img 
                    src="https://www.atmhtml5games.com/games/ascend-the-hero-tower--conquer-the-summit/ascend-the-hero-tower--conquer-the-summit_small.png"
                    data-src="https://www.atmhtml5games.com/games/ascend-the-hero-tower--conquer-the-summit/ascend-the-hero-tower--conquer-the-summit_small.png"
                    class="small-thumb lazyload"
                    alt="Ascend the Hero Tower: Conquer the Summit">
            </div>

            <div class="list-title">
                <div class="star-rating text-center">
                    
                </div>
                Ascend the…            </div>

        </div>
    </a>
       
</div>

<div class=" grid-item image-effect item-grid ">
         <a href="https://www.atmhtml5games.com/game/join-gogi-on-epic-adventure/">
        <div class="list-game">

            <div class="list-thumbnail">
                <img 
                    src="https://www.atmhtml5games.com/games/join-gogi-on-epic-adventure/join-gogi-on-epic-adventure_small.png"
                    data-src="https://www.atmhtml5games.com/games/join-gogi-on-epic-adventure/join-gogi-on-epic-adventure_small.png"
                    class="small-thumb lazyload"
                    alt="Join Gogi on Epic Adventure">
            </div>

            <div class="list-title">
                <div class="star-rating text-center">
                    
                </div>
                Join Gogi …            </div>

        </div>
    </a>
       
</div>

<div class=" grid-item image-effect item-grid ">
         <a href="https://www.atmhtml5games.com/game/roll-jump-and-dash-join-the-cat-rolling-adventure/">
        <div class="list-game">

            <div class="list-thumbnail">
                <img 
                    src="https://www.atmhtml5games.com/games/roll--jump--and-dash--join-the-cat-rolling-adventure-/roll--jump--and-dash--join-the-cat-rolling-adventure-_small.png"
                    data-src="https://www.atmhtml5games.com/games/roll--jump--and-dash--join-the-cat-rolling-adventure-/roll--jump--and-dash--join-the-cat-rolling-adventure-_small.png"
                    class="small-thumb lazyload"
                    alt="Roll, Jump, and Dash: Join the Cat Rolling Adventure!">
            </div>

            <div class="list-title">
                <div class="star-rating text-center">
                    
                </div>
                Roll, Jump…            </div>

        </div>
    </a>
       
</div>

<div class=" grid-item image-effect item-grid span-2">
    <div class="banner-ad-wrapper"><div class="banner-ad-content" style="padding: 20px 0; text-align: center;"><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5960549238808777"
     crossorigin="anonymous"></script>
<!-- Horixontal -->
<ins class="adsbygoogle"
       style="display:inline-block; width:336px; height:280px;"
     data-ad-client="ca-pub-5960549238808777"
     data-ad-slot="6410653495"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script></div></div>  <div class="ads-lebel-wrape" style="text-align: center;"><span>Advertisement</span></div>   
</div>

<div class=" grid-item image-effect item-grid ">
         <a href="https://www.atmhtml5games.com/game/pocket-jump-arcade/">
        <div class="list-game">

            <div class="list-thumbnail">
                <img 
                    src="https://www.atmhtml5games.com/games/pocket-jump-arcade/pocket-jump-arcade_small.jpg"
                    data-src="https://www.atmhtml5games.com/games/pocket-jump-arcade/pocket-jump-arcade_small.jpg"
                    class="small-thumb lazyload"
                    alt="Pocket Jump Arcade">
            </div>

            <div class="list-title">
                <div class="star-rating text-center">
                    
                </div>
                Pocket Jum…            </div>

        </div>
    </a>
       
</div>

<div class=" grid-item image-effect item-grid ">
         <a href="https://www.atmhtml5games.com/game/sweet-adventures-await-in-the-buzzing-world-of-honey-drop/">
        <div class="list-game">

            <div class="list-thumbnail">
                <img 
                    src="https://www.atmhtml5games.com/games/sweet-adventures-await-in-the-buzzing-world-of-honey-drop-/sweet-adventures-await-in-the-buzzing-world-of-honey-drop-_small.png"
                    data-src="https://www.atmhtml5games.com/games/sweet-adventures-await-in-the-buzzing-world-of-honey-drop-/sweet-adventures-await-in-the-buzzing-world-of-honey-drop-_small.png"
                    class="small-thumb lazyload"
                    alt="Sweet Adventures Await in the Buzzing World of Honey Drop!">
            </div>

            <div class="list-title">
                <div class="star-rating text-center">
                    
                </div>
                Sweet Adve…            </div>

        </div>
    </a>
       
</div>

<div class=" grid-item image-effect item-grid ">
         <a href="https://www.atmhtml5games.com/game/crypto-maze-3d/">
        <div class="list-game">

            <div class="list-thumbnail">
                <img 
                    src="https://www.atmhtml5games.com/games/crypto-maze-3d/crypto-maze-3d_small.jpg"
                    data-src="https://www.atmhtml5games.com/games/crypto-maze-3d/crypto-maze-3d_small.jpg"
                    class="small-thumb lazyload"
                    alt="Crypto Maze 3D">
            </div>

            <div class="list-title">
                <div class="star-rating text-center">
                    
                </div>
                Crypto Maz…            </div>

        </div>
    </a>
       
</div>

<div class=" grid-item image-effect item-grid ">
         <a href="https://www.atmhtml5games.com/game/nimble-ben-dash-through-adventures-and-overcome-every-challenge-ahead/">
        <div class="list-game">

            <div class="list-thumbnail">
                <img 
                    src="https://www.atmhtml5games.com/games/nimble-ben--dash-through-adventures-and-overcome-every-challenge-ahead-/nimble-ben--dash-through-adventures-and-overcome-every-challenge-ahead-_small.png"
                    data-src="https://www.atmhtml5games.com/games/nimble-ben--dash-through-adventures-and-overcome-every-challenge-ahead-/nimble-ben--dash-through-adventures-and-overcome-every-challenge-ahead-_small.png"
                    class="small-thumb lazyload"
                    alt="Nimble Ben: Dash Through Adventures and Overcome Every Challenge Ahead!">
            </div>

            <div class="list-title">
                <div class="star-rating text-center">
                    
                </div>
                Nimble Ben…            </div>

        </div>
    </a>
       
</div>

<div class=" grid-item image-effect item-grid ">
         <a href="https://www.atmhtml5games.com/game/master-the-art-of-parking-precision-in-park-your-car/">
        <div class="list-game">

            <div class="list-thumbnail">
                <img 
                    src="https://www.atmhtml5games.com/games/master-the-art-of-parking-precision-in-park-your-car-/master-the-art-of-parking-precision-in-park-your-car-_small.png"
                    data-src="https://www.atmhtml5games.com/games/master-the-art-of-parking-precision-in-park-your-car-/master-the-art-of-parking-precision-in-park-your-car-_small.png"
                    class="small-thumb lazyload"
                    alt="Master the Art of Parking Precision in Park Your Car!">
            </div>

            <div class="list-title">
                <div class="star-rating text-center">
                    
                </div>
                Master the…            </div>

        </div>
    </a>
       
</div>

<div class=" grid-item image-effect item-grid ">
         <a href="https://www.atmhtml5games.com/game/airport-rush-sky-high-chaos-control/">
        <div class="list-game">

            <div class="list-thumbnail">
                <img 
                    src="https://www.atmhtml5games.com/games/airport-rush--sky-high-chaos-control/airport-rush--sky-high-chaos-control_small.png"
                    data-src="https://www.atmhtml5games.com/games/airport-rush--sky-high-chaos-control/airport-rush--sky-high-chaos-control_small.png"
                    class="small-thumb lazyload"
                    alt="Airport Rush: Sky High Chaos Control">
            </div>

            <div class="list-title">
                <div class="star-rating text-center">
                    
                </div>
                Airport Ru…            </div>

        </div>
    </a>
       
</div>

<div class=" grid-item image-effect item-grid ">
         <a href="https://www.atmhtml5games.com/game/asteroid/">
        <div class="list-game">

            <div class="list-thumbnail">
                <img 
                    src="https://www.atmhtml5games.com/games/asteroid/thumb_2.png"
                    data-src="https://www.atmhtml5games.com/games/asteroid/thumb_2.png"
                    class="small-thumb lazyload"
                    alt="Asteroid">
            </div>

            <div class="list-title">
                <div class="star-rating text-center">
                    
                </div>
                Asteroid            </div>

        </div>
    </a>
       
</div>

<div class=" grid-item image-effect item-grid ">
         <a href="https://www.atmhtml5games.com/game/tile-match-mania-a-thrilling-puzzle-adventure/">
        <div class="list-game">

            <div class="list-thumbnail">
                <img 
                    src="https://www.atmhtml5games.com/games/tile-match-mania--a-thrilling-puzzle-adventure/tile-match-mania--a-thrilling-puzzle-adventure_small.png"
                    data-src="https://www.atmhtml5games.com/games/tile-match-mania--a-thrilling-puzzle-adventure/tile-match-mania--a-thrilling-puzzle-adventure_small.png"
                    class="small-thumb lazyload"
                    alt="Tile Match Mania: A Thrilling Puzzle Adventure">
            </div>

            <div class="list-title">
                <div class="star-rating text-center">
                    
                </div>
                Tile Match…            </div>

        </div>
    </a>
       
</div>

<div class=" grid-item image-effect item-grid ">
         <a href="https://www.atmhtml5games.com/game/romeo-s-swift-racer/">
        <div class="list-game">

            <div class="list-thumbnail">
                <img 
                    src="https://www.atmhtml5games.com/thumbs/romeo-s-swift-racer_1.webp"
                    data-src="https://www.atmhtml5games.com/thumbs/romeo-s-swift-racer_1.webp"
                    class="small-thumb lazyload"
                    alt="Romeo’s Swift Racer">
            </div>

            <div class="list-title">
                <div class="star-rating text-center">
                    
                </div>
                Romeo’s Sw…            </div>

        </div>
    </a>
       
</div>

<div class=" grid-item image-effect item-grid ">
         <a href="https://www.atmhtml5games.com/game/match-drop-the-ultimate-puzzle-challenge-for-fun-and-strategy/">
        <div class="list-game">

            <div class="list-thumbnail">
                <img 
                    src="https://www.atmhtml5games.com/games/match-drop--the-ultimate-puzzle-challenge-for-fun-and-strategy-/match-drop--the-ultimate-puzzle-challenge-for-fun-and-strategy-_small.png"
                    data-src="https://www.atmhtml5games.com/games/match-drop--the-ultimate-puzzle-challenge-for-fun-and-strategy-/match-drop--the-ultimate-puzzle-challenge-for-fun-and-strategy-_small.png"
                    class="small-thumb lazyload"
                    alt="Match Drop: The Ultimate Puzzle Challenge for Fun and Strategy!">
            </div>

            <div class="list-title">
                <div class="star-rating text-center">
                    
                </div>
                Match Drop…            </div>

        </div>
    </a>
       
</div>

<div class=" grid-item image-effect item-grid ">
         <a href="https://www.atmhtml5games.com/game/can-you-conquer-the-hardest-game-on-earth/">
        <div class="list-game">

            <div class="list-thumbnail">
                <img 
                    src="https://www.atmhtml5games.com/games/can-you-conquer-the-hardest-game-on-earth-/can-you-conquer-the-hardest-game-on-earth-_small.png"
                    data-src="https://www.atmhtml5games.com/games/can-you-conquer-the-hardest-game-on-earth-/can-you-conquer-the-hardest-game-on-earth-_small.png"
                    class="small-thumb lazyload"
                    alt="Can You Conquer the Hardest Game On Earth?">
            </div>

            <div class="list-title">
                <div class="star-rating text-center">
                    
                </div>
                Can You Co…            </div>

        </div>
    </a>
       
</div>

<div class=" grid-item image-effect item-grid ">
         <a href="https://www.atmhtml5games.com/game/help-the-cat-outsmart-ghosts-in-this-thrilling-adventure/">
        <div class="list-game">

            <div class="list-thumbnail">
                <img 
                    src="https://www.atmhtml5games.com/games/help-the-cat-outsmart-ghosts-in-this-thrilling-adventure-/help-the-cat-outsmart-ghosts-in-this-thrilling-adventure-_small.png"
                    data-src="https://www.atmhtml5games.com/games/help-the-cat-outsmart-ghosts-in-this-thrilling-adventure-/help-the-cat-outsmart-ghosts-in-this-thrilling-adventure-_small.png"
                    class="small-thumb lazyload"
                    alt="Help the Cat Outsmart Ghosts in This Thrilling Adventure!">
            </div>

            <div class="list-title">
                <div class="star-rating text-center">
                    
                </div>
                Help the C…            </div>

        </div>
    </a>
       
</div>

<div class=" grid-item image-effect item-grid ">
         <a href="https://www.atmhtml5games.com/game/unwrap-the-adventure-collect-mummy-candies-and-escape/">
        <div class="list-game">

            <div class="list-thumbnail">
                <img 
                    src="https://www.atmhtml5games.com/games/unwrap-the-adventure--collect-mummy-candies-and-escape-/unwrap-the-adventure--collect-mummy-candies-and-escape-_small.png"
                    data-src="https://www.atmhtml5games.com/games/unwrap-the-adventure--collect-mummy-candies-and-escape-/unwrap-the-adventure--collect-mummy-candies-and-escape-_small.png"
                    class="small-thumb lazyload"
                    alt="Unwrap the Adventure: Collect Mummy Candies and Escape!">
            </div>

            <div class="list-title">
                <div class="star-rating text-center">
                    
                </div>
                Unwrap the…            </div>

        </div>
    </a>
       
</div>

<div class=" grid-item image-effect item-grid ">
         <a href="https://www.atmhtml5games.com/game/air-battle-mission/">
        <div class="list-game">

            <div class="list-thumbnail">
                <img 
                    src="https://www.atmhtml5games.com/thumbs/air-battle-mission_1.webp"
                    data-src="https://www.atmhtml5games.com/thumbs/air-battle-mission_1.webp"
                    class="small-thumb lazyload"
                    alt="Air Battle Mission">
            </div>

            <div class="list-title">
                <div class="star-rating text-center">
                    
                </div>
                Air Battle…            </div>

        </div>
    </a>
       
</div>

<div class=" grid-item image-effect item-grid ">
         <a href="https://www.atmhtml5games.com/game/navigate-the-darkness-and-escape-in-maze-shadow-adventure/">
        <div class="list-game">

            <div class="list-thumbnail">
                <img 
                    src="https://www.atmhtml5games.com/games/navigate-the-darkness-and-escape-in-maze-shadow-adventure-/navigate-the-darkness-and-escape-in-maze-shadow-adventure-_small.png"
                    data-src="https://www.atmhtml5games.com/games/navigate-the-darkness-and-escape-in-maze-shadow-adventure-/navigate-the-darkness-and-escape-in-maze-shadow-adventure-_small.png"
                    class="small-thumb lazyload"
                    alt="Navigate the Darkness and Escape in Maze Shadow Adventure!">
            </div>

            <div class="list-title">
                <div class="star-rating text-center">
                    
                </div>
                Navigate t…            </div>

        </div>
    </a>
       
</div>

<div class=" grid-item image-effect item-grid ">
         <a href="https://www.atmhtml5games.com/game/illuminate-your-path-to-victory-in-lights/">
        <div class="list-game">

            <div class="list-thumbnail">
                <img 
                    src="https://www.atmhtml5games.com/games/illuminate-your-path-to-victory-in-lights-/illuminate-your-path-to-victory-in-lights-_small.png"
                    data-src="https://www.atmhtml5games.com/games/illuminate-your-path-to-victory-in-lights-/illuminate-your-path-to-victory-in-lights-_small.png"
                    class="small-thumb lazyload"
                    alt="Illuminate Your Path to Victory in Lights!">
            </div>

            <div class="list-title">
                <div class="star-rating text-center">
                    
                </div>
                Illuminate…            </div>

        </div>
    </a>
       
</div>

<div class=" grid-item image-effect item-grid ">
         <a href="https://www.atmhtml5games.com/game/rocket-pilot/">
        <div class="list-game">

            <div class="list-thumbnail">
                <img 
                    src="https://www.atmhtml5games.com/games/rocket-pilot/rocket-pilot_small.jpg"
                    data-src="https://www.atmhtml5games.com/games/rocket-pilot/rocket-pilot_small.jpg"
                    class="small-thumb lazyload"
                    alt="Rocket Pilot">
            </div>

            <div class="list-title">
                <div class="star-rating text-center">
                    
                </div>
                Rocket Pil…            </div>

        </div>
    </a>
       
</div>

<div class=" grid-item image-effect item-grid ">
         <a href="https://www.atmhtml5games.com/game/join-the-love-pig-adventure-match-hearts-and-spread-joy/">
        <div class="list-game">

            <div class="list-thumbnail">
                <img 
                    src="https://www.atmhtml5games.com/games/join-the-love-pig-adventure--match-hearts-and-spread-joy-/join-the-love-pig-adventure--match-hearts-and-spread-joy-_small.png"
                    data-src="https://www.atmhtml5games.com/games/join-the-love-pig-adventure--match-hearts-and-spread-joy-/join-the-love-pig-adventure--match-hearts-and-spread-joy-_small.png"
                    class="small-thumb lazyload"
                    alt="Join the Love Pig Adventure: Match Hearts and Spread Joy!">
            </div>

            <div class="list-title">
                <div class="star-rating text-center">
                    
                </div>
                Join the L…            </div>

        </div>
    </a>
       
</div>

<div class=" grid-item image-effect item-grid ">
         <a href="https://www.atmhtml5games.com/game/match-drop-unleash-your-strategy-in-a-fun-puzzle-adventure/">
        <div class="list-game">

            <div class="list-thumbnail">
                <img 
                    src="https://www.atmhtml5games.com/games/-match-drop--unleash-your-strategy-in-a-fun-puzzle-adventure--/-match-drop--unleash-your-strategy-in-a-fun-puzzle-adventure--_small.png"
                    data-src="https://www.atmhtml5games.com/games/-match-drop--unleash-your-strategy-in-a-fun-puzzle-adventure--/-match-drop--unleash-your-strategy-in-a-fun-puzzle-adventure--_small.png"
                    class="small-thumb lazyload"
                    alt="“Match Drop: Unleash Your Strategy in a Fun Puzzle Adventure!”">
            </div>

            <div class="list-title">
                <div class="star-rating text-center">
                    
                </div>
                “Match Dro…            </div>

        </div>
    </a>
       
</div>

<div class=" grid-item image-effect item-grid ">
         <a href="https://www.atmhtml5games.com/game/saw-escape/">
        <div class="list-game">

            <div class="list-thumbnail">
                <img 
                    src="https://www.atmhtml5games.com/games/saw-escape/saw-escape_small.jpg"
                    data-src="https://www.atmhtml5games.com/games/saw-escape/saw-escape_small.jpg"
                    class="small-thumb lazyload"
                    alt="Saw Escape">
            </div>

            <div class="list-title">
                <div class="star-rating text-center">
                    
                </div>
                Saw Escape            </div>

        </div>
    </a>
       
</div>

<div class=" grid-item image-effect item-grid ">
         <a href="https://www.atmhtml5games.com/game/clump-together-for-winter-fun-in-clumpy-cc-adventure/">
        <div class="list-game">

            <div class="list-thumbnail">
                <img 
                    src="https://www.atmhtml5games.com/games/clump-together-for-winter-fun-in-clumpy-cc-adventure-/clump-together-for-winter-fun-in-clumpy-cc-adventure-_small.png"
                    data-src="https://www.atmhtml5games.com/games/clump-together-for-winter-fun-in-clumpy-cc-adventure-/clump-together-for-winter-fun-in-clumpy-cc-adventure-_small.png"
                    class="small-thumb lazyload"
                    alt="Clump Together for Winter Fun in Clumpy Cc Adventure!">
            </div>

            <div class="list-title">
                <div class="star-rating text-center">
                    
                </div>
                Clump Toge…            </div>

        </div>
    </a>
       
</div>

<div class=" grid-item image-effect item-grid ">
         <a href="https://www.atmhtml5games.com/game/uncover-hidden-riches-in-jungle-treasure-update-adventure/">
        <div class="list-game">

            <div class="list-thumbnail">
                <img 
                    src="https://www.atmhtml5games.com/games/uncover-hidden-riches-in-jungle-treasure-update-adventure-/uncover-hidden-riches-in-jungle-treasure-update-adventure-_small.png"
                    data-src="https://www.atmhtml5games.com/games/uncover-hidden-riches-in-jungle-treasure-update-adventure-/uncover-hidden-riches-in-jungle-treasure-update-adventure-_small.png"
                    class="small-thumb lazyload"
                    alt="Uncover Hidden Riches in Jungle Treasure Update Adventure!">
            </div>

            <div class="list-title">
                <div class="star-rating text-center">
                    
                </div>
                Uncover Hi…            </div>

        </div>
    </a>
       
</div>

<div class=" grid-item image-effect item-grid ">
         <a href="https://www.atmhtml5games.com/game/guide-the-loop-connect-score-and-conquer-the-challenge/">
        <div class="list-game">

            <div class="list-thumbnail">
                <img 
                    src="https://www.atmhtml5games.com/games/guide-the-loop--connect--score--and-conquer-the-challenge-/guide-the-loop--connect--score--and-conquer-the-challenge-_small.png"
                    data-src="https://www.atmhtml5games.com/games/guide-the-loop--connect--score--and-conquer-the-challenge-/guide-the-loop--connect--score--and-conquer-the-challenge-_small.png"
                    class="small-thumb lazyload"
                    alt="Guide the Loop: Connect, Score, and Conquer the Challenge!">
            </div>

            <div class="list-title">
                <div class="star-rating text-center">
                    
                </div>
                Guide the …            </div>

        </div>
    </a>
       
</div>

<div class=" grid-item image-effect item-grid ">
         <a href="https://www.atmhtml5games.com/game/conquer-the-winter-wonderland-in-snowball-world-adventure/">
        <div class="list-game">

            <div class="list-thumbnail">
                <img 
                    src="https://www.atmhtml5games.com/games/conquer-the-winter-wonderland-in-snowball-world-adventure-/conquer-the-winter-wonderland-in-snowball-world-adventure-_small.png"
                    data-src="https://www.atmhtml5games.com/games/conquer-the-winter-wonderland-in-snowball-world-adventure-/conquer-the-winter-wonderland-in-snowball-world-adventure-_small.png"
                    class="small-thumb lazyload"
                    alt="Conquer the Winter Wonderland in Snowball World Adventure!">
            </div>

            <div class="list-title">
                <div class="star-rating text-center">
                    
                </div>
                Conquer th…            </div>

        </div>
    </a>
       
</div>

<div class=" grid-item image-effect item-grid ">
         <a href="https://www.atmhtml5games.com/game/challenge-your-mind-with-halloween-memory-fun/">
        <div class="list-game">

            <div class="list-thumbnail">
                <img 
                    src="https://www.atmhtml5games.com/games/challenge-your-mind-with-halloween-memory--fun/challenge-your-mind-with-halloween-memory--fun_small.png"
                    data-src="https://www.atmhtml5games.com/games/challenge-your-mind-with-halloween-memory--fun/challenge-your-mind-with-halloween-memory--fun_small.png"
                    class="small-thumb lazyload"
                    alt="Challenge Your Mind with Halloween Memory: Fun">
            </div>

            <div class="list-title">
                <div class="star-rating text-center">
                    
                </div>
                Challenge …            </div>

        </div>
    </a>
       
</div>

<div class=" grid-item image-effect item-grid ">
         <a href="https://www.atmhtml5games.com/game/guide-the-lamps-through-puzzles-and-challenges-in-lamps-move/">
        <div class="list-game">

            <div class="list-thumbnail">
                <img 
                    src="https://www.atmhtml5games.com/games/guide-the-lamps-through-puzzles-and-challenges-in-lamps-move-/guide-the-lamps-through-puzzles-and-challenges-in-lamps-move-_small.png"
                    data-src="https://www.atmhtml5games.com/games/guide-the-lamps-through-puzzles-and-challenges-in-lamps-move-/guide-the-lamps-through-puzzles-and-challenges-in-lamps-move-_small.png"
                    class="small-thumb lazyload"
                    alt="Guide the lamps through puzzles and challenges in Lamps Move!">
            </div>

            <div class="list-title">
                <div class="star-rating text-center">
                    
                </div>
                Guide the …            </div>

        </div>
    </a>
       
</div>

<div class=" grid-item image-effect item-grid ">
         <a href="https://www.atmhtml5games.com/game/ninja-frog/">
        <div class="list-game">

            <div class="list-thumbnail">
                <img 
                    src="https://www.atmhtml5games.com/games/ninja-frog/ninja-frog_small.jpg"
                    data-src="https://www.atmhtml5games.com/games/ninja-frog/ninja-frog_small.jpg"
                    class="small-thumb lazyload"
                    alt="Ninja Frog">
            </div>

            <div class="list-title">
                <div class="star-rating text-center">
                    
                </div>
                Ninja Frog            </div>

        </div>
    </a>
       
</div>

<div class=" grid-item image-effect item-grid ">
         <a href="https://www.atmhtml5games.com/game/gigga-io-endless-online-battle-royale/">
        <div class="list-game">

            <div class="list-thumbnail">
                <img 
                    src="https://www.atmhtml5games.com/games/gigga-io--endless-online-battle-royale/gigga-io--endless-online-battle-royale_small.png"
                    data-src="https://www.atmhtml5games.com/games/gigga-io--endless-online-battle-royale/gigga-io--endless-online-battle-royale_small.png"
                    class="small-thumb lazyload"
                    alt="Gigga Io: Endless Online Battle Royale">
            </div>

            <div class="list-title">
                <div class="star-rating text-center">
                    
                </div>
                Gigga Io: …            </div>

        </div>
    </a>
       
</div>

<div class=" grid-item image-effect item-grid ">
         <a href="https://www.atmhtml5games.com/game/join-the-love-bears-adventure-unleash-your-heart-s-true-connection/">
        <div class="list-game">

            <div class="list-thumbnail">
                <img 
                    src="https://www.atmhtml5games.com/games/join-the-love-bears-adventure--unleash-your-heart-s-true-connection-/join-the-love-bears-adventure--unleash-your-heart-s-true-connection-_small.png"
                    data-src="https://www.atmhtml5games.com/games/join-the-love-bears-adventure--unleash-your-heart-s-true-connection-/join-the-love-bears-adventure--unleash-your-heart-s-true-connection-_small.png"
                    class="small-thumb lazyload"
                    alt="Join the Love Bears Adventure: Unleash Your Heart's True Connection!">
            </div>

            <div class="list-title">
                <div class="star-rating text-center">
                    
                </div>
                Join the L…            </div>

        </div>
    </a>
       
</div>

<div class=" grid-item image-effect item-grid ">
         <a href="https://www.atmhtml5games.com/game/leap-into-adventure-conquer-endless-heights-in-infinite-jumper/">
        <div class="list-game">

            <div class="list-thumbnail">
                <img 
                    src="https://www.atmhtml5games.com/games/leap-into-adventure--conquer-endless-heights-in-infinite-jumper-/leap-into-adventure--conquer-endless-heights-in-infinite-jumper-_small.png"
                    data-src="https://www.atmhtml5games.com/games/leap-into-adventure--conquer-endless-heights-in-infinite-jumper-/leap-into-adventure--conquer-endless-heights-in-infinite-jumper-_small.png"
                    class="small-thumb lazyload"
                    alt="Leap into Adventure: Conquer Endless Heights in Infinite Jumper!">
            </div>

            <div class="list-title">
                <div class="star-rating text-center">
                    
                </div>
                Leap into …            </div>

        </div>
    </a>
       
</div>

<div class=" grid-item image-effect item-grid ">
         <a href="https://www.atmhtml5games.com/game/experience-the-thrill-of-competition-in-paralympic-1-adventure/">
        <div class="list-game">

            <div class="list-thumbnail">
                <img 
                    src="https://www.atmhtml5games.com/games/experience-the-thrill-of-competition-in-paralympic-1-adventure-/experience-the-thrill-of-competition-in-paralympic-1-adventure-_small.png"
                    data-src="https://www.atmhtml5games.com/games/experience-the-thrill-of-competition-in-paralympic-1-adventure-/experience-the-thrill-of-competition-in-paralympic-1-adventure-_small.png"
                    class="small-thumb lazyload"
                    alt="Experience the Thrill of Competition in Paralympic 1 Adventure!">
            </div>

            <div class="list-title">
                <div class="star-rating text-center">
                    
                </div>
                Experience…            </div>

        </div>
    </a>
       
</div>

<div class=" grid-item image-effect item-grid ">
         <a href="https://www.atmhtml5games.com/game/discover-exciting-adventures-and-challenges-in-gameplay/">
        <div class="list-game">

            <div class="list-thumbnail">
                <img 
                    src="https://www.atmhtml5games.com/games/discover-exciting-adventures-and-challenges-in-gameplay-/discover-exciting-adventures-and-challenges-in-gameplay-_small.png"
                    data-src="https://www.atmhtml5games.com/games/discover-exciting-adventures-and-challenges-in-gameplay-/discover-exciting-adventures-and-challenges-in-gameplay-_small.png"
                    class="small-thumb lazyload"
                    alt="Discover Exciting Adventures and Challenges in Gameplay!">
            </div>

            <div class="list-title">
                <div class="star-rating text-center">
                    
                </div>
                Discover E…            </div>

        </div>
    </a>
       
</div>

<div class=" grid-item image-effect item-grid ">
         <a href="https://www.atmhtml5games.com/game/navigate-through-shadows-unravel-the-maze-s-dark-secrets/">
        <div class="list-game">

            <div class="list-thumbnail">
                <img 
                    src="https://www.atmhtml5games.com/games/navigate-through-shadows--unravel-the-maze-s-dark-secrets-/navigate-through-shadows--unravel-the-maze-s-dark-secrets-_small.png"
                    data-src="https://www.atmhtml5games.com/games/navigate-through-shadows--unravel-the-maze-s-dark-secrets-/navigate-through-shadows--unravel-the-maze-s-dark-secrets-_small.png"
                    class="small-thumb lazyload"
                    alt="Navigate Through Shadows: Unravel the Maze’s Dark Secrets!">
            </div>

            <div class="list-title">
                <div class="star-rating text-center">
                    
                </div>
                Navigate T…            </div>

        </div>
    </a>
       
</div>

<div class=" grid-item image-effect item-grid ">
         <a href="https://www.atmhtml5games.com/game/rolling-cube-adventures/">
        <div class="list-game">

            <div class="list-thumbnail">
                <img 
                    src="https://www.atmhtml5games.com/games/rolling-cube-adventures/rolling-cube-adventures_small.jpg"
                    data-src="https://www.atmhtml5games.com/games/rolling-cube-adventures/rolling-cube-adventures_small.jpg"
                    class="small-thumb lazyload"
                    alt="Rolling Cube Adventures">
            </div>

            <div class="list-title">
                <div class="star-rating text-center">
                    
                </div>
                Rolling Cu…            </div>

        </div>
    </a>
       
</div>

<div class=" grid-item image-effect item-grid ">
         <a href="https://www.atmhtml5games.com/game/domino-connect-the-dots-in-a-fun-match-strategy-game/">
        <div class="list-game">

            <div class="list-thumbnail">
                <img 
                    src="https://www.atmhtml5games.com/games/domino--connect-the-dots-in-a-fun-match-strategy-game-/domino--connect-the-dots-in-a-fun-match-strategy-game-_small.png"
                    data-src="https://www.atmhtml5games.com/games/domino--connect-the-dots-in-a-fun-match-strategy-game-/domino--connect-the-dots-in-a-fun-match-strategy-game-_small.png"
                    class="small-thumb lazyload"
                    alt="Domino: Connect the Dots in a Fun Match Strategy Game!">
            </div>

            <div class="list-title">
                <div class="star-rating text-center">
                    
                </div>
                Domino: Co…            </div>

        </div>
    </a>
       
</div>

<div class=" grid-item image-effect item-grid ">
         <a href="https://www.atmhtml5games.com/game/explore-build-and-survive-in-the-enchanted-forest-adventure/">
        <div class="list-game">

            <div class="list-thumbnail">
                <img 
                    src="https://www.atmhtml5games.com/games/explore--build--and-survive-in-the-enchanted-forest-adventure-/explore--build--and-survive-in-the-enchanted-forest-adventure-_small.png"
                    data-src="https://www.atmhtml5games.com/games/explore--build--and-survive-in-the-enchanted-forest-adventure-/explore--build--and-survive-in-the-enchanted-forest-adventure-_small.png"
                    class="small-thumb lazyload"
                    alt="Explore, Build, and Survive in the Enchanted Forest Adventure!">
            </div>

            <div class="list-title">
                <div class="star-rating text-center">
                    
                </div>
                Explore, B…            </div>

        </div>
    </a>
       
</div>

<div class=" grid-item image-effect item-grid ">
         <a href="https://www.atmhtml5games.com/game/pot-filler/">
        <div class="list-game">

            <div class="list-thumbnail">
                <img 
                    src="https://www.atmhtml5games.com/games/pot-filler/pot-filler_small.jpg"
                    data-src="https://www.atmhtml5games.com/games/pot-filler/pot-filler_small.jpg"
                    class="small-thumb lazyload"
                    alt="Pot Filler">
            </div>

            <div class="list-title">
                <div class="star-rating text-center">
                    
                </div>
                Pot Filler            </div>

        </div>
    </a>
       
</div>

<div class=" grid-item image-effect item-grid ">
         <a href="https://www.atmhtml5games.com/game/goose-game-outsmart-outplay-and-rule-the-flock/">
        <div class="list-game">

            <div class="list-thumbnail">
                <img 
                    src="https://www.atmhtml5games.com/games/goose-game--outsmart--outplay--and-rule-the-flock-/goose-game--outsmart--outplay--and-rule-the-flock-_small.png"
                    data-src="https://www.atmhtml5games.com/games/goose-game--outsmart--outplay--and-rule-the-flock-/goose-game--outsmart--outplay--and-rule-the-flock-_small.png"
                    class="small-thumb lazyload"
                    alt="Goose Game: Outsmart, Outplay, and Rule the Flock!">
            </div>

            <div class="list-title">
                <div class="star-rating text-center">
                    
                </div>
                Goose Game…            </div>

        </div>
    </a>
       
</div>

<div class=" grid-item image-effect item-grid ">
         <a href="https://www.atmhtml5games.com/game/master-the-board-play-chess-and-outwit-your-opponent/">
        <div class="list-game">

            <div class="list-thumbnail">
                <img 
                    src="https://www.atmhtml5games.com/games/master-the-board--play-chess-and-outwit-your-opponent/master-the-board--play-chess-and-outwit-your-opponent_small.png"
                    data-src="https://www.atmhtml5games.com/games/master-the-board--play-chess-and-outwit-your-opponent/master-the-board--play-chess-and-outwit-your-opponent_small.png"
                    class="small-thumb lazyload"
                    alt="Master the Board: Play Chess and Outwit Your Opponent">
            </div>

            <div class="list-title">
                <div class="star-rating text-center">
                    
                </div>
                Master the…            </div>

        </div>
    </a>
       
</div>

<div class=" grid-item image-effect item-grid ">
         <a href="https://www.atmhtml5games.com/game/slottoons/">
        <div class="list-game">

            <div class="list-thumbnail">
                <img 
                    src="https://www.atmhtml5games.com/thumbs/slottoons_1.webp"
                    data-src="https://www.atmhtml5games.com/thumbs/slottoons_1.webp"
                    class="small-thumb lazyload"
                    alt="Slottoons">
            </div>

            <div class="list-title">
                <div class="star-rating text-center">
                    
                </div>
                Slottoons            </div>

        </div>
    </a>
       
</div>

<div class=" grid-item image-effect item-grid ">
         <a href="https://www.atmhtml5games.com/game/color-circle-spin-match-and-unleash-your-inner-artist/">
        <div class="list-game">

            <div class="list-thumbnail">
                <img 
                    src="https://www.atmhtml5games.com/games/color-circle--spin--match--and-unleash-your-inner-artist-/color-circle--spin--match--and-unleash-your-inner-artist-_small.png"
                    data-src="https://www.atmhtml5games.com/games/color-circle--spin--match--and-unleash-your-inner-artist-/color-circle--spin--match--and-unleash-your-inner-artist-_small.png"
                    class="small-thumb lazyload"
                    alt="Color Circle: Spin, Match, and Unleash Your Inner Artist!">
            </div>

            <div class="list-title">
                <div class="star-rating text-center">
                    
                </div>
                Color Circ…            </div>

        </div>
    </a>
       
</div>
			</div>
			<div class ="container mt-4">
				<div class="game-details">
						<h2 class="highlight-text" style="font-size: 28px; font-weight: 800;">Description:</h2>
						<div class="single-description">
							<p>Dive into the vibrant world of <b>Connect the Colors: Unlock the Flow in Color Pipes!</b>, a puzzle game that's equal parts brain-teaser and visual delight. Your mission? To skillfully link matching colors with seamless, unbroken lines, filling the entire board with a glorious cascade of hues. Get ready to exercise your spatial reasoning and problem-solving skills as you navigate increasingly intricate levels. This isn't just about connecting dots; it's about strategically planning your every move to achieve chromatic harmony. Perfect for players of all ages, <b>Connect the Colors</b> offers a relaxing yet stimulating escape into a world of pure puzzle bliss.</p><h2>Recent Updates</h2><p>We're thrilled to announce the release of the 'Chromatic Cascade' update! This update introduces 50 brand new levels, pushing your color-connecting skills to the absolute limit. Prepare to encounter fresh challenges, innovative board layouts, and mind-bending puzzles that will test even the most seasoned players of <b>Connect the Colors</b>.</p><p>But that's not all! We've also revamped the user interface, making it even more intuitive and visually appealing. Enjoy a smoother, more immersive gaming experience as you navigate the ever-expanding world of color connections. Get ready to unlock the flow like never before!</p>							
						</div>
						
						<h2 class="highlight-text" style="font-size: 28px; font-weight: 800;">Instructions:</h2>
						<div class="single-instructions">
							<h2>How to Play Connect the Colors</h2><br />
<p>Connect matching colored dots with a continuous line.</p><br />
<p>Fill the entire board by connecting all pairs without any crossings.</p><br />
<p>Levels increase in difficulty, requiring careful planning and strategy.</p><br />
<h2>The Straight Dope: Your Connect the Colors FAQs</h2><br />
<h3>What is the main objective of Connect the Colors?</h3><br />
<p>The primary goal is to link all matching colored dots on the board with continuous lines, ensuring the entire grid is filled without any line crossings. Think you've got what it takes? You can check out similar puzzle games at <a href="https://poki.com/">Poki</a>.</p><br />
<h3>How do I advance to the next level?</h3><br />
<p>Once you've successfully connected all the colored dots and filled the board completely, the game automatically advances you to the next, more challenging level. For another exciting puzzle experience, try <a href="https://www.atmhtml5games.com/game/embark-on-an-epic-adventure-in-game-conquer-explore-and-survive/">Embark on an Epic Adventure</a>!</p><br />
<h3>Are there any hints or tips available if I get stuck?</h3><br />
<p>Yes, the game provides a hint system to help you overcome particularly difficult puzzles. Use them wisely! If you enjoy strategic games, you might also like <a href="https://www.atmhtml5games.com/game/checkers-for-two/">Checkers for Two</a>.</p>						</div>
												<div class="single-leaderboard">
							<div id="content-leaderboard" class="table-responsive" data-id="16307"></div>
						</div>
												<h3 class="highlight-text" style="font-size: 23px; font-weight: 600;">Categories:</h3>
						<p class="cat-list"> 
								<ul class="category-list-game"><a href="https://www.atmhtml5games.com/category/top-free-games/"><li class="cat-item"><span class="icon-category"><img src="https://www.atmhtml5games.com/content/themes/arcade-two/images/icon/casual.svg" alt="Top Free Games" width="40" height="40"></span><span class="cat-name">Top Free Games</span></li></a></ul>						</p>
						<!-- <div class="game-category-list">
							<a href="https://www.atmhtml5games.com/category/top-free-games/" class="cat-item"><span class="s-icon"><img src="https://www.atmhtml5games.com/content/themes/arcade-two/images/icon/casual.svg" alt="Top Free Games" width="30" height="30"></span>Top Free Games</a>						</div> -->
						<h3 class="highlight-text" style="font-size: 23px; font-weight: 600;">Tags:</h3><div class="game-tag-list"><a href="https://www.atmhtml5games.com/tag/puzzle-game/" class="tag-item">puzzle-game</a><a href="https://www.atmhtml5games.com/tag/color-pipes/" class="tag-item">color-pipes</a><a href="https://www.atmhtml5games.com/tag/puzzlegame/" class="tag-item">puzzlegame</a><a href="https://www.atmhtml5games.com/tag/braintraining/" class="tag-item">braintraining</a><a href="https://www.atmhtml5games.com/tag/strategygame/" class="tag-item">strategygame</a><a href="https://www.atmhtml5games.com/tag/logicchallenge/" class="tag-item">logicchallenge</a><a href="https://www.atmhtml5games.com/tag/connectdots/" class="tag-item">connectdots</a><a href="https://www.atmhtml5games.com/tag/colorpipes/" class="tag-item">colorpipes</a><a href="https://www.atmhtml5games.com/tag/colorfulpipes/" class="tag-item">colorfulpipes</a><a href="https://www.atmhtml5games.com/tag/flowconnection/" class="tag-item">flowconnection</a><a href="https://www.atmhtml5games.com/tag/flow/" class="tag-item">flow</a></div>						<div class="mt-4"></div><h3 class="highlight-text" style="font-size: 23px; font-weight: 600;">Comments</h3>			<div id="tpl-comment-section" data-id="16307">
									<div class="comment-require-login-wrapper">
						<div class="comment-profile-avatar">
							<img src="https://www.atmhtml5games.com/images/default_profile.png">
						</div>
						<div class="comment-alert">
														
							<a href="/login" class="custom-login-comment-button">You must log in to write a comment Login Here.</a>
						</div>
					</div>
								<div id="tpl-comment-list">
				</div>
				<!-- Comment template -->
				<div id="tpl-comment-template" style="display:none;">
					<!-- User comment template -->
					<div class="tpl-user-comment" data-id="{{comment_id}}">
						<div class="user-comment-wrapper">
							<div class="user-comment-avatar">
								<img class="tpl-user-comment-avatar" src="{{profile_picture_url}}" alt="User Avatar">
							</div>
							<div class="comment-content">
								<div class="tpl-comment-author">{{fullname}}</div>
								<div class="tpl-comment-timestamp">{{created}}</div>
								<div class="tpl-comment-text">{{content}}</div>
								<div class="comment-actions">
									<div class="comment-action-left">
										<div class="reply-wrapper">
											<a href="#" onclick="return false;" class="tpl-btn-show-replies" data-id="{{comment_id}}"><i class="fa fa-comment-o" aria-hidden="true"></i> Show replies</a>
											<a href="#" onclick="return false;" class="tpl-btn-hide-replies" data-id="{{comment_id}}"><i class="fa fa-comment-o" aria-hidden="true"></i> Hide replies</a>
										</div>
									</div>
																	</div>
							</div>
						</div>
						<div class="tpl-reply-form-wrapper"></div>
						<div class="tpl-comment-children"></div>
					</div>
					<!-- Reply form template -->
					<div class="tpl-reply-form">
						<div class="comment-reply-wrapper">
							<textarea class="form-control tpl-reply-input" placeholder="Your reply..."></textarea>
							<div class="reply-action-buttons">
								<button class="btn btn-sm tpl-btn-cancel-reply" data-id="{{comment_id}}">Cancel</button>
								<button class="btn btn-primary btn-sm tpl-btn-send-reply" data-id="{{comment_id}}">Reply</button>
							</div>
						</div>
					</div>
				</div>
				<div id="tpl-btn-load-more-comments" class="btn" style="display: none;">Load more comments <i class="fa fa-chevron-down" aria-hidden="true"></i></div>
			</div>
									</div>
					<!-- similar game new -->
					<div class="bottom-container" style="display:none;">
						<h2 class="highlight-text" style="font-size: 28px; font-weight: 800;">
							<span class="g-icon">
								<img src="https://www.atmhtml5games.com/content/themes/arcade-two/images/icon/similar.svg" alt="" width="40" height="40">
							</span>
							Similar Games						</h2>
						<div class="row">
													</div>
											</div>
				</div>
			</div>	
		<!------------------------------- Here Full-width --------------!--->
		</div>
</section>
<!-- old --> 
<!-- <section  class="similar-games new-game-page">
	<div class="container">
		<div class="bottom-container">
			<h3><span class="g-icon"><img src="/images/icon/similar.svg" alt="" width="40" height="40"></span> </h3>
			<div class="row">
							</div>
		</div>
			</div>
</section> -->
<style>
	body .sidebar-distributer-main .grid-layout {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(94px, 1fr));
    grid-gap: 20px;
    grid-auto-rows: minmax(94px, auto);
    grid-auto-flow: dense;
}
body  .p-design .span-2 {
    grid-column-end: span 3;
    grid-row-end: span 3;
}
body  .game-iframe-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    min-height: 659px;
}
body  .span-col-2 {
    grid-column-end: span 5;
    grid-row-end: span 1;
}
body  .grid-layout {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(94px, 1fr));
    grid-gap: 20px;
    grid-auto-rows: minmax(94px, auto);
    grid-auto-flow: dense;
}
.game-frame-row{
	padding-left:15px;
	padding-right:1px;
}
@media (max-width: 768px) {
    .game-iframe-containerr {
        min-height: 400px; /* increase height for mobile */
    }
	.right-sidebar{
		display:none;
	}
	.left-sidebar{
		order:2;
	}
}
.left-sidebar .ads-label span{
	font-size:10px;
} 
	</style>
<style>
.gaming-modal .modal-content{
  background:#07101f;
  border:1px solid rgba(255,255,255,.1);
  border-radius:28px;
  overflow:hidden;
  box-shadow:0 0 40px rgba(0,0,0,.7);
}
.gaming-modal{
  max-width:1100px;
}
.left-panel{
  background:
  linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px),
  linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px),
  radial-gradient(circle at center, rgba(255,0,0,.12), transparent 40%),
  #081223;
  background-size:40px 40px,40px 40px,100% 100%;
  padding:50px 40px;
  border-right:1px solid rgba(255,255,255,.08);
  color:#fff;
  min-height:700px;
}
.badge-free{
  display:inline-flex;
  gap:8px;
  align-items:center;
  background:#ff3838;
  color:#fff;
  padding:10px 22px;
  border-radius:30px;
  font-weight:700;
  font-size:14px;
  margin-bottom:40px;
}
.logo-circle{
  width:160px;
  height:160px;
  border-radius:50%;
  display:flex;
  justify-content:center;
  align-items:center;
  margin:0 auto 30px;
  position:relative;
}

.game-title{
  font-size:48px;
  line-height:1.1;
  font-weight:800;
  text-align:center;
}
.subtext{
  text-align:center;
  color:#8a94a8;
  letter-spacing:3px;
  margin-top:10px;
  margin-bottom:5px;
}
.feature-card{
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.07);
  border-radius:18px;
  padding:18px;
  margin-bottom:18px;
  display:flex;
  align-items:center;
  gap:16px;
}
.icon-box{
  width:50px;
  height:50px;
  border-radius:14px;
  display:flex;
  justify-content:center;
  align-items:center;
  background:rgba(142,187,255,.08);
  color:#4540ff;
  font-size:24px;
}
.right-panel{
  background:#050d1a;
  color:#fff;
  padding:50px;
}
.step-text{
  color:#7783a3;
  letter-spacing:3px;
  font-size:14px;
  margin-bottom:25px;
}
.welcome{
  font-size:58px;
  line-height:1;
  font-weight:800;
  margin-bottom: 30px;
}
.welcome span{
  color:#ff3838;
}
.desc{
  color:#6c7894;
  margin:15px 0 20px;
}
.or-divider{
  display:flex;
  align-items:center;
  gap:12px;
  margin:10px 0 18px;
  color:#4a5568;
  font-size:13px;
  letter-spacing:2px;
}
.or-divider::before,
.or-divider::after{
  content:'';
  flex:1;
  height:1px;
  background:rgba(255,255,255,.1);
}
.or-divider span{
  color:#5a6a8a;
  font-weight:600;
}
.google-custom-btn{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  background:#1a2235;
  border:1px solid rgba(255,255,255,.15);
  border-radius:14px;
  color:#fff;
  font-size:15px;
  font-weight:600;
  padding:14px 20px;
  cursor:pointer;
  transition:background .25s, border-color .25s;
  margin-bottom:4px;
}
.google-custom-btn:hover{
  background:#1f2c45;
  border-color:rgba(255,255,255,.28);
}
.google-custom-btn:disabled{
  opacity:.6;
  cursor:not-allowed;
}
.google-btn,
.gaming-input{
  background:#111827;
  border:1px solid rgba(255,255,255,.12);
  border-radius:14px;
  color:#fff;
}
.google-btn{
  width:100%;
  padding:18px;
  margin-bottom:25px;
}
.gaming-input{
  height:58px;
  padding:15px;
}
.gaming-input::placeholder {
	color: #ffffff;
	opacity: 0.5;
}
.gaming-input:focus{
  background:#111827;
  color:#fff;
  border-color:#4540ff;
  box-shadow:none;
}
.login-btn{
  width:100%;
  border:1px solid #4540ff;
  background:transparent;
  color:#fff;
  padding:18px;
  border-radius:14px;
  font-weight:800;
  letter-spacing:2px;
  transition:.3s;
}
.login-btn:hover{
  background:#4540ff;
}

.text-light {transition: transform 0.3s ease, color 0.3s ease;}
a.btn-forgot:hover { color: #534ffd  !important; font-weight: 700; transform: scale(1.08);}

.password-wrapper {
			position: relative !important;
			display: block !important;
			width: 100% !important;
			margin-bottom: 20px;
		}
		.password-wrapper .gaming-input {
			margin-bottom: 0 !important;
			padding-right: 50px !important;
			width: 100% !important;
			display: block !important;
		}
.toggle-password {
			position: absolute;
			right: 18px;
			top: 50%;
			transform: translateY(-50%);
			cursor: pointer;
			color: #8a94a8;
			font-size: 20px;
			transition: color 0.3s;
			z-index: 10;
		}
		.toggle-password:hover {
			color: #4540ff;
		}
.bottom-text{
  text-align:center;
  /*margin-top:25px;*/
  color:#8a94a8;
}
.bottom-text a {
	color: #fff;
	text-decoration: none;
	transition: transform 0.3s ease, color 0.3s ease;
}
.bottom-text a:hover {
	color: #534ffd !important;
	font-weight: 700;
	transform: scale(1.08);
}
@media(max-width:991px){
  /* Initially hide the login form on mobile */
  .right-panel {
    display: none !important;
  }
  /* Make left panel act as a splash */
  .left-panel {
    min-height: 500px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-right: none;
  }
  .welcome{
    font-size:42px;
  }
  .right-panel,
  .left-panel{
    padding:30px;
  }
  
  /* Toggle visibility after 3s */
  .splash-done .left-panel {
    display: none !important;
  }
  .splash-done .right-panel {
    display: block !important;
    animation: fadeIn 0.4s ease-out;
  }
  /* Toggle visibility after 5s */
  .splash-done .left-panel {
    display: none !important;
  }
  .splash-done .right-panel {
    display: block !important;
    animation: fadeIn 0.4s ease-out;
  }
  .login-options {
    flex-direction: column;
    align-items: flex-start !important;
    gap: 12px;
  }
  .mobile-timer-wrapper {
    display: block !important;
    text-align: center;
  }
  #splash-timer-seconds {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    margin: 0 auto 12px;
    background: rgba(69, 64, 255, 0.15);
    border: 2px solid #4540ff;
    border-radius: 50%;
    color: #fff;
    font-weight: 800;
    font-size: 22px;
    box-shadow: 0 0 15px rgba(69, 64, 255, 0.3);
  }
  .timer-label {
    color: #8a94a8;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 600;
	}
	.icon-box .mb-1 {
	  font-size: 1rem !important; 
	}
}
.mobile-timer-wrapper {
  display: none;
}
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
</style>

<div class="modal fade" id="myModal" tabindex="-1">
  <div class="modal-dialog modal-xl modal-dialog-centered gaming-modal">
    <div class="modal-content">
      <div class="row g-0">

        <div class="col-lg-5 left-panel">

          <div class="logo-circle">
            <img src="\images\login-register-icon.webp">
          </div>

          <div class="game-title">
            ETM HTML5<br>GAMES
          </div>

          <div class="subtext">
            PLAY FREE • NO DOWNLOAD
          </div>
		  
		  <div class="mobile-timer-wrapper">
            <div id="splash-timer-seconds">3</div>
          </div>

          <div class="feature-card">
            <div class="icon-box"><i class="bi bi-controller"></i></div>
            <div>
              <h5 class="mb-1">1000+ Free Games</h5>
              <small class="text-secondary">Action, Puzzle, Racing & more</small>
            </div>
          </div>

          <div class="feature-card">
            <div class="icon-box"><i class="bi bi-heart"></i></div>
            <div>
              <h5 class="mb-1">Save Your Games</h5>
              <small class="text-secondary">All your saved games in one place</small>
            </div>
          </div>

          <div class="feature-card">
            <div class="icon-box"><i class="bi bi-shield-check"></i></div>
            <div>
              <h5 class="mb-1">Safe & Secure</h5>
              <small class="text-secondary">Your data is protected</small>
            </div>
          </div>
        </div>

        <div class="col-lg-7 right-panel">
          <div class="d-flex justify-content-end align-items-center mb-3">
			<button class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
          </div>

          <div class="welcome text-center p-3">            
			Welcome Back, Player!
          </div>

          <form id="gaming-login-form" method="POST" action="">
            <input type="hidden" name="login" value="true" />
            
            <label class="mb-2">Username<span class="text-danger"> *</span></label>
            <input type="text" class="form-control gaming-input mb-4" name="username" placeholder="Enter your Username" required>

            <label class="mb-2">Password<span class="text-danger"> *</span></label>
            
			<div class="password-wrapper">
				<input type="password" class="form-control gaming-input" name="password" placeholder="Enter your Password" required>
				<i class="bi bi-eye toggle-password" id="togglePassword"></i>
			</div>

            <div class="d-flex justify-content-between align-items-center mb-4">
              <div>
                <input type="checkbox" name="remember" checked> Remember me
              </div>
              <a href="https://www.atmhtml5games.com/login/?action=forgot" class="text-light btn-forgot text-decoration-none">Forgot Password?</a>
            </div>

            <button type="submit" class="login-btn">
              LOG IN &amp; PLAY NOW
            </button>
          </form>
		  
		  <div class="or-divider">
			<span>OR CONTINUE WITH</span>
		</div>
		
		<div class="d-flex flex-column align-items-center" style="flex-direction: column-reverse !important;">
				<br>
	<div id="g_id_onload"
		data-client_id="959709355261-29pi6r2u2p5og0sbvfdujni0p4965st8.apps.googleusercontent.com"
		data-callback="handleCredentialResponse">
	</div>
	<div class="g_id_signin"
		data-type="standard"
		data-size="large"
		data-theme="outline"
		data-text="sign_in_with"
		data-shape="rectangular"
		data-width="350"
		data-logo_alignment="center">
	</div>
	<script>
		function handleCredentialResponse(response) {
			// Send the token to your server
			fetch('https://www.atmhtml5games.com/content/plugins/google-login/action.php', {
				method: 'POST',
				headers: {
					'Content-Type': 'application/json'
				},
				body: JSON.stringify({ token: response.credential })
			})
			.then(response => response.json())
			.then(data => {
				if(data['status'] == 'success'){
					location.reload();
				} else {
					alert('Error 2!');
					console.error('Error:', data);
				}
			})
			.catch((error) => {
				alert('Error!');
				console.error('Error:', error);
			});
		}

		window.onload = function () {
			google.accounts.id.initialize({
				client_id: "959709355261-29pi6r2u2p5og0sbvfdujni0p4965st8.apps.googleusercontent.com",
				callback: handleCredentialResponse
			});
			google.accounts.id.renderButton(
				document.querySelector('.g_id_signin'), {
					type: "standard",
					size: "large",
					theme: "outline",
					text: "sign_in_with",
					shape: "rectangular",
					width: "350",
					logo_alignment: "center"
				}
			);
			google.accounts.id.prompt();
		};
	</script>
			</div>

          <div class="bottom-text">
            New player?
            <a href="https://www.atmhtml5games.com/register/">Register Now</a>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<script>
(function () {
  var form = document.getElementById('gaming-login-form');
  if (!form) return;

  form.addEventListener('submit', function (e) {
    e.preventDefault();

    var btn    = form.querySelector('button[type="submit"]');
    var errBox = document.getElementById('gaming-login-errors');
    if (errBox) errBox.remove();

    btn.disabled    = true;
    btn.textContent = 'Signing in\u2026';

    var username = form.querySelector('[name="username"]').value;
    var password = form.querySelector('[name="password"]').value;
    var rememberEl = form.querySelector('[name="remember"]');
    var remember = (rememberEl && rememberEl.checked) ? '1' : '';

    var body = 'action=login'
             + '&username=' + encodeURIComponent(username)
             + '&password=' + encodeURIComponent(password)
             + '&remember=' + encodeURIComponent(remember);

    fetch('/includes/api.php', {
      method:  'POST',
      headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
      body:    body
    })
    .then(function (r) { return r.json(); })
    .then(function (data) {
      if (data.success) {
        window.location.reload();
      } else {
        var html = '<div id="gaming-login-errors" style="background:rgba(255,56,56,.1);border:1px solid #ff3838;color:#fff;border-radius:14px;padding:15px;margin-bottom:20px;">';
        (data.errors || ['Unknown error. Please try again.']).forEach(function (msg) {
          html += '<div><i class="bi bi-exclamation-circle me-2"></i>' + msg + '</div>';
        });
        html += '</div>';
        form.insertAdjacentHTML('afterbegin', html);
        btn.disabled    = false;
        btn.textContent = 'LOG IN & PLAY NOW';
      }
    })
    .catch(function () {
      btn.disabled    = false;
      btn.textContent = 'LOG IN & PLAY NOW';
    });
  });
  
  // Mobile Splash Logic
  var myModal = document.getElementById('myModal');
  var splashInterval;
  if (myModal) {
    myModal.addEventListener('shown.bs.modal', function () {
      if (window.innerWidth <= 991) {
        clearInterval(splashInterval);
        myModal.classList.remove('splash-done');
        
        var timeLeft = 3;
        var timerEl = document.getElementById('splash-timer-seconds');
        if(timerEl) timerEl.textContent = timeLeft;

        splashInterval = setInterval(function() {
          timeLeft--;
          if(timerEl) timerEl.textContent = timeLeft;
          
          if (timeLeft == 0) {
            clearInterval(splashInterval);
            myModal.classList.add('splash-done');
          }
        }, 1000);
      }
    });

    myModal.addEventListener('hidden.bs.modal', function () {
      clearInterval(splashInterval);
    });
  }
  
  // Toggle password visibility
		var toggleBtn = document.getElementById('togglePassword');
		if (toggleBtn) {
			toggleBtn.addEventListener('click', function() {
				var passwordInput = document.querySelector('input[name="password"]');
				if (passwordInput) {
					var type = passwordInput.getAttribute('type') === 'password' ? 'text' : 'password';
					passwordInput.setAttribute('type', type);
					this.classList.toggle('bi-eye');
					this.classList.toggle('bi-eye-slash');
				}
			});
		}
})();
</script>
  <!-- Footer -->
     <footer data-wpr-lazyrender="1" id="footer" class="site-footer">

  <!-- ===================== NEWSLETTER ===================== -->
    <section class="bl-newsletter" aria-labelledby="bl-newsletter-title">
      <div class="bl-newsletter-inner">
        <div class="bl-newsletter-left">
          <h2 class="bl-newsletter-title" id="bl-newsletter-title">
            Get the latest from<br>
            <span>ETM HTML5 Games</span>
          </h2>
          <p class="bl-newsletter-sub">
            Share your email so we can send you guides and gaming news.
          </p>
        </div>
        <div class="bl-newsletter-right">
          <div class="bl-newsletter-form" role="form" aria-label="Newsletter signup">
            <div class="bl-newsletter-input-wrap">
              <input type="email" class="bl-newsletter-input" id="blNewsletterEmail"
                    placeholder="Email" aria-label="Your email address" />
              <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor"
                  stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">
                <rect x="2" y="4" width="20" height="16" rx="2"/>
                <path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"/>
              </svg>
            </div>
            <button class="bl-newsletter-btn" type="button" id="blNewsletterBtn">Subscribe</button>
          </div>
          <p class="bl-newsletter-note">
            You can unsubscribe at any time. Read our
            <a href="https://www.atmhtml5games.com/page/privacy-policy/">privacy policy</a>.
          </p>
          <div class="subscribe_response">
            <p class="success_resp" style="color: green"></p>
            <p class="failed_resp" style="color: red"></p>
          </div>
        </div>
      </div>
    </section>

    <!-- socials icons -->
    <div class="row top-social-icon">
        </div>
    <!--main container -->
    <div class="container"> 
    <!-- logo & menu -->
    <div class="row logo-menu-row">
    <!-- Logo & Text  -->
    <div class="col-md-3">
        <div class="footer-first-part">
            <div class="footer-logo">
                <a href="https://www.atmhtml5games.com/"><img src="https://www.atmhtml5games.com/images/site-logo-041355.png" class="site-logo" alt="site-logo" width="200" height="70"></a>
            </div>
            <!--div class="footer-content">
                <p>ETM Games - Instant Play, No Downloads</p>
            </div-->
        </div>
        <div class="social-icons-footer" style="display: flex; flex-wrap: wrap; flex-direction: row; align-content: flex-end; justify-content: space-between;">
                            <a href="https://www.facebook.com/profile.php?id=61573573850815" target="_blank">
                    <img src="https://www.atmhtml5games.com/content/themes/arcade-two/images/icon/Facebook.svg" width="35" alt="Facebook">
                </a>
                            <a href="https://in.pinterest.com/atmgame52/_profile/" target="_blank">
                    <img src="https://www.atmhtml5games.com/content/themes/arcade-two/images/icon/Pinterest.svg" width="35" alt="Pinterest">
                </a>
                            <a href="https://www.instagram.com/atmgames.visioninfotech/" target="_blank">
                    <img src="https://www.atmhtml5games.com/content/themes/arcade-two/images/icon/Instagram.svg" width="35" alt="Instagram">
                </a>
                            <a href="https://www.linkedin.com/in/atmhtml5-games/" target="_blank">
                    <img src="https://www.atmhtml5games.com/content/themes/arcade-two/images/icon/LinkedIn.svg" width="35" alt="LinkedIn">
                </a>
                            <a href="https://www.youtube.com/@etmhtml5_game" target="_blank">
                    <img src="https://www.atmhtml5games.com/content/themes/arcade-two/images/icon/Youtube.svg" width="35" alt="Youtube">
                </a>
                    </div>
    </div>

    <!--  Company -->
    <div class="col-md-3">
      <div class="pages-menu-part company-main-menu-part company-menu ">
        <div class="pages-menu-name company-menu-name">
          <div class="pages-heading company-heading">
            <h6>Company</h6>
          </div>
          <div class="menu-list two-column-menu footer-menu company-menu-list" style="grid-template-columns: repeat(1, 1fr);">
                        <div class="pages-menu"><a href="/page/about-us/">About Us</a></div>
            <div class="pages-menu"><a href="/post/">Blog</a></div>
            <div class="pages-menu"><a href="/page/contact-us/">Contact Us</a></div>
            <div class="pages-menu"><a href="https://etmgame.com/">Business</a></div>
            <div class="pages-menu"><a href="/page/faq/">FAQ</a></div>
          </div>
        </div>
      </div>
    </div> 

    <!-- Games Menu -->
    <div class="col-md-3">
      <div class="pages-menu-part">
          <div class="pages-menu-name">
              <div class="pages-heading">
                  <h6>Games</h6>
              </div>
              <div class="company-main-menu-part category-menu">
                                    <div class="category-column">
                    <div class="pages-menu"><a href="https://www.atmhtml5games.com/category/actions-games/">Action Games</a></div>
                    <div class="pages-menu"><a href="https://www.atmhtml5games.com/category/minecraft-game/">Minecraft Games</a></div>
                    <div class="pages-menu"><a href="https://www.atmhtml5games.com/category/poki-games/">Poki Games</a></div>
                    <div class="pages-menu"><a href="https://www.atmhtml5games.com/category/crazy-games/">Crazy Games</a></div>   
                    <div class="pages-menu"><a href="https://www.atmhtml5games.com/category/android-games/">Android Games</a></div>   
                  </div>
                </div>
          </div>
      </div>
    </div>

    <!--  Support -->
    <div class="col-md-3">
      <div class="pages-menu-part company-main-menu-part company-menu ">
        <div class="pages-menu-name company-menu-name">
          <div class="pages-heading company-heading">
            <h6>Support</h6>
          </div>
          <div class="menu-list two-column-menu footer-menu company-menu-list" style="grid-template-columns: repeat(1, 1fr);">
                        <div class="pages-menu"><a href="https://www.atmhtml5games.com/page/privacy-policy/">Privacy Policy</a></div>
            <div class="pages-menu"><a href="https://www.atmhtml5games.com/page/disclaimer/">Disclaimer</a></div>
            <div class="pages-menu"><a href="https://www.atmhtml5games.com/page/dmca-policy/">DMCA Policy</a></div>
            <div class="pages-menu"><a href="https://www.atmhtml5games.com/page/affiliate/">Affiliate</a></div>
            <div class="pages-menu"><a href="https://www.atmhtml5games.com/page/terms-and-conditions/">Terms & Conditions</a></div>
          </div>
        </div>
      </div>
    </div> 
    
    
    <!-- address -->
      <div class="row all-info-main-row">
        <div class="row">
          <div class="row all-office-info-row">
            <!-- increment row -->
            <div class="col-sm-12 col-md-6 col-lg-6">
              <div class="footer-head-details-part">
                <div class="footer-head-title">
                  <h6>USA</h6>
                </div>
                <div class="footer-head-address">
                  <p>606 Seminole Trail, Murphy, TX 75094</p>
                </div>
                <div class="footer-head-info">
                  <div class="footer-contact-part">
                    <div class="footer-details-part"><img width="24" height="24" decoding="async" class="alignnone size-full wp-image-143" src="https://www.atmhtml5games.com/content/themes/arcade-two/images/footer-call.svg" alt=""></div>
                    <div class="footer-details-part"><a title="+ 1(945)5274841" href="tel:+1(945)5274841">+ 1(945)527-4841</a></div>
                  </div>
                  
                </div>
              </div>
            </div>
            <!-- increment row -->
            <div class="col-sm-12 col-md-6 col-lg-6">
              <div class="footer-head-details-part second-address">
                <div class="footer-head-title">
                  
                  <h6>INDIA</h6>
                </div>
                <div class="footer-head-address">
                  
                  <p>3001, 3rd Floor, APMC, Krushi Bazaar, beside North Extension, Begampura, Surat, Gujarat 395002, India</p>
                </div>
                <div class="footer-head-info">
                  <div class="footer-contact-part">
                    <div class="footer-details-part"><img width="24" height="24" decoding="async" class="alignnone size-full wp-image-143" src="https://www.atmhtml5games.com/content/themes/arcade-two/images/footer-call.svg" alt=""></div>
                    <div class="footer-details-part"><a title="+919723827536" href="tel:+919723827536">+ 91 9723827536</a></div>
                  </div>
                </div>
              </div>
            </div>
            <!-- increment row -->
          </div>
        </div>
      </div>
      <div class="row">
        <div class="col-lg-12">
          <div class="copyright-text" style="justify-content: space-between;align-items: center;">
            <p>&copy; 2026 ETMHTML5GAMES. All Rights Reserved</p>
            <p>Powered by <a class="powered_by" href="https://visioninfotech.net/">VISION INFOTECH</a></p>
          </div>
        </div>
      </div>
    </div>
  </footer>
    <!--- End --->
  <script type="text/javascript" src="https://www.atmhtml5games.com/content/themes/arcade-two/js/jquery-3.6.2.min.js"></script>
  <script type="text/javascript" src="https://www.atmhtml5games.com/content/themes/arcade-two/js/lazysizes.min.js"></script>
  <script type="text/javascript" src="https://www.atmhtml5games.com/content/themes/arcade-two/js/popper.min.js"></script>
  <script type="text/javascript" src="https://www.atmhtml5games.com/content/themes/arcade-two/js/bootstrap.min.js"></script>
  <script type="text/javascript" src="https://www.atmhtml5games.com/js/comment-system.js"></script>
  <script type="text/javascript" src="https://www.atmhtml5games.com/content/themes/arcade-two/js/get-app-script.js"></script>
  <script type="text/javascript" src="https://www.atmhtml5games.com/content/themes/arcade-two/js/script.js"></script>
  <script type="text/javascript" src="https://www.atmhtml5games.com/js/stats.js"></script>
  
  <script>
	/* Ads Sticky Code CSS */
	var ticking = false;

	$(window).on("scroll", function () {
		if (!ticking) {
			window.requestAnimationFrame(function () {
				updateAdPosition();
				ticking = false;
			});
			ticking = true;
		}
	});

	function updateAdPosition() {
		var $ad = $(".vertical-ads");
		var $footer = $("#footer");

		var footerTop = $footer.offset().top;
		var scrollTop = $(window).scrollTop();
		var windowHeight = $(window).height();

		var viewportBottom = scrollTop + windowHeight;

		if (viewportBottom > footerTop) {
			var overlap = viewportBottom - footerTop;
			$ad.css("transform", "translateY(-" + overlap + "px)");
		} else {
			$ad.css("transform", "translateY(0)");
		}
	}
  </script>
  
  <style>
	
	.powered_by {
		position: relative;
		color: #ffffff;
		text-decoration: none;
		font-weight: 500;
		transition: color 0.3s ease;
	}
	
	.powered_by::after { 
		content: "";
		position: absolute;
		left: 0;
		bottom: -3px;
		width: 0%;
		height: 2px;
		background-color: #7289c9;
		transition: width 0.3s ease;
	}
	 
	/* hover effect */
	.powered_by:hover {
		color: #7289c9 !important;
	}
	 
	.powered_by:hover::after {
		width: 100%;
	}
	
  </style>
  
  <div id="cookieConsentBanner">
	<div class="cookie-consent-msg">
		This website uses cookies to ensure you get the best experience on our website.
	</div>
	<div class="cookie-consent-actions">
		<button class="btn btn-primary btn-cookie-accept" id="acceptCookies">Accept</button>
		<button class="btn btn-secondary btn-cookie-decline" id="declineCookies">Decline</button>
	</div>
</div>
	<script type="text/javascript">
	var c=getCookie("cookieConsent");null===c&&(document.getElementById("cookieConsentBanner").style.display="flex"),document.getElementById("acceptCookies").addEventListener("click",function(){setCookie("cookieConsent","true",365),document.getElementById("cookieConsentBanner").style.display="none"}),document.getElementById("declineCookies").addEventListener("click",function(){setCookie("cookieConsent","false",365),document.getElementById("cookieConsentBanner").style.display="none"});function setCookie(e,t,n){var o="";n&&(o=new Date,o.setTime(o.getTime()+24*n*60*60*1e3),o="; expires="+o.toUTCString()),document.cookie=e+"="+t+o+"; path=/"}function getCookie(e){for(var t=document.cookie.split(";"),n=0;n<t.length;n++){var o=t[n].split("=");if(e==o[0].trim())return o[1]}return null}
	</script>
	
    <div id="vhp-parameter" 

         data-debug="0" 

         data-thumbnail-selector="a > .list-game > .list-thumbnail" 

         style="display: none;"></div>

    <script type="text/javascript" src="https://www.atmhtml5games.com/content/plugins/video-hover-play/hover-video.js?var=2085749359"></script>

      <div id="report-modal" class="report-modal">
	<div class="report-modal-content">
		<div class="report-modal-header">
		<div class="report-modal-title-group">
			<div class="report-modal-icon">
				<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" color="#DC2626">
				<path d="M4 21V8a3 3 0 0 1 3-3h10a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H8l-4 4z"/>
				</svg>
			</div>
			<div>
				<p class="report-modal-title">What didn’t you like?</p>
				<p class="report-modal-subtitle">Your feedback helps us improve!</p>
			</div>
      </div>
      <span class="close">&times;</span>
    </div>
 
    <hr class="report-divider">
 
    <form id="report-form" enctype="multipart">
		<p class="report-section-label">Issue type</p> 
		<div class="report-options">
        <label class="report-label">
			<input type="radio" id="r-bug" name="report[]" value="bug" checked>
			<div class="report-option-tile">
				🐞
				<div class="report-option-title">
				Bug				</div>
			</div>
        </label>
 
        <label class="report-label">
			<input type="radio" id="r-error" name="report[]" value="error">
			<div class="report-option-tile">
				⚠️
				<div class="report-option-title">
					Error				</div>
			</div>
        </label>
 
        <label class="report-label">
			<input type="radio" id="r-other" name="report[]" value="other">
			<div class="report-option-tile">
				💬
				<div class="report-option-title">
					Other				</div>
			</div>
        </label>
	</div>
 
      <p class="report-section-label">Details <span>(optional)</span></p>
 
      <textarea rows="3" name="comment" maxlength="150" autocomplete="off" placeholder="Describe what went wrong…"></textarea>
 
      <div class="report-actions">
        <input type="submit" class="report-btn-submit" value="Submit">
      </div>
 
    </form>

    <div id="report-success" class="report-success">

      <div class="report-success-icon">✅</div>

      <h2 class="report-success-title">
          Thank You!      </h2>

      <p class="report-success-text">
          Your feedback has been submitted successfully.      </p>

      <button type="button"
              class="report-success-btn">
          Close      </button>

  </div>
 
  </div>
 
</div>
<script type="text/javascript" src="https://www.atmhtml5games.com/content/plugins/game-reports/script.js?ver=2.5"></script>
  </body>
  </html>

<script>
	window.addEventListener('message', function (event) {

    if (event.data === 'game_play_clicked') {

       mygtag(); 

       
    }

});
	function setSidebarMaxHeight() {
		    console.log('Mobile detected — reset sidebar');
		if (window.innerWidth <= 1024) return;
		const sidebard = document.querySelector('.right-sidebar');
		const listingd = document.querySelector('.game-listing-container-wrap');
		if(sidebard || sidebard){
			const sidebarWidth = sidebard.offsetWidth;
			listingd.style.width = `calc(100% - ${sidebarWidth}px)`
		}
		console.log('.game-container not found');
    var $game = $('.game-frame-row .game-container');
    if ($game.length) {
        var h = $game.outerHeight()-34;
		  console.log('.game-container not found');
		  console.log(h);
        $('.left-sidebar').css({
    'max-height': h + 'px',
    'overflow-y': 'auto',
    'overflow-x': 'hidden'
});
    }
}

$(document).ready(setSidebarMaxHeight);
$(window).on('load resize', setSidebarMaxHeight);
document.addEventListener('DOMContentLoaded', function () {
   setSidebarMaxHeight();
});
   // Loading Animation
    const iframe = document.getElementById('game-area');
    const loader = document.getElementById('game-loader');
    const progressBar = document.getElementById('progress-bar');
    const progressValue = document.getElementById('progress-value');
    const progressGlow = document.getElementById('progress-glow');

    let progress = 0;

    function updateProgress(value) {
        progress = Math.min(value, 100);
        progressBar.style.width = progress + '%';
        progressValue.textContent = Math.floor(progress);
        
        // Update glow position
        const containerWidth = 280;
        const glowPosition = (progress / 100) * containerWidth;
        progressGlow.style.left = (glowPosition - 10) + 'px';
    }

    // Smooth progress animation
    const fakeLoader = setInterval(() => {
        const increment = Math.floor(Math.random() * 5) + 2;
        const newProgress = progress + increment;
        
        if (newProgress >= 90) {
            updateProgress(90);
            clearInterval(fakeLoader);
        } else {
            updateProgress(newProgress);
        }
    }, 50);



    // When iframe fully loaded
    iframe.addEventListener('load', () => {
		
        clearInterval(fakeLoader);
        
        // Complete the progress bar
        let currentProgress = progress;
        const completeInterval = setInterval(() => {
            currentProgress += 2;
            if (currentProgress >= 100) {
                updateProgress(100);
                clearInterval(completeInterval);
                
                // Hide loader with animation
                setTimeout(() => {
                    //loader.classList.add('hide');
                   // setTimeout(() => loader.remove(), 0);
                }, 0);
            } else {
                updateProgress(currentProgress);
            }
        }, 0);
    });

   /** -------- Reward ads --------------------------- */

loader.classList.add('hide');
setTimeout(() => loader.remove(), 0); // match CSS transition


/*** --------------- End -------------------------------- */
</script>