/* Hero Blog Slide */ .bb-hero-blog{position:relative;width:100%;max-width:1180px;margin:0 auto 40px;padding:0 20px} .bb-hero-track{position:relative;width:100%;height:420px;border-radius:var(--bb-radius);overflow:hidden;box-shadow:var(--bb-e2)} .bb-hero-card{position:absolute;inset:0;display:flex;align-items:flex-end;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility .6s;text-decoration:none} .bb-hero-card.on{opacity:1;visibility:visible;z-index:1} .bb-hero-img{position:absolute;inset:0;background-size:cover;background-position:center;filter:brightness(.7)} .bb-hero-content{position:relative;z-index:2;padding:40px;width:100%;background:linear-gradient(to top,rgba(0,0,0,.85),transparent)} .bb-hero-content .bb-tag{display:inline-block;padding:6px 14px;background:var(--bb-accent);color:#fff;font-size:12px;font-weight:700;border-radius:20px;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px} .bb-hero-content h2{margin:0 0 10px;font-size:32px;font-weight:700;color:#fff;line-height:1.2;font-family:Oswald,sans-serif} .bb-hero-content p{margin:0;font-size:16px;color:rgba(255,255,255,.9);line-height:1.5;max-width:700px} .bb-hero-dots{display:flex;justify-content:center;gap:10px;margin-top:16px} .bb-hero-dots .bb-dot{width:10px;height:10px;border-radius:50%;background:var(--bb-line);cursor:pointer;transition:.3s} .bb-hero-dots .bb-dot.on{background:var(--bb-accent);transform:scale(1.3)} .bb-hero-dots .bb-dot:hover{background:var(--bb-accent);opacity:.7} @media(max-width:768px){ .bb-hero-track{height:320px} .bb-hero-content{padding:24px} .bb-hero-content h2{font-size:24px} .bb-hero-content p{font-size:14px} } /* Hero Review Slide */ .bb-hero-review{position:relative;width:100%;max-width:1180px;margin:0 auto 40px;padding:0 20px} .bb-hero-review .bb-hero-track{position:relative;width:100%;height:480px;border-radius:var(--bb-radius);overflow:hidden;box-shadow:var(--bb-e2)} .bb-hero-review .bb-hero-card{position:absolute;inset:0;display:flex;align-items:flex-end;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility .6s;text-decoration:none} .bb-hero-review .bb-hero-card.on{opacity:1;visibility:visible;z-index:1} .bb-hero-review .bb-hero-img{position:absolute;inset:0;background-size:cover;background-position:center;filter:brightness(.65)} .bb-hero-review .bb-hero-content{position:relative;z-index:2;padding:50px;width:100%;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.7) 50%,transparent 100%)} .bb-hero-score{display:inline-flex;align-items:baseline;gap:4px;padding:8px 18px;background:var(--bb-accent);color:#fff;font-weight:800;border-radius:24px;margin-bottom:16px} .bb-hero-score .bb-score-val{font-size:28px;line-height:1} .bb-hero-score .bb-score-label{font-size:14px;opacity:.9} .bb-hero-review .bb-hero-content h2{margin:0 0 12px;font-size:36px;font-weight:700;color:#fff;line-height:1.2;font-family:Oswald,sans-serif} .bb-hero-review .bb-hero-content p{margin:0 0 16px;font-size:17px;color:rgba(255,255,255,.95);line-height:1.6;max-width:800px} .bb-hero-tags{display:flex;gap:8px;flex-wrap:wrap} .bb-tag-pill{display:inline-block;padding:5px 12px;background:rgba(255,255,255,.15);backdrop-filter:blur(10px);color:#fff;font-size:12px;font-weight:600;border-radius:16px;border:1px solid rgba(255,255,255,.2)} .bb-hero-nav{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:20px} .bb-hero-prev,.bb-hero-next{width:44px;height:44px;border:2px solid var(--bb-line);background:var(--bb-card);color:var(--bb-accent);border-radius:50%;font-size:28px;line-height:1;cursor:pointer;transition:.3s;display:flex;align-items:center;justify-content:center;font-weight:700} .bb-hero-prev:hover,.bb-hero-next:hover{background:var(--bb-accent);color:#fff;border-color:var(--bb-accent);transform:scale(1.1)} @media(max-width:768px){ .bb-hero-review .bb-hero-track{height:360px} .bb-hero-review .bb-hero-content{padding:28px} .bb-hero-review .bb-hero-content h2{font-size:26px} .bb-hero-review .bb-hero-content p{font-size:15px} .bb-hero-score{padding:6px 14px} .bb-hero-score .bb-score-val{font-size:22px} .bb-hero-prev,.bb-hero-next{width:36px;height:36px;font-size:22px} }

H5 Game

Play HTML5 games online on your browsers

ADVERTISEMENT
Bike Obby Draw PencilResident Evil 4: 2.5D FPSGeometry Vibes X ArrowHellforge: Demon ProtocolMag RollerHungry SnailToca: Hidden StarsBlocky Shooter GameHighway Rush OverdriveRooster Ranch
Tower platformer 3D
Locked
Assassins Hunt
Locked
Ball Packing Master Puzzle – Fill Box
Locked
Pixel Feast
Locked
Arrow Jam
Locked
Doom Eternal Platformer
Locked
Gears Of War Platformer
Locked
Munch Mob
Locked
Sneaky fits
Locked
Apex Prime
Locked
A Mimicry of Life
Locked
City Taxi Driving Simulator
Locked
Little Dentist For Kids 3
Locked
Night Lake
Locked
NovaBrick Rush
Locked
Stickman Legion
Locked
Cafe honey heist
Locked
Watermelon Stack 3D
Locked
Inkageddon
Locked
Highway Traffic Racer 3D
Locked
ADVERTISEMENT