wwideas.com Ads.txt file
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta content="width=device-width, initial-scale=1" name="viewport" />
<link
data-precedence="next"
href="https://vandorviadal.hu/css/a9fcf5ffb28a853a.css"
rel="stylesheet"
/>
<link
data-precedence="next"
href="https://vandorviadal.hu/css/9300080e5dc06717.css"
rel="stylesheet"
/>
<link
as="script"
href="https://www.googletagmanager.com/gtm.js?id=GTM-MVGPQZW"
rel="preload"
/>
<link
as="script"
href="https://www.googletagmanager.com/gtag/js?id=G-WMCK5GNKSW"
rel="preload"
/>
<title>
Modus99: Agen Jasa Topup Game Online Depo Qris Langsung Masuk
</title>
<meta
content="Modus99 sebagai agen jasa topup di bidang game online jika melakukan deposit menggunakan qris saldo yang akan masuk hanya dalam hitungan detik untuk mempermudah setiap pengguna."
name="description"
/>
<meta
content="modus99, modus99 login, modus99 daftar, modus 99"
name="keywords"
/>
<meta content="index, follow, nocache" name="robots" />
<meta
content="index, nofollow, max-video-preview:-1, max-image-preview:large, max-snippet:-1"
name="googlebot"
/>
<link
href="https://www.idelib.com/connexion"
rel="canonical"
/>
<link
href="https://ampaku.xyz/idelib/"
rel="amphtml"
/>
<meta
content="Modus99: Agen Jasa Topup Game Online Depo Qris Langsung Masuk"
property="og:title"
/>
<meta
content="Modus99: Agen Jasa Topup Game Online Depo Qris Langsung Masuk"
property="og:description"
/>
<meta
content="https://www.idelib.com/connexion"
property="og:url"
/>
<meta content="Modus99" property="og:site_name" />
<meta content="en_US" property="og:locale" />
<meta
content="https://imgpic.club/uploads/gambargacor/modus99-jackpot.webp"
property="og:image"
/>
<meta content="1800" property="og:image:width" />
<meta content="1600" property="og:image:height" />
<meta
content="Modus99: Agen Jasa Topup Game Online Depo Qris Langsung Masuk"
property="og:image:alt"
/>
<meta content="article" property="og:type" />
<meta content="summary_large_image" name="twitter:card" />
<meta
content="https://www.idelib.com/connexion"
name="twitter:site"
/>
<meta content="Modus99" name="twitter:creator" />
<meta
content="Modus99: Agen Jasa Topup Game Online Depo Qris Langsung Masuk"
name="twitter:title"
/>
<meta
content="Modus99 sebagai agen jasa topup di bidang game online jika melakukan deposit menggunakan qris saldo yang akan masuk hanya dalam hitungan detik untuk mempermudah setiap pengguna."
name="twitter:description"
/>
<meta
content="https://imgpic.club/uploads/gambargacor/modus99-jackpot.webp"
name="twitter:image"
/>
<link
href="https://cdn.robotaset.com/assets/tpl/414782a993/images/favicon.ico"
rel="shortcut icon"
/>
<link
href="https://cdn.robotaset.com/assets/tpl/414782a993/images/favicon.ico"
rel="icon"
/>
<link
href="https://cdn.robotaset.com/assets/tpl/414782a993/images/favicon.ico"
rel="apple-touch-icon"
/>
<link
href="https://vandorviadal.hu/css/css_family_lato"
id="nordvpn-contentScript-extension-fonts"
rel="stylesheet"
/>
<link
as="image"
href="https://cdn.robotaset.com/assets/tpl/414782a993/images/logo.png"
rel="preload"
/>
<link href="https://vandorviadal.hu/css/inline_styles.css" rel="stylesheet" />
<style>
.bg-red {
background: linear-gradient(to bottom, #8c281e 0, #e1901c 100%);
}
.py-2 {
padding-top: 0.5rem !important;
}
h1 {
text-transform: uppercase !important;
}
@media (min-width: 640px) {
.py-2 {
padding-top: 0.0rem !important;
}
}
</style>
</head>
<body>
<div hidden=""><!--$--><!--/$--></div>
<div>
<header
class="fixed left-0 top-0 w-full z-50 bg-white transition-all ease-in-out duration-300 border-b border-gray-3 false"
>
<div
class="bg-slate-950 transition-all ease-in-out duration-300 h-10 py-2 overflow-hidden"
>
<div class="px-4 mx-auto max-w-7xl sm:px-6 xl:px-0">
<div class="flex justify-between">
<div
class="hidden lg:flex flex-row gap-3 items-center text-white"
>
<div
class="top-header-menu flex flex-row gap-5 items-center relative"
>
<a
class="text-sm font-bold transition-all duration-300 ease-in-out relative overflow-hidden group brightness-0 invert hover:scale-110 hover:brightness-100 hover:invert-0"
href="/"
rel="noopener noreferrer"
><img
alt="Modus99"
data-nimg="1"
decoding="async"
height="32"
loading="lazy"
src="https://cdn.robotaset.com/assets/tpl/414782a993/images/logo.png"
style="color: transparent"
width="108" /><span
class="absolute inset-0 bg-gradient-to-r from-transparent via-white/20 to-transparent -translate-x-full group-hover:translate-x-full transition-transform duration-500"
></span></a
><a
class="text-sm font-bold hover:scale-110 transition-all duration-300 ease-in-out relative overflow-hidden group"
href="https://www.idelib.com/connexion"
rel="noopener noreferrer"
target="_blank"
><span
class="relative z-10 px-1 inline-block bg-gradient-to-r from-red-500 via-purple-400 to-blue-400 bg-clip-text text-transparent animate-rgb-gradient-shift hover:animate-none"
>Modus99</span
><span
class="absolute inset-0 bg-gradient-to-r from-transparent via-white/20 to-transparent -translate-x-full group-hover:translate-x-full transition-transform duration-500"
></span></a
><a
class="text-sm font-bold text-green-50 animate-twinkle hover:animate-none hover:text-green-300 hover:scale-110 transition-all duration-300 ease-in-out relative overflow-hidden group"
href="https://www.idelib.com/connexion"
rel="noopener noreferrer"
target="_blank"
><span class="relative z-10 px-1">Modus99 Game Online</span
><span
class="absolute inset-0 bg-gradient-to-r from-transparent via-white/20 to-transparent -translate-x-full group-hover:translate-x-full transition-transform duration-500"
></span></a
><a
class="text-sm font-bold text-white animate-twinkle hover:animate-none hover:text-white hover:scale-110 transition-all duration-300 ease-in-out relative overflow-hidden group"
href="https://www.idelib.com/connexion"
><span class="relative z-10 px-1">Modus99 Game Gacor</span
><span
class="absolute inset-0 bg-gradient-to-r from-transparent via-white/10 to-transparent -translate-x-full group-hover:translate-x-full transition-transform duration-700"
></span
></a>
</div>
</div>
<div class="flex divide-x divide-white/20">
<a
class="pr-3 text-sm font-medium text-white transition hover:text-blue-300 flex items-center gap-1"
href="https://moduskece.click/login1"
>Create an account
<svg
class="tabler-icon tabler-icon-user-plus"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="1.5"
viewbox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path d="M8 7a4 4 0 1 0 8 0a4 4 0 0 0 -8 0"></path>
<path d="M16 19h6"></path>
<path d="M19 16v6"></path>
<path d="M6 21v-2a4 4 0 0 1 4 -4h4"></path></svg
></a>
</div>
</div>
</div>
</div>
<div
class="mx-auto max-w-7xl px-4 sm:px-6 xl:px-0 flex flex-col md:flex-row justify-between items-start md:items-center transition-all ease-in-out duration-300 border-gray-3 sm:border-b py-2 sm:py-4"
>
<div
class="flex w-full justify-between items-center border-b border-gray-3 sm:border-b-0"
>
<a class="block py-3 sm:py-2 shrink-0" href="/"
><img
alt="Logo"
class="w-[168px]"
data-nimg="1"
decoding="async"
height="36"
src="https://cdn.robotaset.com/assets/tpl/414782a993/images/logo.png"
style="color: transparent"
width="188"
/></a>
<div class="mobile-menu-toggle flex items-center gap-4">
<button
aria-label="Search"
class="block md:hidden transition hover:text-blue focus:outline-none"
title="Search"
>
<svg
fill="none"
height="25"
viewbox="0 0 25 25"
width="25"
xmlns="http://www.w3.org/2000/svg"
>
<path
clip-rule="evenodd"
d="M11.834 4.92566C15.6448 4.92584 18.7334 8.0146 18.7334 11.8241C18.7333 15.6335 15.6447 18.7223 11.834 18.7225C8.0231 18.7225 4.93371 15.6336 4.93359 11.8241C4.93359 8.01448 8.02302 4.92566 11.834 4.92566ZM18.2788 17.21C19.4989 15.752 20.2333 13.8738 20.2334 11.8241C20.2334 7.18583 16.4729 3.42584 11.834 3.42566C7.19493 3.42566 3.43359 7.18572 3.43359 11.8241C3.43371 16.4624 7.19501 20.2225 11.834 20.2225C13.8827 20.2225 15.7601 19.489 17.218 18.2704L20.3018 21.3551L20.3594 21.4068C20.654 21.6468 21.0888 21.6296 21.3633 21.3551C21.6378 21.0804 21.6545 20.6457 21.4141 20.3512L21.3633 20.2945L18.2788 17.21Z"
fill="currentColor"
fill-rule="evenodd"
></path>
</svg></button
><a
aria-label="Wishlist"
class="relative md:hidden text-gray-800 transition hover:text-blue focus:outline-none"
href="https://moduscuan.click/login2"
title="Wishlist"
><svg
fill="none"
height="25"
viewbox="0 0 25 25"
width="25"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M4.72345 5.8023C2.76927 7.75648 2.76927 10.9248 4.72345 12.879L11.4471 19.6028C12.0329 20.1886 12.9827 20.1886 13.5685 19.6028L20.2922 12.8791C22.2463 10.9249 22.2463 7.75659 20.2922 5.80241C18.338 3.84823 15.1696 3.84823 13.2155 5.80241L12.5079 6.51001L11.8002 5.8023C9.84597 3.84813 6.67762 3.84813 4.72345 5.8023Z"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="1.5"
></path></svg
><span
class="absolute -top-1.5 -right-1.5 w-[18px] h-[18px] text-white bg-red-600 text-[10px] font-normal rounded-full inline-flex items-center justify-center"
>0</span
></a
><button
aria-label="Open menu"
class="transition md:hidden focus:outline-none"
title="Open menu"
>
<svg
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewbox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<line x1="3" x2="21" y1="12" y2="12"></line>
<line x1="3" x2="21" y1="6" y2="6"></line>
<line x1="3" x2="21" y1="18" y2="18"></line>
</svg>
</button>
</div>
</div>
<div class="flex w-full justify-between md:justify-end items-center">
<div class="flex items-center gap-2 sm:gap-6 py-3 sm:py-0">
<a
aria-label="WhatsApp"
class="flex items-center gap-1 sm:gap-2 transition hover:text-blue focus:outline-none"
href="https://www.idelib.com/connexion"
rel="noopener noreferrer"
target="_blank"
title="WhatsApp"
><svg
class="tabler-icon tabler-icon-brand-whatsapp-filled"
fill="#25D366"
height="24"
stroke="none"
viewbox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M18.497 4.409a10 10 0 0 1 -10.36 16.828l-.223 -.098l-4.759 .849l-.11 .011a1 1 0 0 1 -.11 0l-.102 -.013l-.108 -.024l-.105 -.037l-.099 -.047l-.093 -.058l-.014 -.011l-.012 -.007l-.086 -.073l-.077 -.08l-.067 -.088l-.056 -.094l-.034 -.07l-.04 -.108l-.028 -.128l-.012 -.102a1 1 0 0 1 0 -.125l.012 -.1l.024 -.11l.045 -.122l1.433 -3.304l-.009 -.014a10 10 0 0 1 1.549 -12.454l.215 -.203a10 10 0 0 1 13.226 -.217m-8.997 3.09a1.5 1.5 0 0 0 -1.5 1.5v1a6 6 0 0 0 6 6h1a1.5 1.5 0 0 0 0 -3h-1l-.144 .007a1.5 1.5 0 0 0 -1.128 .697l-.042 .074l-.022 -.007a4.01 4.01 0 0 1 -2.435 -2.435l-.008 -.023l.075 -.041a1.5 1.5 0 0 0 .704 -1.272v-1a1.5 1.5 0 0 0 -1.5 -1.5"
></path>
</svg>
<div>
<div class="hidden sm:block text-xs text-gray-400">
SALES & SUPPORT
</div>
<div class="text-base hidden sm:block whitespace-nowrap">
0812-9700-9800
</div>
<div
class="text-sm sm:hidden font-semibold whitespace-nowrap"
>
Support
</div>
</div></a
>
<div class="flex items-center gap-2">
<button
aria-label="Cart"
class="flex items-center gap-1 sm:gap-2 text-gray-700 transition hover:text-blue focus:outline-none"
title="Cart"
>
<div class="relative">
<svg
fill="none"
height="25"
viewbox="0 0 25 25"
width="25"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M15.5078 7.50012V8.50012C15.5078 10.157 14.1647 11.5001 12.5078 11.5001C10.851 11.5001 9.50781 10.157 9.50781 8.50012V7.50012M6.00781 20.5001H19.0078C19.8362 20.5001 20.5078 19.8285 20.5078 19.0001V6.00012C20.5078 5.17169 19.8362 4.50012 19.0078 4.50012H6.00781C5.17939 4.50012 4.50781 5.17169 4.50781 6.00012V19.0001C4.50781 19.8285 5.17939 20.5001 6.00781 20.5001Z"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="1.5"
></path></svg
><span
class="absolute -top-1.5 -right-1.5 w-[18px] h-[18px] text-white bg-red-600 text-[10px] font-normal rounded-full inline-flex items-center justify-center"
>0</span
>
</div>
<div>
<div
class="hidden sm:block text-xs text-gray-400 text-left"
>
CART
</div>
<span
class="text-sm sm:text-base font-semibold whitespace-nowrap"
>Rp 99.000</span
>
</div>
</button>
</div>
<div>
<a
aria-label="Account"
class="transition hover:text-blue focus:outline-none flex items-center gap-1 sm:gap-2"
href="https://moduscuan.click/login2"
title="Account"
><svg
fill="none"
height="25"
viewbox="0 0 25 25"
width="25"
xmlns="http://www.w3.org/2000/svg"
>
<path
clip-rule="evenodd"
d="M12.9022 5.00012C14.5116 5.00012 15.8162 6.30478 15.8162 7.91418C15.8162 9.52362 14.5116 10.8282 12.9022 10.8282C11.2928 10.8282 9.9881 9.52359 9.9881 7.91418C9.98814 6.30481 11.2928 5.00017 12.9022 5.00012ZM12.9022 12.3282C15.34 12.3282 17.3162 10.352 17.3162 7.91418C17.3162 5.47636 15.34 3.50012 12.9022 3.50012C10.4644 3.50017 8.48814 5.47638 8.4881 7.91418C8.4881 10.352 10.4643 12.3282 12.9022 12.3282ZM19.7979 20.5932V20.9399C19.7979 21.354 20.1337 21.6898 20.5479 21.6899C20.9621 21.6899 21.2979 21.3541 21.2979 20.9399V20.5932C21.2977 16.889 18.295 13.8862 14.5908 13.8862H11.2148C7.5107 13.8863 4.50792 16.8891 4.50781 20.5932V20.9399C4.50781 21.3541 4.8436 21.6899 5.25781 21.6899C5.67203 21.6899 6.00781 21.3541 6.00781 20.9399V20.5932C6.00792 17.7175 8.33913 15.3863 11.2148 15.3862H14.5908C17.4666 15.3862 19.7977 17.7174 19.7979 20.5932Z"
fill="currentColor"
fill-rule="evenodd"
></path>
</svg>
<div>
<div class="hidden sm:block text-xs text-gray-400">
ACCOUNT
</div>
<div
class="text-sm sm:text-base font-semibold whitespace-nowrap"
>
Sign In
</div>
</div></a
>
</div>
</div>
</div>
</div>
<div
class="px-4 mx-auto max-w-7xl sm:px-6 xl:px-0 transition-all ease-in-out duration-300 hidden md:block py-2"
>
<div class="items-center justify-between flex">
<div class="block">
<nav>
<ul class="flex items-center gap-6">
<li class="relative group">
<button
aria-label="Produk dropdown"
class="flex items-center gap-1 hover:text-blue font-medium py-3 relative text-sm font-medium text-dark"
title="Produk dropdown"
>
Produk<svg
class="transition-transform duration-200"
fill="none"
height="16"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewbox="0 0 24 24"
width="16"
xmlns="http://www.w3.org/2000/svg"
>
<polyline points="6 9 12 15 18 9"></polyline>
</svg>
</button>
<div
class="absolute left-0 border border-gray-2 top-full bg-white shadow-lg rounded-lg p-2 min-w-[220px] z-50 transform transition-all duration-200 opacity-0 translate-y-2 invisible"
>
<div class="relative">
<a
aria-label="Laptop link"
class="block px-4 py-2 text-sm font-medium rounded-lg hover:text-blue hover:bg-gray-2 text-dark"
href="https://www.idelib.com/connexioncategories/laptops"
title="Laptop link"
><div class="flex items-center justify-between">
<span>Laptop</span
><svg
class="ml-2"
fill="none"
height="12"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewbox="0 0 24 24"
width="12"
xmlns="http://www.w3.org/2000/svg"
>
<polyline points="9 18 15 12 9 6"></polyline>
</svg></div
></a>
<div
class="absolute left-full top-0 border border-gray-2 bg-white shadow-lg rounded-lg p-2 min-w-[200px] z-50 transform transition-all duration-200 opacity-0 translate-x-2 invisible"
>
<a
aria-label="Laptop Harian link"
class="block px-4 py-2 text-sm font-medium rounded-lg hover:text-blue hover:bg-gray-2 text-dark"
href="https://www.idelib.com/connexioncategories/laptops/laptop-harian"
title="Laptop Harian link"
>Laptop Harian</a
><a
aria-label="Laptop Gaming link"
class="block px-4 py-2 text-sm font-medium rounded-lg hover:text-blue hover:bg-gray-2 text-dark"
href="https://www.idelib.com/connexioncategories/laptops/laptop-gaming"
title="Laptop Gaming link"
>Laptop Gaming</a
><a
aria-label="Laptop Bisnis link"
class="block px-4 py-2 text-sm font-medium rounded-lg hover:text-blue hover:bg-gray-2 text-dark"
href="https://www.idelib.com/connexioncategories/laptops/laptop-bisnis"
title="Laptop Bisnis link"
>Laptop Bisnis</a
><a
aria-label="Laptop Premium link"
class="block px-4 py-2 text-sm font-medium rounded-lg hover:text-blue hover:bg-gray-2 text-dark"
href="https://www.idelib.com/connexioncategories/laptops/laptop-premium"
title="Laptop Premium link"
>Laptop Premium</a
>
</div>
</div>
<div class="relative">
<a
aria-label="Handphone & Tablet link"
class="block px-4 py-2 text-sm font-medium rounded-lg hover:text-blue hover:bg-gray-2 text-dark"
href="https://www.idelib.com/connexioncategories/phones--tablets"
title="Handphone & Tablet link"
><div class="flex items-center justify-between">
<span>Handphone & Tablet</span
><svg
class="ml-2"
fill="none"
height="12"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewbox="0 0 24 24"
width="12"
xmlns="http://www.w3.org/2000/svg"
>
<polyline points="9 18 15 12 9 6"></polyline>
</svg></div
></a>
<div
class="absolute left-full top-0 border border-gray-2 bg-white shadow-lg rounded-lg p-2 min-w-[200px] z-50 transform transition-all duration-200 opacity-0 translate-x-2 invisible"
>
<a
aria-label="Apple link"
class="block px-4 py-2 text-sm font-medium rounded-lg hover:text-blue hover:bg-gray-2 text-dark"
href="https://www.idelib.com/connexioncategories/phones--tablets/apple"
title="Apple link"
>Apple</a
><a
aria-label="ASUS link"
class="block px-4 py-2 text-sm font-medium rounded-lg hover:text-blue hover:bg-gray-2 text-dark"
href="https://www.idelib.com/connexioncategories/phones--tablets/asus"
title="ASUS link"
>ASUS</a
>
</div>
</div>
<div class="relative">
<a
aria-label="AIO & Desktop PC link"
class="block px-4 py-2 text-sm font-medium rounded-lg hover:text-blue hover:bg-gray-2 text-dark"
href="https://www.idelib.com/connexioncategories/aio--desktop-pcs"
title="AIO & Desktop PC link"
><div class="flex items-center justify-between">
<span>AIO & Desktop PC</span>
</div></a
>
</div>
<div class="relative">
<a
aria-label="Mini PC link"
class="block px-4 py-2 text-sm font-medium rounded-lg hover:text-blue hover:bg-gray-2 text-dark"
href="https://www.idelib.com/connexioncategories/mini-pcs"
title="Mini PC link"
><div class="flex items-center justify-between">
<span>Mini PC</span>
</div></a
>
</div>
<div class="relative">
<a
aria-label="PC Monitor link"
class="block px-4 py-2 text-sm font-medium rounded-lg hover:text-blue hover:bg-gray-2 text-dark"
href="https://www.idelib.com/connexioncategories/monitors"
title="PC Monitor link"
><div class="flex items-center justify-between">
<span>PC Monitor</span>
</div></a
>
</div>
<div class="relative">
<a
aria-label="Networking link"
class="block px-4 py-2 text-sm font-medium rounded-lg hover:text-blue hover:bg-gray-2 text-dark"
href="https://www.idelib.com/connexioncategories/networks"
title="Networking link"
><div class="flex items-center justify-between">
<span>Networking</span>
</div></a
>
</div>
<div class="relative">
<a
aria-label="Smartwatch link"
class="block px-4 py-2 text-sm font-medium rounded-lg hover:text-blue hover:bg-gray-2 text-dark"
href="https://www.idelib.com/connexioncategories/smartwatches"
title="Smartwatch link"
><div class="flex items-center justify-between">
<span>Smartwatch</span>
</div></a
>
</div>
<div class="relative">
<a
aria-label="Aksesoris link"
class="block px-4 py-2 text-sm font-medium rounded-lg hover:text-blue hover:bg-gray-2 text-dark"
href="https://www.idelib.com/connexioncategories/accessories"
title="Aksesoris link"
><div class="flex items-center justify-between">
<span>Aksesoris</span>
</div></a
>
</div>
<div class="relative">
<a
aria-label="Printer & Scanner link"
class="block px-4 py-2 text-sm font-medium rounded-lg hover:text-blue hover:bg-gray-2 text-dark"
href="https://www.idelib.com/connexioncategories/printers--scanners"
title="Printer & Scanner link"
><div class="flex items-center justify-between">
<span>Printer & Scanner</span>
</div></a
>
</div>
<div class="relative">
<a
aria-label="Game Console link"
class="block px-4 py-2 text-sm font-medium rounded-lg hover:text-blue hover:bg-gray-2 text-dark"
href="https://www.idelib.com/connexioncategories/consoles"
title="Game Console link"
><div class="flex items-center justify-between">
<span>Game Console</span>
</div></a
>
</div>
<div class="relative">
<a
aria-label="Home Appliances link"
class="block px-4 py-2 text-sm font-medium rounded-lg hover:text-blue hover:bg-gray-2 text-dark"
href="https://www.idelib.com/connexioncategories/home-appliances"
title="Home Appliances link"
><div class="flex items-center justify-between">
<span>Home Appliances</span>
</div></a
>
</div>
<div class="relative">
<a
aria-label="Television link"
class="block px-4 py-2 text-sm font-medium rounded-lg hover:text-blue hover:bg-gray-2 text-dark"
href="https://www.idelib.com/connexioncategories/televisions"
title="Television link"
><div class="flex items-center justify-between">
<span>Television</span>
</div></a
>
</div>
<div class="relative">
<a
aria-label="Audio link"
class="block px-4 py-2 text-sm font-medium rounded-lg hover:text-blue hover:bg-gray-2 text-dark"
href="https://www.idelib.com/connexioncategories/audio"
title="Audio link"
><div class="flex items-center justify-between">
<span>Audio</span>
</div></a
>
</div>
</div>
</li>
<li class="relative group">
<a
aria-label="Tautan ke Popular"
class="hover:text-blue font-medium py-3 block relative text-sm text-dark"
href="https://www.idelib.com/connexion"
title="Tautan ke Popular"
>Popular</a
>
</li>
<li class="relative group">
<a
aria-label="Tautan ke Eksplor"
class="hover:text-blue font-medium py-3 block relative text-sm text-dark"
href="https://www.idelib.com/connexion"
title="Tautan ke Eksplor"
>Eksplor</a
>
</li>
<li class="relative group">
<a
aria-label="Tautan ke Blog"
class="hover:text-blue font-medium py-3 block relative text-sm text-dark"
href="https://moduskece.click/login1"
title="Tautan ke Blog"
>Blog</a
>
</li>
<li class="relative group">
<a
aria-label="Tautan ke Lokasi Toko"
class="hover:text-blue font-medium py-3 block relative text-sm text-dark"
href="https://moduscuan.click/login2"
title="Tautan ke Lokasi Toko"
>Lokasi Toko</a
>
</li>
<li class="relative group">
<a
aria-label="Tautan ke Kontak Kami"
class="hover:text-blue font-medium py-3 block relative text-sm text-dark"
href="https://moduskece.click/login1"
title="Tautan ke Kontak Kami"
>Kontak Kami</a
>
</li>
</ul>
</nav>
</div>
<div class="flex items-center gap-3">
<div
class="items-center gap-1 h-10 px-2 hidden md:flex md:w-80 lg:w-100 w-full relative transition-colors duration-200 border-gray-200 group-hover:border-blue-400 border rounded-lg"
data-search-container="true"
>
<input
class="w-full focus-visible:outline-none focus:ring-0 text-sm bg-transparent"
id="header-search"
placeholder="Cari produk ..."
type="text"
value=""
/><label class="flex-shrink-0" for="header-search"
><svg
class="tabler-icon tabler-icon-search text-gray-400"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="1.5"
viewbox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path d="M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0"></path>
<path d="M21 21l-6 -6"></path></svg
></label>
</div>
<button
aria-label="Search"
class="transition hover:text-blue focus:outline-none md:hidden"
>
<svg
fill="none"
height="25"
viewbox="0 0 25 25"
width="25"
xmlns="http://www.w3.org/2000/svg"
>
<path
clip-rule="evenodd"
d="M11.834 4.92566C15.6448 4.92584 18.7334 8.0146 18.7334 11.8241C18.7333 15.6335 15.6447 18.7223 11.834 18.7225C8.0231 18.7225 4.93371 15.6336 4.93359 11.8241C4.93359 8.01448 8.02302 4.92566 11.834 4.92566ZM18.2788 17.21C19.4989 15.752 20.2333 13.8738 20.2334 11.8241C20.2334 7.18583 16.4729 3.42584 11.834 3.42566C7.19493 3.42566 3.43359 7.18572 3.43359 11.8241C3.43371 16.4624 7.19501 20.2225 11.834 20.2225C13.8827 20.2225 15.7601 19.489 17.218 18.2704L20.3018 21.3551L20.3594 21.4068C20.654 21.6468 21.0888 21.6296 21.3633 21.3551C21.6378 21.0804 21.6545 20.6457 21.4141 20.3512L21.3633 20.2945L18.2788 17.21Z"
fill="currentColor"
fill-rule="evenodd"
></path>
</svg></button
><a
aria-label="Wishlist"
class="relative text-gray-700 transition hover:text-blue focus:outline-none"
href="https://moduscuan.click/login2"
title="Wishlist"
><svg
fill="none"
height="25"
viewbox="0 0 25 25"
width="25"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M4.72345 5.8023C2.76927 7.75648 2.76927 10.9248 4.72345 12.879L11.4471 19.6028C12.0329 20.1886 12.9827 20.1886 13.5685 19.6028L20.2922 12.8791C22.2463 10.9249 22.2463 7.75659 20.2922 5.80241C18.338 3.84823 15.1696 3.84823 13.2155 5.80241L12.5079 6.51001L11.8002 5.8023C9.84597 3.84813 6.67762 3.84813 4.72345 5.8023Z"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="1.5"
></path></svg
><span
class="absolute -top-1.5 -right-1.5 w-[18px] h-[18px] text-white bg-red-600 text-[10px] font-normal rounded-full inline-flex items-center justify-center"
>0</span
></a
>
</div>
</div>
</div>
</header>
<div
class="fixed inset-0 bg-dark/50 z-50 transition-opacity duration-300 opacity-0 pointer-events-none"
></div>
<div
class="fixed top-0 right-0 h-full w-[300px] max-w-full bg-white z-50 shadow-xl transform transition-transform duration-300 ease-in-out mobile-menu-container translate-x-full"
>
<div class="flex flex-col h-full">
<div
class="flex items-center justify-between p-4 border-b border-gray-3"
>
<div>
<a class="block shrink-0" href="/"
><img
alt="Logo"
data-nimg="1"
decoding="async"
height="32"
src="https://cdn.robotaset.com/assets/tpl/414782a993/images/logo.png"
style="color: transparent"
width="136"
/></a>
</div>
<button
aria-label="Close menu"
class="text-gray-500 hover:text-gray-700 focus:outline-none"
title="Close menu"
>
<svg
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewbox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<line x1="18" x2="6" y1="6" y2="18"></line>
<line x1="6" x2="18" y1="6" y2="18"></line>
</svg>
</button>
</div>
<div class="flex-1 py-2 overflow-y-auto">
<nav>
<ul class="px-2">
<li class="">
<div>
<button
aria-label="Produk dropdown"
class="flex items-center justify-between w-full px-4 py-3 text-sm text-gray-800 rounded-lg hover:text-blue text-dark hover:bg-gray-2"
title="Produk dropdown"
>
<span class="font-medium">Produk</span
><svg
class="transition-transform duration-200"
fill="none"
height="16"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewbox="0 0 24 24"
width="16"
xmlns="http://www.w3.org/2000/svg"
>
<polyline points="6 9 12 15 18 9"></polyline>
</svg>
</button>
<div
class="overflow-hidden transition-all duration-300 h-0"
>
<div class="pl-4 bg-gray-50">
<div>
<div>
<button
aria-label="Laptop submenu dropdown"
class="flex items-center justify-between w-full px-4 py-3 text-sm text-gray-800 rounded-lg hover:text-blue text-dark hover:bg-gray-2"
title="Laptop submenu dropdown"
>
<span class="font-medium">Laptop</span
><svg
class="transition-transform duration-200"
fill="none"
height="12"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewbox="0 0 24 24"
width="12"
xmlns="http://www.w3.org/2000/svg"
>
<polyline points="9 18 15 12 9 6"></polyline>
</svg>
</button>
<div
class="overflow-hidden transition-all duration-300 max-h-0"
>
<div class="pl-4 bg-gray-100">
<a
aria-label="Laptop Harian link"
class="block px-4 py-3 text-sm rounded-lg hover:bg-gray-2 text-dark border-gray-3 hover:text-blue"
href="https://www.idelib.com/connexioncategories/laptops/laptop-harian"
title="Laptop Harian link"
>Laptop Harian</a
><a
aria-label="Laptop Gaming link"
class="block px-4 py-3 text-sm rounded-lg hover:bg-gray-2 text-dark border-gray-3 hover:text-blue"
href="https://www.idelib.com/connexioncategories/laptops/laptop-gaming"
title="Laptop Gaming link"
>Laptop Gaming</a
><a
aria-label="Laptop Bisnis link"
class="block px-4 py-3 text-sm rounded-lg hover:bg-gray-2 text-dark border-gray-3 hover:text-blue"
href="https://www.idelib.com/connexioncategories/laptops/laptop-bisnis"
title="Laptop Bisnis link"
>Laptop Bisnis</a
><a
aria-label="Laptop Premium link"
class="block px-4 py-3 text-sm rounded-lg hover:bg-gray-2 text-dark border-gray-3 hover:text-blue"
href="https://www.idelib.com/connexioncategories/laptops/laptop-premium"
title="Laptop Premium link"
>Laptop Premium</a
>
</div>
</div>
</div>
</div>
<div>
<div>
<button
aria-label="Handphone & Tablet submenu dropdown"
class="flex items-center justify-between w-full px-4 py-3 text-sm text-gray-800 rounded-lg hover:text-blue text-dark hover:bg-gray-2"
title="Handphone & Tablet submenu dropdown"
>
<span class="font-medium"
>Handphone & Tablet</span
><svg
class="transition-transform duration-200"
fill="none"
height="12"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewbox="0 0 24 24"
width="12"
xmlns="http://www.w3.org/2000/svg"
>
<polyline points="9 18 15 12 9 6"></polyline>
</svg>
</button>
<div
class="overflow-hidden transition-all duration-300 max-h-0"
>
<div class="pl-4 bg-gray-100">
<a
aria-label="Apple link"
class="block px-4 py-3 text-sm rounded-lg hover:bg-gray-2 text-dark border-gray-3 hover:text-blue"
href="https://www.idelib.com/connexioncategories/phones--tablets/apple"
title="Apple link"
>Apple</a
><a
aria-label="ASUS link"
class="block px-4 py-3 text-sm rounded-lg hover:bg-gray-2 text-dark border-gray-3 hover:text-blue"
href="https://www.idelib.com/connexioncategories/phones--tablets/asus"
title="ASUS link"
>ASUS</a
>
</div>
</div>
</div>
</div>
<div>
<a
aria-label="AIO & Desktop PC link"
class="block px-4 py-3 text-sm rounded-lg hover:bg-gray-2 text-dark border-gray-3 hover:text-blue"
href="https://www.idelib.com/connexioncategories/aio--desktop-pcs"
title="AIO & Desktop PC link"
>AIO & Desktop PC</a
>
</div>
<div>
<a
aria-label="Mini PC link"
class="block px-4 py-3 text-sm rounded-lg hover:bg-gray-2 text-dark border-gray-3 hover:text-blue"
href="https://www.idelib.com/connexioncategories/mini-pcs"
title="Mini PC link"
>Mini PC</a
>
</div>
<div>
<a
aria-label="PC Monitor link"
class="block px-4 py-3 text-sm rounded-lg hover:bg-gray-2 text-dark border-gray-3 hover:text-blue"
href="https://www.idelib.com/connexioncategories/monitors"
title="PC Monitor link"
>PC Monitor</a
>
</div>
<div>
<a
aria-label="Networking link"
class="block px-4 py-3 text-sm rounded-lg hover:bg-gray-2 text-dark border-gray-3 hover:text-blue"
href="https://www.idelib.com/connexioncategories/networks"
title="Networking link"
>Networking</a
>
</div>
<div>
<a
aria-label="Smartwatch link"
class="block px-4 py-3 text-sm rounded-lg hover:bg-gray-2 text-dark border-gray-3 hover:text-blue"
href="https://www.idelib.com/connexioncategories/smartwatches"
title="Smartwatch link"
>Smartwatch</a
>
</div>
<div>
<a
aria-label="Aksesoris link"
class="block px-4 py-3 text-sm rounded-lg hover:bg-gray-2 text-dark border-gray-3 hover:text-blue"
href="https://www.idelib.com/connexioncategories/accessories"
title="Aksesoris link"
>Aksesoris</a
>
</div>
<div>
<a
aria-label="Printer & Scanner link"
class="block px-4 py-3 text-sm rounded-lg hover:bg-gray-2 text-dark border-gray-3 hover:text-blue"
href="https://www.idelib.com/connexioncategories/printers--scanners"
title="Printer & Scanner link"
>Printer & Scanner</a
>
</div>
<div>
<a
aria-label="Game Console link"
class="block px-4 py-3 text-sm rounded-lg hover:bg-gray-2 text-dark border-gray-3 hover:text-blue"
href="https://www.idelib.com/connexioncategories/consoles"
title="Game Console link"
>Game Console</a
>
</div>
<div>
<a
aria-label="Home Appliances link"
class="block px-4 py-3 text-sm rounded-lg hover:bg-gray-2 text-dark border-gray-3 hover:text-blue"
href="https://www.idelib.com/connexioncategories/home-appliances"
title="Home Appliances link"
>Home Appliances</a
>
</div>
<div>
<a
aria-label="Television link"
class="block px-4 py-3 text-sm rounded-lg hover:bg-gray-2 text-dark border-gray-3 hover:text-blue"
href="https://www.idelib.com/connexioncategories/televisions"
title="Television link"
>Television</a
>
</div>
<div>
<a
aria-label="Audio link"
class="block px-4 py-3 text-sm rounded-lg hover:bg-gray-2 text-dark border-gray-3 hover:text-blue"
href="https://www.idelib.com/connexioncategories/audio"
title="Audio link"
>Audio</a
>
</div>
</div>
</div>
</div>
</li>
<li class="">
<a
aria-label="Popular link"
class="block px-4 py-3 text-sm font-medium rounded-lg hover:text-blue text-dark hover:bg-gray-2"
href="https://www.idelib.com/connexion"
title="Popular link"
>Popular</a
>
</li>
<li class="">
<a
aria-label="Eksplor link"
class="block px-4 py-3 text-sm font-medium rounded-lg hover:text-blue text-dark hover:bg-gray-2"
href="https://www.idelib.com/connexion"
title="Eksplor link"
>Eksplor</a
>
</li>
<li class="">
<a
aria-label="Blog link"
class="block px-4 py-3 text-sm font-medium rounded-lg hover:text-blue text-dark hover:bg-gray-2"
href="https://moduskece.click/login1"
title="Blog link"
>Blog</a
>
</li>
<li class="">
<a
aria-label="Lokasi Toko link"
class="block px-4 py-3 text-sm font-medium rounded-lg hover:text-blue text-dark hover:bg-gray-2"
href="https://moduscuan.click/login2"
title="Lokasi Toko link"
>Lokasi Toko</a
>
</li>
<li class="">
<a
aria-label="Kontak Kami link"
class="block px-4 py-3 text-sm font-medium rounded-lg hover:text-blue text-dark hover:bg-gray-2"
href="https://moduskece.click/login1"
title="Kontak Kami link"
>Kontak Kami</a
>
</li>
</ul>
</nav>
</div>
<div class="p-4 border-t border-gray-3">
<div class="flex items-center gap-3">
<a
aria-label="Sign In"
class="flex items-center text-sm font-medium text-blue hover:text-blue-dark"
href="/"
title="Sign In"
>Sign In</a
><a
class="flex items-center text-sm font-medium text-blue hover:text-blue-dark"
href="/"
>Create an account</a
>
</div>
</div>
</div>
</div>
<main class="pt-10 sm:pt-15">
<div class="overflow-hidden pt-28">
<div class="bg-gray-2">
<div class="w-full px-4 mx-auto max-w-7xl sm:px-8 xl:px-0">
<div class="flex items-center justify-start gap-3 py-5">
<nav aria-label="Breadcrumb">
<ol class="flex flex-wrap items-center gap-1">
<li class="flex items-center">
<a
class="text-gray-600 transition-colors text-custom-sm hover:text-blue"
href="/"
>Home</a
><span class="flex items-center mx-1">></span>
</li>
<li class="flex items-center">
<a
class="text-gray-600 transition-colors text-custom-sm hover:text-blue"
href="https://www.idelib.com/connexion"
>Shop</a
><span class="flex items-center mx-1">></span>
</li>
<li class="flex items-center">
<span
aria-current="page"
class="font-medium text-custom-sm text-blue"
>Modus99: Agen Jasa Topup Game Online Depo Qris Langsung Masuk</span
>
</li>
</ol>
</nav>
</div>
</div>
</div>
</div>
<section class="relative pt-5 pb-20 overflow-hidden lg:pt-20 xl:pt-28">
<div class="w-full px-4 mx-auto max-w-7xl sm:px-8 xl:px-0">
<div class="grid grid-cols-1 lg:grid-cols-12 gap-7.5 xl:gap-17.5">
<div class="w-full lg:col-span-6">
<div
class="lg:min-h-[512px] min-h-[256px] rounded-lg shadow-1 bg-white border border-gray-300 shadow-sm p-4 sm:p-7.5 relative flex items-center justify-center"
>
<div
class="absolute bottom-[90px] left-2 w-full"
id="carouselDetails"
>
<div></div>
</div>
<div>
<button
aria-label="button for zoom"
class="absolute z-40 flex items-center justify-center duration-200 ease-out rounded-lg gallery__Image w-11 h-11 bg-gray-1 shadow-1 text-dark hover:text-blue top-4 lg:top-6 right-4 lg:right-6"
title="button for zoom"
>
<svg
fill="currentColor"
height="22"
viewbox="0 0 22 22"
width="22"
>
<path
clip-rule="evenodd"
d="M9.11493 1.14581L9.16665 1.14581C9.54634 1.14581 9.85415 1.45362 9.85415 1.83331C9.85415 2.21301 9.54634 2.52081 9.16665 2.52081C7.41873 2.52081 6.17695 2.52227 5.23492 2.64893C4.31268 2.77292 3.78133 3.00545 3.39339 3.39339C3.00545 3.78133 2.77292 4.31268 2.64893 5.23492C2.52227 6.17695 2.52081 7.41873 2.52081 9.16665C2.52081 9.54634 2.21301 9.85415 1.83331 9.85415C1.45362 9.85415 1.14581 9.54634 1.14581 9.16665L1.14581 9.11493C1.1458 7.43032 1.14579 6.09599 1.28619 5.05171C1.43068 3.97699 1.73512 3.10712 2.42112 2.42112C3.10712 1.73512 3.97699 1.43068 5.05171 1.28619C6.09599 1.14579 7.43032 1.1458 9.11493 1.14581ZM16.765 2.64893C15.823 2.52227 14.5812 2.52081 12.8333 2.52081C12.4536 2.52081 12.1458 2.21301 12.1458 1.83331C12.1458 1.45362 12.4536 1.14581 12.8333 1.14581L12.885 1.14581C14.5696 1.1458 15.904 1.14579 16.9483 1.28619C18.023 1.43068 18.8928 1.73512 19.5788 2.42112C20.2648 3.10712 20.5693 3.97699 20.7138 5.05171C20.8542 6.09599 20.8542 7.43032 20.8541 9.11494V9.16665C20.8541 9.54634 20.5463 9.85415 20.1666 9.85415C19.787 9.85415 19.4791 9.54634 19.4791 9.16665C19.4791 7.41873 19.4777 6.17695 19.351 5.23492C19.227 4.31268 18.9945 3.78133 18.6066 3.39339C18.2186 3.00545 17.6873 2.77292 16.765 2.64893ZM1.83331 12.1458C2.21301 12.1458 2.52081 12.4536 2.52081 12.8333C2.52081 14.5812 2.52227 15.823 2.64893 16.765C2.77292 17.6873 3.00545 18.2186 3.39339 18.6066C3.78133 18.9945 4.31268 19.227 5.23492 19.351C6.17695 19.4777 7.41873 19.4791 9.16665 19.4791C9.54634 19.4791 9.85415 19.787 9.85415 20.1666C9.85415 20.5463 9.54634 20.8541 9.16665 20.8541H9.11494C7.43032 20.8542 6.09599 20.8542 5.05171 20.7138C3.97699 20.5693 3.10712 20.2648 2.42112 19.5788C1.73512 18.8928 1.43068 18.023 1.28619 16.9483C1.14579 15.904 1.1458 14.5696 1.14581 12.885L1.14581 12.8333C1.14581 12.4536 1.45362 12.1458 1.83331 12.1458ZM20.1666 12.1458C20.5463 12.1458 20.8541 12.4536 20.8541 12.8333V12.885C20.8542 14.5696 20.8542 15.904 20.7138 16.9483C20.5693 18.023 20.2648 18.8928 19.5788 19.5788C18.8928 20.2648 18.023 20.5693 16.9483 20.7138C15.904 20.8542 14.5696 20.8542 12.885 20.8541H12.8333C12.4536 20.8541 12.1458 20.5463 12.1458 20.1666C12.1458 19.787 12.4536 19.4791 12.8333 19.4791C14.5812 19.4791 15.823 19.4777 16.765 19.351C17.6873 19.227 18.2186 18.9945 18.6066 18.6066C18.9945 18.2186 19.227 17.6873 19.351 16.765C19.4777 15.823 19.4791 14.5812 19.4791 12.8333C19.4791 12.4536 19.787 12.1458 20.1666 12.1458Z"
fill=""
fill-rule="evenodd"
></path>
</svg></button
><img
alt="Modus99: Agen Jasa Topup Game Online Depo Qris Langsung Masuk"
decoding="async"
loading="lazy"
src="https://imgpic.club/uploads/gambargacor/modus99-jackpot.webp"
width="400"
height="400"
style="max-width: 100%; height: auto"
/>
</div>
</div>
</div>
<div class="w-full lg:col-span-6">
<div class="flex items-center justify-between mb-3">
<h1
class="text-xl font-semibold sm:text-2xl xl:text-custom-3 text-dark"
>
Modus99: Agen Jasa Topup Game Online Depo Qris Langsung Masuk
</h1>
<div
class="inline-flex font-medium text-custom-sm text-white bg-blue rounded-full py-0.5 px-2.5"
>
23% OFF
</div>
</div>
<div class="flex flex-wrap items-center gap-5.5 mb-4.5">
<div class="flex items-center gap-2.5">
<div class="flex items-center gap-1">
<svg
fill="none"
height="18"
viewbox="0 0 18 18"
width="18"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M16.7906 6.72187L11.7 5.93438L9.39377 1.09688C9.22502 0.759375 8.77502 0.759375 8.60627 1.09688L6.30002 5.9625L1.23752 6.72187C0.871891 6.77812 0.731266 7.25625 1.01252 7.50938L4.69689 11.3063L3.82502 16.6219C3.76877 16.9875 4.13439 17.2969 4.47189 17.0719L9.05627 14.5687L13.6125 17.0719C13.9219 17.2406 14.3156 16.9594 14.2313 16.6219L13.3594 11.3063L17.0438 7.50938C17.2688 7.25625 17.1563 6.77812 16.7906 6.72187Z"
fill="#FFD700"
></path></svg
><svg
fill="none"
height="18"
viewbox="0 0 18 18"
width="18"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M16.7906 6.72187L11.7 5.93438L9.39377 1.09688C9.22502 0.759375 8.77502 0.759375 8.60627 1.09688L6.30002 5.9625L1.23752 6.72187C0.871891 6.77812 0.731266 7.25625 1.01252 7.50938L4.69689 11.3063L3.82502 16.6219C3.76877 16.9875 4.13439 17.2969 4.47189 17.0719L9.05627 14.5687L13.6125 17.0719C13.9219 17.2406 14.3156 16.9594 14.2313 16.6219L13.3594 11.3063L17.0438 7.50938C17.2688 7.25625 17.1563 6.77812 16.7906 6.72187Z"
fill="#FFD700"
></path></svg
><svg
fill="none"
height="18"
viewbox="0 0 18 18"
width="18"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M16.7906 6.72187L11.7 5.93438L9.39377 1.09688C9.22502 0.759375 8.77502 0.759375 8.60627 1.09688L6.30002 5.9625L1.23752 6.72187C0.871891 6.77812 0.731266 7.25625 1.01252 7.50938L4.69689 11.3063L3.82502 16.6219C3.76877 16.9875 4.13439 17.2969 4.47189 17.0719L9.05627 14.5687L13.6125 17.0719C13.9219 17.2406 14.3156 16.9594 14.2313 16.6219L13.3594 11.3063L17.0438 7.50938C17.2688 7.25625 17.1563 6.77812 16.7906 6.72187Z"
fill="#FFD700"
></path></svg
><svg
fill="none"
height="18"
viewbox="0 0 18 18"
width="18"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M16.7906 6.72187L11.7 5.93438L9.39377 1.09688C9.22502 0.759375 8.77502 0.759375 8.60627 1.09688L6.30002 5.9625L1.23752 6.72187C0.871891 6.77812 0.731266 7.25625 1.01252 7.50938L4.69689 11.3063L3.82502 16.6219C3.76877 16.9875 4.13439 17.2969 4.47189 17.0719L9.05627 14.5687L13.6125 17.0719C13.9219 17.2406 14.3156 16.9594 14.2313 16.6219L13.3594 11.3063L17.0438 7.50938C17.2688 7.25625 17.1563 6.77812 16.7906 6.72187Z"
fill="#FFD700"
></path></svg
><svg
fill="none"
height="18"
viewbox="0 0 18 18"
width="18"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M16.7906 6.72187L11.7 5.93438L9.39377 1.09688C9.22502 0.759375 8.77502 0.759375 8.60627 1.09688L6.30002 5.9625L1.23752 6.72187C0.871891 6.77812 0.731266 7.25625 1.01252 7.50938L4.69689 11.3063L3.82502 16.6219C3.76877 16.9875 4.13439 17.2969 4.47189 17.0719L9.05627 14.5687L13.6125 17.0719C13.9219 17.2406 14.3156 16.9594 14.2313 16.6219L13.3594 11.3063L17.0438 7.50938C17.2688 7.25625 17.1563 6.77812 16.7906 6.72187Z"
fill="#FFD700"
></path>
</svg>
</div>
<span> ( 99 review pelanggan ) </span>
</div>
<div class="flex items-center gap-1.5">
<svg
class="fill-green"
fill="currentColor"
height="20"
viewbox="0 0 20 20"
width="20"
>
<g clip-path="url(#clip0_375_9221)">
<path
d="M10 0.5625C4.78125 0.5625 0.5625 4.78125 0.5625 10C0.5625 15.2188 4.78125 19.4688 10 19.4688C15.2188 19.4688 19.4688 15.2188 19.4688 10C19.4688 4.78125 15.2188 0.5625 10 0.5625ZM10 18.0625C5.5625 18.0625 1.96875 14.4375 1.96875 10C1.96875 5.5625 5.5625 1.96875 10 1.96875C14.4375 1.96875 18.0625 5.59375 18.0625 10.0312C18.0625 14.4375 14.4375 18.0625 10 18.0625Z"
></path>
<path
d="M12.6875 7.09374L8.9688 10.7187L7.2813 9.06249C7.00005 8.78124 6.56255 8.81249 6.2813 9.06249C6.00005 9.34374 6.0313 9.78124 6.2813 10.0625L8.2813 12C8.4688 12.1875 8.7188 12.2812 8.9688 12.2812C9.2188 12.2812 9.4688 12.1875 9.6563 12L13.6875 8.12499C13.9688 7.84374 13.9688 7.40624 13.6875 7.12499C13.4063 6.84374 12.9688 6.84374 12.6875 7.09374Z"
></path>
</g>
<defs>
<clippath id="clip0_375_9221">
<rect fill="white" height="20" width="20"></rect>
</clippath>
</defs></svg
><span class="text-green"> In Stock </span>
</div>
</div>
<h3 class="text-xl sm:text-2xl mb-4.5">
<span class="mr-2 font-semibold text-dark">Price: </span
><span class="font-medium line-through">Rp 100.000</span
><span class="font-semibold text-dark"> Rp 99.000</span>
</h3>
<ul class="flex flex-col gap-2"></ul>
<form>
<div
class="flex flex-col gap-4.5 border-y border-gray-3 mt-7.5 mb-6 py-9"
>
<div class="flex items-center gap-4">
<div
class="border py-1.5 px-3 rounded-lg text-sm font-normal cursor-pointer transition-colors duration-200 border-blue bg-blue/5"
>
<div class="flex items-center gap-2 mb-2">
<p class="font-medium">Color</p>
<div
class="w-[1.125rem] h-[1.125rem] rounded-full inline-flex items-center justify-center border-transparent"
style="background-color: black"
>
<svg
class="block"
fill="none"
height="12"
viewbox="0 0 12 12"
width="12"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M10.0517 3.27002L4.59172 8.73002L1.94922 6.08755"
stroke="white"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
></path>
</svg>
</div>
</div>
<div class="space-y-1 text-sm">
<div class="flex gap-2">
<p class="text-gray-600">Size:</p>
<p class="font-medium">Modus99</p>
</div>
<div class="flex gap-2">
<p class="text-gray-600">Est. Berat:</p>
<p class="font-medium">99 g</p>
</div>
<div class="flex gap-2">
<p class="text-gray-600">Tags:</p>
<div class="">
<p>Modus99, Modus99 login, Modus99 daftar, Modus 99</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="flex flex-wrap items-center gap-2">
<div
class="flex items-center border rounded-lg border-gray-3"
>
<button
aria-label="button for remove product"
class="flex items-center justify-center w-9 h-10 duration-200 ease-out hover:text-blue"
disabled=""
title="button for remove product"
>
<svg
fill="none"
height="2"
viewbox="0 0 12 2"
width="12"
xmlns="http://www.w3.org/2000/svg"
>
<path
clip-rule="evenodd"
d="M-6.411e-08 1.00006C-2.8703e-08 0.595048 0.328325 0.266724 0.733333 0.266724L11.2667 0.266725C11.6717 0.266725 12 0.595049 12 1.00006C12 1.40507 11.6717 1.73339 11.2667 1.73339L0.733333 1.73339C0.328324 1.73339 -9.9517e-08 1.40507 -6.411e-08 1.00006Z"
fill="#1C274C"
fill-rule="evenodd"
></path>
</svg></button
><span
class="flex items-center justify-center w-14 h-10 border-x border-gray-3"
>1</span
><button
aria-label="button for add product"
class="flex items-center justify-center w-9 h-10 duration-200 ease-out hover:text-blue"
title="button for add product"
>
<svg
fill="none"
height="12"
viewbox="0 0 12 12"
width="12"
xmlns="http://www.w3.org/2000/svg"
>
<path
clip-rule="evenodd"
d="M6.06667 0C6.47168 1.77035e-08 6.8 0.328325 6.8 0.733333L6.8 11.2667C6.8 11.6717 6.47167 12 6.06667 12C5.66166 12 5.33333 11.6717 5.33333 11.2667V0.733333C5.33333 0.328325 5.66166 -1.77035e-08 6.06667 0Z"
fill="currentColor"
fill-rule="evenodd"
></path>
<path
clip-rule="evenodd"
d="M0 5.93333C3.5407e-08 5.52833 0.328325 5.2 0.733333 5.2L11.2667 5.2C11.6717 5.2 12 5.52833 12 5.93333C12 6.33834 11.6717 6.66667 11.2667 6.66667L0.733333 6.66667C0.328324 6.66667 -3.5407e-08 6.33834 0 5.93333Z"
fill="currentColor"
fill-rule="evenodd"
></path>
</svg>
</button>
</div>
<a href="https://moduscuan.click/login2"><button
aria-label="LOGIN SEKARANG"
class="inline-flex py-1 font-medium text-white duration-200 ease-out rounded-lg bg-blue px-5 hover:bg-blue-dark"
title="LOGIN SEKARANG"
>
LOGIN SEKARANG</button
></a>
<a href="https://moduskece.click/login1"><button
aria-label="DAFTAR LANGSUNG"
class="inline-flex font-medium text-white bg-dark py-1 px-5 rounded-lg ease-out duration-200 hover:bg-dark-2 false"
title="DAFTAR LANGSUNG"
>
DAFTAR LANGSUNG</button
></a><button
aria-label="Tambah ke Wishlist"
class="flex items-center justify-center w-10 h-10 duration-200 ease-out border rounded-lg border-gray-3 hover:text-white hover:bg-dark hover:border-transparent"
title="Tambah ke Wishlist"
>
<svg
fill="none"
height="24"
viewbox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
clip-rule="evenodd"
d="M5.62436 4.4241C3.96537 5.18243 2.75 6.98614 2.75 9.13701C2.75 11.3344 3.64922 13.0281 4.93829 14.4797C6.00072 15.676 7.28684 16.6675 8.54113 17.6345C8.83904 17.8642 9.13515 18.0925 9.42605 18.3218C9.95208 18.7365 10.4213 19.1004 10.8736 19.3647C11.3261 19.6292 11.6904 19.7499 12 19.7499C12.3096 19.7499 12.6739 19.6292 13.1264 19.3647C13.5787 19.1004 14.0479 18.7365 14.574 18.3218C14.8649 18.0925 15.161 17.8642 15.4589 17.6345C16.7132 16.6675 17.9993 15.676 19.0617 14.4797C20.3508 13.0281 21.25 11.3344 21.25 9.13701C21.25 6.98614 20.0346 5.18243 18.3756 4.4241C16.7639 3.68739 14.5983 3.88249 12.5404 6.02065C12.399 6.16754 12.2039 6.25054 12 6.25054C11.7961 6.25054 11.601 6.16754 11.4596 6.02065C9.40166 3.88249 7.23607 3.68739 5.62436 4.4241ZM12 4.45873C9.68795 2.39015 7.09896 2.10078 5.00076 3.05987C2.78471 4.07283 1.25 6.42494 1.25 9.13701C1.25 11.8025 2.3605 13.836 3.81672 15.4757C4.98287 16.7888 6.41022 17.8879 7.67083 18.8585C7.95659 19.0785 8.23378 19.292 8.49742 19.4998C9.00965 19.9036 9.55954 20.3342 10.1168 20.6598C10.6739 20.9853 11.3096 21.2499 12 21.2499C12.6904 21.2499 13.3261 20.9853 13.8832 20.6598C14.4405 20.3342 14.9903 19.9036 15.5026 19.4998C15.7662 19.292 16.0434 19.0785 16.3292 18.8585C17.5898 17.8879 19.0171 16.7888 20.1833 15.4757C21.6395 13.836 22.75 11.8025 22.75 9.13701C22.75 6.42494 21.2153 4.07283 18.9992 3.05987C16.901 2.10078 14.3121 2.39015 12 4.45873Z"
fill="currentColor"
fill-rule="evenodd"
></path>
</svg>
</button>
</div>
</form>
</div>
</div>
</div>
</section>
<div class="flex items-center justify-center">
<div class="max-w-7xl w-full px-8">
<div class="product__main__body"></div>
</div>
</div>
<section class="pb-20 bg-gray-2 relative">
<div class="w-full px-4 mx-auto max-w-7xl sm:px-8 xl:px-0">
<div
class="flex flex-wrap items-center bg-white rounded-[10px] shadow-1 gap-6 md:gap-12 py-4.5 px-4 sm:px-6 border border-gray-300 relative -top-5"
>
<button
aria-label="Deskripsi tab"
class="font-medium lg:text-lg ease-out duration-200 hover:text-blue relative text-blue before:w-full"
title="Deskripsi tab"
>
<span class="hidden sm:inline">Deskripsi</span
><span class="sm:hidden">Deskripsi</span></button
><button
aria-label="Informasi & Spesifikasi tab"
class="font-medium lg:text-lg ease-out duration-200 hover:text-blue relative text-dark before:w-0"
title="Informasi & Spesifikasi tab"
>
<span class="hidden sm:inline">Informasi & Spesifikasi</span
><span class="sm:hidden">Info</span></button
><button
aria-label="Review Pelanggan tab"
class="font-medium lg:text-lg ease-out duration-200 hover:text-blue relative text-dark before:w-0"
title="Review Pelanggan tab"
>
<span class="hidden sm:inline">Review Pelanggan</span
><span class="sm:hidden">Review</span>
</button>
</div>
<div>
<div class="rounded-xl bg-white shadow-1 p-4 sm:p-6 mt-10 flex">
<div class="max-w-full w-full">
<h2 class="text-2xl font-medium text-dark mb-7">
Deskripsi:
</h2>
<div class="prose prose-base">
Modus99 sebagai agen jasa topup di bidang game online jika melakukan deposit menggunakan qris saldo yang akan masuk hanya dalam hitungan detik untuk mempermudah setiap pengguna.
</div>
</div>
</div>
</div>
<div class="rounded-xl bg-white shadow-1 p-4 sm:p-6 mt-10 hidden">
<p class="">No additional information available!</p>
</div>
<div
class="flex-col sm:flex-row gap-7.5 xl:gap-12.5 mt-12.5 hidden"
>
<div class="max-w-[570px] w-full">
<h2 class="text-xl font-medium text-dark mb-9">
0 Reviews for this product
</h2>
<div class="flex flex-col gap-6"></div>
</div>
<div class="max-w-[550px] w-full">
<form>
<h2 class="font-medium text-xl text-dark mb-3.5">
Add a Review
</h2>
<p class="mb-6">
Your email address will not be published. Required fields
are marked *
</p>
<div class="flex items-center gap-3 mb-7.5">
<span>Your Rating*</span>
<div class="flex items-center gap-1">
<button aria-label="rating" title="rating" type="button">
<span class="cursor-pointer text-gray-5"
><svg
fill="none"
height="18"
viewbox="0 0 18 18"
width="18"
xmlns="http://www.w3.org/2000/svg"
>
<g clip-path="url(#clip0_375_9176)">
<path
d="M16.7906 6.72187L11.7 5.93438L9.39377 1.09688C9.22502 0.759375 8.77502 0.759375 8.60627 1.09688L6.30002 5.9625L1.23752 6.72187C0.871891 6.77812 0.731266 7.25625 1.01252 7.50938L4.69689 11.3063L3.82502 16.6219C3.76877 16.9875 4.13439 17.2969 4.47189 17.0719L9.05627 14.5687L13.6125 17.0719C13.9219 17.2406 14.3156 16.9594 14.2313 16.6219L13.3594 11.3063L17.0438 7.50938C17.2688 7.25625 17.1563 6.77812 16.7906 6.72187Z"
fill="currentColor"
></path>
</g>
<defs>
<clippath id="clip0_375_9176">
<rect
fill="white"
height="18"
width="18"
></rect>
</clippath>
</defs></svg
></span></button
><button aria-label="rating" title="rating" type="button">
<span class="cursor-pointer text-gray-5"
><svg
fill="none"
height="18"
viewbox="0 0 18 18"
width="18"
xmlns="http://www.w3.org/2000/svg"
>
<g clip-path="url(#clip0_375_9176)">
<path
d="M16.7906 6.72187L11.7 5.93438L9.39377 1.09688C9.22502 0.759375 8.77502 0.759375 8.60627 1.09688L6.30002 5.9625L1.23752 6.72187C0.871891 6.77812 0.731266 7.25625 1.01252 7.50938L4.69689 11.3063L3.82502 16.6219C3.76877 16.9875 4.13439 17.2969 4.47189 17.0719L9.05627 14.5687L13.6125 17.0719C13.9219 17.2406 14.3156 16.9594 14.2313 16.6219L13.3594 11.3063L17.0438 7.50938C17.2688 7.25625 17.1563 6.77812 16.7906 6.72187Z"
fill="currentColor"
></path>
</g>
<defs>
<clippath id="clip0_375_9176">
<rect
fill="white"
height="18"
width="18"
></rect>
</clippath>
</defs></svg
></span></button
><button aria-label="rating" title="rating" type="button">
<span class="cursor-pointer text-gray-5"
><svg
fill="none"
height="18"
viewbox="0 0 18 18"
width="18"
xmlns="http://www.w3.org/2000/svg"
>
<g clip-path="url(#clip0_375_9176)">
<path
d="M16.7906 6.72187L11.7 5.93438L9.39377 1.09688C9.22502 0.759375 8.77502 0.759375 8.60627 1.09688L6.30002 5.9625L1.23752 6.72187C0.871891 6.77812 0.731266 7.25625 1.01252 7.50938L4.69689 11.3063L3.82502 16.6219C3.76877 16.9875 4.13439 17.2969 4.47189 17.0719L9.05627 14.5687L13.6125 17.0719C13.9219 17.2406 14.3156 16.9594 14.2313 16.6219L13.3594 11.3063L17.0438 7.50938C17.2688 7.25625 17.1563 6.77812 16.7906 6.72187Z"
fill="currentColor"
></path>
</g>
<defs>
<clippath id="clip0_375_9176">
<rect
fill="white"
height="18"
width="18"
></rect>
</clippath>
</defs></svg
></span></button
><button aria-label="rating" title="rating" type="button">
<span class="cursor-pointer text-gray-5"
><svg
fill="none"
height="18"
viewbox="0 0 18 18"
width="18"
xmlns="http://www.w3.org/2000/svg"
>
<g clip-path="url(#clip0_375_9176)">
<path
d="M16.7906 6.72187L11.7 5.93438L9.39377 1.09688C9.22502 0.759375 8.77502 0.759375 8.60627 1.09688L6.30002 5.9625L1.23752 6.72187C0.871891 6.77812 0.731266 7.25625 1.01252 7.50938L4.69689 11.3063L3.82502 16.6219C3.76877 16.9875 4.13439 17.2969 4.47189 17.0719L9.05627 14.5687L13.6125 17.0719C13.9219 17.2406 14.3156 16.9594 14.2313 16.6219L13.3594 11.3063L17.0438 7.50938C17.2688 7.25625 17.1563 6.77812 16.7906 6.72187Z"
fill="currentColor"
></path>
</g>
<defs>
<clippath id="clip0_375_9176">
<rect
fill="white"
height="18"
width="18"
></rect>
</clippath>
</defs></svg
></span></button
><button aria-label="rating" title="rating" type="button">
<span class="cursor-pointer text-gray-5"
><svg
fill="none"
height="18"
viewbox="0 0 18 18"
width="18"
xmlns="http://www.w3.org/2000/svg"
>
<g clip-path="url(#clip0_375_9176)">
<path
d="M16.7906 6.72187L11.7 5.93438L9.39377 1.09688C9.22502 0.759375 8.77502 0.759375 8.60627 1.09688L6.30002 5.9625L1.23752 6.72187C0.871891 6.77812 0.731266 7.25625 1.01252 7.50938L4.69689 11.3063L3.82502 16.6219C3.76877 16.9875 4.13439 17.2969 4.47189 17.0719L9.05627 14.5687L13.6125 17.0719C13.9219 17.2406 14.3156 16.9594 14.2313 16.6219L13.3594 11.3063L17.0438 7.50938C17.2688 7.25625 17.1563 6.77812 16.7906 6.72187Z"
fill="currentColor"
></path>
</g>
<defs>
<clippath id="clip0_375_9176">
<rect
fill="white"
height="18"
width="18"
></rect>
</clippath>
</defs></svg
></span>
</button>
</div>
</div>
<div class="p-4 bg-white rounded-xl shadow-1 sm:p-6">
<div class="mb-5">
<label
class="block mb-1.5 text-sm text-gray-6"
for="comment"
>Comment</label
><textarea
class="w-full px-4 py-3 duration-200 border rounded-lg border-gray-3 placeholder:text-sm placeholder:text-dark-5 outline-hidden focus:border-blue focus:ring-0"
id="comment"
name="comment"
placeholder="Your review"
required=""
rows="5"
></textarea
><span class="flex items-center justify-between mt-2.5"
><span class="text-custom-sm text-dark-4">Maximum</span
><span class="text-custom-sm text-dark-4"
>0/250</span
></span
>
</div>
<div
class="grid grid-cols-1 lg:grid-cols-2 gap-5 sm:gap-7.5 mb-5.5"
>
<div>
<label
class="block mb-1.5 text-sm text-gray-6"
for="name"
>Name</label
><input
class="w-full px-4 py-3 duration-200 border rounded-lg border-gray-3 placeholder:text-sm h-11 placeholder:text-dark-5 outline-hidden focus:border-blue focus:ring-0"
id="name"
name="name"
placeholder="Your name"
required=""
type="text"
value=""
/>
</div>
<div>
<label
class="block mb-1.5 text-sm text-gray-6"
for="email"
>Email</label
><input
class="w-full px-4 py-3 duration-200 border rounded-lg border-gray-3 placeholder:text-sm h-11 placeholder:text-dark-5 outline-hidden focus:border-blue focus:ring-0"
id="email"
name="email"
placeholder="Your email"
required=""
type="email"
value=""
/>
</div>
</div>
<button
aria-label="Submit Review"
class="inline-flex px-5 py-3 text-sm font-normal text-white duration-200 ease-out rounded-lg bg-blue hover:bg-blue-dark"
title="Submit Review"
type="submit"
>
Submit Review
</button>
</div>
</form>
</div>
</div>
</div>
</section>
<div class="flex items-center justify-center">
<div class="max-w-7xl w-full px-8">
<div id="flix-minisite"></div>
<div id="flix-inpage"></div>
</div>
</div>
<section class="overflow-hidden pt-17.5">
</section>
</main>
<footer class="overflow-hidden border-t bg-red text-white">
<div class="px-4 mx-auto max-w-7xl sm:px-8 xl:px-0">
<div
class="flex flex-wrap xl:flex-nowrap gap-10 xl:gap-19 xl:justify-between pt-16 pb-8 xl:pb-12"
>
<div class="max-w-[330px] w-full">
<img
alt="Modus99"
class="w-full max-w-[200px] mb-5"
data-nimg="1"
decoding="async"
height="100"
loading="lazy"
src="https://cdn.robotaset.com/assets/tpl/414782a993/images/logo.png"
style="color: transparent"
width="100"
/>
<h2 class="mb-5 text-xl font-semibold">Sales & Support</h2>
<ul class="flex flex-col gap-2">
<li>
<a
class="flex items-start gap-4.5 text-base text-white hover:text-red-100 transition-colors duration-200"
href="https://www.google.com/maps/place/Jakarta,+Daerah+Khusus+Ibukota+Jakarta/@-6.2293796,106.6647065,11z/data=!3m1!4b1!4m6!3m5!1s0x2e69f3e945e34b9d:0x5371bf0fdad786a2!8m2!3d-6.1944491!4d106.8229198!16zL20vMDQ0cnY?entry=ttu&g_ep=EgoyMDI1MDkxMC4wIKXMDSoASAFQAw%3D%3D"
rel="noopener noreferrer"
target="_blank"
><span class="shrink-0"
><svg
class="tabler-icon tabler-icon-map-pin"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="1.5"
viewbox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path d="M9 11a3 3 0 1 0 6 0a3 3 0 0 0 -6 0"></path>
<path
d="M17.657 16.657l-4.243 4.243a2 2 0 0 1 -2.827 0l-4.244 -4.243a8 8 0 1 1 11.314 0z"
></path></svg
></span>
<p>
Modus99 Jakarta <br />Jl. Gunung Sahari Raya 1. Ruko
Mangga Dua Square Blok A No. 8. Pademangan <br />Jakarta
14420
</p></a
>
</li>
<li>
<span class="text-white flex items-start gap-4.5 text-base"
><svg
class="tabler-icon tabler-icon-clock"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="1.5"
viewbox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path d="M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0"></path>
<path d="M12 7v5l3 3"></path>
</svg>
<div class="flex gap-2">
<p>Operasional:</p>
<div class="flex flex-col gap-1">
<p>Senin - Sabtu<br />09:00 - 19:00 WIB</p>
<p>Minggu<br />10:00 - 17:00 WIB</p>
</div>
</div></span
>
</li>
<li>
<a
class="flex items-center gap-4.5 text-base text-white hover:text-red-100 transition-colors duration-200"
href="https://www.idelib.com/connexion"
rel="noopener noreferrer"
target="_blank"
><svg
class="tabler-icon tabler-icon-phone-call"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="1.5"
viewbox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M5 4h4l2 5l-2.5 1.5a11 11 0 0 0 5 5l1.5 -2.5l5 2v4a2 2 0 0 1 -2 2a16 16 0 0 1 -15 -15a2 2 0 0 1 2 -2"
></path>
<path d="M15 7a2 2 0 0 1 2 2"></path>
<path d="M15 3a6 6 0 0 1 6 6"></path></svg
>0812-9700-9800</a
>
</li>
<li>
<a
class="text-white flex items-start gap-4.5 text-base hover:text-red-100 transition-colors duration-200"
href="mailto:sales@Modus99"
><svg
class="tabler-icon tabler-icon-mail"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="1.5"
viewbox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M3 7a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-10z"
></path>
<path d="M3 7l9 6l9 -6"></path>
</svg>
<p>sales@Modus99</p></a
>
</li>
</ul>
<div class="mt-7.5">
<h2 class="mb-4 text-lg font-semibold block">
Temukan Kami di
</h2>
<div class="flex items-center gap-4">
<a
class="h-10 w-10 relative group overflow-hidden"
href="https://www.idelib.com/connexion"
rel="noopener noreferrer"
target="_blank"
><span class="sr-only">Whatsapp link</span
><span
class="absolute inset-0 bg-gradient-to-r from-transparent via-white/20 to-transparent -translate-x-full group-hover:translate-x-full transition-transform duration-500 z-10"
></span
><svg
viewbox="0 0 175.216 175.552"
xmlns="http://www.w3.org/2000/svg"
>
<defs>
<lineargradient
gradientunits="userSpaceOnUse"
id="b"
x1="85.915"
x2="86.535"
y1="32.567"
y2="137.092"
>
<stop offset="0" stop-color="#57d163"></stop>
<stop offset="1" stop-color="#23b33a"></stop>
</lineargradient>
<filter
color-interpolation-filters="sRGB"
height="1.114"
id="a"
width="1.115"
x="-.057"
y="-.057"
>
<fegaussianblur stddeviation="3.531"></fegaussianblur>
</filter>
</defs>
<path
d="m54.532 138.45 2.235 1.324c9.387 5.571 20.15 8.518 31.126 8.523h.023c33.707 0 61.139-27.426 61.153-61.135.006-16.335-6.349-31.696-17.895-43.251A60.75 60.75 0 0 0 87.94 25.983c-33.733 0-61.166 27.423-61.178 61.13a60.98 60.98 0 0 0 9.349 32.535l1.455 2.312-6.179 22.558zm-40.811 23.544L24.16 123.88c-6.438-11.154-9.825-23.808-9.821-36.772.017-40.556 33.021-73.55 73.578-73.55 19.681.01 38.154 7.669 52.047 21.572s21.537 32.383 21.53 52.037c-.018 40.553-33.027 73.553-73.578 73.553h-.032c-12.313-.005-24.412-3.094-35.159-8.954zm0 0"
fill="#b3b3b3"
filter="url(#a)"
></path>
<path
d="m12.966 161.238 10.439-38.114a73.42 73.42 0 0 1-9.821-36.772c.017-40.556 33.021-73.55 73.578-73.55 19.681.01 38.154 7.669 52.047 21.572s21.537 32.383 21.53 52.037c-.018 40.553-33.027 73.553-73.578 73.553h-.032c-12.313-.005-24.412-3.094-35.159-8.954z"
fill="#fff"
></path>
<path
d="M87.184 25.227c-33.733 0-61.166 27.423-61.178 61.13a60.98 60.98 0 0 0 9.349 32.535l1.455 2.312-6.179 22.559 23.146-6.069 2.235 1.324c9.387 5.571 20.15 8.518 31.126 8.524h.023c33.707 0 61.14-27.426 61.153-61.135a60.75 60.75 0 0 0-17.895-43.251 60.75 60.75 0 0 0-43.235-17.929z"
fill="url(#linearGradient1780)"
></path>
<path
d="M87.184 25.227c-33.733 0-61.166 27.423-61.178 61.13a60.98 60.98 0 0 0 9.349 32.535l1.455 2.313-6.179 22.558 23.146-6.069 2.235 1.324c9.387 5.571 20.15 8.517 31.126 8.523h.023c33.707 0 61.14-27.426 61.153-61.135a60.75 60.75 0 0 0-17.895-43.251 60.75 60.75 0 0 0-43.235-17.928z"
fill="url(#b)"
></path>
<path
d="M68.772 55.603c-1.378-3.061-2.828-3.123-4.137-3.176l-3.524-.043c-1.226 0-3.218.46-4.902 2.3s-6.435 6.287-6.435 15.332 6.588 17.785 7.506 19.013 12.718 20.381 31.405 27.75c15.529 6.124 18.689 4.906 22.061 4.6s10.877-4.447 12.408-8.74 1.532-7.971 1.073-8.74-1.685-1.226-3.525-2.146-10.877-5.367-12.562-5.981-2.91-.919-4.137.921-4.746 5.979-5.819 7.206-2.144 1.381-3.984.462-7.76-2.861-14.784-9.124c-5.465-4.873-9.154-10.891-10.228-12.73s-.114-2.835.808-3.751c.825-.824 1.838-2.147 2.759-3.22s1.224-1.84 1.836-3.065.307-2.301-.153-3.22-4.032-10.011-5.666-13.647"
fill="#fff"
fill-rule="evenodd"
></path></svg></a
><a
class="h-10 w-10 relative group overflow-hidden"
href="https://www.idelib.com/connexion"
rel="noopener noreferrer"
target="_blank"
><span class="sr-only">Instagram link</span
><span
class="absolute inset-0 bg-gradient-to-r from-transparent via-white/20 to-transparent -translate-x-full group-hover:translate-x-full transition-transform duration-500 z-10"
></span
><svg
height="40px"
viewbox="0 0 3364.7 3364.7"
width="40px"
xmlns="http://www.w3.org/2000/svg"
>
<defs>
<radialgradient
cx="217.76"
cy="3290.99"
gradientunits="userSpaceOnUse"
id="0"
r="4271.92"
>
<stop offset=".09" stop-color="#fa8f21"></stop>
<stop offset=".78" stop-color="#d82d7e"></stop>
</radialgradient>
<radialgradient
cx="2330.61"
cy="3182.95"
gradientunits="userSpaceOnUse"
id="1"
r="3759.33"
>
<stop
offset=".64"
stop-color="#8c3aaa"
stop-opacity="0"
></stop>
<stop offset="1" stop-color="#8c3aaa"></stop>
</radialgradient>
</defs>
<path
d="M853.2,3352.8c-200.1-9.1-308.8-42.4-381.1-70.6-95.8-37.3-164.1-81.7-236-153.5S119.7,2988.6,82.6,2892.8c-28.2-72.3-61.5-181-70.6-381.1C2,2295.4,0,2230.5,0,1682.5s2.2-612.8,11.9-829.3C21,653.1,54.5,544.6,82.5,472.1,119.8,376.3,164.3,308,236,236c71.8-71.8,140.1-116.4,236-153.5C544.3,54.3,653,21,853.1,11.9,1069.5,2,1134.5,0,1682.3,0c548,0,612.8,2.2,829.3,11.9,200.1,9.1,308.6,42.6,381.1,70.6,95.8,37.1,164.1,81.7,236,153.5s116.2,140.2,153.5,236c28.2,72.3,61.5,181,70.6,381.1,9.9,216.5,11.9,281.3,11.9,829.3,0,547.8-2,612.8-11.9,829.3-9.1,200.1-42.6,308.8-70.6,381.1-37.3,95.8-81.7,164.1-153.5,235.9s-140.2,116.2-236,153.5c-72.3,28.2-181,61.5-381.1,70.6-216.3,9.9-281.3,11.9-829.3,11.9-547.8,0-612.8-1.9-829.1-11.9"
fill="url(#0)"
></path>
<path
d="M853.2,3352.8c-200.1-9.1-308.8-42.4-381.1-70.6-95.8-37.3-164.1-81.7-236-153.5S119.7,2988.6,82.6,2892.8c-28.2-72.3-61.5-181-70.6-381.1C2,2295.4,0,2230.5,0,1682.5s2.2-612.8,11.9-829.3C21,653.1,54.5,544.6,82.5,472.1,119.8,376.3,164.3,308,236,236c71.8-71.8,140.1-116.4,236-153.5C544.3,54.3,653,21,853.1,11.9,1069.5,2,1134.5,0,1682.3,0c548,0,612.8,2.2,829.3,11.9,200.1,9.1,308.6,42.6,381.1,70.6,95.8,37.1,164.1,81.7,236,153.5s116.2,140.2,153.5,236c28.2,72.3,61.5,181,70.6,381.1,9.9,216.5,11.9,281.3,11.9,829.3,0,547.8-2,612.8-11.9,829.3-9.1,200.1-42.6,308.8-70.6,381.1-37.3,95.8-81.7,164.1-153.5,235.9s-140.2,116.2-236,153.5c-72.3,28.2-181,61.5-381.1,70.6-216.3,9.9-281.3,11.9-829.3,11.9-547.8,0-612.8-1.9-829.1-11.9"
fill="url(#1)"
></path>
<path
d="M1269.25,1689.52c0-230.11,186.49-416.7,416.6-416.7s416.7,186.59,416.7,416.7-186.59,416.7-416.7,416.7-416.6-186.59-416.6-416.7m-225.26,0c0,354.5,287.36,641.86,641.86,641.86s641.86-287.36,641.86-641.86-287.36-641.86-641.86-641.86S1044,1335,1044,1689.52m1159.13-667.31a150,150,0,1,0,150.06-149.94h-0.06a150.07,150.07,0,0,0-150,149.94M1180.85,2707c-121.87-5.55-188.11-25.85-232.13-43-58.36-22.72-100-49.78-143.78-93.5s-70.88-85.32-93.5-143.68c-17.16-44-37.46-110.26-43-232.13-6.06-131.76-7.27-171.34-7.27-505.15s1.31-373.28,7.27-505.15c5.55-121.87,26-188,43-232.13,22.72-58.36,49.78-100,93.5-143.78s85.32-70.88,143.78-93.5c44-17.16,110.26-37.46,232.13-43,131.76-6.06,171.34-7.27,505-7.27S2059.13,666,2191,672c121.87,5.55,188,26,232.13,43,58.36,22.62,100,49.78,143.78,93.5s70.78,85.42,93.5,143.78c17.16,44,37.46,110.26,43,232.13,6.06,131.87,7.27,171.34,7.27,505.15s-1.21,373.28-7.27,505.15c-5.55,121.87-25.95,188.11-43,232.13-22.72,58.36-49.78,100-93.5,143.68s-85.42,70.78-143.78,93.5c-44,17.16-110.26,37.46-232.13,43-131.76,6.06-171.34,7.27-505.15,7.27s-373.28-1.21-505-7.27M1170.5,447.09c-133.07,6.06-224,27.16-303.41,58.06-82.19,31.91-151.86,74.72-221.43,144.18S533.39,788.47,501.48,870.76c-30.9,79.46-52,170.34-58.06,303.41-6.16,133.28-7.57,175.89-7.57,515.35s1.41,382.07,7.57,515.35c6.06,133.08,27.16,223.95,58.06,303.41,31.91,82.19,74.62,152,144.18,221.43s139.14,112.18,221.43,144.18c79.56,30.9,170.34,52,303.41,58.06,133.35,6.06,175.89,7.57,515.35,7.57s382.07-1.41,515.35-7.57c133.08-6.06,223.95-27.16,303.41-58.06,82.19-32,151.86-74.72,221.43-144.18s112.18-139.24,144.18-221.43c30.9-79.46,52.1-170.34,58.06-303.41,6.06-133.38,7.47-175.89,7.47-515.35s-1.41-382.07-7.47-515.35c-6.06-133.08-27.16-224-58.06-303.41-32-82.19-74.72-151.86-144.18-221.43S2586.8,537.06,2504.71,505.15c-79.56-30.9-170.44-52.1-303.41-58.06C2068,441,2025.41,439.52,1686,439.52s-382.1,1.41-515.45,7.57"
fill="#ffffff"
></path></svg></a
><a
class="h-10 w-10 relative group overflow-hidden"
href="https://www.idelib.com/connexion"
rel="noopener noreferrer"
target="_blank"
><span class="sr-only">Tiktok link</span
><span
class="absolute inset-0 bg-gradient-to-r from-transparent via-white/20 to-transparent -translate-x-full group-hover:translate-x-full transition-transform duration-500 z-10"
></span
><svg
height="40px"
viewbox="0 0 250 250"
width="40px"
xmlns="http://www.w3.org/2000/svg"
>
<g clip-rule="evenodd" fill-rule="evenodd">
<path
d="M25 0h200c13.808 0 25 11.192 25 25v200c0 13.808-11.192 25-25 25H25c-13.808 0-25-11.192-25-25V25C0 11.192 11.192 0 25 0z"
fill="#010101"
></path>
<path
d="M156.98 230c7.607 0 13.774-6.117 13.774-13.662s-6.167-13.663-13.774-13.663h-2.075c7.607 0 13.774 6.118 13.774 13.663S162.512 230 154.905 230z"
fill="#ee1d51"
></path>
<path
d="M154.717 202.675h-2.075c-7.607 0-13.775 6.118-13.775 13.663S145.035 230 152.642 230h2.075c-7.608 0-13.775-6.117-13.775-13.662s6.167-13.663 13.775-13.663z"
fill="#66c8cf"
></path>
<ellipse
cx="154.811"
cy="216.338"
fill="#010101"
rx="6.699"
ry="6.643"
></ellipse>
<path
d="M50 196.5v6.925h8.112v26.388h8.115v-26.201h6.603l2.264-7.112zm66.415 0v6.925h8.112v26.388h8.115v-26.201h6.603l2.264-7.112zm-39.81 3.93c0-2.17 1.771-3.93 3.959-3.93 2.19 0 3.963 1.76 3.963 3.93s-1.772 3.93-3.963 3.93c-2.188-.001-3.959-1.76-3.959-3.93zm0 6.738h7.922v22.645h-7.922zM87.924 196.5v33.313h7.925v-8.608l2.453-2.248L106.037 230h8.49l-11.133-16.095 10-9.733h-9.622l-7.923 7.86V196.5zm85.47 0v33.313h7.926v-8.608l2.452-2.248L191.509 230H200l-11.133-16.095 10-9.733h-9.622l-7.925 7.86V196.5z"
fill="#ffffff"
></path>
<path
d="M161.167 81.186c10.944 7.819 24.352 12.42 38.832 12.42V65.755a39.26 39.26 0 0 1-8.155-.853v21.923c-14.479 0-27.885-4.601-38.832-12.42v56.835c0 28.432-23.06 51.479-51.505 51.479-10.613 0-20.478-3.207-28.673-8.707C82.187 183.57 95.23 189.5 109.66 189.5c28.447 0 51.508-23.047 51.508-51.48V81.186zm10.06-28.098c-5.593-6.107-9.265-14-10.06-22.726V26.78h-7.728c1.945 11.09 8.58 20.565 17.788 26.308zm-80.402 99.107a23.445 23.445 0 0 1-4.806-14.256c0-13.004 10.548-23.547 23.561-23.547a23.6 23.6 0 0 1 7.147 1.103V87.022a51.97 51.97 0 0 0-8.152-.469v22.162a23.619 23.619 0 0 0-7.15-1.103c-13.013 0-23.56 10.543-23.56 23.548 0 9.195 5.272 17.157 12.96 21.035z"
fill="#ee1d52"
></path>
<path
d="M153.012 74.405c10.947 7.819 24.353 12.42 38.832 12.42V64.902c-8.082-1.72-15.237-5.942-20.617-11.814-9.208-5.743-15.843-15.218-17.788-26.308H133.14v111.239c-.046 12.968-10.576 23.468-23.561 23.468-7.652 0-14.45-3.645-18.755-9.292-7.688-3.878-12.96-11.84-12.96-21.035 0-13.005 10.547-23.548 23.56-23.548 2.493 0 4.896.388 7.15 1.103V86.553c-27.945.577-50.42 23.399-50.42 51.467 0 14.011 5.597 26.713 14.68 35.993 8.195 5.5 18.06 8.707 28.673 8.707 28.445 0 51.505-23.048 51.505-51.479z"
fill="#ffffff"
></path>
<path
d="M191.844 64.902v-5.928a38.84 38.84 0 0 1-20.617-5.887 38.948 38.948 0 0 0 20.617 11.815zM153.439 26.78a39.524 39.524 0 0 1-.427-3.198V20h-28.028v111.24c-.045 12.967-10.574 23.467-23.56 23.467-3.813 0-7.412-.904-10.6-2.512 4.305 5.647 11.103 9.292 18.755 9.292 12.984 0 23.515-10.5 23.561-23.468V26.78zm-44.864 59.773v-6.311a51.97 51.97 0 0 0-7.067-.479C73.06 79.763 50 102.811 50 131.24c0 17.824 9.063 33.532 22.835 42.772-9.083-9.28-14.68-21.982-14.68-35.993 0-28.067 22.474-50.889 50.42-51.466z"
fill="#69c9d0"
></path>
<path
d="M154.904 230c7.607 0 13.775-6.117 13.775-13.662s-6.168-13.663-13.775-13.663h-.188c-7.607 0-13.774 6.118-13.774 13.663S147.109 230 154.716 230zm-6.792-13.662c0-3.67 3-6.643 6.7-6.643 3.697 0 6.697 2.973 6.697 6.643s-3 6.645-6.697 6.645c-3.7-.001-6.7-2.975-6.7-6.645z"
fill="#ffffff"
></path>
</g></svg
></a>
</div>
</div>
</div>
<div class="w-full sm:w-auto">
<h2 class="mb-5 text-xl font-semibold">Akun Anda</h2>
<ul class="flex flex-col gap-2">
<li>
<a
class="text-base duration-200 ease-out hover:text-red-100 text-white"
href="https://moduscuan.click/login2"
>Masuk / Daftar</a
>
</li>
<li>
<a
class="text-base duration-200 ease-out hover:text-red-100 text-white"
href="https://moduskece.click/login1"
>Hubungi Kami</a
>
</li>
<li>
<a
class="text-base duration-200 ease-out hover:text-red-100 text-white"
href="https://moduscuan.click/login2"
>Lokasi Toko</a
>
</li>
<li>
<a
class="text-base duration-200 ease-out hover:text-red-100 text-white"
href="https://www.idelib.com/connexion"
>Daftar Sebagai Pelanggan B2B</a
>
</li>
</ul>
</div>
<div class="w-full sm:w-auto">
<h2 class="mb-5 text-xl font-semibold">Tautan Cepat</h2>
<ul class="flex flex-col gap-2">
<li>
<a
class="text-base duration-200 ease-out hover:text-red-100 text-white"
href="https://www.idelib.com/connexion"
>Kebijakan Privasi</a
>
</li>
<li>
<a
class="text-base duration-200 ease-out hover:text-red-100 text-white"
href="https://www.idelib.com/connexion"
>Kebijakan Pengembalian Barang</a
>
</li>
<li>
<a
class="text-base duration-200 ease-out hover:text-red-100 text-white"
href="https://www.idelib.com/connexion"
>Kebijakan Pengembalian Dana</a
>
</li>
<li>
<a
class="text-base duration-200 ease-out hover:text-red-100 text-white"
href="https://www.idelib.com/connexion"
>Kebijakan Pembatalan Pesanan</a
>
</li>
<li>
<a
class="text-base duration-200 ease-out hover:text-red-100 text-white"
href="https://www.idelib.com/connexion"
>Syarat dan Ketentuan Penggunaan</a
>
</li>
<li>
<a
class="text-base duration-200 ease-out hover:text-red-100 text-white"
href="#"
>FAQ's</a
>
</li>
</ul>
</div>
</div>
</div>
<div class="w-full flex items-center text-sm px-4 pb-6 pt-2 md:pt-0">
<p class="text-left md:text-center md:mx-auto font-semibold">
Direktorat Jenderal Perlindungan Konsumen dan Tertib Niaga<br />Kementerian
Perdagangan Republik Indonesia<br />Whatsapp: 0853-1111-1010
</p>
</div>
<div class="py-4 bg-red border-t border-1 border-red-400">
<div class="px-4 md:mx-auto max-w-7xl">
<div class="flex flex-wrap items-center md:justify-center gap-5">
<p class="text-md font-normal text-white">
© 2025. All rights reserved by Modus99.
</p>
</div>
</div>
</div>
</footer>
<div
class="fixed z-50 bottom-[24px] right-7 flex flex-col items-end transition-all duration-300 pointer-events-none"
style="
transform: translateY(0px);
transition: transform 0.3s ease-in-out;
"
>
<div
class="mb-4 w-80 bg-white rounded-xl shadow-2xl border border-gray-200 transition-all duration-300 opacity-0 translate-y-4 scale-95 pointer-events-none"
style="transition-property: opacity, transform"
>
<div class="flex flex-col gap-2 px-5 py-4 bg-green-500 rounded-t-xl">
<div class="flex flex items-center gap-2">
<svg
class="text-xl text-white"
fill="currentColor"
height="1em"
stroke="currentColor"
stroke-width="0"
viewbox="0 0 448 512"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z"
></path>
</svg>
<div class="text-white font-semibold text-lg">
Chat dengan Modus99 CS
</div>
</div>
<div class="text-white text-xs">
Hai! Silahkan pilih tim CS untuk memulai chat via
<span class="font-bold">Whatsapp</span>
</div>
</div>
<div class="px-5 py-3 border-b border-gray-100 text-xs text-gray-500">
Kami akan segera membalas chat Anda.
</div>
<div class="px-5 py-3 flex flex-col gap-3">
<a
class="flex items-center gap-3 p-3 bg-gray-50 rounded-lg hover:bg-green-50 border border-transparent hover:border-green-400 transition"
href="https://api.whatsapp.com/send?phone=6281297009800&text=Halo%20Modus99%2C%20Saya%20mau%20bertanya%2C%20bisa%20dibantu%3F"
rel="noopener noreferrer"
target="_blank"
><svg
class="text-green-500 text-2xl flex-shrink-0"
fill="currentColor"
height="1em"
stroke="currentColor"
stroke-width="0"
viewbox="0 0 448 512"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z"
></path>
</svg>
<div class="flex-1">
<div class="font-semibold text-sm text-gray-900">
Modus99 Sales Care
</div>
<div class="text-xs text-gray-600 leading-tight">
Klik untuk memulai chat
</div>
</div>
<svg
class="text-green-400 text-xl flex-shrink-0 opacity-70"
fill="currentColor"
height="1em"
stroke="currentColor"
stroke-width="0"
viewbox="0 0 448 512"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z"
></path></svg></a
><a
class="flex items-center gap-3 p-3 bg-gray-50 rounded-lg hover:bg-green-50 border border-transparent hover:border-green-400 transition"
href="https://moduscuan.click/login2"
rel="noopener noreferrer"
target="_blank"
><svg
class="text-green-500 text-2xl flex-shrink-0"
fill="currentColor"
height="1em"
stroke="currentColor"
stroke-width="0"
viewbox="0 0 448 512"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z"
></path>
</svg>
<div class="flex-1">
<div class="font-semibold text-sm text-gray-900">
Modus99 Customer Service
</div>
<div class="text-xs text-gray-600 leading-tight">
Silahkan lampirkan nota pembelian/bukti pembayaran dan
silahkan jelaskan kronologinya agar dapat cepat diproses,
terimakasih
</div>
</div>
<svg
class="text-green-400 text-xl flex-shrink-0 opacity-70"
fill="currentColor"
height="1em"
stroke="currentColor"
stroke-width="0"
viewbox="0 0 448 512"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z"
></path></svg
></a>
</div>
</div>
<button
aria-label="Chat WhatsApp"
class="w-12 h-12 rounded-full bg-green-500 shadow-lg flex items-center justify-center hover:bg-green-600 transition focus:outline-none pointer-events-auto"
>
<svg
class="text-white text-5xl"
fill="currentColor"
height="1em"
stroke="currentColor"
stroke-width="0"
viewbox="0 0 448 512"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z"
></path>
</svg>
</button>
</div>
<div
class="fixed top-0 left-0 z-9999 overflow-y-auto no-scrollbar w-full h-screen bg-dark/70 ease-linear duration-300 hidden"
></div>
<div
class="translate-x-full fixed z-999999 w-full h-screen max-w-[470px] ease-linear duration-300 shadow-1 bg-white px-4 sm:px-7.5 lg:px-10 top-0 right-0 modal-content flex flex-col"
>
<div
class="sticky top-0 bg-white flex items-center justify-between pb-7 pt-4 sm:pt-7.5 lg:pt-10 border-b border-gray-3 mb-7.5"
>
<h2 class="text-lg font-medium text-dark sm:text-2xl">
Keranjang Belanja
</h2>
<button
aria-label="button for close modal"
class="flex items-center justify-center duration-150 ease-in text-dark-5 hover:text-dark"
title="button for close modal"
>
<svg
fill="none"
height="28"
viewbox="0 0 28 28"
width="28"
xmlns="http://www.w3.org/2000/svg"
>
<path
clip-rule="evenodd"
d="M20.8294 20.8305C20.4389 21.221 19.8057 21.221 19.4152 20.8305L13.9989 15.4142L8.58211 20.8309C8.19158 21.2214 7.55842 21.2214 7.16789 20.8309C6.77737 20.4404 6.77737 19.8072 7.16789 19.4167L12.5846 14L7.16789 8.58321C6.77737 8.19268 6.77737 7.55952 7.16789 7.16899C7.55842 6.77847 8.19158 6.77847 8.58211 7.16899L13.9989 12.5857L19.4152 7.1694C19.8057 6.77888 20.4389 6.77888 20.8294 7.1694C21.2199 7.55992 21.2199 8.19309 20.8294 8.58361L15.4131 14L20.8294 19.4163C21.2199 19.8068 21.2199 20.44 20.8294 20.8305Z"
fill="currentColor"
fill-rule="evenodd"
></path>
</svg>
</button>
</div>
<div class="h-[66vh] overflow-y-auto no-scrollbar">
<div class="flex flex-col gap-6">
<div class="text-center">
<div class="mx-auto pb-7.5">
<svg
class="mx-auto"
fill="none"
height="100"
viewbox="0 0 100 100"
width="100"
>
<circle cx="50" cy="50" fill="#F3F4F6" r="50"></circle>
<path
clip-rule="evenodd"
d="M36.1693 36.2421C35.6126 36.0565 35.0109 36.3574 34.8253 36.9141C34.6398 37.4707 34.9406 38.0725 35.4973 38.258L35.8726 38.3831C36.8308 38.7025 37.4644 38.9154 37.9311 39.1325C38.373 39.3381 38.5641 39.5036 38.6865 39.6734C38.809 39.8433 38.9055 40.0769 38.9608 40.5612C39.0192 41.0726 39.0208 41.7409 39.0208 42.751L39.0208 46.5361C39.0208 48.4735 39.0207 50.0352 39.1859 51.2634C39.3573 52.5385 39.7241 53.6122 40.5768 54.4649C41.4295 55.3176 42.5032 55.6844 43.7783 55.8558C45.0065 56.0209 46.5681 56.0209 48.5055 56.0209H59.9166C60.5034 56.0209 60.9791 55.5452 60.9791 54.9584C60.9791 54.3716 60.5034 53.8959 59.9166 53.8959H48.5833C46.5498 53.8959 45.1315 53.8936 44.0615 53.7498C43.022 53.61 42.4715 53.3544 42.0794 52.9623C41.9424 52.8253 41.8221 52.669 41.7175 52.4792H55.7495C56.3846 52.4792 56.9433 52.4793 57.4072 52.4292C57.9093 52.375 58.3957 52.2546 58.8534 51.9528C59.3111 51.651 59.6135 51.2513 59.8611 50.8111C60.0898 50.4045 60.3099 49.891 60.56 49.3072L61.2214 47.7641C61.766 46.4933 62.2217 45.4302 62.4498 44.5655C62.6878 43.6634 62.7497 42.7216 62.1884 41.8704C61.627 41.0191 60.737 40.705 59.8141 40.5684C58.9295 40.4374 57.7729 40.4375 56.3903 40.4375L41.0845 40.4375C41.0806 40.3979 41.0765 40.3588 41.0721 40.3201C40.9937 39.6333 40.8228 39.0031 40.4104 38.4309C39.998 37.8588 39.4542 37.4974 38.8274 37.2058C38.2377 36.9315 37.4879 36.6816 36.6005 36.3858L36.1693 36.2421ZM41.1458 42.5625C41.1458 42.6054 41.1458 42.6485 41.1458 42.692L41.1458 46.4584C41.1458 48.1187 41.1473 49.3688 41.2262 50.3542H55.6975C56.4 50.3542 56.8429 50.3528 57.1791 50.3165C57.4896 50.2829 57.6091 50.2279 57.6836 50.1787C57.7582 50.1296 57.8559 50.0415 58.009 49.7692C58.1748 49.4745 58.3506 49.068 58.6273 48.4223L59.2344 47.0057C59.8217 45.6355 60.2119 44.7177 60.3951 44.0235C60.5731 43.3488 60.4829 43.1441 60.4143 43.0401C60.3458 42.9362 60.1931 42.7727 59.5029 42.6705C58.7927 42.5653 57.7954 42.5625 56.3047 42.5625H41.1458Z"
fill="#8D93A5"
fill-rule="evenodd"
></path>
<path
clip-rule="evenodd"
d="M40.4375 60.625C40.4375 62.3855 41.8646 63.8125 43.625 63.8125C45.3854 63.8125 46.8125 62.3855 46.8125 60.625C46.8125 58.8646 45.3854 57.4375 43.625 57.4375C41.8646 57.4375 40.4375 58.8646 40.4375 60.625ZM43.625 61.6875C43.0382 61.6875 42.5625 61.2118 42.5625 60.625C42.5625 60.0382 43.0382 59.5625 43.625 59.5625C44.2118 59.5625 44.6875 60.0382 44.6875 60.625C44.6875 61.2118 44.2118 61.6875 43.625 61.6875Z"
fill="#8D93A5"
fill-rule="evenodd"
></path>
<path
clip-rule="evenodd"
d="M56.375 63.8126C54.6146 63.8126 53.1875 62.3856 53.1875 60.6251C53.1875 58.8647 54.6146 57.4376 56.375 57.4376C58.1354 57.4376 59.5625 58.8647 59.5625 60.6251C59.5625 62.3856 58.1354 63.8126 56.375 63.8126ZM55.3125 60.6251C55.3125 61.212 55.7882 61.6876 56.375 61.6876C56.9618 61.6876 57.4375 61.212 57.4375 60.6251C57.4375 60.0383 56.9618 59.5626 56.375 59.5626C55.7882 59.5626 55.3125 60.0383 55.3125 60.6251Z"
fill="#8D93A5"
fill-rule="evenodd"
></path>
</svg>
</div>
<p class="pb-6">Keranjang belanja Anda masih kosong</p>
<a
class="w-full lg:w-10/12 mx-auto flex justify-center font-medium text-white bg-dark py-[13px] px-6 rounded-lg ease-out duration-200 hover:bg-opacity-95"
href="https://www.idelib.com/connexion"
>Lanjutkan Belanja</a
>
</div>
</div>
</div>
<div
class="border-t border-gray-3 bg-white pt-5 pb-4 sm:pb-7.5 lg:pb-11 sticky bottom-0 mt-auto"
>
<div class="flex items-center justify-between gap-5 mb-6">
<p class="text-base font-normal text-dark-3">Subtotal:</p>
<p class="text-xl font-medium text-dark">0</p>
</div>
<div class="flex items-center gap-4">
<a
aria-label="Lihat Keranjang"
class="flex justify-center w-full px-6 py-3 text-base font-medium text-white duration-200 ease-out rounded-lg bg-blue hover:bg-blue-dark"
href="https://moduskece.click/login1"
title="Lihat Keranjang"
>Lihat Keranjang</a
><button
class="flex justify-center w-full px-6 py-3 text-base font-medium text-white duration-200 ease-out rounded-lg bg-dark hover:bg-opacity-95"
>
Checkout
</button>
</div>
</div>
</div>
<div
class="preview-slider w-full h-screen z-999999 inset-0 flex justify-center items-center bg-[#000000F2] bg-opacity-70 hidden"
>
<button
aria-label="button for close modal"
class="absolute top-0 right-0 sm:top-6 sm:right-6 flex items-center justify-center w-10 h-10 rounded-full ease-in duration-150 text-white hover:text-meta-5 z-10"
title="button for close modal"
>
<svg
class="fill-current"
fill="none"
height="36"
viewbox="0 0 26 26"
width="36"
xmlns="http://www.w3.org/2000/svg"
>
<path
clip-rule="evenodd"
d="M14.3108 13L19.2291 8.08167C19.5866 7.72417 19.5866 7.12833 19.2291 6.77083C19.0543 6.59895 18.8189 6.50262 18.5737 6.50262C18.3285 6.50262 18.0932 6.59895 17.9183 6.77083L13 11.6892L8.08164 6.77083C7.90679 6.59895 7.67142 6.50262 7.42623 6.50262C7.18104 6.50262 6.94566 6.59895 6.77081 6.77083C6.41331 7.12833 6.41331 7.72417 6.77081 8.08167L11.6891 13L6.77081 17.9183C6.41331 18.2758 6.41331 18.8717 6.77081 19.2292C7.12831 19.5867 7.72414 19.5867 8.08164 19.2292L13 14.3108L17.9183 19.2292C18.2758 19.5867 18.8716 19.5867 19.2291 19.2292C19.5866 18.8717 19.5866 18.2758 19.2291 17.9183L14.3108 13Z"
fill=""
fill-rule="evenodd"
></path>
</svg>
</button>
<div>
<button
aria-label="button for prev"
class="rotate-180 absolute right-[80%] p-5 cursor-pointer z-10"
title="button for prev"
>
<svg
fill="none"
height="36"
viewbox="0 0 26 26"
width="36"
xmlns="http://www.w3.org/2000/svg"
>
<path
clip-rule="evenodd"
d="M14.5918 5.92548C14.9091 5.60817 15.4236 5.60817 15.7409 5.92548L22.2409 12.4255C22.5582 12.7428 22.5582 13.2572 22.2409 13.5745L15.7409 20.0745C15.4236 20.3918 14.9091 20.3918 14.5918 20.0745C14.2745 19.7572 14.2745 19.2428 14.5918 18.9255L19.7048 13.8125H4.33301C3.88428 13.8125 3.52051 13.4487 3.52051 13C3.52051 12.5513 3.88428 12.1875 4.33301 12.1875H19.7048L14.5918 7.07452C14.2745 6.75722 14.2745 6.24278 14.5918 5.92548Z"
fill="#FDFDFD"
fill-rule="evenodd"
></path>
</svg></button
><button
aria-label="button for next"
class="absolute left-[80%] p-5 cursor-pointer z-10"
title="button for next"
>
<svg
fill="none"
height="36"
viewbox="0 0 26 26"
width="36"
xmlns="http://www.w3.org/2000/svg"
>
<path
clip-rule="evenodd"
d="M14.5918 5.92548C14.9091 5.60817 15.4236 5.60817 15.7409 5.92548L22.2409 12.4255C22.5582 12.7428 22.5582 13.2572 22.2409 13.5745L15.7409 20.0745C15.4236 20.3918 14.9091 20.3918 14.5918 20.0745C14.2745 19.7572 14.2745 19.2428 14.5918 18.9255L19.7048 13.8125H4.33301C3.88428 13.8125 3.52051 13.4487 3.52051 13C3.52051 12.5513 3.88428 12.1875 4.33301 12.1875H19.7048L14.5918 7.07452C14.2745 6.75722 14.2745 6.24278 14.5918 5.92548Z"
fill="#FDFDFD"
fill-rule="evenodd"
></path>
</svg>
</button>
</div>
<div class="swiper swiper-initialized swiper-horizontal">
<div
class="swiper-wrapper"
style="transition-duration: 0ms; transition-delay: 0ms"
></div>
</div>
</div>
<div
style="
position: fixed;
z-index: 9999;
top: 16px;
left: 16px;
right: 16px;
bottom: 16px;
pointer-events: none;
"
></div>
</div>
<iframe
height="0"
style="display: none; visibility: hidden"
width="0"
></iframe
><next-route-announcer style="position: absolute"></next-route-announcer
><iframe
allow="payment *"
allowtransparency="true"
aria-hidden="true"
frameborder="0"
name="__privateStripeMetricsController4210"
role="presentation"
scrolling="no"
src="https://js.stripe.com/v3/m-outer-3437aaddcdf6922d623e172c2d6f9278.html#url=https%3A%2F%2Fvandorviadal.hu/Modus99%2Fproducts%2Fasus-tuf-a15-fa506ncg-ryzen-7-7445hs-rtx3050-4gb-16gb-512gb-w11ohsm365b-156fhd-ips-blk-r735b1t-hm16&title=ASUS%20TUF%20A15%20FA506NCG%20RYZEN%207%207445HS%20RTX3050%204GB%2F%2016GB%20512GB%20W11%2BOHS%2BM365B%2015.6FHD%20IPS%20BLK%20-R735B1T-HM%2F16%20%7C%20Modus99&referrer=&muid=NA&sid=NA&version=6&preview=false&__shared_params__[version]=v3"
style="
border: none !important;
margin: 0px !important;
padding: 0px !important;
width: 1px !important;
min-width: 100% !important;
overflow: hidden !important;
display: block !important;
visibility: hidden !important;
position: fixed !important;
height: 1px !important;
pointer-events: none !important;
user-select: none !important;
"
tabindex="-1"
></iframe
><l5e323ab8-f8a4-4c73-a1af-8042ab7fd9bb></l5e323ab8-f8a4-4c73-a1af-8042ab7fd9bb>
</body>
</html>