<!DOCTYPE html>
<html lang="id-ID" class="scroll-smooth scroll-p-15">
    <head>

        <script type="text/javascript" src="https://iat.detiknetwork.com/ip-information.js"></script>
        <link rel="preconnect" href="https://awscdn.detik.net.id"><link rel="preconnect" href="https://awscdn.detik.net.id" crossorigin><link rel="preconnect" href="https://cdn.detik.net.id"><link rel="preconnect" href="https://cdn.detik.net.id" crossorigin>        <link rel="dns-prefetch" href="https://cdn.detik.net.id"/><link rel="dns-prefetch" href="https://akcdn.detik.net.id"/><link rel="dns-prefetch" href="https://cdnv.detik.net.id"/><link rel="dns-prefetch" href="https://connect.detik.com"/><link rel="dns-prefetch" href="https://newrevive.detik.com"/><link rel="dns-prefetch" href="https://cdnstatic.detik.com"/><link rel="dns-prefetch" href="https://analytic.detik.com"/><link rel="dns-prefetch" href="https://www.googletagmanager.com"/><link rel="dns-prefetch" href="https://securepubads.g.doubleclick.net"/><link rel="dns-prefetch" href="https://pubads.g.doubleclick.net"/><link rel="dns-prefetch" href="https://www.gstatic.com"/><link rel="dns-prefetch" href="https://www.google-analytics.com"/><link rel="dns-prefetch" href="https://partner.googleadservices.com"/><link rel="dns-prefetch" href="https://bs.serving-sys.com"/><link rel="dns-prefetch" href="https://ad.doubleclick.net"/><link rel="dns-prefetch" href="https://pixel.adsafeprotected.com"/><link rel="dns-prefetch" href="https://cdn.doubleverify.com"/>
        <!-- s: preload JS -->
        <link rel="preload" href="https://awscdn.detik.net.id/assets2/js/jquery.min.js?v=202605081747" as="script">
        <link rel="preload" href="https://awscdn.detik.net.id/assets2/js/liquidimage.js?v=202605081747" as="script">
        <link rel="preload" href="https://awscdn.detik.net.id/assets2/js/dropdownmenu.js?v=202605081747" as="script">

                <!-- e: preload JS -->

        <title>detikInet - Berita Teknologi Informasi Gadget Terbaru Hari ini</title><meta name="description" content="Berita teknologi informasi dan komunikasi terkini, mengulas tentang dunia internet, gadget, game, social media, aplikasi, fotografi, komputer, software dan hardware." itemprop="description" /><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="text/html; charset=UTF-8" /><meta name="viewport" content="initial-scale = 1.0, user-scalable = no, width=device-width, height=device-height, maximum-scale=1.0" /><meta property="og:type" content="article" /><meta property="og:site_name" content="detikinet" /><meta property="og:title" content="detikInet - Berita Teknologi Informasi Gadget Terbaru Hari ini" /><meta property="og:image" content="https://awscdn.detik.net.id/inetasset/logodetikinet.png" /><meta property="og:description" content="Berita teknologi informasi dan komunikasi terkini, mengulas tentang dunia internet, gadget, game, social media, aplikasi, fotografi, komputer, software dan hardware." /><meta property="og:url" content="https://inet.detik.com/" /><meta property="fb:app_id" content="187960271237149" /><meta property="fb:admins" content="100000607566694" /><meta property="og:image:type" content="image/jpeg" /><meta property="og:image:width" content="1200" /><meta property="og:image:height" content="675" /><meta name="copyright" content="" itemprop="dateline" /><meta name="p:domain_verify" content="2057b86bf61e5a346e22a380c6fecf89" /><meta name="robots" content="index, follow" /><meta name="googlebot" content="index, follow" /><meta name="googlebot-news" content="index, follow" /><meta content="Berita teknologi informasi dan komunikasi terkini, mengulas tentang dunia internet, gadget, game, social media, aplikasi, fotografi, komputer, software dan hardware." itemprop="headline" /><meta name="keywords" content="teknologi informasi, berita teknologi, berita teknologi gadget, berita tekno, teknologi, teknologi terbaru, teknologi terkini, berita gadget, berita game, berita start-up, start-up, gadget terbaru, berita fotografi, berita aplikasi mobile, review gadget, review aplikasi, review game, review notebook" itemprop="keywords" /><meta name="thumbnailUrl" content="https://awscdn.detik.net.id/inetasset/logodetikinet.png" itemprop="thumbnailUrl" /><meta name="dtk:acctype" content="acc-detikinet"  /><meta name="dtk:kanalid" content="-" /><meta name="dtk:articleid" content="-" /><meta name="dtk:createddate" content="-1" /><meta name="dtk:platform" content="desktop" /><meta name="contenttype" content="wpkanal" /><meta name="kanalid" content="2-105" /><meta name="platform" content="desktop" /><meta content="https://inet.detik.com/" itemprop="url" /><link rel="canonical" href="https://inet.detik.com" /><meta name="twitter:card" content="summary_large_image" /><meta name="twitter:site" content="@detikinet" /><meta name="twitter:site:id" content="@detikinet" /><meta name="twitter:creator" content="@detikinet" /><meta name="twitter:description" content="Berita teknologi informasi dan komunikasi terkini, mengulas tentang dunia internet, gadget, game, social media, aplikasi, fotografi, komputer, software dan hardware." /><meta name="twitter:image" content="https://awscdn.detik.net.id/inetasset/logodetikinet.png" />
<script async id="ebx" src="https://applets.ebxcdn.com/ebx.js"></script><script type='application/ld+json'>
{"@context":"https://schema.org","@type":"Organization","name":"Detikcom","url":"https://www.detik.com/","sameAs":["https://www.facebook.com/detikcom/","https://twitter.com/detikcom","https://www.instagram.com/detikcom/"],"logo":"https://awscdn.detik.net.id/detik2/images/logo.jpg"}
</script>
<script type="application/ld+json">
{"@context":"https://schema.org","@type":"WebSite","url":"https://inet.detik.com/","potentialAction":{"@type":"SearchAction","target":"https://www.detik.com/search/searchall?query={search_term_string}","query-input":"required name=search_term_string"}}
</script>
<script>var wid_method = "GET";</script>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="initial-scale = 1.0, user-scalable = no, width=device-width, height=device-height, maximum-scale=1.0">
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta name="msapplication-TileColor" content="#3C216D">
        <link rel="shortcut icon" href="https://awscdn.detik.net.id/inet3/images/favicon.ico?v=202605081747">
        <link rel="apple-touch-icon" href="https://awscdn.detik.net.id/inet3/images/favicon.ico?v=202605081747"/>
        <meta name="theme-color" content="#20409A">
        <meta name="google-site-verification" content="Iqj4hyi7QfCsiJUcWhumClTACR6lJ_WWfytVPYj8JHA" />
        <meta content="id" name="language" />
        <meta content="id" name="geo.country" />
        <meta http-equiv="content-language" content="In-Id" />

        <script type="text/javascript" src="https://awscdn.detik.net.id/assets2/js/jquery.min.js?v=202605081747"></script>
        
<!-- Meta Preview Image Large Desktop -->
<meta name="robots" content="max-snippet:-1, max-image-preview:large">

<script type="text/javascript">
    var dtkGTMDL={data:{},getMeta:function(a,t){return null!==(e=document.head.querySelector("["+a+'="'+t+'"]'))?e.content:null},addDataLayer:function(a,t,r=null){null===r&&(r=t),null!==(val=dtkGTMDL.getMeta(a,t))&&""!=val&&(dtkGTMDL.data[r]=val)},addCustomDimension:function(a){for(i=0;i<a.length;i++)switch(a[i]){case"kanalid":dtkGTMDL.addDataLayer("name","kanalid");break;case"articleid":dtkGTMDL.addDataLayer("name","articleid");break;case"articletype":dtkGTMDL.addDataLayer("name","articletype");break;case"articledewasa":dtkGTMDL.addDataLayer("name","articledewasa");break;case"articlehoax":dtkGTMDL.addDataLayer("name","articlehoax");break;case"createdate":dtkGTMDL.addDataLayer("name","createdate");break;case"publishdate":dtkGTMDL.addDataLayer("name","publishdate");break;case"keyword":dtkGTMDL.addDataLayer("name","keywords","keyword");break;case"idfokus":dtkGTMDL.addDataLayer("name","idfokus");break;case"namafokus":dtkGTMDL.addDataLayer("name","namafokus");break;case"idprogram":dtkGTMDL.addDataLayer("name","idprogram");break;case"namaprogram":dtkGTMDL.addDataLayer("name","namaprogram");break;case"pagesize":dtkGTMDL.addDataLayer("name","pagesize");break;case"pagenumber":dtkGTMDL.addDataLayer("name","pagenumber");break;case"videopresent":dtkGTMDL.addDataLayer("name","videopresent");break;case"video_id":dtkGTMDL.addDataLayer("name","video_id");break;case"refferal_url":dtkGTMDL.addDataLayer("name","refferal_url");break;case"contenttype":dtkGTMDL.addDataLayer("name","contenttype");break;case"platform":dtkGTMDL.addDataLayer("name","platform");break;case"author":dtkGTMDL.addDataLayer("name","author");break;case"title":dtkGTMDL.addDataLayer("property","og:title","title");break;case"subcategori":dtkGTMDL.addDataLayer("name","subcategori");break;case"keywordkanal":dtkGTMDL.addDataLayer("name","keywordkanal");break;case"duration":dtkGTMDL.addDataLayer("name","duration");break;case"hl_nhl_wp":dtkGTMDL.addDataLayer("name","hl_nhl_wp");break;case"hl_nhl_kanal":dtkGTMDL.addDataLayer("name","hl_nhl_kanal");break;case"originalTitle":dtkGTMDL.addDataLayer("name","originalTitle");break;case"video_story_url":dtkGTMDL.addDataLayer("name","video_story_url")}},generate:function(){return contenttype=dtkGTMDL.getMeta("name","contenttype"),dtkGTMDL.addCustomDimension(["kanalid","articleid","articletype","articledewasa","articlehoax","createdate","publishdate","keyword","idfokus","namafokus","idprogram","namaprogram","pagesize","pagenumber","videopresent","video_id","contenttype","platform","author","subcategori","keywordkanal","duration","hl_nhl_wp","hl_nhl_kanal","originalTitle","video_story_url"]),dtkGTMDL.data.event="articlePush",dtkGTMDL.data}};dataLayer=[dtkGTMDL.generate()];var _pt=function(a,t,r,d,n){console.log("__pt:gtmdl"),void 0===t&&a.hasAttribute("dtr-evt")&&(t=a.getAttribute("dtr-evt"),d=a.getAttribute("dtr-act")+" "+a.getAttribute("dtr-idx"),r=a.getAttribute("dtr-ttl"));var o={event:"panel tracking",action:"klik "+d,panelname:t.toLowerCase(),pt_from_type:$("meta[name=contenttype]").attr("content"),pt_from_kanal:$("meta[name=kanalid]").attr("content"),pt_to_url:a.href,pt_platform:$("meta[name=platform]").attr("content"),pt_to_page:r};if(void 0!==n)var o=$.extend(o,n);console.log("datalayer push",o),dataLayer.push(o)};$(function(){pushEvent=function(a,t,r){var d;d="undefined"!=typeof basekanal&&null!==basekanal?basekanal:baseurl,dataLayer.push({event:""+a,bc_nav_url:""+t,bc_domain:""+d,bc_title:""+r,baca_juga_aid:""+getArticleId(a,t)})},getArticleId=function(a,t){return(arID=(arrUrl=t.split("/")).length>9?arrUrl[2].indexOf("m.detik")>-1||arrUrl[2].indexOf("mdev.detik")>-1?t.indexOf("/~")>-1?arrUrl[10]:arrUrl[9]:arrUrl[3].indexOf("sepakbola")>-1?arrUrl[9]:arrUrl[8]:arrUrl[2].indexOf("garuda.detik")>-1?t.indexOf("/~")>-1?arrUrl[6]:arrUrl[5]:t.indexOf("/~")>-1?"sepakbola"==arrUrl[4]?arrUrl[6]:arrUrl[5]:"sepakbola"==arrUrl[3]?arrUrl[5]:arrUrl[4]).indexOf("d-")>-1&&(arID=arID.split("-")[1]),arID},$("#relatedgtm a").click(function(){pushEvent("beritaterkait",$(this).attr("href"),$(this).text().trim())}),$("#readtoogtm").hasClass("list__other__item")?(selector=$("#readtoogtm h5 a"),set=!0):(selector=$("#readtoogtm a"),set=!1),selector.click(function(){var a;$("h2",this).length&&(a=$("h2",this).text().trim()),$("h3",this).length&&(a=$("h3",this).text().trim()),$("h4",this).length&&(a=$("h4 strong",this).length?$("h4 strong",this).text().trim():$("h4",this).text().trim()),!0==set&&(a=$(this).text().trim()),$("h6",this).length&&(a=$("h6",this).text().trim()),pushEvent("bacajuga",$(this).attr("href"),a)})});
</script>
<script type="text/javascript" src="https://awscdn.detik.net.id/libs/livecounter/detikLiveUserCounterResponse.js?v=2026050817" defer></script>
<script type="text/javascript">window.addEventListener("message",(function(e){var t=document.getElementsByClassName("bb-iframe"),a=e.data.height;t&&t[0]&&(t[0].style.height=a+"px")}),!1);</script>
        <!--s:dtkprv-->
<!-- S: (script) Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-NG6BTJ');</script>
<!-- E: (script) Google Tag Manager -->
<!--e:dtkprv-->
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <link type="image/x-icon" rel="shortcut icon" href="https://awscdn.detik.net.id/inet3/images/favicon-detiknews.ico?v=202605081747">

        <!--s:dtkprv-->
<!--e:dtkprv-->
                            
        <!-- s:preload -->
                <!-- e:preload -->
        <link href="https://awscdn.detik.net.id/assets2/css/framebar/framebar.css?v=202605081747" rel="stylesheet">
        <link href="https://awscdn.detik.net.id/inet3/css/style.css?v=202605081747" rel="stylesheet">

        <link href="https://awscdn.detik.net.id/assets2/css/placeholder.css?v=202605081747" rel="stylesheet">

        <!-- S:taghead --><link rel="stylesheet" type="text/css" href="https://awscdn.detik.net.id/commerce/desktop/css/detik.ads-new.css">


<!-- Dynamic Provisioning -->
<script async src="//micro.rubiconproject.com/prebid/dynamic/11530.js"></script>

<!-- UTC -->
<script type="text/javascript" src="https://awscdnstatic.detik.net.id/revive/targeting.js"></script>

<!-- Start Tag DFP -->
<script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script>
<script>
//var gptadslots = [];
window.googletag = window.googletag || {cmd: []};

// var dfp_ivtstatus = window.iAT.ipStatus;
// var dfp_ivtinfo = window.iAT.ipInfo;
dfp_keywords = getKeywords();
var dfp_ivtbot = window.iAT.IsBot;
var dfp_ivtcrawler = window.iAT.IsCrawler;

let anchorSlot;

// initialize pbjs
var pbjs = pbjs || {};
pbjs.que = pbjs.que || [];
    
gpt_slot_objects = [];

googletag.cmd.push(function() {

// //Adslot 1 declaration
    var REFRESH_KEY = 'refresh';
    var REFRESH_VALUE = 'true';
    // This slot is allowed to refresh, as it contains the targeting keys which have been declared for refresh.

    // gpt_billboardtop = googletag.defineSlot('/4905536/detik_desktop/inet/billboard', [970, 250], 'div-gpt-ad-1534312162209-0').
    // setTargeting(REFRESH_KEY, REFRESH_VALUE).
    // addService(googletag.pubads());

    // gpt_leaderboard = googletag.defineSlot('/4905536/detik_desktop/inet/leaderboard', [728, 90], 'div-gpt-ad-1534312381406-0').
    // setTargeting(REFRESH_KEY, REFRESH_VALUE).
    // addService(googletag.pubads());

    // gpt_mr1 = googletag.defineSlot('/4905536/detik_desktop/inet/medium_rectangle1', [[300, 500], [300, 250]], 'div-gpt-ad-1592640415170-0').
    // setTargeting(REFRESH_KEY, REFRESH_VALUE).
    // addService(googletag.pubads());

    // gpt_mr2 = googletag.defineSlot('/4905536/detik_desktop/inet/medium_rectangle2', [300, 250], 'div-gpt-ad-1534312508053-0').
    // setTargeting(REFRESH_KEY, REFRESH_VALUE).
    // addService(googletag.pubads());
      
      // gpt_promobox = googletag.defineSlot('/4905536/detik_desktop/inet/promobox', [[400, 250], [600, 250]], 'div-gpt-ad-1534313858958-0').setTargeting('pos', ['promobox']).
      // setTargeting(REFRESH_KEY, REFRESH_VALUE).
      // addService(googletag.pubads());

      // gpt_bottomframe = googletag.defineSlot('/4905536/detik_desktop/inet/bottomframe', [[970, 90], [728, 90], [1,1], [970, 50]], 'div-gpt-ad-1605762326288-0').
      // setTargeting(REFRESH_KEY, REFRESH_VALUE).
      // addService(googletag.pubads());
      
    // gpt_parallax = googletag.defineSlot('/4905536/detik_desktop/inet/parallax_detail', [[1, 1], [480, 600], [400, 250], [300, 600], [300, 250]], 'div-gpt-ad-1572509811568-0').
    // setTargeting(REFRESH_KEY, REFRESH_VALUE).
    // addService(googletag.pubads());
    
     // gpt_parallax2fixesize = googletag.defineSlot('/4905536/detik_desktop/inet/parallax2', [[480, 600], [300, 250]], 'div-gpt-ad-1574398040809-0').
     // setTargeting(REFRESH_KEY, REFRESH_VALUE).
     // addService(googletag.pubads());
     
     // gpt_balloon = googletag.defineSlot('/4905536/detik_desktop/inet/balloon_ads', [[300, 600], [400, 250], [300, 500]], 'div-gpt-ad-1611048410561-0').
     // setTargeting(REFRESH_KEY, REFRESH_VALUE).
     // addService(googletag.pubads());
    
    // Number of seconds to wait after the slot becomes viewable.
    var SECONDS_TO_WAIT_AFTER_VIEWABILITY = 20;
    googletag.pubads().addEventListener('impressionViewable', function(event) {
      var slot = event.slot;
      if (slot.getTargeting(REFRESH_KEY).indexOf(REFRESH_VALUE) > -1) {
        setTimeout(function() {
//             
//           var staticdetailFirst = $("div.staticdetail_ads").children();
//           if(staticdetailFirst.length > 1){
//             staticdetailFirst[0].remove();
//           }
//           var staticdetailSecond = $("div#div-gpt-ad-1708418805174-0").children();
//           if(staticdetailSecond.length > 1){
//             staticdetailSecond[0].remove();
//           }
//           $("div#inventory-p5").remove();
//           $(".teads-player").remove();
//             
//             
          googletag.pubads().refresh([slot]);
        }, SECONDS_TO_WAIT_AFTER_VIEWABILITY * 1000);
      }
    });

// Define a web interstitial ad slot.

interstitialSlot = googletag.defineOutOfPageSlot('/4905536/detik_desktop/inet/pop_ups', googletag.enums.OutOfPageFormat.INTERSTITIAL);

if(interstitialSlot){
interstitialSlot.addService(googletag.pubads());
console.log("Interstitial is loading...");
googletag.pubads().addEventListener('slotOnload', function(event) {
if (interstitialSlot === event.slot) {
console.log("Interstitial is loaded.");
}
});
}


// Define an anchor ad slot

// anchorSlot = googletag.defineOutOfPageSlot(
// '/4905536/detik_desktop/inet/bottomframe',
// document.body.clientWidth <= 500
// ? googletag.enums.OutOfPageFormat.BOTTOM_ANCHOR
// : googletag.enums.OutOfPageFormat.BOTTOM_ANCHOR,
// );
// 
// if (anchorSlot) {
//     anchorSlot.addService(googletag.pubads());
//     console.log("Anchor is loading...");
//     googletag.pubads().addEventListener('slotOnload', function (event) {
//         if (anchorSlot === event.slot) {
//             $('#adv-callback').show();
//             $('.close_tbot').show();
//             $(".breakingnews-float").animate({ "bottom": 50 }, 300);
//             console.log("Anchor is loaded.");
//         }
//     });
// }

gpt_billboardtop = googletag.defineSlot('/4905536/detik_desktop/inet/billboard', [970, 250], 'div-gpt-ad-1534312162209-0').addService(googletag.pubads());

// gpt_navbar2 = googletag.defineSlot('/4905536/detik_desktop/inet/navbar2', [1, 1], 'div-gpt-ad-1723545330107-0').addService(googletag.pubads());
 
gpt_leaderboard = googletag.defineSlot('/4905536/detik_desktop/inet/leaderboard', [728, 90], 'div-gpt-ad-1534312381406-0').addService(googletag.pubads());

gpt_inbetween = googletag.defineOutOfPageSlot('/4905536/detik_desktop/inet/inbetween', 'div-gpt-ad-1658819992544-0').addService(googletag.pubads());

gpt_mr1 = googletag.defineSlot('/4905536/detik_desktop/inet/medium_rectangle1', [[300, 600], [300, 500], [300, 250]], 'div-gpt-ad-1592640415170-0').addService(googletag.pubads());
 
gpt_mr2 = googletag.defineSlot('/4905536/detik_desktop/inet/medium_rectangle2', [300, 250], 'div-gpt-ad-1534312508053-0').addService(googletag.pubads());

//gpt_skyscrapper = googletag.defineSlot('/4905536/detik_desktop/inet/skyscrapper', [[160,600],[120,600]], 'div-gpt-ad-7524782-1').addService(googletag.pubads());

gpt_parallax = googletag.defineSlot('/4905536/detik_desktop/inet/parallax_detail', [[480, 600], [400, 250], [300, 600], [300, 250]], 'div-gpt-ad-1572509811568-0').addService(googletag.pubads());

// gpt_staticdetail = googletag.defineSlot('/4905536/detik_desktop/inet/static_detail', [[400, 250], [1, 1], [300, 250]], 'div-gpt-ad-1708418805174-0').addService(googletag.pubads());

//gpt_parallax1fixesize = googletag.defineSlot('/4905536/detik_desktop/inet/parallax', [[480, 600], [400, 250], [300, 600], [300, 250]], 'div-gpt-ad-1572942238449-0').addService(googletag.pubads());

gpt_mr3 = googletag.defineSlot('/4905536/detik_desktop/inet/medium_rectangle3', [300, 250], 'div-gpt-ad-1556897022671-0').addService(googletag.pubads());

gpt_bottomframe = googletag.defineSlot('/4905536/detik_desktop/inet/bottomframe', [[970, 90], [728, 90], [970, 50], [1, 1]], 'div-gpt-ad-1765881851944-0').addService(googletag.pubads());

gpt_newsfeed1 = googletag.defineOutOfPageSlot('/4905536/detik_desktop/inet/newsfeed1', 'div-gpt-ad-1613911958178-0').addService(googletag.pubads());

gpt_newsfeed2 = googletag.defineOutOfPageSlot('/4905536/detik_desktop/inet/newsfeed2', 'div-gpt-ad-1614701881682-0').addService(googletag.pubads());

// gpt_billboard2 = googletag.defineSlot('/4905536/detik_desktop/inet/topframe', [970, 250], 'div-gpt-ad-1707842245610-0').addService(googletag.pubads());

//googletag.defineSlot('/4905536/detik_desktop/inet/billboard', [1, 1], 'div-gpt-ad-1534312162209-0').addService(googletag.pubads());

//googletag.defineSlot('/4905536/detik_desktop/inet/newsfeed1', ['fluid'], 'div-gpt-ad-1534312583172-0').setTargeting('pos', ['newsfeed1']).addService(googletag.pubads());

//googletag.defineSlot('/4905536/detik_desktop/inet/newsfeed2', ['fluid'], 'div-gpt-ad-1534312653943-0').setTargeting('pos', ['newsfeed2']).addService(googletag.pubads());

//googletag.defineSlot('/4905536/detik_desktop/inet/center2', [1, 1], 'div-gpt-ad-1621319705858-0').addService(googletag.pubads());
    
//gpt_partnerbox = googletag.defineSlot('/4905536/detik_desktop/inet/partner_box', [1, 1], 'div-gpt-ad-1654316403666-0').addService(googletag.pubads());
gpt_billboard = "";

gpt_balloon = "";
//googletag.defineSlot('/4905536/detik_desktop/inet/balloon_ads', [[300, 600], [400, 250], [300, 500]], 'div-gpt-ad-1611048410561-0').addService(googletag.pubads());

gpt_balloonkiri = "";
//googletag.defineSlot('/4905536/detik_desktop/inet/bottomframe', [[300, 500], [400, 250]], 'div-gpt-ad-1660584879656-0').addService(googletag.pubads());

//gpt_hiddenquiz = googletag.defineSlot('/4905536/detik_desktop/inet/hiddenquiz', [1, 1], 'div-gpt-ad-1605762402253-0').addService(googletag.pubads());

//googletag.defineSlot('/4905536/detik_desktop/inet/center1', [300, 250], 'div-gpt-ad-1565184477145-0').setTargeting('pos', ['center1']).addService(googletag.pubads());

//googletag.defineSlot('/4905536/detik_desktop/inet/medium_rectangle4', [300, 250], 'div-gpt-ad-1574407227263-0').addService(googletag.pubads());

gpt_topframe = "";

// gpt_skinnerkiri = googletag.defineSlot('/4905536/detik_desktop/inet/skinner_left', [[160, 600],  [300, 700]], 'div-gpt-ad-1587457063608-0').addService(googletag.pubads());
// 
// gpt_skinnerkanan = googletag.defineSlot('/4905536/detik_desktop/inet/skinner_right', [[160, 600],  [300, 700]], 'div-gpt-ad-1587457141759-0').addService(googletag.pubads());

gpt_slot_objects.push( gpt_leaderboard, gpt_newsfeed1, gpt_parallax, gpt_mr1, gpt_mr2, gpt_mr3, gpt_billboardtop, interstitialSlot, gpt_bottomframe);

//conditional empty skyscrapper 
// if (document.getElementById('div-gpt-ad-7524782-1') != null) {
// gpt_slot_objects.push(gpt_skyscrapper);
// }

//conditional empty static detail 
// if (document.getElementById('div-gpt-ad-1708418805174-0') != null) {
// gpt_slot_objects.push(gpt_staticdetail);
// }

//conditional empty inbetween 
if (document.getElementById('div-gpt-ad-1658819992544-0') != null) {
gpt_slot_objects.push(gpt_inbetween);
}

// //conditional empty newstag 
// if (document.getElementById('div-gpt-ad-newstag-0') != null) {
// gpt_slot_objects.push(gpt_newstag);
// }
      
//conditional empty hiddenquiz 
//if (document.getElementById('div-gpt-ad-1605762402253-0') != null) {
//gpt_slot_objects.push(gpt_hiddenquiz);
//}

//conditional empty newsfeed 1
// if (document.getElementById('div-gpt-ad-1613911958178-0') != null) {
// gpt_slot_objects.push(gpt_newsfeed1);
// }

//conditional empty newsfeed 2
if (document.getElementById('div-gpt-ad-1614701881682-0') != null) {
gpt_slot_objects.push(gpt_newsfeed2);
}

//conditional empty parallax detail 
//if (document.getElementById('div-gpt-ad-1572509811568-0') != null) {
//gpt_slot_objects.push(gpt_parallaxdetailfixesize);
//}

//conditional empty parallax 1
//if (document.getElementById('div-gpt-ad-1572942238449-0') != null) {
//gpt_slot_objects.push(gpt_parallax1fixesize);
//}

//conditional empty partnerbox
//if (document.getElementById('div-gpt-ad-1654316403666-0') != null) {
//gpt_slot_objects.push(gpt_partnerbox);
//}

/* S- Custom DFP For Callback Function */

 googletag.pubads().addEventListener('slotRenderEnded', function(event) {
 try { 

if (event.slot == gpt_newsfeed1 && !event.isEmpty ){
var $head = $("#div-gpt-ad-1613911958178-0 iframe").contents().find("head");
var url = "https://awscdnstatic.detik.net.id/live/_rmbassets/newsfeed/inet-redesign.css";
$head.append($("<link />", { rel: "stylesheet", href: url, type: "text/css" } ));
var Adv1 = $("#div-gpt-ad-1613911958178-0 iframe").contents().find(".AdvInetRedesign");
if(Adv1.length ){
$("#div-gpt-ad-1613911958178-0 iframe").height("87px");
}
}
if (event.slot == gpt_newsfeed2 && !event.isEmpty ){
 var $head2 = $("#div-gpt-ad-1614701881682-0 iframe").contents().find("head");
 var url2 = "https://awscdnstatic.detik.net.id/live/_rmbassets/newsfeed/detikRedesign2.css";
 $head2.append($("<link />", { rel: "stylesheet", href: url2, type: "text/css" } ));
 var Adv2 = $("#div-gpt-ad-1614701881682-0 iframe").contents().find(".AdvDetikcomRedesign-m");
if(Adv2.length ){
$("#div-gpt-ad-1614701881682-0 iframe").height("1px");
}
}
if(event.slot == gpt_billboardtop && !event.isEmpty){
// $("#megabillboard-desktop").height('250px');
$(document).ready(function () {
var widthBB = event.size[0],
heightBB = event.size[1];

$("#billboard").css({ "width": widthBB, "height": heightBB});
window.addEventListener('scroll', function () {
// stickyBB();
})
});
}
if(event.slot == gpt_billboard && !event.isEmpty){
  $(document).ready(function(){
     $('#billboard_banner').show();
     Billboard_Sticky();
  });
}
if(event.slot == gpt_mr1 && !event.isEmpty){
     var divsToRemoveMRCarousel = document.querySelectorAll(".carousel-container");
     if (divsToRemoveMRCarousel.lenght){     
        checkscriptpartner();
     }
     
}     



      if (event.slot == gpt_balloon && !event.isEmpty) {
   var containsAdBalloon = !event.isEmpty,
   widthBalloon = event.size[0],
   heightBalloon = event.size[1];
    $('.balloon').show();
    $('.balloon_close').show();
   if (heightBalloon == 500 && widthBalloon == 300){
      $('.balloon').css({'height':'500px','width':'300px'});
      $('.balloon_close').css({'top':'-24px'});
     }
    $(window).scroll(function () {
        if ($(".balloon").length) {
            $('.pip-vid').removeClass("flowed");
        }
    });
 }
if (event.slot == gpt_balloonkiri && !event.isEmpty) {
var containsAdBalloonKiri = !event.isEmpty,
widthBalloonKiri = event.size[0],
heightBalloonKiri = event.size[1];
$('.balloon_adskiri').show();
$('.balloon_closekiri').show();
if (heightBalloonKiri == 500 && widthBalloonKiri == 300){
$('.balloon_adskiri').css({'height':'500px','width':'300px'});

}
}
      if (event.slot == gpt_topframe && !event.isEmpty ){
            $('.top_banner_bar').height('50px');
            $('.close_tb').show();
} 
// if (event.slot == gpt_staticdetail && !event.isEmpty) {
//     setTimeout(() => {
//         var divsd = document.querySelector(".staticdetail_ads").children;
//         if (divsd.length > 2) {
//             divsd[0].remove();
//         }
//     }, 1000);
// }

if (event.slot == gpt_bottomframe && !event.isEmpty) {
    var containsAdBF = !event.isEmpty,
    widthBF = event.size[0],
    heightBF = event.size[1];
    if (heightBF == 1 && widthBF == 1) {
        $('.close_tbot').hide();
        $('.bottom_banner_bar').hide();
        $(".breakingnews-float").animate({ "bottom": 50 }, 300);
    }
    else if (heightBF == 90 && widthBF == 728) {
        $('.bottom_banner_bar').css("min-height", "90px");
        $('.bottom_banner_bar').show();
        $('#adv-callback').show();
        $('.close_tbot').show();
        $(".breakingnews-float").animate({ "bottom": 50 }, 300);
        }
    else if (heightBF == 50 && widthBF == 970) {
        $('.bottom_banner_bar').css("min-height", "50px");
        $('.bottom_banner_bar').show();
        $('.close_tbot').show();
        $(".breakingnews-float").animate({ "bottom": 50 }, 300);
        }
    else {
        $('.close_tbot').hide();
        $('.bottom_banner_bar').hide();
        $(".breakingnews-float").animate({ "bottom": 0 }, 300);
    }
}

     if(event.slot == gpt_leaderboard && !event.isEmpty){
    var containsLead = !event.isEmpty,
    widthLead= event.size[0],
    heightLead = event.size[1];
    $("#adv-caption-lead").show();
    $("#adv-caption-lead").width(widthLead+22);
}
} 
catch (e) {
     console.log(e);
}
});
   /*E- Custom DFP */


googletag.pubads().enableSingleRequest();
googletag.pubads().disableInitialLoad();
googletag.pubads().setTargeting('site', ['detikcom']);
googletag.pubads().setTargeting('section', ['inet']);
googletag.pubads().setTargeting('medium', ['desktop']);
googletag.pubads().setTargeting('keyvalue', dfp_keywords);
googletag.pubads().setTargeting('Keyword_tag', dfp_keywords);
googletag.pubads().setTargeting('militaryconflict', dfp_keywords);
googletag.pubads().setTargeting('ilegal_drugs', dfp_keywords);
googletag.pubads().setTargeting('adult', dfp_keywords);
googletag.pubads().setTargeting('death_injury', dfp_keywords);
googletag.pubads().setTargeting('hate_speech', dfp_keywords);
googletag.pubads().setTargeting('spam_harmfulsite', dfp_keywords);
googletag.pubads().setTargeting('tobacco', dfp_keywords);
googletag.pubads().setTargeting('disaster', dfp_keywords);
googletag.pubads().setTargeting('politic', dfp_keywords);
googletag.pubads().setTargeting('obscenity', dfp_keywords);
googletag.pubads().setTargeting('terorism', dfp_keywords);
googletag.pubads().setTargeting('arms', dfp_keywords);
googletag.pubads().setTargeting('crime', dfp_keywords);
googletag.pubads().setTargeting('online_piracy', dfp_keywords);
googletag.pubads().setTargeting('safe_content', dfp_keywords);
googletag.pubads().setTargeting('Brandsafety_IAS', dfp_keywords);
googletag.pubads().setTargeting('Healthy_Food', dfp_keywords);googletag.pubads().setTargeting('Luxury_Shoppers', dfp_keywords);googletag.pubads().setTargeting('Islamic_Content', dfp_keywords);googletag.pubads().setTargeting('Music_Lovers', dfp_keywords);googletag.pubads().setTargeting('Kpop', dfp_keywords);googletag.pubads().setTargeting('Food_Recipe', dfp_keywords);googletag.pubads().setTargeting('Health_and_Fitness', dfp_keywords);googletag.pubads().setTargeting('Technophiles', dfp_keywords);googletag.pubads().setTargeting('Racket', dfp_keywords);googletag.pubads().setTargeting('Photography', dfp_keywords);googletag.pubads().setTargeting('Value_Shoppers', dfp_keywords);
googletag.pubads().setTargeting('Pet_Lover', dfp_keywords);
// googletag.pubads().setTargeting('ivt_status', dfp_ivtstatus);
// googletag.pubads().setTargeting('ivt_info', dfp_ivtinfo);
googletag.pubads().setTargeting('ivt_bot', dfp_ivtbot);
googletag.pubads().setTargeting('ivt_crawler', dfp_ivtcrawler);
googletag.pubads().collapseEmptyDivs();
googletag.enableServices();

// lazyLoad

// googletag.pubads().enableLazyLoad({
// fetchMarginPercent: -1,
// renderMarginPercent: 20,
// //mobileScaling: 2.0
// });
// 
// googletag.pubads().addEventListener("slotRequested", (event) => {
// console.log("Fetching:",event.slot.getSlotElementId(), "fetched");
// });
// 
// googletag.pubads().addEventListener("slotOnload", (event) => {
// console.log("Rendering:",event.slot.getSlotElementId(), "rendered");
// });


// request pbjs bids when it loads
  pbjs.que.push(function() {
    pbjs.rp.requestBids({ 
callback: callAdserver, gptSlotObjects: gpt_slot_objects.filter(function(element, index) { 
return (element) ? true : false; }) });
});

// failsafe in case PBJS doesn't load
setTimeout(function() {
callAdserver(gpt_slot_objects);
}, 2000);

});

function callAdserver(gptSlots) {
    if (pbjs.adserverCalled) return;
    pbjs.adserverCalled = true;
    googletag.pubads().refresh(gptSlots);
  }
  
function removeElement(classname) {
var elem = document.getElementsByClassName(classname)[0];
return elem.parentNode.removeChild(elem);
}

</script>
<!-- End Tag DFP -->

<!-- Optima Tag -->
<script async src="//servg1.net/o.js?uid=8ec08bf141be0cb431e04dc9" type="text/javascript"></script>
<!-- Optima Tag -->

<!-- Insurad tag -->
<script async src="https://cdn.insurads.com/bootstrap/S9H7OMZB.js"></script>

<!-- <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6880533263535234"
     crossorigin="anonymous"></script> -->
     
<!-- E:taghead -->
        <script type="text/javascript">
    var baseurl    = "https://inet.detik.com",
        asset_url  = "https://awscdn.detik.net.id/inet3",
        site_id    = "5",
        channel_id = "105",
        responsive = false,
        itp_locals_active = true,
        itp_site_name = "detikInet"
</script>

<!--profile_ad:detik_inet-->
<!--layout_type:desktop-->
<script type="text/javascript">
    window.addEventListener('message', function (event) {
        var iframe = document.getElementsByClassName("bb-iframe");
        var height = event.data.height;
        if (iframe && iframe[0]) {
            iframe[0].style.height = height + "px";
        }
    }, false);
</script>        <script type="text/javascript">
    function getScript(e,t){var a=document.createElement("script");a.src=e;var n=document.getElementsByTagName("head")[0],d=!1;a.onload=a.onreadystatechange=function(){d||this.readyState&&"loaded"!=this.readyState&&"complete"!=this.readyState||(d=!0,t(),a.onload=a.onreadystatechange=null,n.removeChild(a))},n.appendChild(a)}

    var loadedJsSrc = {};
    var loadedCssSrc = {};
    
    function loadJsScript (url) {
        if (loadedJsSrc[url]) {
            return loadedJsSrc[url];
        }

        const promise = new Promise((resolve, reject) => {
            const script = document.createElement('script');
            script.src = url;
            script.async = true;

            script.onload = () => {
                resolve();
            };

            script.onerror = () => {
                delete loadedJsSrc[url]; 
                reject(new Error(`Gagal memuat script dari URL: ${url}`));
            };

            document.head.appendChild(script);
        });

        loadedJsSrc[url] = promise;

        return promise;
    }

    function loadStyleCss (url) {
        if (loadedCssSrc[url]) {
            return loadedCssSrc[url];
        }

        const promise = new Promise((resolve, reject) => {
            const link = document.createElement('link');
            
            link.rel = 'stylesheet';
            link.href = url;

            link.onload = () => {
                resolve();
            };

            link.onerror = () => {
                delete loadedCssSrc[url]; 
                reject(new Error(`Gagal memuat file CSS dari URL: ${url}`));
            };

            document.head.appendChild(link);
        });

        loadedCssSrc[url] = promise;

        return promise;
    }
</script>
<script type="text/javascript">
    function itpGetFileNameFromUrl(i){return new URL(i).pathname.split("/").pop().split(".").slice(0,-1).join("")}function itpInitScrollAsset(i,n,t=function(){}){let e="inited"+itpGetFileNameFromUrl(i);window[e]=!1,window.addEventListener("scroll",(function(){window[e]||window.scrollY<=n||(window[e]=!0,getScript(i,t))}))}
</script>

    </head>
    <body class="flex isolate min-h-screen flex-col gotm-style:bg-black">

        <!--s:dtkprv-->
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NG6BTJ"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<!--e:dtkprv-->

        
        <!-- S:skinner --> <div id="skinner-left" style="position:fixed;top:56px;left:50%;margin-left:-720px;z-index:30;isolation:isolate;" aria-label="ads">
    <div style="width:160px;">
        <!-- Placeholder ad content replace with Ad Script -->
        <ins data-labelname="skinnerkiri" data-revive-zoneid="565" data-revive-id="0cceecb9cae9f51a31123c541910d59b"></ins>
    </div>
</div>

<div id="skinner-right" style="position:fixed;top:56px;right:50%;margin-right:-720px;z-index:30;isolation:isolate;" aria-label="ads">
    <div style="width:160px;">
        <!-- Placeholder ad content replace with Ad Script -->
        <ins data-labelname="skinnerkanan" data-revive-zoneid="566" data-revive-id="0cceecb9cae9f51a31123c541910d59b"></ins>

    </div>
</div><!-- E:skinner --><!-- S:prestitial --><!-- E:prestitial --><!-- S:topframe --><center>
<div class="billboard-top" style="background-color:#F8F8F8;width: 970px; position: fixed; left: 0; right: 0; margin: auto;">
<div class="parallax1 parallaxB" id="megabillboard-desktop" style="width: 100%;height: 250px;position: relative;margin-bottom:5px !important;margin-top:0 !important;max-width:970px;left:0;right:0;margin:auto;">
<div class="parallax_abs">
<div class="parallax_fix" style="max-width: 970px;">
<div class="parallax_ads" >
<!-- /4905536/detik_desktop/inet/billboard -->
<div id='div-gpt-ad-1534312162209-0'>
<script>
googletag.cmd.push(function() { googletag.display('div-gpt-ad-1534312162209-0'); });
</script>
</div>
</div>
</div>
</div>
</div>
</div>
</center><!-- E:topframe -->


<style>
  .search-section__list a.focused {
    background-color: #f0f0f0;
    outline: none;
  }
  
  .search-section__list li.focused {
    background-color: #f0f0f0;
    outline: none;
  }
</style>

<div class="dtkframebar__menu__kanal framebarasset-lazy">
                        <ul class="newlist">
                <li class="pb10">
                    <a href="https://www.detik.com/?tagfrom=framebar">
                        <span class="dtkframebar__menu__kanal__icon gtm_link_detikcom">
                        <img data-src="https://awscdn.detik.net.id/assets2/images/framebar/favicon-detikcom.png?v=202605081747" alt=""></span> detikcom
                    </a>
                </li>
                <ul class="newlist-double">
                                            <li class="sub_list">
                            <a
                                dtr-evt="header" dtr-sec="menu hamburger" dtr-act="menu hamburger" onclick="_pt(this)" dtr-ttl="Terpopuler"                                href="https://www.detik.com/terpopuler"
                                style="
                                                                                                        "
                                class="
                                                                    "
                                
                                                                    target="_blank"
                                                            >
                                <span class="dtkframebar__menu__kanal__icon">
                                    <img data-src="https://awscdn.detik.net.id/framebarasset/ic_Most-3x.webp" alt="">
                                </span>

                                Terpopuler
                                                            </a>
                        </li>
                                            <li class="sub_list">
                            <a
                                dtr-evt="header" dtr-sec="menu hamburger" dtr-act="menu hamburger" onclick="_pt(this)" dtr-ttl="Live TV"                                href="https://20.detik.com/live/"
                                style="
                                                                                                        "
                                class="
                                                                    "
                                
                                                                    target="_blank"
                                                            >
                                <span class="dtkframebar__menu__kanal__icon">
                                    <img data-src="https://awscdn.detik.net.id/framebarasset/ic_livetv.webp" alt="">
                                </span>

                                Live TV
                                                            </a>
                        </li>
                                            <li class="sub_list">
                            <a
                                dtr-evt="header" dtr-sec="menu hamburger" dtr-act="menu hamburger" onclick="_pt(this)" dtr-ttl="Kirim Tulisan"                                href="https://news.detik.com/kolom/kirim/"
                                style="
                                                                                                        "
                                class="
                                                                    "
                                
                                                                    target="_blank"
                                                            >
                                <span class="dtkframebar__menu__kanal__icon">
                                    <img data-src="https://awscdn.detik.net.id/framebarasset/ic_kirim_tulisan-3x.webp" alt="">
                                </span>

                                Kirim Tulisan
                                                            </a>
                        </li>
                                    </ul>
            </ul>

                    
        <div class="kat_divide">
            Kategori Berita        </div>
        <ul class="newlist-double">

                            <li>
                    <a
                        dtr-evt="header" dtr-sec="menu hamburger" dtr-act="menu hamburger" onclick="_pt(this)" dtr-ttl="detikNews"                        href="https://news.detik.com/"
                        style="
                                                                                "

                                                    target="_blank"
                        
                                            >
                        <span class="dtkframebar__menu__kanal__icon gtm_link_detiknews">
                            <img data-src="https://awscdn.detik.net.id/framebarasset/ic_detik-3x.webp" alt="">
                        </span>

                        detikNews
                        
                    </a>
                </li>
                            <li>
                    <a
                        dtr-evt="header" dtr-sec="menu hamburger" dtr-act="menu hamburger" onclick="_pt(this)" dtr-ttl="detikFinance"                        href="https://finance.detik.com/"
                        style="
                                                                                "

                                                    target="_blank"
                        
                                            >
                        <span class="dtkframebar__menu__kanal__icon gtm_link_detiknews">
                            <img data-src="https://awscdn.detik.net.id/framebarasset/ic_finance-3x.webp" alt="">
                        </span>

                        detikFinance
                        
                    </a>
                </li>
                            <li>
                    <a
                        dtr-evt="header" dtr-sec="menu hamburger" dtr-act="menu hamburger" onclick="_pt(this)" dtr-ttl="detikInet"                        href="https://inet.detik.com/"
                        style="
                                                                                "

                                                    target="_blank"
                        
                                            >
                        <span class="dtkframebar__menu__kanal__icon gtm_link_detiknews">
                            <img data-src="https://awscdn.detik.net.id/framebarasset/ic_inet-3x.webp" alt="">
                        </span>

                        detikInet
                        
                    </a>
                </li>
                            <li>
                    <a
                        dtr-evt="header" dtr-sec="menu hamburger" dtr-act="menu hamburger" onclick="_pt(this)" dtr-ttl="detikHot"                        href="https://hot.detik.com/"
                        style="
                                                                                "

                                                    target="_blank"
                        
                                            >
                        <span class="dtkframebar__menu__kanal__icon gtm_link_detiknews">
                            <img data-src="https://awscdn.detik.net.id/framebarasset/ic_hot-3x.webp" alt="">
                        </span>

                        detikHot
                        
                    </a>
                </li>
                            <li>
                    <a
                        dtr-evt="header" dtr-sec="menu hamburger" dtr-act="menu hamburger" onclick="_pt(this)" dtr-ttl="detikSport"                        href="https://sport.detik.com/"
                        style="
                                                                                "

                                                    target="_blank"
                        
                                            >
                        <span class="dtkframebar__menu__kanal__icon gtm_link_detiknews">
                            <img data-src="https://awscdn.detik.net.id/framebarasset/ic_sport-3x.webp" alt="">
                        </span>

                        detikSport
                        
                    </a>
                </li>
                            <li>
                    <a
                        dtr-evt="header" dtr-sec="menu hamburger" dtr-act="menu hamburger" onclick="_pt(this)" dtr-ttl="Sepakbola"                        href="https://sport.detik.com/sepakbola"
                        style="
                                                                                "

                                                    target="_blank"
                        
                                            >
                        <span class="dtkframebar__menu__kanal__icon gtm_link_detiknews">
                            <img data-src="https://awscdn.detik.net.id/framebarasset/ic_sepakbola-3x.webp" alt="">
                        </span>

                        Sepakbola
                        
                    </a>
                </li>
                            <li>
                    <a
                        dtr-evt="header" dtr-sec="menu hamburger" dtr-act="menu hamburger" onclick="_pt(this)" dtr-ttl="detikOto"                        href="https://oto.detik.com/"
                        style="
                                                                                "

                                                    target="_blank"
                        
                                            >
                        <span class="dtkframebar__menu__kanal__icon gtm_link_detiknews">
                            <img data-src="https://awscdn.detik.net.id/framebarasset/ic_oto-3x.webp" alt="">
                        </span>

                        detikOto
                        
                    </a>
                </li>
                            <li>
                    <a
                        dtr-evt="header" dtr-sec="menu hamburger" dtr-act="menu hamburger" onclick="_pt(this)" dtr-ttl="detikTravel"                        href="https://travel.detik.com/"
                        style="
                                                                                "

                                                    target="_blank"
                        
                                            >
                        <span class="dtkframebar__menu__kanal__icon gtm_link_detiknews">
                            <img data-src="https://awscdn.detik.net.id/framebarasset/ic_travel-3x.webp" alt="">
                        </span>

                        detikTravel
                        
                    </a>
                </li>
                            <li>
                    <a
                        dtr-evt="header" dtr-sec="menu hamburger" dtr-act="menu hamburger" onclick="_pt(this)" dtr-ttl="detikFood"                        href="https://food.detik.com/"
                        style="
                                                                                "

                                                    target="_blank"
                        
                                            >
                        <span class="dtkframebar__menu__kanal__icon gtm_link_detiknews">
                            <img data-src="https://awscdn.detik.net.id/framebarasset/ic_food-3x.webp" alt="">
                        </span>

                        detikFood
                        
                    </a>
                </li>
                            <li>
                    <a
                        dtr-evt="header" dtr-sec="menu hamburger" dtr-act="menu hamburger" onclick="_pt(this)" dtr-ttl="detikHealth"                        href="https://health.detik.com/"
                        style="
                                                                                "

                                                    target="_blank"
                        
                                            >
                        <span class="dtkframebar__menu__kanal__icon gtm_link_detiknews">
                            <img data-src="https://awscdn.detik.net.id/framebarasset/ic_health-3x.webp" alt="">
                        </span>

                        detikHealth
                        
                    </a>
                </li>
                            <li>
                    <a
                        dtr-evt="header" dtr-sec="menu hamburger" dtr-act="menu hamburger" onclick="_pt(this)" dtr-ttl="Wolipop"                        href="https://wolipop.detik.com"
                        style="
                                                                                "

                                                    target="_blank"
                        
                                            >
                        <span class="dtkframebar__menu__kanal__icon gtm_link_detiknews">
                            <img data-src="https://awscdn.detik.net.id/framebarasset/ic_wolipop-3x.webp" alt="">
                        </span>

                        Wolipop
                        
                    </a>
                </li>
                            <li>
                    <a
                        dtr-evt="header" dtr-sec="menu hamburger" dtr-act="menu hamburger" onclick="_pt(this)" dtr-ttl="DetikX"                        href="https://news.detik.com/x/"
                        style="
                                                                                "

                                                    target="_blank"
                        
                                            >
                        <span class="dtkframebar__menu__kanal__icon gtm_link_detiknews">
                            <img data-src="https://awscdn.detik.net.id/framebarasset/ic_X-3x.webp" alt="">
                        </span>

                        DetikX
                        
                    </a>
                </li>
                            <li>
                    <a
                        dtr-evt="header" dtr-sec="menu hamburger" dtr-act="menu hamburger" onclick="_pt(this)" dtr-ttl="20Detik"                        href="https://20.detik.com"
                        style="
                                                                                "

                                                    target="_blank"
                        
                                            >
                        <span class="dtkframebar__menu__kanal__icon gtm_link_detiknews">
                            <img data-src="https://awscdn.detik.net.id/framebarasset/ic_20D-3x.webp" alt="">
                        </span>

                        20Detik
                        
                    </a>
                </li>
                            <li>
                    <a
                        dtr-evt="header" dtr-sec="menu hamburger" dtr-act="menu hamburger" onclick="_pt(this)" dtr-ttl="detikFoto"                        href="https://foto.detik.com"
                        style="
                                                                                "

                                                    target="_blank"
                        
                                            >
                        <span class="dtkframebar__menu__kanal__icon gtm_link_detiknews">
                            <img data-src="https://awscdn.detik.net.id/framebarasset/ic_foto.webp" alt="">
                        </span>

                        detikFoto
                        
                    </a>
                </li>
                            <li>
                    <a
                        dtr-evt="header" dtr-sec="menu hamburger" dtr-act="menu hamburger" onclick="_pt(this)" dtr-ttl="detikEdu"                        href="https://www.detik.com/edu/"
                        style="
                                                                                "

                                                    target="_blank"
                        
                                            >
                        <span class="dtkframebar__menu__kanal__icon gtm_link_detiknews">
                            <img data-src="https://awscdn.detik.net.id/framebarasset/ic_edu-3x.webp" alt="">
                        </span>

                        detikEdu
                        
                    </a>
                </li>
                            <li>
                    <a
                        dtr-evt="header" dtr-sec="menu hamburger" dtr-act="menu hamburger" onclick="_pt(this)" dtr-ttl="detikHikmah"                        href="https://www.detik.com/hikmah/"
                        style="
                                                                                "

                                                    target="_blank"
                        
                                            >
                        <span class="dtkframebar__menu__kanal__icon gtm_link_detiknews">
                            <img data-src="https://awscdn.detik.net.id/framebarasset/ic_Hikmah.webp" alt="">
                        </span>

                        detikHikmah
                        
                    </a>
                </li>
                            <li>
                    <a
                        dtr-evt="header" dtr-sec="menu hamburger" dtr-act="menu hamburger" onclick="_pt(this)" dtr-ttl="detikProperti"                        href="https://www.detik.com/properti/"
                        style="
                                                                                "

                                                    target="_blank"
                        
                                            >
                        <span class="dtkframebar__menu__kanal__icon gtm_link_detiknews">
                            <img data-src="https://awscdn.detik.net.id/framebarasset/icproperti.webp" alt="">
                        </span>

                        detikProperti
                        
                    </a>
                </li>
                            <li>
                    <a
                        dtr-evt="header" dtr-sec="menu hamburger" dtr-act="menu hamburger" onclick="_pt(this)" dtr-ttl="detikPop"                        href="https://www.detik.com/pop/"
                        style="
                                                                                "

                                                    target="_blank"
                        
                                            >
                        <span class="dtkframebar__menu__kanal__icon gtm_link_detiknews">
                            <img data-src="https://awscdn.detik.net.id/framebarasset/iconpop.webp" alt="">
                        </span>

                        detikPop
                        
                    </a>
                </li>
                    </ul>
            
        <div class="kat_divide">
            Daerah        </div>
        <ul class="newlist-double">

                            <li>
                    <a
                        dtr-evt="header" dtr-sec="menu hamburger" dtr-act="menu hamburger" onclick="_pt(this)" dtr-ttl="detikJateng"                        href="https://www.detik.com/jateng"
                        style="
                                                                                "

                                                    target="_blank"
                        
                                            >
                        <span class="dtkframebar__menu__kanal__icon gtm_link_detiknews">
                            <img data-src="https://awscdn.detik.net.id/framebarasset/ic_jateng-3x.webp" alt="">
                        </span>

                        detikJateng
                        
                    </a>
                </li>
                            <li>
                    <a
                        dtr-evt="header" dtr-sec="menu hamburger" dtr-act="menu hamburger" onclick="_pt(this)" dtr-ttl="detikJatim"                        href="https://www.detik.com/jatim"
                        style="
                                                                                "

                                                    target="_blank"
                        
                                            >
                        <span class="dtkframebar__menu__kanal__icon gtm_link_detiknews">
                            <img data-src="https://awscdn.detik.net.id/framebarasset/ic_jatim-3x.webp" alt="">
                        </span>

                        detikJatim
                        
                    </a>
                </li>
                            <li>
                    <a
                        dtr-evt="header" dtr-sec="menu hamburger" dtr-act="menu hamburger" onclick="_pt(this)" dtr-ttl="detikJabar"                        href="https://www.detik.com/jabar"
                        style="
                                                                                "

                                                    target="_blank"
                        
                                            >
                        <span class="dtkframebar__menu__kanal__icon gtm_link_detiknews">
                            <img data-src="https://awscdn.detik.net.id/framebarasset/ic_jabar-3x.webp" alt="">
                        </span>

                        detikJabar
                        
                    </a>
                </li>
                            <li>
                    <a
                        dtr-evt="header" dtr-sec="menu hamburger" dtr-act="menu hamburger" onclick="_pt(this)" dtr-ttl="detikSulsel"                        href="https://www.detik.com/sulsel"
                        style="
                                                                                "

                                                    target="_blank"
                        
                                            >
                        <span class="dtkframebar__menu__kanal__icon gtm_link_detiknews">
                            <img data-src="https://awscdn.detik.net.id/framebarasset/ic_sulsel-2x.webp" alt="">
                        </span>

                        detikSulsel
                        
                    </a>
                </li>
                            <li>
                    <a
                        dtr-evt="header" dtr-sec="menu hamburger" dtr-act="menu hamburger" onclick="_pt(this)" dtr-ttl="detikSumut"                        href="https://www.detik.com/sumut"
                        style="
                                                                                "

                                                    target="_blank"
                        
                                            >
                        <span class="dtkframebar__menu__kanal__icon gtm_link_detiknews">
                            <img data-src="https://awscdn.detik.net.id/framebarasset/ic_sumut-3x.webp" alt="">
                        </span>

                        detikSumut
                        
                    </a>
                </li>
                            <li>
                    <a
                        dtr-evt="header" dtr-sec="menu hamburger" dtr-act="menu hamburger" onclick="_pt(this)" dtr-ttl="detikBali"                        href="https://www.detik.com/bali"
                        style="
                                                                                "

                                                    target="_blank"
                        
                                            >
                        <span class="dtkframebar__menu__kanal__icon gtm_link_detiknews">
                            <img data-src="https://awscdn.detik.net.id/framebarasset/icondetikbali.webp" alt="">
                        </span>

                        detikBali
                        
                    </a>
                </li>
                            <li>
                    <a
                        dtr-evt="header" dtr-sec="menu hamburger" dtr-act="menu hamburger" onclick="_pt(this)" dtr-ttl="detikSumbagsel"                        href="https://www.detik.com/sumbagsel"
                        style="
                                                                                "

                                                    target="_blank"
                        
                                            >
                        <span class="dtkframebar__menu__kanal__icon gtm_link_detiknews">
                            <img data-src="https://awscdn.detik.net.id/framebarasset/ic_sumbagsel-3x.webp" alt="">
                        </span>

                        detikSumbagsel
                        
                    </a>
                </li>
                            <li>
                    <a
                        dtr-evt="header" dtr-sec="menu hamburger" dtr-act="menu hamburger" onclick="_pt(this)" dtr-ttl="detikJogja"                        href="https://www.detik.com/jogja"
                        style="
                                                                                "

                                                    target="_blank"
                        
                                            >
                        <span class="dtkframebar__menu__kanal__icon gtm_link_detiknews">
                            <img data-src="https://awscdn.detik.net.id/framebarasset/ic_jogja.webp" alt="">
                        </span>

                        detikJogja
                        
                    </a>
                </li>
                            <li>
                    <a
                        dtr-evt="header" dtr-sec="menu hamburger" dtr-act="menu hamburger" onclick="_pt(this)" dtr-ttl="detikKalimantan"                        href="https://www.detik.com/kalimantan/"
                        style="
                                                                                "

                        
                                            >
                        <span class="dtkframebar__menu__kanal__icon gtm_link_detiknews">
                            <img data-src="https://awscdn.detik.net.id/framebarasset/icon-detikkalimantan-69x69.png" alt="">
                        </span>

                        detikKalimantan
                        
                    </a>
                </li>
                    </ul>
            
        <div class="kat_divide">
            Layanan        </div>
        <ul class="newlist-double">

                            <li>
                    <a
                        dtr-evt="header" dtr-sec="menu hamburger" dtr-act="menu hamburger" onclick="_pt(this)" dtr-ttl="For Your Business"                        href="https://fyb.detik.com/"
                        style="
                                                                                "

                                                    target="_blank"
                        
                                            >
                        <span class="dtkframebar__menu__kanal__icon gtm_link_detiknews">
                            <img data-src="https://awscdn.detik.net.id/framebarasset/1734929100-Favicon-Apss-100x100px.png" alt="">
                        </span>

                        For Your Business
                        
                    </a>
                </li>
                            <li>
                    <a
                        dtr-evt="header" dtr-sec="menu hamburger" dtr-act="menu hamburger" onclick="_pt(this)" dtr-ttl="Pasang Mata"                        href="https://pasangmata.detik.com/"
                        style="
                                                                                "

                                                    target="_blank"
                        
                                            >
                        <span class="dtkframebar__menu__kanal__icon gtm_link_detiknews">
                            <img data-src="https://awscdn.detik.net.id/framebarasset/ic_pasang_mata-3x.webp" alt="">
                        </span>

                        Pasang Mata
                        
                    </a>
                </li>
                            <li>
                    <a
                        dtr-evt="header" dtr-sec="menu hamburger" dtr-act="menu hamburger" onclick="_pt(this)" dtr-ttl="adsmart"                        href="https://adsmart.detik.com/"
                        style="
                                                                                "

                        
                                            >
                        <span class="dtkframebar__menu__kanal__icon gtm_link_detiknews">
                            <img data-src="https://awscdn.detik.net.id/framebarasset/ic_adsmart-3x.webp" alt="">
                        </span>

                        adsmart
                        
                    </a>
                </li>
                            <li>
                    <a
                        dtr-evt="header" dtr-sec="menu hamburger" dtr-act="menu hamburger" onclick="_pt(this)" dtr-ttl="detikEvent"                        href="https://event.detik.com"
                        style="
                                                                                "

                                                    target="_blank"
                        
                                            >
                        <span class="dtkframebar__menu__kanal__icon gtm_link_detiknews">
                            <img data-src="https://awscdn.detik.net.id/framebarasset/ic_event-3x.webp" alt="">
                        </span>

                        detikEvent
                        
                    </a>
                </li>
                            <li>
                    <a
                        dtr-evt="header" dtr-sec="menu hamburger" dtr-act="menu hamburger" onclick="_pt(this)" dtr-ttl="Trans Snow World"                        href="https://www.transentertainment.com/transsnow"
                        style="
                                                                                "

                                                    target="_blank"
                        
                                                    rel="nofollow"
                                            >
                        <span class="dtkframebar__menu__kanal__icon gtm_link_detiknews">
                            <img data-src="https://awscdn.detik.net.id/framebarasset/ic_trans_snow_latest.webp" alt="">
                        </span>

                        Trans Snow World
                        
                    </a>
                </li>
                            <li>
                    <a
                        dtr-evt="header" dtr-sec="menu hamburger" dtr-act="menu hamburger" onclick="_pt(this)" dtr-ttl="Trans Studio"                        href="https://www.transentertainment.com/transstudio"
                        style="
                                                                                "

                                                    target="_blank"
                        
                                                    rel="nofollow"
                                            >
                        <span class="dtkframebar__menu__kanal__icon gtm_link_detiknews">
                            <img data-src="https://awscdn.detik.net.id/framebarasset/ic_trans_studio_latest.webp" alt="">
                        </span>

                        Trans Studio
                        
                    </a>
                </li>
                            <li>
                    <a
                        dtr-evt="header" dtr-sec="menu hamburger" dtr-act="menu hamburger" onclick="_pt(this)" dtr-ttl="Flying Over Indonesia"                        href="https://www.transentertainment.com/foi/detail"
                        style="
                                                                                "

                                                    target="_blank"
                        
                                                    rel="nofollow"
                                            >
                        <span class="dtkframebar__menu__kanal__icon gtm_link_detiknews">
                            <img data-src="https://awscdn.detik.net.id/framebarasset/Logo%20FOI.png" alt="">
                        </span>

                        Flying Over Indonesia
                        
                    </a>
                </li>
                            <li>
                    <a
                        dtr-evt="header" dtr-sec="menu hamburger" dtr-act="menu hamburger" onclick="_pt(this)" dtr-ttl="berbuatbaik.id"                        href="https://www.berbuatbaik.id/?utm_source=detikcom&utm_medium=framebar&utm_campaign=layanan"
                        style="
                                                                                "

                                                    target="_blank"
                        
                                                    rel="nofollow"
                                            >
                        <span class="dtkframebar__menu__kanal__icon gtm_link_detiknews">
                            <img data-src="https://awscdn.detik.net.id/framebarasset/logo-berbuatbaikid.webp" alt="">
                        </span>

                        berbuatbaik.id
                        
                    </a>
                </li>
                            <li>
                    <a
                        dtr-evt="header" dtr-sec="menu hamburger" dtr-act="menu hamburger" onclick="_pt(this)" dtr-ttl="ziswafctarsa.id"                        href="https://ziswafctarsa.id/"
                        style="
                                                                                "

                                                    target="_blank"
                        
                                                    rel="nofollow"
                                            >
                        <span class="dtkframebar__menu__kanal__icon gtm_link_detiknews">
                            <img data-src="https://awscdn.detik.net.id/framebarasset/ic_ziswafok.webp" alt="">
                        </span>

                        ziswafctarsa.id
                        
                    </a>
                </li>
                            <li>
                    <a
                        dtr-evt="header" dtr-sec="menu hamburger" dtr-act="menu hamburger" onclick="_pt(this)" dtr-ttl="Signature Awards"                        href="https://www.detik.com/signature-awards"
                        style="
                                                                                "

                                                    target="_blank"
                        
                                            >
                        <span class="dtkframebar__menu__kanal__icon gtm_link_detiknews">
                            <img data-src="https://awscdn.detik.net.id/framebarasset/favicon-signature%20(1).webp" alt="">
                        </span>

                        Signature Awards
                        
                    </a>
                </li>
                            <li>
                    <a
                        dtr-evt="header" dtr-sec="menu hamburger" dtr-act="menu hamburger" onclick="_pt(this)" dtr-ttl="Bingkai.id"                        href="https://bingkai.id"
                        style="
                                                                                "

                                                    target="_blank"
                        
                                                    rel="nofollow"
                                            >
                        <span class="dtkframebar__menu__kanal__icon gtm_link_detiknews">
                            <img data-src="https://awscdn.detik.net.id/framebarasset/logo-bingkaiid.webp" alt="">
                        </span>

                        Bingkai.id
                        
                    </a>
                </li>
                            <li>
                    <a
                        dtr-evt="header" dtr-sec="menu hamburger" dtr-act="menu hamburger" onclick="_pt(this)" dtr-ttl="Trans Hotel Group"                        href="https://transhotelgroup.com/detik/"
                        style="
                                                                                "

                                                    target="_blank"
                        
                                                    rel="nofollow"
                                            >
                        <span class="dtkframebar__menu__kanal__icon gtm_link_detiknews">
                            <img data-src="https://awscdn.detik.net.id/framebarasset/Logo%20THG%20Icon%2069x69pxl-02.png" alt="">
                        </span>

                        Trans Hotel Group
                        
                    </a>
                </li>
                            <li>
                    <a
                        dtr-evt="header" dtr-sec="menu hamburger" dtr-act="menu hamburger" onclick="_pt(this)" dtr-ttl="Community Connect"                        href="https://www.detik.com/community-connect/"
                        style="
                                                                                "

                                                    target="_blank"
                        
                                                    rel="nofollow"
                                            >
                        <span class="dtkframebar__menu__kanal__icon gtm_link_detiknews">
                            <img data-src="https://awscdn.detik.net.id/framebarasset/1761115322-icon-detikconnect-mobile.png" alt="">
                        </span>

                        Community Connect
                                                    <span class="kanal__new">NEW</span>
                        
                    </a>
                </li>
                            <li>
                    <a
                        dtr-evt="header" dtr-sec="menu hamburger" dtr-act="menu hamburger" onclick="_pt(this)" dtr-ttl="Rekomendit"                        href="https://rekomendit.detik.com/"
                        style="
                                                                                "

                                                    target="_blank"
                        
                                                    rel="nofollow"
                                            >
                        <span class="dtkframebar__menu__kanal__icon gtm_link_detiknews">
                            <img data-src="https://awscdn.detik.net.id/framebarasset/1761115322-icon-rekomendit-mobile.png" alt="">
                        </span>

                        Rekomendit
                                                    <span class="kanal__new">NEW</span>
                        
                    </a>
                </li>
                    </ul>
            
        <div class="kat_divide">
            Top Up & Tagihan        </div>
        <ul class="newlist-double">

                            <li>
                    <a
                        dtr-evt="header" dtr-sec="menu hamburger" dtr-act="menu hamburger" onclick="_pt(this)" dtr-ttl="Game"                        href="https://www.detik.com/webvoucher-game"
                        style="
                                                                                "

                                                    target="_blank"
                        
                                                    rel="nofollow"
                                            >
                        <span class="dtkframebar__menu__kanal__icon gtm_link_detiknews">
                            <img data-src="https://awscdn.detik.net.id/detikcomasset/Asset%20Top%20Up%20%26%20Tagihan/png/icon-game-light.png" alt="">
                        </span>

                        Game
                        
                    </a>
                </li>
                            <li>
                    <a
                        dtr-evt="header" dtr-sec="menu hamburger" dtr-act="menu hamburger" onclick="_pt(this)" dtr-ttl="Paket Data"                        href="https://www.detik.com/webvoucher-paket-data"
                        style="
                                                                                "

                                                    target="_blank"
                        
                                                    rel="nofollow"
                                            >
                        <span class="dtkframebar__menu__kanal__icon gtm_link_detiknews">
                            <img data-src="https://awscdn.detik.net.id/detikcomasset/Asset%20Top%20Up%20%26%20Tagihan/png/icon-data-light.png" alt="">
                        </span>

                        Paket Data
                        
                    </a>
                </li>
                            <li>
                    <a
                        dtr-evt="header" dtr-sec="menu hamburger" dtr-act="menu hamburger" onclick="_pt(this)" dtr-ttl="Pulsa Prabayar"                        href="https://www.detik.com/webvoucher-pulsa-prabayar"
                        style="
                                                                                "

                                                    target="_blank"
                        
                                                    rel="nofollow"
                                            >
                        <span class="dtkframebar__menu__kanal__icon gtm_link_detiknews">
                            <img data-src="https://awscdn.detik.net.id/detikcomasset/Asset%20Top%20Up%20%26%20Tagihan/png/icon-pulsa-prabayar-light.png" alt="">
                        </span>

                        Pulsa Prabayar
                        
                    </a>
                </li>
                            <li>
                    <a
                        dtr-evt="header" dtr-sec="menu hamburger" dtr-act="menu hamburger" onclick="_pt(this)" dtr-ttl="Token PLN"                        href="https://www.detik.com/webvoucher-token-pln"
                        style="
                                                                                "

                                                    target="_blank"
                        
                                                    rel="nofollow"
                                            >
                        <span class="dtkframebar__menu__kanal__icon gtm_link_detiknews">
                            <img data-src="https://awscdn.detik.net.id/detikcomasset/Asset%20Top%20Up%20%26%20Tagihan/png/icon-token-pln-light.png" alt="">
                        </span>

                        Token PLN
                        
                    </a>
                </li>
                            <li>
                    <a
                        dtr-evt="header" dtr-sec="menu hamburger" dtr-act="menu hamburger" onclick="_pt(this)" dtr-ttl="E-wallet"                        href="https://www.detik.com/webvoucher-ewallet"
                        style="
                                                                                "

                                                    target="_blank"
                        
                                                    rel="nofollow"
                                            >
                        <span class="dtkframebar__menu__kanal__icon gtm_link_detiknews">
                            <img data-src="https://awscdn.detik.net.id/detikcomasset/Asset%20Top%20Up%20%26%20Tagihan/png/icon-ewallet-light.png" alt="">
                        </span>

                        E-wallet
                        
                    </a>
                </li>
                            <li>
                    <a
                        dtr-evt="header" dtr-sec="menu hamburger" dtr-act="menu hamburger" onclick="_pt(this)" dtr-ttl="BPJS Kesehatan"                        href="https://www.detik.com/webvoucher-bpjs-kesehatan"
                        style="
                                                                                "

                                                    target="_blank"
                        
                                                    rel="nofollow"
                                            >
                        <span class="dtkframebar__menu__kanal__icon gtm_link_detiknews">
                            <img data-src="https://awscdn.detik.net.id/detikcomasset/Asset%20Top%20Up%20%26%20Tagihan/png/icon-bpjs-kesehatan-light.png" alt="">
                        </span>

                        BPJS Kesehatan
                        
                    </a>
                </li>
                            <li>
                    <a
                        dtr-evt="header" dtr-sec="menu hamburger" dtr-act="menu hamburger" onclick="_pt(this)" dtr-ttl="PLN Pascabayar"                        href="https://www.detik.com/webvoucher-pln-pascabayar"
                        style="
                                                                                "

                                                    target="_blank"
                        
                                                    rel="nofollow"
                                            >
                        <span class="dtkframebar__menu__kanal__icon gtm_link_detiknews">
                            <img data-src="https://awscdn.detik.net.id/detikcomasset/Asset%20Top%20Up%20%26%20Tagihan/png/icon-pln-pascabayar-light.png" alt="">
                        </span>

                        PLN Pascabayar
                        
                    </a>
                </li>
                            <li>
                    <a
                        dtr-evt="header" dtr-sec="menu hamburger" dtr-act="menu hamburger" onclick="_pt(this)" dtr-ttl="PDAM"                        href="https://www.detik.com/webvoucher-pdam"
                        style="
                                                                                "

                                                    target="_blank"
                        
                                                    rel="nofollow"
                                            >
                        <span class="dtkframebar__menu__kanal__icon gtm_link_detiknews">
                            <img data-src="https://awscdn.detik.net.id/detikcomasset/Asset%20Top%20Up%20%26%20Tagihan/png/icon-pdam-light.png" alt="">
                        </span>

                        PDAM
                        
                    </a>
                </li>
                            <li>
                    <a
                        dtr-evt="header" dtr-sec="menu hamburger" dtr-act="menu hamburger" onclick="_pt(this)" dtr-ttl="TV &amp; Internet"                        href="https://www.detik.com/webvoucher-tv-internet"
                        style="
                                                                                "

                                                    target="_blank"
                        
                                                    rel="nofollow"
                                            >
                        <span class="dtkframebar__menu__kanal__icon gtm_link_detiknews">
                            <img data-src="https://awscdn.detik.net.id/detikcomasset/Asset%20Top%20Up%20%26%20Tagihan/png/icon-tv-internet-light.png" alt="">
                        </span>

                        TV & Internet
                        
                    </a>
                </li>
                            <li>
                    <a
                        dtr-evt="header" dtr-sec="menu hamburger" dtr-act="menu hamburger" onclick="_pt(this)" dtr-ttl="Streaming"                        href="https://www.detik.com/webvoucher-streaming"
                        style="
                                                                                "

                                                    target="_blank"
                        
                                                    rel="nofollow"
                                            >
                        <span class="dtkframebar__menu__kanal__icon gtm_link_detiknews">
                            <img data-src="https://awscdn.detik.net.id/detikcomasset/Asset%20Top%20Up%20%26%20Tagihan/png/icon-streaming-light.png" alt="">
                        </span>

                        Streaming
                        
                    </a>
                </li>
                    </ul>
            
        <div class="kat_divide">
            Detik Network        </div>
        <ul class="newlist-double">

                            <li>
                    <a
                        dtr-evt="header" dtr-sec="menu hamburger" dtr-act="menu hamburger" onclick="_pt(this)" dtr-ttl="Hai Bunda"                        href="https://www.haibunda.com"
                        style="
                                                                                "

                                                    target="_blank"
                        
                                                    rel="nofollow"
                                            >
                        <span class="dtkframebar__menu__kanal__icon gtm_link_detiknews">
                            <img data-src="https://awscdn.detik.net.id/framebarasset/ic_hai_bunda-3x.webp" alt="">
                        </span>

                        Hai Bunda
                        
                    </a>
                </li>
                            <li>
                    <a
                        dtr-evt="header" dtr-sec="menu hamburger" dtr-act="menu hamburger" onclick="_pt(this)" dtr-ttl="CNN Indonesia"                        href="https://www.cnnindonesia.com"
                        style="
                                                                                "

                                                    target="_blank"
                        
                                                    rel="nofollow"
                                            >
                        <span class="dtkframebar__menu__kanal__icon gtm_link_detiknews">
                            <img data-src="https://awscdn.detik.net.id/framebarasset/ic_cnn-3x.webp" alt="">
                        </span>

                        CNN Indonesia
                        
                    </a>
                </li>
                            <li>
                    <a
                        dtr-evt="header" dtr-sec="menu hamburger" dtr-act="menu hamburger" onclick="_pt(this)" dtr-ttl="CNBC Indonesia"                        href="https://www.cnbcindonesia.com"
                        style="
                                                                                "

                                                    target="_blank"
                        
                                                    rel="nofollow"
                                            >
                        <span class="dtkframebar__menu__kanal__icon gtm_link_detiknews">
                            <img data-src="https://awscdn.detik.net.id/framebarasset/logo-cnbc-hamburger-menu.png" alt="">
                        </span>

                        CNBC Indonesia
                        
                    </a>
                </li>
                            <li>
                    <a
                        dtr-evt="header" dtr-sec="menu hamburger" dtr-act="menu hamburger" onclick="_pt(this)" dtr-ttl="InsertLive"                        href="https://www.insertlive.com"
                        style="
                                                                                "

                                                    target="_blank"
                        
                                                    rel="nofollow"
                                            >
                        <span class="dtkframebar__menu__kanal__icon gtm_link_detiknews">
                            <img data-src="https://awscdn.detik.net.id/framebarasset/ic_insert-3x.webp" alt="">
                        </span>

                        InsertLive
                        
                    </a>
                </li>
                            <li>
                    <a
                        dtr-evt="header" dtr-sec="menu hamburger" dtr-act="menu hamburger" onclick="_pt(this)" dtr-ttl="Beautynesia"                        href="https://www.beautynesia.id"
                        style="
                                                                                "

                                                    target="_blank"
                        
                                                    rel="nofollow"
                                            >
                        <span class="dtkframebar__menu__kanal__icon gtm_link_detiknews">
                            <img data-src="https://awscdn.detik.net.id/framebarasset/ic_beautynesia-1.webp" alt="">
                        </span>

                        Beautynesia
                        
                    </a>
                </li>
                            <li>
                    <a
                        dtr-evt="header" dtr-sec="menu hamburger" dtr-act="menu hamburger" onclick="_pt(this)" dtr-ttl="Female Daily"                        href="https://www.femaledaily.com"
                        style="
                                                                                "

                                                    target="_blank"
                        
                                                    rel="nofollow"
                                            >
                        <span class="dtkframebar__menu__kanal__icon gtm_link_detiknews">
                            <img data-src="https://awscdn.detik.net.id/framebarasset/ic_female_daily.webp" alt="">
                        </span>

                        Female Daily
                        
                    </a>
                </li>
                            <li>
                    <a
                        dtr-evt="header" dtr-sec="menu hamburger" dtr-act="menu hamburger" onclick="_pt(this)" dtr-ttl="CXO Media"                        href="https://cxomedia.id"
                        style="
                                                                                "

                                                    target="_blank"
                        
                                                    rel="nofollow"
                                            >
                        <span class="dtkframebar__menu__kanal__icon gtm_link_detiknews">
                            <img data-src="https://awscdn.detik.net.id/framebarasset/ic_cxo.webp" alt="">
                        </span>

                        CXO Media
                        
                    </a>
                </li>
                    </ul>
    </div><div id="newframebar" class="framebar-desktop sticky top-0 isolate z-29 grid grid-cols-1 grid-rows-1 bg-white transition-shadow duration-300 min-w-[1200px] right-0" x-bind:class="{ 'overflow-x-hidden': currentFramebar !== 2 }" x-data="framebarScroll()" x-init="init" style="box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 15px; top: 0px; transition: top 0.5s;">
    <!-- 1st Framebar -->
    <div class="z-10 col-start-1 row-start-1 pb-2.5 transition-transform duration-300" x-bind:class="{      
        '-translate-y-full': currentFramebar &gt;= 2 &amp;&amp; !framebarOnly,    
        }" data-framebar="1">
        <div class="dtkframebar block">
            <div class="dtkframebar__bg">
                <div class="container w-full md:w-[1100px]">
                    <div class="dtkframebar__menu dtkframebar__clearfix pull-left flex items-center gap-6">
                        <a href="#" class="dtkframebar__menu__icon" id="dtkframebar-menu">
                            <span></span>
                            <span></span>
                            <span></span>
                        </a>
                        <a href='https://inet.detik.com' target dtr-evt="header" dtr-sec="logo detikInet" dtr-act="logo detikInet" onclick="_pt(this)"class="w-48"><img class='h-auto shrink-0 w-auto' loading='lazy' decoding='async' fetchpriority='auto' width='195' height='40' src='https://awsimages.detik.net.id/community/media/visual/2020/09/17/logo-detikinet.png?d=1' title='DetikInet' alt='detikInet' /></a>                    </div>

                    <!-- S:leaderboard --><!-- E:leaderboard -->                    
                    <div class="dtkframebar__search pull-left gtm_framebardc_search searchasset-lazy">
                        <div class="dtkframebar__search__input gtm_framebardc_btn_search dropdown-search dropdown-wrap">
                            <div class="dropdown" id="dropdown-search" dtr-evt="search bar" dtr-sec="search" dtr-act="search" onclick="_pt(this)">
                                <input type="text" class="text placeholder-rotator" id="placeholder-search" autocomplete="off" placeholder="Cari berita">
                                <button class="dtkframebar__search-icon-blue">
                                    <svg width="60" height="35" viewBox="0 0 60 35" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M17.5 0C7.83502 0 0 7.83502 0 17.5V17.5C0 27.165 7.83502 35 17.5 35H42.5C52.165 35 60 27.165 60 17.5V17.5C60 7.83502 52.165 0 42.5 0H17.5Z" fill="#21409A"></path>
                                        <path d="M33.7549 20.2549H32.9649L32.6849 19.9849C33.6649 18.8449 34.2549 17.3649 34.2549 15.7549C34.2549 12.1649 31.3449 9.25488 27.7549 9.25488C24.1649 9.25488 21.2549 12.1649 21.2549 15.7549C21.2549 19.3449 24.1649 22.2549 27.7549 22.2549C29.3649 22.2549 30.8449 21.6649 31.9849 20.6849L32.2549 20.9649V21.7549L37.2549 26.7449L38.7449 25.2549L33.7549 20.2549ZM27.7549 20.2549C25.2649 20.2549 23.2549 18.2449 23.2549 15.7549C23.2549 13.2649 25.2649 11.2549 27.7549 11.2549C30.2449 11.2549 32.2549 13.2649 32.2549 15.7549C32.2549 18.2449 30.2449 20.2549 27.7549 20.2549Z" fill="white"></path>
                                    </svg>
                                </button>
                                
                            </div>
                            <div class="dropdown-menu">
                                <div class="grid-row no-gutter search-form">
                                    <div class="column">
                                        <form data-itp-form="searchbar" action="https://www.detik.com/search/searchall" method="GET">
                                            <input type="text" id="search-text" class="text" name="query" autocomplete="off">  <input type="hidden" name="siteid" value="5"> <input type="hidden" name="source_kanal" value="true">                                             <button class="dtkframebar__search-icon-blue" type="submit">
                                                <svg width="60" height="35" viewBox="0 0 60 35" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M17.5 0C7.83502 0 0 7.83502 0 17.5V17.5C0 27.165 7.83502 35 17.5 35H42.5C52.165 35 60 27.165 60 17.5V17.5C60 7.83502 52.165 0 42.5 0H17.5Z" fill="#21409A"></path>
                                                    <path d="M33.7549 20.2549H32.9649L32.6849 19.9849C33.6649 18.8449 34.2549 17.3649 34.2549 15.7549C34.2549 12.1649 31.3449 9.25488 27.7549 9.25488C24.1649 9.25488 21.2549 12.1649 21.2549 15.7549C21.2549 19.3449 24.1649 22.2549 27.7549 22.2549C29.3649 22.2549 30.8449 21.6649 31.9849 20.6849L32.2549 20.9649V21.7549L37.2549 26.7449L38.7449 25.2549L33.7549 20.2549ZM27.7549 20.2549C25.2649 20.2549 23.2549 18.2449 23.2549 15.7549C23.2549 13.2649 25.2649 11.2549 27.7549 11.2549C30.2449 11.2549 32.2549 13.2649 32.2549 15.7549C32.2549 18.2449 30.2449 20.2549 27.7549 20.2549Z" fill="white"></path>
                                                </svg>
                                            </button>
                                            <span class="icon-right hide-element" id="clear-search-text"><img data-src="https://awscdn.detik.net.id/assets2/images/framebar/icon-clear.webp?v=202605081747" width="15" height="15" alt=""></span>
                                        </form>
                                    </div>
                                    <span class="column-auto mgl-8" data-toggle="modal" data-target="#modal-filter"><button class="btn btn--md btn--rounded dropdown-search" id="cancel-search">Cancel</button></span>
                                </div>
                                <div class="search-content">
                                    <div class="search-section">
                                        <div class="search-section__title">Yang sedang ramai dicari <img data-src="https://awscdn.detik.net.id/assets2/images/framebar/icon-hot.webp?v=202605081747" class="mgl-8" width="12" height="15" alt=""></div>
                                        <ol class="search-section__list" id="top-keyword-search">
                                            <li><a href="#"><span class="font-bold">Loading...</span></a></li>
                                        </ol>
                                    </div>
                                    <div class="search-section">
                                        <div class="search-section__title">Promoted <img data-src="https://awscdn.detik.net.id/assets2/images/framebar/icon-promoted.svg?v=202605081747" class="mgl-8"></div>
                                        <ol id="promoted-search" class="search-section__list"></ol>
                                    </div>
                                    <div class="search-section">
                                        <div class="search-section__title">Terakhir yang dicari</div>
                                        <ol class="search-section__list" id="last-search">Loading...</ol>
                                    </div>
                                </div>
                                <div class="search-suggest hide-element">
                                    <div class="search-section">
                                        <suggest></suggest>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="dtkframebar__user pull-right">
                        <div class="dtkframebar__user__login" style="border-left:none">
                            <div id="status_user_nf">
                                <div class="dtkframebar__user__login__in">
                                    <div style="display:inline;padding-right:200px">
                                        <div class="ph-item">
                                            <div class="ph-col-12">
                                                <div class="ph-row">
                                                    <div class="ph-col-12 big" style=""></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="dtkframebar__bg__inner"></div>
                </div>
            </div>
        </div>
    </div>
    
    
<div class="z-20 col-start-1 row-start-1 w-full translate-y-full bg-white py-1.5 transition-transform duration-300" x-bind:class="{
    '-translate-y-full': currentFramebar === 3,
    'translate-y-0': currentFramebar === 2,
    'translate-y-full': currentFramebar &lt;= 1
    }" data-framebar="2">
    <div class="mx-auto flex h-11 w-full max-w-[1100px] items-center gap-4">
        <a href='https://inet.detik.com' target dtr-evt="header" dtr-sec="logo detikInet" dtr-act="logo detikInet" onclick="_pt(this)"class="shrink-0"><img class='h-[18px] w-auto shrink-0' loading='lazy' decoding='async' fetchpriority='auto' width='89' height='18' src='https://awsimages.detik.net.id/community/media/visual/2020/09/17/logo-detikinet.png?d=1' title='DetikInet' alt='detikInet' /></a>
        
<nav class="mt-[5px] flex grow justify-between">
            <a             
            
                            aria-current="page"
            
            style="
                                            "

            href="https://inet.detik.com"
            dtr-evt="header" dtr-sec="first navbar" dtr-act="first navbar" onclick="_pt(this)" dtr-idx="1" dtr-ttl="Home"
            class=" aria-[current=page]:border-purple-light-2 hover:border-purple-light-2 flex shrink-0 items-center border-b-[3px] border-b-transparent px-3 py-1 text-sm text-black transition-all">
            Home        </a>
            <a             
            
            
            style="
                                            "

            href="https://inet.detik.com/news"
            dtr-evt="header" dtr-sec="first navbar" dtr-act="first navbar" onclick="_pt(this)" dtr-idx="2" dtr-ttl="Cyberlife"
            class=" aria-[current=page]:border-purple-light-2 hover:border-purple-light-2 flex shrink-0 items-center border-b-[3px] border-b-transparent px-3 py-1 text-sm text-black transition-all">
            Cyberlife        </a>
            <a             
            
            
            style="
                                            "

            href="https://inet.detik.com/gadget"
            dtr-evt="header" dtr-sec="first navbar" dtr-act="first navbar" onclick="_pt(this)" dtr-idx="3" dtr-ttl="Gadget"
            class=" aria-[current=page]:border-purple-light-2 hover:border-purple-light-2 flex shrink-0 items-center border-b-[3px] border-b-transparent px-3 py-1 text-sm text-black transition-all">
            Gadget        </a>
            <a             
            
            
            style="
                                            "

            href="https://inet.detik.com/games"
            dtr-evt="header" dtr-sec="first navbar" dtr-act="first navbar" onclick="_pt(this)" dtr-idx="4" dtr-ttl="Games &amp; Esport"
            class=" aria-[current=page]:border-purple-light-2 hover:border-purple-light-2 flex shrink-0 items-center border-b-[3px] border-b-transparent px-3 py-1 text-sm text-black transition-all">
            Games & Esport        </a>
            <a             
            
            
            style="
                                            "

            href="https://inet.detik.com/business-policy"
            dtr-evt="header" dtr-sec="first navbar" dtr-act="first navbar" onclick="_pt(this)" dtr-idx="5" dtr-ttl="Business &amp; Policy"
            class=" aria-[current=page]:border-purple-light-2 hover:border-purple-light-2 flex shrink-0 items-center border-b-[3px] border-b-transparent px-3 py-1 text-sm text-black transition-all">
            Business & Policy        </a>
            <a             
            
            
            style="
                                            "

            href="https://inet.detik.com/science"
            dtr-evt="header" dtr-sec="first navbar" dtr-act="first navbar" onclick="_pt(this)" dtr-idx="6" dtr-ttl="Science"
            class=" aria-[current=page]:border-purple-light-2 hover:border-purple-light-2 flex shrink-0 items-center border-b-[3px] border-b-transparent px-3 py-1 text-sm text-black transition-all">
            Science        </a>
            <a             
            
            
            style="
                                            "

            href="https://inet.detik.com/telecommunication"
            dtr-evt="header" dtr-sec="first navbar" dtr-act="first navbar" onclick="_pt(this)" dtr-idx="7" dtr-ttl="Telecommunication"
            class=" aria-[current=page]:border-purple-light-2 hover:border-purple-light-2 flex shrink-0 items-center border-b-[3px] border-b-transparent px-3 py-1 text-sm text-black transition-all">
            Telecommunication        </a>
            <a             
            
            
            style="
                                            "

            href="https://inet.detik.com/tips-tricks"
            dtr-evt="header" dtr-sec="first navbar" dtr-act="first navbar" onclick="_pt(this)" dtr-idx="8" dtr-ttl="Tips &amp; Trik"
            class=" aria-[current=page]:border-purple-light-2 hover:border-purple-light-2 flex shrink-0 items-center border-b-[3px] border-b-transparent px-3 py-1 text-sm text-black transition-all">
            Tips & Trik        </a>
            <a             
            
            
            style="
                                            "

            href="https://inet.detik.com/foto"
            dtr-evt="header" dtr-sec="first navbar" dtr-act="first navbar" onclick="_pt(this)" dtr-idx="9" dtr-ttl="Foto"
            class=" aria-[current=page]:border-purple-light-2 hover:border-purple-light-2 flex shrink-0 items-center border-b-[3px] border-b-transparent px-3 py-1 text-sm text-black transition-all">
            Foto        </a>
            <a             
            
            
            style="
                                            "

            href="https://inet.detik.com/video"
            dtr-evt="header" dtr-sec="first navbar" dtr-act="first navbar" onclick="_pt(this)" dtr-idx="10" dtr-ttl="Video"
            class=" aria-[current=page]:border-purple-light-2 hover:border-purple-light-2 flex shrink-0 items-center border-b-[3px] border-b-transparent px-3 py-1 text-sm text-black transition-all">
            Video        </a>
            <a             
            
            
            style="
                                            "

            href="https://inet.detik.com/indeks"
            dtr-evt="header" dtr-sec="first navbar" dtr-act="first navbar" onclick="_pt(this)" dtr-idx="11" dtr-ttl="Indeks"
            class=" aria-[current=page]:border-purple-light-2 hover:border-purple-light-2 flex shrink-0 items-center border-b-[3px] border-b-transparent px-3 py-1 text-sm text-black transition-all">
            Indeks        </a>
    </nav>

    </div>
</div>

    
    
    
</div>
<script>
    document.addEventListener("alpine:init", () => {
        Alpine.data("framebarScroll", () => ({
            currentFramebar: 1,
            framebarTop: 0,
            navTop: 0,
            coverArtikelTop: 0,
            hasCoverArtikel: false, // Track whether the page has a cover_artikel element
            framebarOnly: false, // Track whether the page has a cover_artikel element

            init() {
                this.$nextTick(() => {
                    const nav = document.querySelector(".nav")
                    const coverArtikel = document.querySelector(".detail__body")
                    const framebarOnly = document.querySelector(".gotm-style")
                    const framebar = document.getElementById("newframebar")

                    // if (nav) {
                    //     this.navTop = nav.offsetTop
                    // }

                    if (framebar) {
                        // Get the initial position of the framebar
                        this.framebarTop = framebar.offsetTop
                    }

                    if (coverArtikel) {
                        this.hasCoverArtikel = true
                        this.coverArtikelTop = coverArtikel.offsetTop
                    }

                    if (framebarOnly) {
                        this.framebarOnly = true
                    }

                    console.log(this.framebarOnly)

                    this.handleScroll()

                    window.addEventListener("scroll", this.handleScroll.bind(this))
                })
            },

            handleScroll() {

                if (this.framebarOnly){
                    return false;
                }

                const scrollPosition = window.scrollY
                const framebar = document.getElementById("newframebar")
                const framebarRect = framebar ? framebar.getBoundingClientRect() : null
                const isFramebarSticky = framebarRect && framebarRect.top === 0

                if (this.hasCoverArtikel && scrollPosition >= this.coverArtikelTop) {
                    this.currentFramebar = 3 // Show 3rd framebar if cover_artikel exists
                } else if (scrollPosition >= this.framebarTop || isFramebarSticky) {
                    this.currentFramebar = 2 // Show 2nd framebar when framebar becomes sticky or is at top
                } else {
                    this.currentFramebar = 1 // Default, show 1st framebar
                }
            },
        }))
    })
</script>

<script type="text/javascript">var dc_params={client_id:5,ui:'popup',site_id:5}
var asset_common="https://awscdn.detik.net.id/assets2";var framebar_url={"profile":"https:\/\/connect.detik.com\/dashboard\/","logout":"https:\/\/connect.detik.com\/oauth\/signout?redirectUrl=https%3A%2F%2Finet.detik.com%2F","register":"https:\/\/connect.detik.com\/accounts\/register?clientId=5&redirectUrl=https%3A%2F%2Finet.detik.com%2F&ui=popup&parentURI=https:\/\/inet.detik.com\/","login":"https:\/\/connect.detik.com\/oauth\/authorize?clientId=5&redirectUrl=https%3A%2F%2Finet.detik.com%2F&ui=popup&parentURI=https:\/\/inet.detik.com\/"};var mpc_qc_url="https://connect.detik.com/api/mpc/quickcard/html?ci=5";</script><script src="https://awscdn.detik.net.id/assets2/js/framebar/search-autocomplete.js?v=202605081747"></script>
 <script src="https://awscdn.detik.net.id/assets2/js/framebar/search.js?v=202605081747"></script>
<script>
document.addEventListener("DOMContentLoaded", async function() {
    $("#dtkframebar-menu").click(function(t) {
        var e = document.getElementsByClassName("framebarasset-lazy");
        if (0 != e.length) {
            var a = e[0].querySelectorAll("[data-src]");
            for (let t = 0; t < a.length; t++) a[t].setAttribute("src", a[t].getAttribute("data-src")), a[t].removeAttribute("data-src");
        }
        $("#dtkframebar-menu").attr("dtr-evt", "header"), $("#dtkframebar-menu").attr("dtr-sec", "menuhamburger"), $("#dtkframebar-menu").attr("dtr-act", "menuhamburger"), _pt(this)
    });
    await FramebarSearch.onLoad();
    const inputs = document.querySelectorAll(".placeholder-rotator");
    inputs.forEach((input) => {
        const phrases = JSON.parse(input.getAttribute("data-phrases") || "[]");
        if (phrases.length === 0) return false;
        let index = 0;
        input.placeholder = "Cari berita " + phrases[index] ?? "Cari berita...";
        input.setAttribute("itp-data-value", phrases[index]);
        setInterval(() => {
            input.classList.remove("fade-in");
            input.classList.add("fade-out");
            setTimeout(() => {
                index = (index + 1) % phrases.length;
                input.placeholder = "Cari berita " + phrases[index];
                input.setAttribute("itp-data-value", phrases[index]);
                input.classList.remove("fade-out");
                input.classList.add("fade-in")
            }, 600)
        }, 5000)
    });
    const openBtn = document.querySelectorAll(".open-modal");
    const modalBackground = document.querySelector("#modal-background");
    const closeBtn = document.querySelectorAll(".close-allo-modal");
    openBtn.forEach((button) => {
        button.addEventListener("click", () => {
            modalBackground.style.display = "block"
        })
    });
    closeBtn.forEach((button) => {
        button.addEventListener("click", () => {
            modalBackground.style.display = "none"
        })
    });
    window.addEventListener("click", function(event) {
        if (event.target === modalBackground) {
            modalBackground.style.display = "none"
        }
    });
    var openSearch = $("#dropdown-search");
    var closeSearch = $("#cancel-search");
    var textCount = $("#search-text");

    function open_search() {
        $(".framebar-desktop").css({
            position: "fixed",
            width: "100%",
            top: 0
        });
        $("body").append("<div class='js-overlay'></div>");
        textCount.focus();
        setTimeout(function() {
            $("body").addClass("search-active")
        }, 100)
    }

    function close_search() {
        $(".framebar-desktop").css({
            position: "",
            width: "",
            top: ""
        });
        if ($(".sticky-share").hasClass("has-class")) {
            $(".framebar-desktop").css({
                position: "relative",
                width: "",
                top: ""
            })
        }
        setTimeout(function() {
            $(".js-overlay").remove()
        }, 300);
        $("body").removeClass("search-active");
        $(".dropdown-search").removeClass("dropdown-aktif")
    }
    openSearch.click(function(e) {
        $(".search-content").removeClass("hide-element");
        $(".search-suggest").addClass("hide-element");
        FramebarSearch.onOpen();
        e.preventDefault();
        if (!$("body").hasClass("search-active")) {
            open_search()
        }
        $(document).bind("mouseup touchend", function(e) {
            var this_click = $(".dropdown-search, #cancel-search");
            if ($("body").hasClass("search-active")) {
                if (!this_click.is(e.target) && this_click.has(e.target).length === 0) {
                    setTimeout(function() {
                        $(".js-overlay").remove()
                    }, 300);
                    $("body").removeClass("search-active");
                    $(".framebar-desktop").css({
                        position: "",
                        width: "",
                        top: ""
                    });
                    if ($(".sticky-share").hasClass("has-class")) {
                        $(".framebar-desktop").css({
                            position: "relative",
                            width: "",
                            top: ""
                        })
                    }
                }
            }
        })
    });
    closeSearch.click(function(e) {
        e.preventDefault();
        close_search()
    });
    $(".clear-list").click(function(e) {
        e.preventDefault();
        $(this).parent("li").remove()
    });
    textCount.on("keyup mouseup", function(e) {
        e.preventDefault();
        var charsEntered = textCount.val().length;
        if (charsEntered > 0) {
            $("#clear-search-text").removeClass("hide-element");
            $(".search-content").addClass("hide-element");
            $(".search-suggest").removeClass("hide-element")
        } else {
            $("#clear-search-text").addClass("hide-element");
            $(".search-suggest").addClass("hide-element");
            $(".search-content").removeClass("hide-element")
        }
    });
    $("#clear-search-text").click(function(e) {
        e.preventDefault();
        textCount.val("");
        $(this).addClass("hide-element");
        $(".search-suggest").addClass("hide-element");
        $(".search-content").removeClass("hide-element")
    });
    $('form[data-itp-form="searchbar"]').on("submit", function(e) {
        FramebarSearch.onSubmit(e)
    })
});
</script>
<script>
const style = document.createElement("style");
style.innerHTML = `
		.fixed-framebar {
			position: fixed;
			top: 0;
			left: 0;
			right: 0;
		}
	`;
document.head.appendChild(style);
document.addEventListener("DOMContentLoaded", () => {
    const searchSuggest = document.querySelector(".search-suggest");
    const searchContent = document.querySelector(".search-content");
    let currentIndex = -1;
    let items = [];
    document.addEventListener("keydown", (e) => {
        const visibleSections = [searchSuggest, searchContent].filter(section => {
            return section && window.getComputedStyle(section).display !== "none"
        });
        items = [];
        visibleSections.forEach(section => {
            const sectionItems = section.querySelectorAll(".search-section__list li a");
            items.push(...sectionItems)
        });
        if (items.length === 0) return;
        if (e.key === "ArrowDown") {
            e.preventDefault();
            currentIndex = (currentIndex + 1) % items.length;
            updateFocus()
        } else if (e.key === "ArrowUp") {
            e.preventDefault();
            currentIndex = (currentIndex - 1 + items.length) % items.length;
            updateFocus()
        } else if (e.key === "Enter" && currentIndex > -1) {
            document.getElementById('search-text').disabled = !0;
            items[currentIndex].click()
        }
    });

    function updateFocus() {
        items.forEach((item, index) => {
            item.classList.toggle("focused", index === currentIndex);
            if (index === currentIndex) {
                item.scrollIntoView({
                    block: "nearest"
                })
            }
        })
    }
})
</script>


<header class="border-purple-light-1 relative border-t-[3px] bg-white min-w-[1200px]">
    <nav class="min-w-[1200px] mx-auto flex items-center justify-center text-sm bg-white" aria-label="Global">
    <div class="flex">
        <a dtr-evt="header" dtr-sec="" dtr-act="first navbar" onclick="_pt(this)" dtr-ttl="logo detikcom" href="https://www.detik.com/" class="-m-1.5 p-1.5">
        <img src="https://awscdn.detik.net.id/assets2/images/favicon/favicon-detik-big.png?v=202605081747" alt="icon detikcom" title="icon detikcom" loading="lazy" decoding="async" fetchpriority="auto" width="617" height="617" class="h-[18px] w-auto shrink-0">
        </a>
    </div>
    
    <div class="flex items-center">
                <a href="https://inet.detik.com"
            
            
                            aria-current="page"
            
            dtr-evt="header" dtr-sec="first navbar" dtr-act="first navbar" onclick="_pt(this)" dtr-idx="1" dtr-ttl="Home" 
            
            style="
                                            "

            class="text-purple-light-1 hover:border-purple-light-2 aria-[current=page]:border-purple-light-2 border-b-[3px] border-b-transparent p-3 text-center text-sm/6 font-semibold relative">
            
            
            Home        </a>
                <a href="https://inet.detik.com/news"
            
            
            
            dtr-evt="header" dtr-sec="first navbar" dtr-act="first navbar" onclick="_pt(this)" dtr-idx="2" dtr-ttl="Cyberlife" 
            
            style="
                                            "

            class="text-purple-light-1 hover:border-purple-light-2 aria-[current=page]:border-purple-light-2 border-b-[3px] border-b-transparent p-3 text-center text-sm/6 font-semibold relative">
            
            
            Cyberlife        </a>
                <a href="https://inet.detik.com/gadget"
            
            
            
            dtr-evt="header" dtr-sec="first navbar" dtr-act="first navbar" onclick="_pt(this)" dtr-idx="3" dtr-ttl="Gadget" 
            
            style="
                                            "

            class="text-purple-light-1 hover:border-purple-light-2 aria-[current=page]:border-purple-light-2 border-b-[3px] border-b-transparent p-3 text-center text-sm/6 font-semibold relative">
            
            
            Gadget        </a>
                <a href="https://inet.detik.com/games"
            
            
            
            dtr-evt="header" dtr-sec="first navbar" dtr-act="first navbar" onclick="_pt(this)" dtr-idx="4" dtr-ttl="Games &amp; Esport" 
            
            style="
                                            "

            class="text-purple-light-1 hover:border-purple-light-2 aria-[current=page]:border-purple-light-2 border-b-[3px] border-b-transparent p-3 text-center text-sm/6 font-semibold relative">
            
                            <span class="absolute top-1 -right-1 bg-[#AA248C] text-white leading-normal px-1 text-[8px] rounded-sm">NEW</span>
            
            Games & Esport        </a>
                <a href="https://inet.detik.com/business-policy"
            
            
            
            dtr-evt="header" dtr-sec="first navbar" dtr-act="first navbar" onclick="_pt(this)" dtr-idx="5" dtr-ttl="Business &amp; Policy" 
            
            style="
                                            "

            class="text-purple-light-1 hover:border-purple-light-2 aria-[current=page]:border-purple-light-2 border-b-[3px] border-b-transparent p-3 text-center text-sm/6 font-semibold relative">
            
            
            Business & Policy        </a>
                <a href="https://inet.detik.com/science"
            
            
            
            dtr-evt="header" dtr-sec="first navbar" dtr-act="first navbar" onclick="_pt(this)" dtr-idx="6" dtr-ttl="Science" 
            
            style="
                                            "

            class="text-purple-light-1 hover:border-purple-light-2 aria-[current=page]:border-purple-light-2 border-b-[3px] border-b-transparent p-3 text-center text-sm/6 font-semibold relative">
            
            
            Science        </a>
                <a href="https://inet.detik.com/telecommunication"
            
            
            
            dtr-evt="header" dtr-sec="first navbar" dtr-act="first navbar" onclick="_pt(this)" dtr-idx="7" dtr-ttl="Telecommunication" 
            
            style="
                                            "

            class="text-purple-light-1 hover:border-purple-light-2 aria-[current=page]:border-purple-light-2 border-b-[3px] border-b-transparent p-3 text-center text-sm/6 font-semibold relative">
            
            
            Telecommunication        </a>
                <a href="https://inet.detik.com/tips-tricks"
            
            
            
            dtr-evt="header" dtr-sec="first navbar" dtr-act="first navbar" onclick="_pt(this)" dtr-idx="8" dtr-ttl="Tips &amp; Trik" 
            
            style="
                                            "

            class="text-purple-light-1 hover:border-purple-light-2 aria-[current=page]:border-purple-light-2 border-b-[3px] border-b-transparent p-3 text-center text-sm/6 font-semibold relative">
            
            
            Tips & Trik        </a>
                <a href="https://inet.detik.com/foto"
            
            
            
            dtr-evt="header" dtr-sec="first navbar" dtr-act="first navbar" onclick="_pt(this)" dtr-idx="9" dtr-ttl="Foto" 
            
            style="
                                            "

            class="text-purple-light-1 hover:border-purple-light-2 aria-[current=page]:border-purple-light-2 border-b-[3px] border-b-transparent p-3 text-center text-sm/6 font-semibold relative">
            
            
            Foto        </a>
                <a href="https://inet.detik.com/video"
            
            
            
            dtr-evt="header" dtr-sec="first navbar" dtr-act="first navbar" onclick="_pt(this)" dtr-idx="10" dtr-ttl="Video" 
            
            style="
                                            "

            class="text-purple-light-1 hover:border-purple-light-2 aria-[current=page]:border-purple-light-2 border-b-[3px] border-b-transparent p-3 text-center text-sm/6 font-semibold relative">
            
            
            Video        </a>
                <a href="https://inet.detik.com/indeks"
            
            
            
            dtr-evt="header" dtr-sec="first navbar" dtr-act="first navbar" onclick="_pt(this)" dtr-idx="11" dtr-ttl="Indeks" 
            
            style="
                                            "

            class="text-purple-light-1 hover:border-purple-light-2 aria-[current=page]:border-purple-light-2 border-b-[3px] border-b-transparent p-3 text-center text-sm/6 font-semibold relative">
            
            
            Indeks        </a>
            </div>
</nav>    <div class="bg-white-dark-2 w-full text-sm">
    <div class="mx-auto flex min-w-[1200px] items-center bg-white-dark-2 justify-center">
        
            <!-- S:navbar --><ins data-labelname="navbar" style="" class="hover:text-purple-light-2 p-3 text-center text-sm/6 font-semibold text-black" data-revive-zoneid="1072" data-revive-id="0cceecb9cae9f51a31123c541910d59b">
</ins><!-- E:navbar -->            <!-- S:navbar2 --> <!-- E:navbar2 -->            <!-- S:navbar3 --> <!-- E:navbar3 -->        

        
            <a href="https://www.detik.com/terpopuler/inet"
                dtr-evt="header" dtr-sec="second navbar" dtr-act="second navbar" onclick="_pt(this)" dtr-idx="1" dtr-ttl="Terpopuler"
                
                
                style="
                                                        " class=" hover:text-purple-light-2 p-3 text-center text-sm/6 font-semibold text-black relative">
                
                
                Terpopuler            </a>
        
            <a href="https://inet.detik.com/gotm"
                dtr-evt="header" dtr-sec="second navbar" dtr-act="second navbar" onclick="_pt(this)" dtr-idx="2" dtr-ttl="Gadget of the Month"
                
                
                style="
                                            color: #562b77;
                                                        " class=" hover:text-purple-light-2 p-3 text-center text-sm/6 font-semibold text-black relative">
                
                                    <span class="absolute top-1 -right-1 bg-[#AA248C] text-white leading-normal px-1 text-[8px] rounded-sm">NEW</span>
                
                Gadget of the Month            </a>
        
            <a href="https://inet.detik.com/lab-gadget"
                dtr-evt="header" dtr-sec="second navbar" dtr-act="second navbar" onclick="_pt(this)" dtr-idx="3" dtr-ttl="Lab Gadget"
                
                
                style="
                                            color: #562b77;
                                                        " class=" hover:text-purple-light-2 p-3 text-center text-sm/6 font-semibold text-black relative">
                
                                    <span class="absolute top-1 -right-1 bg-[#AA248C] text-white leading-normal px-1 text-[8px] rounded-sm">NEW</span>
                
                Lab Gadget            </a>
        
            <a href="https://inet.detik.com/geekster"
                dtr-evt="header" dtr-sec="second navbar" dtr-act="second navbar" onclick="_pt(this)" dtr-idx="4" dtr-ttl="Geekster"
                
                
                style="
                                            color: #562b77;
                                                                --hover-color: #ffe59a;
                                    " class=" hover:text-purple-light-2 p-3 text-center text-sm/6 font-semibold text-black relative">
                
                                    <span class="absolute top-1 -right-1 bg-[#AA248C] text-white leading-normal px-1 text-[8px] rounded-sm">NEW</span>
                
                Geekster            </a>
        
            <a href="https://inet.detik.com/security"
                dtr-evt="header" dtr-sec="second navbar" dtr-act="second navbar" onclick="_pt(this)" dtr-idx="5" dtr-ttl="Security"
                
                
                style="
                                                        " class=" hover:text-purple-light-2 p-3 text-center text-sm/6 font-semibold text-black relative">
                
                
                Security            </a>
        
            <a href="https://inet.detik.com/fotostop"
                dtr-evt="header" dtr-sec="second navbar" dtr-act="second navbar" onclick="_pt(this)" dtr-idx="6" dtr-ttl="Fotostop"
                
                
                style="
                                                        " class=" hover:text-purple-light-2 p-3 text-center text-sm/6 font-semibold text-black relative">
                
                
                Fotostop            </a>
        
            <a href="https://inet.detik.com/inet-grafis"
                dtr-evt="header" dtr-sec="second navbar" dtr-act="second navbar" onclick="_pt(this)" dtr-idx="7" dtr-ttl="Inet Grafis"
                
                
                style="
                                                        " class=" hover:text-purple-light-2 p-3 text-center text-sm/6 font-semibold text-black relative">
                
                
                Inet Grafis            </a>
            </div>
</div></header>

<!-- S:billboard --><div id="leaderboard" style="background-color:#F8F8F8;width:728px;height:90px;position:relative;left:0px;right:0px;margin:auto;margin:8px auto;">
<center>
<!-- /4905536/detik_desktop/inet/leaderboard -->
<div id='div-gpt-ad-1534312381406-0' style='position:relative; height:90px; width:728px;'>
<script>
googletag.cmd.push(function() { googletag.display('div-gpt-ad-1534312381406-0'); });
</script>
</div>
</center>
</div><!-- E:billboard -->

<div class="content min-w-[1200px] grow-0">
    <style>
.itp__HeadlineNhl :nth-child(n+5) {
    display: none;
}
</style>

<div class="box bg-white gotm-style:bg-black full-content px-0 py-0">
    <div class="gradient-kanal-hl">
        <div class="text-orange-l container grid gap-6 pt-11 pb-[100px] grid-cols-[minmax(0,1fr)_340px] w-[66rem] max-w-none">

            
                        
    <a dtr-evt="headline" dtr-sec="artikel hl" dtr-act="artikel hl" onclick="_pt(this)" dtr-idx="1" dtr-id="8480381" dtr-ttl="Chip M5 Apple Punya Teknologi Keamanan Baru, Bikin Hacker Frustrasi" 
        href="https://inet.detik.com/consumer/d-8480381/chip-m5-apple-punya-teknologi-keamanan-baru-bikin-hacker-frustrasi"
        class="block">
        <section class="group font-montserrat relative flex items-center gap-4 data-[layout=vstack]:flex-col data-[layout=vstack]:items-start" data-layout="vstack">
            <figure class="aspect-square relative w-20 shrink-0 overflow-hidden rounded group-data-[layout=vstack]:aspect-video group-data-[layout=vstack]:w-full">
                 <img src="https://awsimages.detik.net.id/community/media/visual/2025/10/15/apple-m5-1760545425964_169.png?w=610&q=90" alt="Chip M5 Apple Punya Teknologi Keamanan Baru, Bikin Hacker Frustrasi" title="Chip M5 Apple Punya Teknologi Keamanan Baru, Bikin Hacker Frustrasi" class="size-full object-cover transition-all duration-300 group-hover:scale-110" loading="eager"/>
                
            </figure>
            <div class="flex grow flex-col absolute bottom-0 p-4 bg-gradient-to-b from-transparent via-[52.71%]:black/63 to-black w-full">
                                <strong class="line-clamp-3 transition-all duration-300 text-white text-[28px] leading-8 font-semibold group-hover:text-orange-light3">Chip M5 Apple Punya Teknologi Keamanan Baru, Bikin Hacker Frustrasi</strong>
            </div>
        </section>
    </a>


            <div class="itp__HeadlineNhl flex flex-col gap-3.5">
                                
                
                <a dtr-evt="newsfeed" dtr-sec="artikel" dtr-act="artikel" onclick="_pt(this)" dtr-idx="1" dtr-id="8480375" dtr-ttl="Tanpa Disadari, Kepala Manusia Berubah Bentuk Secara Drastis" 
                    href="https://inet.detik.com/science/d-8480375/tanpa-disadari-kepala-manusia-berubah-bentuk-secara-drastis" 
                    class="block">
                    <section class="group font-montserrat relative flex items-center data-[layout=vstack]:flex-col data-[layout=vstack]:items-start gap-2" data-layout="hstack">
                        <figure class="relative shrink-0 overflow-hidden rounded group-data-[layout=vstack]:aspect-video group-data-[layout=vstack]:w-full aspect-4/3 w-[116px]">
                             <img src="https://awsimages.detik.net.id/community/media/visual/2018/03/28/915c9173-b2d3-461b-882b-79b6576c3687_43.jpeg?w=250&q=90" alt="Tanpa Disadari, Kepala Manusia Berubah Bentuk Secara Drastis" title="Tanpa Disadari, Kepala Manusia Berubah Bentuk Secara Drastis" class="size-full object-cover transition-all duration-300 group-hover:scale-110" loading="eager"/>                        </figure>
                        <div class="flex grow flex-col">
                                                        <strong class="line-clamp-3 font-normal transition-all duration-300 text-white text-sm group-hover:text-orange-light3">Tanpa Disadari, Kepala Manusia Berubah Bentuk Secara Drastis</strong>
                        </div>
                    </section>
                </a>
                                
                
                <a dtr-evt="newsfeed" dtr-sec="artikel" dtr-act="artikel" onclick="_pt(this)" dtr-idx="2" dtr-id="8480243" dtr-ttl="Tips Maksimalkan Apple Watch dan AirPods Pro untuk Teman Olahraga" 
                    href="https://inet.detik.com/consumer/d-8480243/tips-maksimalkan-apple-watch-dan-airpods-pro-untuk-teman-olahraga" 
                    class="block">
                    <section class="group font-montserrat relative flex items-center data-[layout=vstack]:flex-col data-[layout=vstack]:items-start gap-2" data-layout="hstack">
                        <figure class="relative shrink-0 overflow-hidden rounded group-data-[layout=vstack]:aspect-video group-data-[layout=vstack]:w-full aspect-4/3 w-[116px]">
                             <img src="https://awsimages.detik.net.id/community/media/visual/2025/12/12/apple-fitness-1765510106213_43.jpeg?w=250&q=90" alt="Tips Maksimalkan Apple Watch dan AirPods Pro untuk Teman Olahraga" title="Tips Maksimalkan Apple Watch dan AirPods Pro untuk Teman Olahraga" class="size-full object-cover transition-all duration-300 group-hover:scale-110" loading="eager"/>                        </figure>
                        <div class="flex grow flex-col">
                                                        <strong class="line-clamp-3 font-normal transition-all duration-300 text-white text-sm group-hover:text-orange-light3">Tips Maksimalkan Apple Watch dan AirPods Pro untuk Teman Olahraga</strong>
                        </div>
                    </section>
                </a>
                                
                                    <!-- S:newsfeed1 --> <!-- E:newsfeed1 -->                
                <a dtr-evt="newsfeed" dtr-sec="artikel" dtr-act="artikel" onclick="_pt(this)" dtr-idx="3" dtr-id="8480306" dtr-ttl="Elon Musk Tak Ada Lawan, Cuma Perempuan Ini yang Bikin Dia Jiper" 
                    href="https://inet.detik.com/cyberlife/d-8480306/elon-musk-tak-ada-lawan-cuma-perempuan-ini-yang-bikin-dia-jiper" 
                    class="block">
                    <section class="group font-montserrat relative flex items-center data-[layout=vstack]:flex-col data-[layout=vstack]:items-start gap-2" data-layout="hstack">
                        <figure class="relative shrink-0 overflow-hidden rounded group-data-[layout=vstack]:aspect-video group-data-[layout=vstack]:w-full aspect-4/3 w-[116px]">
                             <img src="https://awsimages.detik.net.id/community/media/visual/2026/05/06/menu-sarapan-elon-musk-1778056574042_43.jpeg?w=250&q=90" alt="Elon Musk Tak Ada Lawan, Cuma Perempuan Ini yang Bikin Dia Jiper" title="Elon Musk Tak Ada Lawan, Cuma Perempuan Ini yang Bikin Dia Jiper" class="size-full object-cover transition-all duration-300 group-hover:scale-110" loading="eager"/>                        </figure>
                        <div class="flex grow flex-col">
                                                        <strong class="line-clamp-3 font-normal transition-all duration-300 text-white text-sm group-hover:text-orange-light3">Elon Musk Tak Ada Lawan, Cuma Perempuan Ini yang Bikin Dia Jiper</strong>
                        </div>
                    </section>
                </a>
                                
                
                <a dtr-evt="newsfeed" dtr-sec="artikel" dtr-act="artikel" onclick="_pt(this)" dtr-idx="4" dtr-id="8480236" dtr-ttl="Bukan Bosscha, Indonesia Segera Miliki Observatorium Terbaik Asia" 
                    href="https://inet.detik.com/science/d-8480236/bukan-bosscha-indonesia-segera-miliki-observatorium-terbaik-asia" 
                    class="block">
                    <section class="group font-montserrat relative flex items-center data-[layout=vstack]:flex-col data-[layout=vstack]:items-start gap-2" data-layout="hstack">
                        <figure class="relative shrink-0 overflow-hidden rounded group-data-[layout=vstack]:aspect-video group-data-[layout=vstack]:w-full aspect-4/3 w-[116px]">
                             <img src="https://awsimages.detik.net.id/community/media/visual/2024/02/05/observatorium-nasional-timau-di-desa-bitobe-kecamatan-amfoang-tengah-kabupaten-kupang-nusa-tenggara-timur-ntt-minggu-422024-yu-2_43.jpeg?w=250&q=90" alt="Bukan Bosscha, Indonesia Segera Miliki Observatorium Terbaik Asia" title="Bukan Bosscha, Indonesia Segera Miliki Observatorium Terbaik Asia" class="size-full object-cover transition-all duration-300 group-hover:scale-110" loading="eager"/>                        </figure>
                        <div class="flex grow flex-col">
                                                        <strong class="line-clamp-3 font-normal transition-all duration-300 text-white text-sm group-hover:text-orange-light3">Bukan Bosscha, Indonesia Segera Miliki Observatorium Terbaik Asia</strong>
                        </div>
                    </section>
                </a>
                            </div>
        </div>
    </div>
</div>
    <div class="box py-5 px-5 bg-white gotm-style:bg-black">
        <div class="gradient-grey -mt-[80px] mb-[30px] grid grid-cols-5 overflow-hidden rounded">
    <a dtr-evt="menu program inet" dtr-sec="menu program" dtr-act="menu gotm" onclick="_pt(this)" class="group hover:bg-purple-light-2 flex items-center justify-center p-4 contrast-125 transition-all" href="https://inet.detik.com/gotm">
        <img class="h-15 object-contain group-hover:hidden" src="https://awscdn.detik.net.id/inet3/images/gotm-logo.webp?v=202605081747" alt="">
        <img class="hidden h-14 object-contain group-hover:block" src="https://awscdn.detik.net.id/inet3/images/gotm-logo-white.webp?v=202605081747" alt="">
    </a>
    <a dtr-evt="menu program inet" dtr-sec="menu program" dtr-act="menu labgadget" onclick="_pt(this)" class="group hover:bg-purple-light-2 flex items-center justify-center p-4 contrast-125 transition-all" href="https://inet.detik.com/lab-gadget">
        <img class="h-15 object-contain group-hover:hidden" src="https://awscdn.detik.net.id/inet3/images/labgadget-logo.webp?v=202605081747" alt="">
        <img class="hidden h-14 object-contain group-hover:block" src="https://awscdn.detik.net.id/inet3/images/labgadget-logo-white.webp?v=202605081747" alt="">
    </a>
    <a dtr-evt="menu program inet" dtr-sec="menu program" dtr-act="menu review" onclick="_pt(this)" class="group hover:bg-purple-light-2 flex items-center justify-center p-4 contrast-125 transition-all" href="https://inet.detik.com/review">
        <img class="h-10 object-contain group-hover:hidden" src="https://awscdn.detik.net.id/inet3/images/review-logo.webp?v=202605081747" alt="">
        <img class="hidden h-10 object-contain group-hover:block" src="https://awscdn.detik.net.id/inet3/images/review-logo-white.webp?v=202605081747" alt="">
    </a>
    <a dtr-evt="menu program inet" dtr-sec="menu program" dtr-act="menu geekster" onclick="_pt(this)" class="group hover:bg-purple-light-2 flex items-center justify-center p-4 contrast-125 transition-all" href="https://inet.detik.com/geekster">
        <img class="h-12 object-contain group-hover:hidden" src="https://awscdn.detik.net.id/inet3/images/geekstar-logo.webp?v=202605081747" alt="">
        <img class="hidden h-12 object-contain group-hover:block" src="https://awscdn.detik.net.id/inet3/images/geekstar-logo-white.webp?v=202605081747" alt="">
    </a>
    <a dtr-evt="menu program inet" dtr-sec="menu program" dtr-act="menu esport" onclick="_pt(this)" class="group hover:bg-purple-light-2 flex items-center justify-center p-4 contrast-125 transition-all" href="https://inet.detik.com/games">
        <img class="h-10 object-contain group-hover:hidden" src="https://awscdn.detik.net.id/inet3/images/esport-logo.webp?v=202605081747" alt="">
        <img class="hidden h-10 object-contain group-hover:block" src="https://awscdn.detik.net.id/inet3/images/esport-logo-white.webp?v=202605081747" alt="">
    </a>
</div>    </div>

    <div class="box py-5 px-5 bg-white gotm-style:bg-black">
        <div class="mb-[30px] relative cb-flashvideo">
    <div class="mb-6 flex items-center justify-between">
        <h3 class="font-blinker flex items-center gap-2 text-[32px] font-bold text-black">
            <span class="text-[#AA248C]">Inet</span> Flash
            <img class="h-6 w-4" src="https://awscdn.detik.net.id/inet3/images/flash-icon.webp?v=202605081747" alt>
        </h3>
        <a dtr-evt="box inet flash" dtr-sec="lihat selengkapnya" dtr-act="lihat selengkapnya" onclick="_pt(this)" href="https://20.detik.com/flash?kategori=saintek" class="text-black inline-flex items-center gap-2 font-semibold">
            Selengkapnya
            <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none">
                <path fill-rule="evenodd" clip-rule="evenodd" d="M2.95868 0.84472C2.76377 0.645963 2.76377 0.347826 2.95868 0.149068C3.15358 -0.0496894 3.47842 -0.0496894 3.64084 0.149068L9.06568 5.68116C9.22811 5.84679 9.22811 6.17805 9.06568 6.37681L3.64084 11.8758C3.47842 12.0414 3.15358 12.0414 2.95868 11.8758C2.76377 11.6439 2.76377 11.3789 2.95868 11.147L8.02619 6.01242L2.95868 0.84472Z" fill="black"/>
            </svg>
        </a>
    </div>
    <div class="relative flashvideo-swiper">
        <ul class="swiper-wrapper">
                        <li class="swiper-slide relative">
                <div class="overlay-content">
                    <a dtr-evt="box inet flash" dtr-sec="video flash" dtr-act="video flash" onclick="_pt(this)" dtr-idx="1" dtr-id="260507112" dtr-ttl="Video: Rilis di Indonesia, Ini Spesifikasi dan Harga Realme C100 Series"                        href="https://20.detik.com/detikupdate/20260507-260507112/video-rilis-di-indonesia-ini-spesifikasi-dan-harga-realme-c100-series?from=inet&source=topics-saintek" class="block relative" aria-label="foodflash item">
                        <div class="overflow-hidden rounded-md">
                             <img src="https://cdnv.detik.com/videoservice/AdminTV/2026/05/07/80cbaa5f797b43b8b29b5a9b6086a496-20260507194918-0s.jpg?w=300&q=90" alt="Video: Rilis di Indonesia, Ini Spesifikasi dan Harga Realme C100 Series" title="Video: Rilis di Indonesia, Ini Spesifikasi dan Harga Realme C100 Series" class="size-full object-cover overflow-hidden aspect-[9/16] box-img" width="1860" height="396" loading="lazy" decoding="async"/>                            <div class="absolute flex items-center bg-black/50 text-white z-[1] bottom-1 right-1 h-5 px-1.5 gap-1 rounded-xl top-1">

                                <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none" class="shrink-0 w-3">
                                <g clip-path="url(#clip0_520_4107)">
                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M6.17529 0.198608C2.95577 0.198608 0.373779 2.7806 0.373779 6.00012C0.373779 9.21965 2.95577 11.8016 6.17529 11.8016C9.39482 11.8016 11.9768 9.21965 11.9768 6.00012C11.9768 2.7806 9.39482 0.198608 6.17529 0.198608ZM9.29919 6.54202L5.02774 8.99651C4.58147 9.21965 4.10332 8.93276 4.10332 8.45461V3.54564C4.10332 3.06749 4.64523 2.81248 5.02774 3.00374L9.29919 5.45822C9.68171 5.71324 9.68171 6.28701 9.29919 6.54202Z" fill="white"/>
                                </g>
                                <defs>
                                    <clipPath id="clip0_520_4107">
                                    <rect width="11.603" height="11.603" fill="white" transform="translate(0.373779 0.198608)"/>
                                    </clipPath>
                                </defs>
                                </svg>
                                <span class="text-xxs">00:43</span>
                            </div>
                        </div>
                    </a>
                </div>
            </li>
                        <li class="swiper-slide relative">
                <div class="overlay-content">
                    <a dtr-evt="box inet flash" dtr-sec="video flash" dtr-act="video flash" onclick="_pt(this)" dtr-idx="2" dtr-id="260507106" dtr-ttl="Video BRIN Mau Biayai Riset Firoos, Anak SMP Penemu Celah Keamanan NASA "                        href="https://20.detik.com/detikupdate/20260507-260507106/video-brin-mau-biayai-riset-firoos-anak-smp-penemu-celah-keamanan-nasa?from=inet&source=topics-saintek" class="block relative" aria-label="foodflash item">
                        <div class="overflow-hidden rounded-md">
                             <img src="https://cdnv.detik.com/videoservice/AdminTV/2026/05/07/36fdc2d31a134cbaa1892e3b6d3906ee-20260507190914-0s.jpg?w=300&q=90" alt="Video BRIN Mau Biayai Riset Firoos, Anak SMP Penemu Celah Keamanan NASA " title="Video BRIN Mau Biayai Riset Firoos, Anak SMP Penemu Celah Keamanan NASA " class="size-full object-cover overflow-hidden aspect-[9/16] box-img" width="1860" height="396" loading="lazy" decoding="async"/>                            <div class="absolute flex items-center bg-black/50 text-white z-[1] bottom-1 right-1 h-5 px-1.5 gap-1 rounded-xl top-1">

                                <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none" class="shrink-0 w-3">
                                <g clip-path="url(#clip0_520_4107)">
                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M6.17529 0.198608C2.95577 0.198608 0.373779 2.7806 0.373779 6.00012C0.373779 9.21965 2.95577 11.8016 6.17529 11.8016C9.39482 11.8016 11.9768 9.21965 11.9768 6.00012C11.9768 2.7806 9.39482 0.198608 6.17529 0.198608ZM9.29919 6.54202L5.02774 8.99651C4.58147 9.21965 4.10332 8.93276 4.10332 8.45461V3.54564C4.10332 3.06749 4.64523 2.81248 5.02774 3.00374L9.29919 5.45822C9.68171 5.71324 9.68171 6.28701 9.29919 6.54202Z" fill="white"/>
                                </g>
                                <defs>
                                    <clipPath id="clip0_520_4107">
                                    <rect width="11.603" height="11.603" fill="white" transform="translate(0.373779 0.198608)"/>
                                    </clipPath>
                                </defs>
                                </svg>
                                <span class="text-xxs">00:43</span>
                            </div>
                        </div>
                    </a>
                </div>
            </li>
                        <li class="swiper-slide relative">
                <div class="overlay-content">
                    <a dtr-evt="box inet flash" dtr-sec="video flash" dtr-act="video flash" onclick="_pt(this)" dtr-idx="3" dtr-id="260507048" dtr-ttl="Video: Gabi, Robot Humanoid Pertama yang Resmi Jadi Biksu di Korsel"                        href="https://20.detik.com/detikupdate/20260507-260507048/video-gabi-robot-humanoid-pertama-yang-resmi-jadi-biksu-di-korsel?from=inet&source=topics-saintek" class="block relative" aria-label="foodflash item">
                        <div class="overflow-hidden rounded-md">
                             <img src="https://cdnv.detik.com/videoservice/AdminTV/2026/05/07/ce62548734cd49d2bf1d32a071fde8b1-20260507102255-0s.jpg?w=300&q=90" alt="Video: Gabi, Robot Humanoid Pertama yang Resmi Jadi Biksu di Korsel" title="Video: Gabi, Robot Humanoid Pertama yang Resmi Jadi Biksu di Korsel" class="size-full object-cover overflow-hidden aspect-[9/16] box-img" width="1860" height="396" loading="lazy" decoding="async"/>                            <div class="absolute flex items-center bg-black/50 text-white z-[1] bottom-1 right-1 h-5 px-1.5 gap-1 rounded-xl top-1">

                                <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none" class="shrink-0 w-3">
                                <g clip-path="url(#clip0_520_4107)">
                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M6.17529 0.198608C2.95577 0.198608 0.373779 2.7806 0.373779 6.00012C0.373779 9.21965 2.95577 11.8016 6.17529 11.8016C9.39482 11.8016 11.9768 9.21965 11.9768 6.00012C11.9768 2.7806 9.39482 0.198608 6.17529 0.198608ZM9.29919 6.54202L5.02774 8.99651C4.58147 9.21965 4.10332 8.93276 4.10332 8.45461V3.54564C4.10332 3.06749 4.64523 2.81248 5.02774 3.00374L9.29919 5.45822C9.68171 5.71324 9.68171 6.28701 9.29919 6.54202Z" fill="white"/>
                                </g>
                                <defs>
                                    <clipPath id="clip0_520_4107">
                                    <rect width="11.603" height="11.603" fill="white" transform="translate(0.373779 0.198608)"/>
                                    </clipPath>
                                </defs>
                                </svg>
                                <span class="text-xxs">00:43</span>
                            </div>
                        </div>
                    </a>
                </div>
            </li>
                        <li class="swiper-slide relative">
                <div class="overlay-content">
                    <a dtr-evt="box inet flash" dtr-sec="video flash" dtr-act="video flash" onclick="_pt(this)" dtr-idx="4" dtr-id="260506056" dtr-ttl="Video: Fakta Lubang Raksasa di Bangunan Taipei Ini Terungkap"                        href="https://20.detik.com/deutsche-welle-news/20260506-260506056/video-fakta-lubang-raksasa-di-bangunan-taipei-ini-terungkap?from=inet&source=topics-saintek" class="block relative" aria-label="foodflash item">
                        <div class="overflow-hidden rounded-md">
                             <img src="https://cdnv.detik.com/videoservice/AdminTV/2026/05/06/f9d3476420514588a33874d683e48c10-20260506125508-0s.jpg?w=300&q=90" alt="Video: Fakta Lubang Raksasa di Bangunan Taipei Ini Terungkap" title="Video: Fakta Lubang Raksasa di Bangunan Taipei Ini Terungkap" class="size-full object-cover overflow-hidden aspect-[9/16] box-img" width="1860" height="396" loading="lazy" decoding="async"/>                            <div class="absolute flex items-center bg-black/50 text-white z-[1] bottom-1 right-1 h-5 px-1.5 gap-1 rounded-xl top-1">

                                <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none" class="shrink-0 w-3">
                                <g clip-path="url(#clip0_520_4107)">
                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M6.17529 0.198608C2.95577 0.198608 0.373779 2.7806 0.373779 6.00012C0.373779 9.21965 2.95577 11.8016 6.17529 11.8016C9.39482 11.8016 11.9768 9.21965 11.9768 6.00012C11.9768 2.7806 9.39482 0.198608 6.17529 0.198608ZM9.29919 6.54202L5.02774 8.99651C4.58147 9.21965 4.10332 8.93276 4.10332 8.45461V3.54564C4.10332 3.06749 4.64523 2.81248 5.02774 3.00374L9.29919 5.45822C9.68171 5.71324 9.68171 6.28701 9.29919 6.54202Z" fill="white"/>
                                </g>
                                <defs>
                                    <clipPath id="clip0_520_4107">
                                    <rect width="11.603" height="11.603" fill="white" transform="translate(0.373779 0.198608)"/>
                                    </clipPath>
                                </defs>
                                </svg>
                                <span class="text-xxs">00:32</span>
                            </div>
                        </div>
                    </a>
                </div>
            </li>
                        <li class="swiper-slide relative">
                <div class="overlay-content">
                    <a dtr-evt="box inet flash" dtr-sec="video flash" dtr-act="video flash" onclick="_pt(this)" dtr-idx="5" dtr-id="260506105" dtr-ttl="Makhluk Mungil Ini Berhasil Bertahan dari Hantaman Asteroid 66 Juta Tahun Lalu"                        href="https://20.detik.com/detikupdate/20260506-260506105/makhluk-mungil-ini-berhasil-bertahan-dari-hantaman-asteroid-66-juta-tahun-lalu?from=inet&source=topics-saintek" class="block relative" aria-label="foodflash item">
                        <div class="overflow-hidden rounded-md">
                             <img src="https://cdnv.detik.com/videoservice/AdminTV/2026/05/06/e4c8d2b5767e440d8ed413325c9459e1-20260506183129-0s.jpg?w=300&q=90" alt="Makhluk Mungil Ini Berhasil Bertahan dari Hantaman Asteroid 66 Juta Tahun Lalu" title="Makhluk Mungil Ini Berhasil Bertahan dari Hantaman Asteroid 66 Juta Tahun Lalu" class="size-full object-cover overflow-hidden aspect-[9/16] box-img" width="1860" height="396" loading="lazy" decoding="async"/>                            <div class="absolute flex items-center bg-black/50 text-white z-[1] bottom-1 right-1 h-5 px-1.5 gap-1 rounded-xl top-1">

                                <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none" class="shrink-0 w-3">
                                <g clip-path="url(#clip0_520_4107)">
                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M6.17529 0.198608C2.95577 0.198608 0.373779 2.7806 0.373779 6.00012C0.373779 9.21965 2.95577 11.8016 6.17529 11.8016C9.39482 11.8016 11.9768 9.21965 11.9768 6.00012C11.9768 2.7806 9.39482 0.198608 6.17529 0.198608ZM9.29919 6.54202L5.02774 8.99651C4.58147 9.21965 4.10332 8.93276 4.10332 8.45461V3.54564C4.10332 3.06749 4.64523 2.81248 5.02774 3.00374L9.29919 5.45822C9.68171 5.71324 9.68171 6.28701 9.29919 6.54202Z" fill="white"/>
                                </g>
                                <defs>
                                    <clipPath id="clip0_520_4107">
                                    <rect width="11.603" height="11.603" fill="white" transform="translate(0.373779 0.198608)"/>
                                    </clipPath>
                                </defs>
                                </svg>
                                <span class="text-xxs">01:05</span>
                            </div>
                        </div>
                    </a>
                </div>
            </li>
                        <li class="swiper-slide relative">
                <div class="overlay-content">
                    <a dtr-evt="box inet flash" dtr-sec="video flash" dtr-act="video flash" onclick="_pt(this)" dtr-idx="6" dtr-id="260506030" dtr-ttl="Video 40 Tahun Bencana Chernobyl: Dampaknya Bisa Dilihat Sampai Sekarang"                        href="https://20.detik.com/deutsche-welle-news/20260506-260506030/video-40-tahun-bencana-chernobyl-dampaknya-bisa-dilihat-sampai-sekarang?from=inet&source=topics-saintek" class="block relative" aria-label="foodflash item">
                        <div class="overflow-hidden rounded-md">
                             <img src="https://awsimages.detik.net.id/community/media/visual/2026/05/06/video-40-tahun-bencana-chernobyl-dampaknya-bisa-dilihat-sampai-sekarang-1778040878618_916.jpeg?w=300&q=90" alt="Video 40 Tahun Bencana Chernobyl: Dampaknya Bisa Dilihat Sampai Sekarang" title="Video 40 Tahun Bencana Chernobyl: Dampaknya Bisa Dilihat Sampai Sekarang" class="size-full object-cover overflow-hidden aspect-[9/16] box-img" width="1860" height="396" loading="lazy" decoding="async"/>                            <div class="absolute flex items-center bg-black/50 text-white z-[1] bottom-1 right-1 h-5 px-1.5 gap-1 rounded-xl top-1">

                                <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none" class="shrink-0 w-3">
                                <g clip-path="url(#clip0_520_4107)">
                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M6.17529 0.198608C2.95577 0.198608 0.373779 2.7806 0.373779 6.00012C0.373779 9.21965 2.95577 11.8016 6.17529 11.8016C9.39482 11.8016 11.9768 9.21965 11.9768 6.00012C11.9768 2.7806 9.39482 0.198608 6.17529 0.198608ZM9.29919 6.54202L5.02774 8.99651C4.58147 9.21965 4.10332 8.93276 4.10332 8.45461V3.54564C4.10332 3.06749 4.64523 2.81248 5.02774 3.00374L9.29919 5.45822C9.68171 5.71324 9.68171 6.28701 9.29919 6.54202Z" fill="white"/>
                                </g>
                                <defs>
                                    <clipPath id="clip0_520_4107">
                                    <rect width="11.603" height="11.603" fill="white" transform="translate(0.373779 0.198608)"/>
                                    </clipPath>
                                </defs>
                                </svg>
                                <span class="text-xxs">01:48</span>
                            </div>
                        </div>
                    </a>
                </div>
            </li>
                        <li class="swiper-slide relative">
                <div class="overlay-content">
                    <a dtr-evt="box inet flash" dtr-sec="video flash" dtr-act="video flash" onclick="_pt(this)" dtr-idx="7" dtr-id="260506029" dtr-ttl="Video: Kebiasaan Pesan Makanan Online Punya Pengaruh Buruk?"                        href="https://20.detik.com/deutsche-welle-news/20260506-260506029/video-kebiasaan-pesan-makanan-online-punya-pengaruh-buruk?from=inet&source=topics-saintek" class="block relative" aria-label="foodflash item">
                        <div class="overflow-hidden rounded-md">
                             <img src="https://awsimages.detik.net.id/community/media/visual/2026/05/06/pesan-makanan-online-1778040630748_916.jpeg?w=300&q=90" alt="Video: Kebiasaan Pesan Makanan Online Punya Pengaruh Buruk?" title="Video: Kebiasaan Pesan Makanan Online Punya Pengaruh Buruk?" class="size-full object-cover overflow-hidden aspect-[9/16] box-img" width="1860" height="396" loading="lazy" decoding="async"/>                            <div class="absolute flex items-center bg-black/50 text-white z-[1] bottom-1 right-1 h-5 px-1.5 gap-1 rounded-xl top-1">

                                <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none" class="shrink-0 w-3">
                                <g clip-path="url(#clip0_520_4107)">
                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M6.17529 0.198608C2.95577 0.198608 0.373779 2.7806 0.373779 6.00012C0.373779 9.21965 2.95577 11.8016 6.17529 11.8016C9.39482 11.8016 11.9768 9.21965 11.9768 6.00012C11.9768 2.7806 9.39482 0.198608 6.17529 0.198608ZM9.29919 6.54202L5.02774 8.99651C4.58147 9.21965 4.10332 8.93276 4.10332 8.45461V3.54564C4.10332 3.06749 4.64523 2.81248 5.02774 3.00374L9.29919 5.45822C9.68171 5.71324 9.68171 6.28701 9.29919 6.54202Z" fill="white"/>
                                </g>
                                <defs>
                                    <clipPath id="clip0_520_4107">
                                    <rect width="11.603" height="11.603" fill="white" transform="translate(0.373779 0.198608)"/>
                                    </clipPath>
                                </defs>
                                </svg>
                                <span class="text-xxs">01:13</span>
                            </div>
                        </div>
                    </a>
                </div>
            </li>
                        <li class="swiper-slide relative">
                <div class="overlay-content">
                    <a dtr-evt="box inet flash" dtr-sec="video flash" dtr-act="video flash" onclick="_pt(this)" dtr-idx="8" dtr-id="260506014" dtr-ttl="Video: Meta Bakal Hapus Fitur Chat Keamanan Enkripsi End-to-End Instagram"                        href="https://20.detik.com/detikupdate/20260506-260506014/video-meta-bakal-hapus-fitur-chat-keamanan-enkripsi-end-to-end-instagram?from=inet&source=topics-saintek" class="block relative" aria-label="foodflash item">
                        <div class="overflow-hidden rounded-md">
                             <img src="https://cdnv.detik.com/videoservice/AdminTV/2026/05/06/b9a6a1614e584d498d7514f9086492b7-20260506084159-0s.jpg?w=300&q=90" alt="Video: Meta Bakal Hapus Fitur Chat Keamanan Enkripsi End-to-End Instagram" title="Video: Meta Bakal Hapus Fitur Chat Keamanan Enkripsi End-to-End Instagram" class="size-full object-cover overflow-hidden aspect-[9/16] box-img" width="1860" height="396" loading="lazy" decoding="async"/>                            <div class="absolute flex items-center bg-black/50 text-white z-[1] bottom-1 right-1 h-5 px-1.5 gap-1 rounded-xl top-1">

                                <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none" class="shrink-0 w-3">
                                <g clip-path="url(#clip0_520_4107)">
                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M6.17529 0.198608C2.95577 0.198608 0.373779 2.7806 0.373779 6.00012C0.373779 9.21965 2.95577 11.8016 6.17529 11.8016C9.39482 11.8016 11.9768 9.21965 11.9768 6.00012C11.9768 2.7806 9.39482 0.198608 6.17529 0.198608ZM9.29919 6.54202L5.02774 8.99651C4.58147 9.21965 4.10332 8.93276 4.10332 8.45461V3.54564C4.10332 3.06749 4.64523 2.81248 5.02774 3.00374L9.29919 5.45822C9.68171 5.71324 9.68171 6.28701 9.29919 6.54202Z" fill="white"/>
                                </g>
                                <defs>
                                    <clipPath id="clip0_520_4107">
                                    <rect width="11.603" height="11.603" fill="white" transform="translate(0.373779 0.198608)"/>
                                    </clipPath>
                                </defs>
                                </svg>
                                <span class="text-xxs">00:51</span>
                            </div>
                        </div>
                    </a>
                </div>
            </li>
                        <li class="swiper-slide relative">
                <div class="overlay-content">
                    <a dtr-evt="box inet flash" dtr-sec="video flash" dtr-act="video flash" onclick="_pt(this)" dtr-idx="9" dtr-id="260504105" dtr-ttl="Video: Prabowo Minta Kampus-kampus Bantu Pemda Atasi Masalah Daerah"                        href="https://20.detik.com/detikupdate/20260504-260504105/video-prabowo-minta-kampus-kampus-bantu-pemda-atasi-masalah-daerah?from=inet&source=topics-saintek" class="block relative" aria-label="foodflash item">
                        <div class="overflow-hidden rounded-md">
                             <img src="https://cdnv.detik.com/videoservice/AdminTV/2026/05/04/2d9cdc1473dd41b789ce1bb378b7a9e1-20260504201859-0s.jpg?w=300&q=90" alt="Video: Prabowo Minta Kampus-kampus Bantu Pemda Atasi Masalah Daerah" title="Video: Prabowo Minta Kampus-kampus Bantu Pemda Atasi Masalah Daerah" class="size-full object-cover overflow-hidden aspect-[9/16] box-img" width="1860" height="396" loading="lazy" decoding="async"/>                            <div class="absolute flex items-center bg-black/50 text-white z-[1] bottom-1 right-1 h-5 px-1.5 gap-1 rounded-xl top-1">

                                <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none" class="shrink-0 w-3">
                                <g clip-path="url(#clip0_520_4107)">
                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M6.17529 0.198608C2.95577 0.198608 0.373779 2.7806 0.373779 6.00012C0.373779 9.21965 2.95577 11.8016 6.17529 11.8016C9.39482 11.8016 11.9768 9.21965 11.9768 6.00012C11.9768 2.7806 9.39482 0.198608 6.17529 0.198608ZM9.29919 6.54202L5.02774 8.99651C4.58147 9.21965 4.10332 8.93276 4.10332 8.45461V3.54564C4.10332 3.06749 4.64523 2.81248 5.02774 3.00374L9.29919 5.45822C9.68171 5.71324 9.68171 6.28701 9.29919 6.54202Z" fill="white"/>
                                </g>
                                <defs>
                                    <clipPath id="clip0_520_4107">
                                    <rect width="11.603" height="11.603" fill="white" transform="translate(0.373779 0.198608)"/>
                                    </clipPath>
                                </defs>
                                </svg>
                                <span class="text-xxs">01:07</span>
                            </div>
                        </div>
                    </a>
                </div>
            </li>
                        <li class="swiper-slide">
                <a dtr-evt="box inet flash" dtr-sec="lihat selengkapnya" dtr-act="lihat selengkapnya" onclick="_pt(this)" href="https://20.detik.com/flash?kategori=saintek" class="relative flex place-content-center flex-wrap border border-[#AA248C] aspect-[9/16] rounded-[4px] group hover:bg-[#AA248C] transition-all duration-300 bg-white shadow-[inset_0_0_8px_0_#AA248C]">
                    <div class="grid gap-3">
                        <div class="btn-main mx-auto">
                            <svg class="[&>path]:group-hover:fill-white" xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none">
                                <path d="M20 0C8.97164 0 0 8.97164 0 20C0 31.0284 8.97164 40 20 40C31.0284 40 40 31.0284 40 20C40 8.97164 31.0284 0 20 0ZM26.1784 21.1784L17.845 29.5116C17.52 29.8366 17.0934 30 16.6666 30C16.24 30 15.8133 29.8366 15.4883 29.5116C14.8366 28.86 14.8366 27.8066 15.4883 27.155L22.6434 20L15.4884 12.845C14.8367 12.1934 14.8367 11.14 15.4884 10.4884C16.14 9.83672 17.1934 9.83672 17.845 10.4884L26.1784 18.8217C26.83 19.4734 26.83 20.5266 26.1784 21.1784Z" fill="#AA248C"/>
                            </svg>
                        </div>
                        <span class="text-xs text-[#AA248C] font-normal group-hover:text-white">Lihat Semua</span>
                    </div>
                </a>
            </li>            
        </ul>
    </div>
    <div class="swiper-button-prev">
        <img src="https://awscdn.detik.net.id/inet3/images/arrow-prev.webp?v=202605081747" alt>
    </div>
    <div class="swiper-button-next">
        <img src="https://awscdn.detik.net.id/inet3/images/arrow-next.webp?v=202605081747" alt>
    </div>
</div>


<script>
(async function(){
    loadStyleCss("https://awscdn.detik.net.id/assets2/css/swiper-bundle.min.css?v=202605081747");
    await loadJsScript("https://awscdn.detik.net.id/assets2/js/swiper-bundle.min.js?v=202605081747");
})();
</script>

    </div>
    
    <div class="box py-5 px-5 bg-white gotm-style:bg-black">
        <div class="mb-[30px]">
    <div class="mb-6">
        <h3 class="font-blinker flex items-center gap-2 text-[32px] font-semibold">
            <img class="h-[30px] w-[30px]" src="https://awscdn.detik.net.id/inet3/images/editorspick-icon.webp?v=202605081747" alt="">
            <span class="text-[#AA248C]">Editor's</span> Pick
        </h3>
    </div>
    <div class="grid grid-cols-5 gap-6">
                    <a dtr-evt="box editors pick" dtr-sec="artikel editors pick" dtr-act="artikel editors pick" onclick="_pt(this)" dtr-idx="1" dtr-id="8473090" dtr-ttl="Viral Dirut RS Tzu Chi: Siang Bos, Malam Jadi Mimin Balas DM" 
    href="https://inet.detik.com/cyberlife/d-8473090/viral-dirut-rs-tzu-chi-siang-bos-malam-jadi-mimin-balas-dm"
    class="block">
    <section class="group font-montserrat relative flex items-center gap-4 data-[layout=vstack]:flex-col data-[layout=vstack]:items-start" data-layout="vstack">
        <figure class="relative shrink-0 overflow-hidden rounded group-data-[layout=vstack]:aspect-video group-data-[layout=vstack]:w-full aspect-4/3 w-full">
             <img src="https://awsimages.detik.net.id/visual/2026/05/04/suriadi-huang-1777860357397_169.jpeg?w=250&q=90" alt="Viral Dirut RS Tzu Chi: Siang Bos, Malam Jadi Mimin Balas DM" title="Viral Dirut RS Tzu Chi: Siang Bos, Malam Jadi Mimin Balas DM" class="size-full object-cover transition-all duration-300 group-hover:scale-110" />        </figure>
        <div class="flex grow flex-col">
            <strong class="group-hover:text-purple-light-1 line-clamp-3 font-normal transition-all duration-300 text-black text-sm">Viral Dirut RS Tzu Chi: Siang Bos, Malam Jadi Mimin Balas DM</strong>
        </div>
    </section>
</a>
                    <a dtr-evt="box editors pick" dtr-sec="artikel editors pick" dtr-act="artikel editors pick" onclick="_pt(this)" dtr-idx="2" dtr-id="8472994" dtr-ttl="Spyware Morpheus Serang Android, Bisa Bajak WhatsApp Diam-diam" 
    href="https://inet.detik.com/security/d-8472994/spyware-morpheus-serang-android-bisa-bajak-whatsapp-diam-diam"
    class="block">
    <section class="group font-montserrat relative flex items-center gap-4 data-[layout=vstack]:flex-col data-[layout=vstack]:items-start" data-layout="vstack">
        <figure class="relative shrink-0 overflow-hidden rounded group-data-[layout=vstack]:aspect-video group-data-[layout=vstack]:w-full aspect-4/3 w-full">
             <img src="https://awsimages.detik.net.id/visual/2025/04/23/ilustrasi-1745381043220_169.jpeg?w=250&q=90" alt="Spyware Morpheus Serang Android, Bisa Bajak WhatsApp Diam-diam" title="Spyware Morpheus Serang Android, Bisa Bajak WhatsApp Diam-diam" class="size-full object-cover transition-all duration-300 group-hover:scale-110" />        </figure>
        <div class="flex grow flex-col">
            <strong class="group-hover:text-purple-light-1 line-clamp-3 font-normal transition-all duration-300 text-black text-sm">Spyware Morpheus Serang Android, Bisa Bajak WhatsApp Diam-diam</strong>
        </div>
    </section>
</a>
                    <a dtr-evt="box editors pick" dtr-sec="artikel editors pick" dtr-act="artikel editors pick" onclick="_pt(this)" dtr-idx="3" dtr-id="8472975" dtr-ttl="Samsung Akan Rombak Kamera Galaxy S27 Ultra, Lensa Ini Dihilangkan" 
    href="https://inet.detik.com/consumer/d-8472975/samsung-akan-rombak-kamera-galaxy-s27-ultra-lensa-ini-dihilangkan"
    class="block">
    <section class="group font-montserrat relative flex items-center gap-4 data-[layout=vstack]:flex-col data-[layout=vstack]:items-start" data-layout="vstack">
        <figure class="relative shrink-0 overflow-hidden rounded group-data-[layout=vstack]:aspect-video group-data-[layout=vstack]:w-full aspect-4/3 w-full">
             <img src="https://awsimages.detik.net.id/visual/2026/05/04/galaxy-s27-1777852693047_169.png?w=250&q=90" alt="Samsung Akan Rombak Kamera Galaxy S27 Ultra, Lensa Ini Dihilangkan" title="Samsung Akan Rombak Kamera Galaxy S27 Ultra, Lensa Ini Dihilangkan" class="size-full object-cover transition-all duration-300 group-hover:scale-110" />        </figure>
        <div class="flex grow flex-col">
            <strong class="group-hover:text-purple-light-1 line-clamp-3 font-normal transition-all duration-300 text-black text-sm">Samsung Akan Rombak Kamera Galaxy S27 Ultra, Lensa Ini Dihilangkan</strong>
        </div>
    </section>
</a>
                    <a dtr-evt="box editors pick" dtr-sec="artikel editors pick" dtr-act="artikel editors pick" onclick="_pt(this)" dtr-idx="4" dtr-id="8473007" dtr-ttl="Meme Kulo Nuwon UCL! King MU Siap Tsunami Trofi" 
    href="https://inet.detik.com/fotoinet/d-8473007/meme-kulo-nuwon-ucl-king-mu-siap-tsunami-trofi"
    class="block">
    <section class="group font-montserrat relative flex items-center gap-4 data-[layout=vstack]:flex-col data-[layout=vstack]:items-start" data-layout="vstack">
        <figure class="relative shrink-0 overflow-hidden rounded group-data-[layout=vstack]:aspect-video group-data-[layout=vstack]:w-full aspect-4/3 w-full">
             <img src="https://awsimages.detik.net.id/visual/2026/05/04/meme-kemenangan-mu-1777856101505_169.jpeg?w=250&q=90" alt="Meme Kulo Nuwon UCL! King MU Siap Tsunami Trofi" title="Meme Kulo Nuwon UCL! King MU Siap Tsunami Trofi" class="size-full object-cover transition-all duration-300 group-hover:scale-110" />        </figure>
        <div class="flex grow flex-col">
            <strong class="group-hover:text-purple-light-1 line-clamp-3 font-normal transition-all duration-300 text-black text-sm">Meme Kulo Nuwon UCL! King MU Siap Tsunami Trofi</strong>
        </div>
    </section>
</a>
                    <a dtr-evt="box editors pick" dtr-sec="artikel editors pick" dtr-act="artikel editors pick" onclick="_pt(this)" dtr-idx="5" dtr-id="8472855" dtr-ttl="Data CCTV Terakhir dari 10 Orang yang Hilang Misterius" 
    href="https://inet.detik.com/fotoinet/d-8472855/data-cctv-terakhir-dari-10-orang-yang-hilang-misterius"
    class="block">
    <section class="group font-montserrat relative flex items-center gap-4 data-[layout=vstack]:flex-col data-[layout=vstack]:items-start" data-layout="vstack">
        <figure class="relative shrink-0 overflow-hidden rounded group-data-[layout=vstack]:aspect-video group-data-[layout=vstack]:w-full aspect-4/3 w-full">
             <img src="https://awsimages.detik.net.id/visual/2024/06/17/sneha-anne-philip_169.jpeg?w=250&q=90" alt="Data CCTV Terakhir dari 10 Orang yang Hilang Misterius" title="Data CCTV Terakhir dari 10 Orang yang Hilang Misterius" class="size-full object-cover transition-all duration-300 group-hover:scale-110" />        </figure>
        <div class="flex grow flex-col">
            <strong class="group-hover:text-purple-light-1 line-clamp-3 font-normal transition-all duration-300 text-black text-sm">Data CCTV Terakhir dari 10 Orang yang Hilang Misterius</strong>
        </div>
    </section>
</a>
            </div>
</div>    </div>

    <!-- S:promobox --> <!-- E:promobox -->
    <div class="box py-5 px-5 bg-white gotm-style:bg-black grid grid-cols-[minmax(0,_1fr)_340px] gap-6 w-[68rem]">
        <div>
            <aside class="mb-[30px]">
 <div class="mb-6 flex items-center justify-between">
 <section class="font-blinker flex items-center gap-2 text-[32px] font-semibold">
 <img class="h-[30px] w-[30px]" src="https://awscdn.detik.net.id/inet3/images/gadgetnews-icon.webp?v=202605081747" alt="">
 <span class="text-[#AA248C]">Gadget</span> News
 </section>
 <a class="text-purple-light-1 inline-flex items-center gap-2 font-semibold"
 dtr-evt="box gadget news" dtr-sec="lihat selengkapnya" dtr-act="lihat selengkapnya" onclick="_pt(this)" href="https://inet.detik.com/gadget"
 >
 More 
 <svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M7.47325 11.24C7.2428 11.4799 6.9465 11.4799 6.71605 11.24C6.51852 11.0345 6.51852 10.6918 6.71605 10.4862L10.2058 6.88851H0.526749C0.230453 6.88851 0 6.68293 0 6.34029C0 6.03191 0.230453 5.82633 0.526749 5.82633H10.2058L6.74897 2.22861C6.55144 2.02303 6.55144 1.68039 6.74897 1.47481C6.97942 1.23496 7.27572 1.23496 7.50617 1.47481L11.8519 5.99765C12.0494 6.20323 12.0494 6.54587 11.8519 6.75146L7.47325 11.24Z" fill="#562B77"></path>
 </svg>
 </a>
 </div>
 <div class="mb-6">
 <a dtr-evt="box gadget news" dtr-sec="artikel gadget news" dtr-act="artikel" onclick="_pt(this)" dtr-idx="1" dtr-id="8480381" dtr-ttl="Chip M5 Apple Punya Teknologi Keamanan Baru, Bikin Hacker Frustrasi" href="https://inet.detik.com/consumer/d-8480381/chip-m5-apple-punya-teknologi-keamanan-baru-bikin-hacker-frustrasi"
 class="block">
 <section class="group font-montserrat relative flex items-center gap-4 data-[layout=vstack]:flex-col data-[layout=vstack]:items-start" data-layout="vstack">
 <figure class="relative shrink-0 overflow-hidden group-data-[layout=vstack]:aspect-video group-data-[layout=vstack]:w-full aspect-4/3 w-full rounded-xl">
 <img src="https://awsimages.detik.net.id/community/media/visual/2025/10/15/apple-m5-1760545425964_169.png?w=610&q=90" alt="Chip M5 Apple Punya Teknologi Keamanan Baru, Bikin Hacker Frustrasi" title="Chip M5 Apple Punya Teknologi Keamanan Baru, Bikin Hacker Frustrasi" class="size-full object-cover transition-all duration-300 group-hover:scale-110" /> </figure>
 <div class="flex grow flex-col absolute bottom-0 p-4 bg-gradient-to-b from-transparent via-[52.71%]:black/63 to-black rounded-es-xl rounded-ee-xl w-full">
 <strong class="line-clamp-3 transition-all duration-300 text-white text-[28px] leading-8 font-semibold group-hover:text-orange-light3">Chip M5 Apple Punya Teknologi Keamanan Baru, Bikin Hacker Frustrasi</strong>
 </div>
 </section>
 </a>
 </div>
 <div class="grid grid-cols-2 grid-rows-2 gap-6">
 <a dtr-evt="box gadget news" dtr-sec="artikel gadget news" dtr-act="artikel" onclick="_pt(this)" dtr-idx="2" dtr-id="8480243" dtr-ttl="Tips Maksimalkan Apple Watch dan AirPods Pro untuk Teman Olahraga" href="https://inet.detik.com/consumer/d-8480243/tips-maksimalkan-apple-watch-dan-airpods-pro-untuk-teman-olahraga" 
 class="block">
 <section class="group font-montserrat relative flex items-center gap-4 data-[layout=vstack]:flex-col data-[layout=vstack]:items-start" data-layout="hstack">
 <figure class="relative shrink-0 overflow-hidden rounded group-data-[layout=vstack]:aspect-video group-data-[layout=vstack]:w-full aspect-4/3 w-[116px]">
 <img src="https://awsimages.detik.net.id/community/media/visual/2025/12/12/apple-fitness-1765510106213_43.jpeg?w=250&q=90" alt="Tips Maksimalkan Apple Watch dan AirPods Pro untuk Teman Olahraga" title="Tips Maksimalkan Apple Watch dan AirPods Pro untuk Teman Olahraga" class="size-full object-cover transition-all duration-300 group-hover:scale-110" /> </figure>
 <div class="flex grow flex-col">
 <strong class="group-hover:text-purple-light-1 line-clamp-3 font-normal transition-all duration-300 text-black text-sm">Tips Maksimalkan Apple Watch dan AirPods Pro untuk Teman Olahraga</strong>
 </div>
 </section>
</a> <a dtr-evt="box gadget news" dtr-sec="artikel gadget news" dtr-act="artikel" onclick="_pt(this)" dtr-idx="3" dtr-id="8478968" dtr-ttl="Xiaomi Tawarkan Program Upgrade Baterai HP Lawas, Tapi..." href="https://inet.detik.com/consumer/d-8478968/xiaomi-tawarkan-program-upgrade-baterai-hp-lawas-tapi" 
 class="block">
 <section class="group font-montserrat relative flex items-center gap-4 data-[layout=vstack]:flex-col data-[layout=vstack]:items-start" data-layout="hstack">
 <figure class="relative shrink-0 overflow-hidden rounded group-data-[layout=vstack]:aspect-video group-data-[layout=vstack]:w-full aspect-4/3 w-[116px]">
 <img src="https://awsimages.detik.net.id/community/media/visual/2022/12/13/xiaomi-13-pro-6_43.jpeg?w=250&q=90" alt="Xiaomi Tawarkan Program Upgrade Baterai HP Lawas, Tapi..." title="Xiaomi Tawarkan Program Upgrade Baterai HP Lawas, Tapi..." class="size-full object-cover transition-all duration-300 group-hover:scale-110" /> </figure>
 <div class="flex grow flex-col">
 <strong class="group-hover:text-purple-light-1 line-clamp-3 font-normal transition-all duration-300 text-black text-sm">Xiaomi Tawarkan Program Upgrade Baterai HP Lawas, Tapi...</strong>
 </div>
 </section>
</a> <a dtr-evt="box gadget news" dtr-sec="artikel gadget news" dtr-act="artikel" onclick="_pt(this)" dtr-idx="4" dtr-id="8479910" dtr-ttl="Weekend Santai Sambil Movie Marathon Harga Hemat" href="https://inet.detik.com/mobile-apps/d-8479910/weekend-santai-sambil-movie-marathon-harga-hemat" 
 class="block">
 <section class="group font-montserrat relative flex items-center gap-4 data-[layout=vstack]:flex-col data-[layout=vstack]:items-start" data-layout="hstack">
 <figure class="relative shrink-0 overflow-hidden rounded group-data-[layout=vstack]:aspect-video group-data-[layout=vstack]:w-full aspect-4/3 w-[116px]">
 <img src="https://awsimages.detik.net.id/community/media/visual/2022/03/01/menonton-tv_43.jpeg?w=250&q=90" alt="Weekend Santai Sambil Movie Marathon Harga Hemat" title="Weekend Santai Sambil Movie Marathon Harga Hemat" class="size-full object-cover transition-all duration-300 group-hover:scale-110" /> </figure>
 <div class="flex grow flex-col">
 <strong class="group-hover:text-purple-light-1 line-clamp-3 font-normal transition-all duration-300 text-black text-sm">Weekend Santai Sambil Movie Marathon Harga Hemat</strong>
 </div>
 </section>
</a> <a dtr-evt="box gadget news" dtr-sec="artikel gadget news" dtr-act="artikel" onclick="_pt(this)" dtr-idx="5" dtr-id="8479721" dtr-ttl="Snapdragon 6 Gen 5 &amp; 4 Gen 5 Rilis, HP Makin Ngebut dan Smooth" href="https://inet.detik.com/consumer/d-8479721/snapdragon-6-gen-5-4-gen-5-rilis-hp-makin-ngebut-dan-smooth" 
 class="block">
 <section class="group font-montserrat relative flex items-center gap-4 data-[layout=vstack]:flex-col data-[layout=vstack]:items-start" data-layout="hstack">
 <figure class="relative shrink-0 overflow-hidden rounded group-data-[layout=vstack]:aspect-video group-data-[layout=vstack]:w-full aspect-4/3 w-[116px]">
 <img src="https://awsimages.detik.net.id/community/media/visual/2026/05/08/snapdragon-gen-5-1778206039035_43.png?w=250&q=90" alt="Snapdragon 6 Gen 5 & 4 Gen 5 Rilis, HP Makin Ngebut dan Smooth" title="Snapdragon 6 Gen 5 & 4 Gen 5 Rilis, HP Makin Ngebut dan Smooth" class="size-full object-cover transition-all duration-300 group-hover:scale-110" /> </figure>
 <div class="flex grow flex-col">
 <strong class="group-hover:text-purple-light-1 line-clamp-3 font-normal transition-all duration-300 text-black text-sm">Snapdragon 6 Gen 5 & 4 Gen 5 Rilis, HP Makin Ngebut dan Smooth</strong>
 </div>
 </section>
</a> </div>
</aside><!--cached @ 1778235788--><!--replaced-->            <!-- S:center1 --><!-- E:center1 -->        </div>
        
        <div class="flex flex-col gap-5">
            <!-- S:mediumrectangle1 --><style>
@import url("https://awscdnstatic.detik.net.id/live/_rmbassets/mr1-scrollpage/scrollpage.css");
</style>
<div class="mr mr1" style="width: 300px;height: 600px;background-color:#F8F8F8;">
<div class="mr1-scrollpage-container">
<div class="mr1-scrollpage-height" style="height: 600px;width: 100%;margin: auto;">
<div class="mr1-scrollpage-box">
<div class="mr1-scrollpage-top" style="top:90px;">
<div class="mr1-scrollpage-banner">
<div id="carousel-mr"></div>
<!-- /4905536/detik_desktop/inet/medium_rectangle1 -->
<div id='div-gpt-ad-1592640415170-0'>
<script>
googletag.cmd.push(function() { googletag.display('div-gpt-ad-1592640415170-0'); });
</script>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
    function checkscriptpartner() {
       for (var i = 0; i < 4; i++) {
            divsToRemoveMRCarousel[i].remove();
        } 
    }
</script>


<!-- SCRIPT REFRESH SLOT MR1 SAAT VIEWPORT -->
<!--<script>
document.addEventListener('DOMContentLoaded', function () {
    var adSlot_mr1 = document.getElementById('div-gpt-ad-1592640415170-0');

    // Jika elemen tidak ditemukan, buat div MR1
    if (!adSlot_mr1) {
        adSlot_mr1 = document.createElement('div');
        adSlot_mr1.id = 'div-gpt-ad-1592640415170-0';
        adSlot_mr1.style.width = '300px';
        adSlot_mr1.style.height = '600px';
        document.body.insertBefore(adSlot_mr1, document.body.firstChild);
    }

    var refreshInterval_mr1 = null; // Interval refresh
    var visibilityStartTime = null; // Waktu awal iklan terlihat
    var visibilityTimeout = null;
    var isTabActive = true; // Cek apakah tab aktif

    function refreshAd_mr1() {
        console.log('🔄 Memanggil fungsi refreshAd_mr1()...');
        if (typeof gpt_mr1 !== 'undefined' && isTabActive) {
            googletag.cmd.push(function () {
                console.log('✅ MR1 sedang di-refresh...');
                googletag.pubads().refresh([gpt_mr1]);
                console.log('✅ MR1 refreshed at ' + new Date().toLocaleTimeString());
            });
        } else {
            console.log('⚠️ gpt_mr1 tidak terdefinisi atau tab tidak aktif!');
        }
    }

    var observer_mr1 = new IntersectionObserver(function (entries) {
        entries.forEach(function (entry) {
            if (entry.intersectionRatio >= 0.7) { // Visibility 70%+
                console.log("👀 MR1 terlihat lebih dari 70%, mulai hitung waktu...");

                if (!visibilityStartTime) {
                    visibilityStartTime = new Date().getTime();

                    visibilityTimeout = setTimeout(function () {
                        let now = new Date().getTime();
                        if (now - visibilityStartTime >= 3000) { // Delay 3 detik
                            if (!refreshInterval_mr1) {
                                refreshInterval_mr1 = setInterval(refreshAd_mr1, 35000); // Refresh tiap 35 detik
                                console.log("🔄 MR1 refresh akan berjalan setiap 35 detik.");
                            }
                        }
                    }, 5000);
                }
            } else {
                console.log("🚫 MR1 tidak terlihat minimal 70%, reset waktu & hentikan refresh.");

                visibilityStartTime = null;
                clearTimeout(visibilityTimeout);

                if (refreshInterval_mr1) {
                    clearInterval(refreshInterval_mr1);
                    refreshInterval_mr1 = null;
                    console.log("⏹️ MR1 refresh dihentikan.");
                }
            }
        });
    }, { threshold: 0.7 }); // Aktif jika 70% iklan terlihat

    // Cek apakah user berpindah tab atau kembali
    document.addEventListener("visibilitychange", function () {
        isTabActive = !document.hidden;
        if (!isTabActive) {
            console.log("⏸️ Tab tidak aktif, hentikan refresh.");
            clearInterval(refreshInterval_mr1);
            refreshInterval_mr1 = null;
        } else {
            console.log("▶️ Tab kembali aktif, lanjutkan refresh jika MR1 masih terlihat.");
        }
    });

    if (adSlot_mr1) {
        observer_mr1.observe(adSlot_mr1);
        googletag.cmd.push(function () { googletag.display('div-gpt-ad-1592640415170-0'); });
    }
});
</script>-->

<!-- E:mediumrectangle1 -->            <!-- S:mediumrectangle2 --><div data-ads="mediumRect" style="width:300px; margin:0 auto;">
<div style="width:300px;min-height:250px;margin-inline:auto;background:#F7F7F7 url(/detikinet-desktop/ads/300x250.webp) center center no-repeat;background-size:300px 250px;">
<!-- Ads Script Here -->
<!-- /4905536/detik_desktop/inet/medium_rectangle2 -->
<div id='div-gpt-ad-1534312508053-0'>
<script>
googletag.cmd.push(function() { googletag.display('div-gpt-ad-1534312508053-0'); });
</script>
</div>
</div>
</div><!-- E:mediumrectangle2 -->        </div>
    </div>

    <div class="box py-5 px-5 bg-white gotm-style:bg-black grid grid-cols-[minmax(0,_1fr)_340px] gap-6 w-[68rem]">
        <div d-widget="review" d-locals="120"></div>
        <div>
            <div d-widget="newsfeed_recommendation_sidebar" d-rec-src="newsfeed" d-recommendation-wp></div>
        </div>
    </div>
    
    <div class="box bg-white gotm-style:bg-black full-content px-0 py-0">
        <div class="border-purple-light-1 bg-grey-light-5 border-t py-[30px]">
    <div class="container grid grid-cols-[140px_1fr] gap-6">
        <div class="mt-15">
            <img class="w-full" src="https://awscdn.detik.net.id/inet3/images/gotm-purple-logo.webp?v=202605081747" alt="">
        </div>
        <!-- Slider main container -->
        <div class="swiper swiper-gotm">
            <!-- Additional required wrapper -->
            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                    <a dtr-evt="box gadget of the month" dtr-sec="artikel gotm" dtr-act="artikel gotm" onclick="_pt(this)" dtr-idx="1" dtr-id="8385556" dtr-ttl="Samsung Galaxy S26 Ultra"                        href="https://inet.detik.com/smartphone/d-8385556/samsung-galaxy-s26-ultra" class="block">
                        <section class="group font-montserrat relative flex items-center data-[layout=vstack]:flex-col data-[layout=vstack]:items-start gap-2" data-layout="vstack">
                            <figure class="relative shrink-0 overflow-hidden rounded group-data-[layout=vstack]:aspect-video group-data-[layout=vstack]:w-full aspect-4/3 w-full">
                                 <img src="https://awsimages.detik.net.id/community/media/visual/2026/02/25/galaxy-s26-ultra-1772012683580_169.jpeg?w=350&q=90" alt="Samsung Galaxy S26 Ultra" title="Samsung Galaxy S26 Ultra" class="size-full object-cover transition-all duration-300 group-hover:scale-110" />                            </figure>
                            <div class="flex grow flex-col data-[layout=vstack]:gap-2">
                                <strong class="line-clamp-2 text-purple-light-1 font-semibold text-sm">Maret  2026</strong>
                                <strong class="group-hover:text-purple-light-1 font-normal text-black transition-all duration-300 text-lg line-clamp-1">Samsung Galaxy S26 Ultra</strong>
                            </div>
                        </section>
                    </a>
                </div>
                                <div class="swiper-slide">
                    <a dtr-evt="box gadget of the month" dtr-sec="artikel gotm" dtr-act="artikel gotm" onclick="_pt(this)" dtr-idx="2" dtr-id="8336513" dtr-ttl="REDMI Note 15 Pro+"                        href="https://inet.detik.com/smartphone/d-8336513/redmi-note-15-pro" class="block">
                        <section class="group font-montserrat relative flex items-center data-[layout=vstack]:flex-col data-[layout=vstack]:items-start gap-2" data-layout="vstack">
                            <figure class="relative shrink-0 overflow-hidden rounded group-data-[layout=vstack]:aspect-video group-data-[layout=vstack]:w-full aspect-4/3 w-full">
                                 <img src="https://awsimages.detik.net.id/community/media/visual/2026/02/02/redmi-note-15-pro-5g-mocha-brown-1770009184216_169.jpeg?w=350&q=90" alt="REDMI Note 15 Pro+" title="REDMI Note 15 Pro+" class="size-full object-cover transition-all duration-300 group-hover:scale-110" />                            </figure>
                            <div class="flex grow flex-col data-[layout=vstack]:gap-2">
                                <strong class="line-clamp-2 text-purple-light-1 font-semibold text-sm">Februari  2026</strong>
                                <strong class="group-hover:text-purple-light-1 font-normal text-black transition-all duration-300 text-lg line-clamp-1">REDMI Note 15 Pro+</strong>
                            </div>
                        </section>
                    </a>
                </div>
                                <div class="swiper-slide">
                    <a dtr-evt="box gadget of the month" dtr-sec="artikel gotm" dtr-act="artikel gotm" onclick="_pt(this)" dtr-idx="3" dtr-id="8242660" dtr-ttl="HONOR 400 Lite"                        href="https://inet.detik.com/smartphone/d-8242660/honor-400-lite" class="block">
                        <section class="group font-montserrat relative flex items-center data-[layout=vstack]:flex-col data-[layout=vstack]:items-start gap-2" data-layout="vstack">
                            <figure class="relative shrink-0 overflow-hidden rounded group-data-[layout=vstack]:aspect-video group-data-[layout=vstack]:w-full aspect-4/3 w-full">
                                 <img src="https://awsimages.detik.net.id/community/media/visual/2025/06/25/honor-40-lite-1750838425792_169.jpeg?w=350&q=90" alt="HONOR 400 Lite" title="HONOR 400 Lite" class="size-full object-cover transition-all duration-300 group-hover:scale-110" />                            </figure>
                            <div class="flex grow flex-col data-[layout=vstack]:gap-2">
                                <strong class="line-clamp-2 text-purple-light-1 font-semibold text-sm">Desember  2025</strong>
                                <strong class="group-hover:text-purple-light-1 font-normal text-black transition-all duration-300 text-lg line-clamp-1">HONOR 400 Lite</strong>
                            </div>
                        </section>
                    </a>
                </div>
                                <div class="swiper-slide">
                    <a dtr-evt="box gadget of the month" dtr-sec="artikel gotm" dtr-act="artikel gotm" onclick="_pt(this)" dtr-idx="4" dtr-id="8195837" dtr-ttl="HONOR Pad 10"                        href="https://inet.detik.com/laptop-dan-pc/d-8195837/honor-pad-10" class="block">
                        <section class="group font-montserrat relative flex items-center data-[layout=vstack]:flex-col data-[layout=vstack]:items-start gap-2" data-layout="vstack">
                            <figure class="relative shrink-0 overflow-hidden rounded group-data-[layout=vstack]:aspect-video group-data-[layout=vstack]:w-full aspect-4/3 w-full">
                                 <img src="https://awsimages.detik.net.id/community/media/visual/2025/09/02/honor-pad-10-x9a-x7-1756775442007_169.jpeg?w=350&q=90" alt="HONOR Pad 10" title="HONOR Pad 10" class="size-full object-cover transition-all duration-300 group-hover:scale-110" />                            </figure>
                            <div class="flex grow flex-col data-[layout=vstack]:gap-2">
                                <strong class="line-clamp-2 text-purple-light-1 font-semibold text-sm">November  2025</strong>
                                <strong class="group-hover:text-purple-light-1 font-normal text-black transition-all duration-300 text-lg line-clamp-1">HONOR Pad 10</strong>
                            </div>
                        </section>
                    </a>
                </div>
                                <div class="swiper-slide">
                    <a dtr-evt="box gadget of the month" dtr-sec="artikel gotm" dtr-act="artikel gotm" onclick="_pt(this)" dtr-idx="5" dtr-id="8137498" dtr-ttl="Xiaomi 15T Pro"                        href="https://inet.detik.com/smartphone/d-8137498/xiaomi-15t-pro" class="block">
                        <section class="group font-montserrat relative flex items-center data-[layout=vstack]:flex-col data-[layout=vstack]:items-start gap-2" data-layout="vstack">
                            <figure class="relative shrink-0 overflow-hidden rounded group-data-[layout=vstack]:aspect-video group-data-[layout=vstack]:w-full aspect-4/3 w-full">
                                 <img src="https://awsimages.detik.net.id/community/media/visual/2025/09/30/xiaomi-15t-pro-1759206815563_169.jpeg?w=350&q=90" alt="Xiaomi 15T Pro" title="Xiaomi 15T Pro" class="size-full object-cover transition-all duration-300 group-hover:scale-110" />                            </figure>
                            <div class="flex grow flex-col data-[layout=vstack]:gap-2">
                                <strong class="line-clamp-2 text-purple-light-1 font-semibold text-sm">Oktober  2025</strong>
                                <strong class="group-hover:text-purple-light-1 font-normal text-black transition-all duration-300 text-lg line-clamp-1">Xiaomi 15T Pro</strong>
                            </div>
                        </section>
                    </a>
                </div>
                                <div class="swiper-slide">
                    <a dtr-evt="box gadget of the month" dtr-sec="artikel gotm" dtr-act="artikel gotm" onclick="_pt(this)" dtr-idx="6" dtr-id="8055171" dtr-ttl="Motorola Moto G86 Power 5G"                        href="https://inet.detik.com/smartphone/d-8055171/motorola-moto-g86-power-5g" class="block">
                        <section class="group font-montserrat relative flex items-center data-[layout=vstack]:flex-col data-[layout=vstack]:items-start gap-2" data-layout="vstack">
                            <figure class="relative shrink-0 overflow-hidden rounded group-data-[layout=vstack]:aspect-video group-data-[layout=vstack]:w-full aspect-4/3 w-full">
                                 <img src="https://awsimages.detik.net.id/community/media/visual/2025/08/11/motorola-moto-g86-power-1754876868712_169.jpeg?w=350&q=90" alt="Motorola Moto G86 Power 5G" title="Motorola Moto G86 Power 5G" class="size-full object-cover transition-all duration-300 group-hover:scale-110" />                            </figure>
                            <div class="flex grow flex-col data-[layout=vstack]:gap-2">
                                <strong class="line-clamp-2 text-purple-light-1 font-semibold text-sm">Agustus  2025</strong>
                                <strong class="group-hover:text-purple-light-1 font-normal text-black transition-all duration-300 text-lg line-clamp-1">Motorola Moto G86 Power 5G</strong>
                            </div>
                        </section>
                    </a>
                </div>
                                <div class="swiper-slide">
                    <a dtr-evt="box gadget of the month" dtr-sec="artikel gotm" dtr-act="artikel gotm" onclick="_pt(this)" dtr-idx="7" dtr-id="8012197" dtr-ttl="HUAWEI MatePad Pro 12.2"                        href="https://inet.detik.com/laptop-dan-pc/d-8012197/huawei-matepad-pro-12-2" class="block">
                        <section class="group font-montserrat relative flex items-center data-[layout=vstack]:flex-col data-[layout=vstack]:items-start gap-2" data-layout="vstack">
                            <figure class="relative shrink-0 overflow-hidden rounded group-data-[layout=vstack]:aspect-video group-data-[layout=vstack]:w-full aspect-4/3 w-full">
                                 <img src="https://awsimages.detik.net.id/community/media/visual/2025/07/15/huawei-matepad-pro-122-1752589068762_169.jpeg?w=350&q=90" alt="HUAWEI MatePad Pro 12.2" title="HUAWEI MatePad Pro 12.2" class="size-full object-cover transition-all duration-300 group-hover:scale-110" />                            </figure>
                            <div class="flex grow flex-col data-[layout=vstack]:gap-2">
                                <strong class="line-clamp-2 text-purple-light-1 font-semibold text-sm">Juli  2025</strong>
                                <strong class="group-hover:text-purple-light-1 font-normal text-black transition-all duration-300 text-lg line-clamp-1">HUAWEI MatePad Pro 12.2</strong>
                            </div>
                        </section>
                    </a>
                </div>
                                <div class="swiper-slide">
                    <a dtr-evt="box gadget of the month" dtr-sec="artikel gotm" dtr-act="artikel gotm" onclick="_pt(this)" dtr-idx="8" dtr-id="8004921" dtr-ttl="Samsung Galaxy Z Fold7"                        href="https://inet.detik.com/smartphone/d-8004921/samsung-galaxy-z-fold7" class="block">
                        <section class="group font-montserrat relative flex items-center data-[layout=vstack]:flex-col data-[layout=vstack]:items-start gap-2" data-layout="vstack">
                            <figure class="relative shrink-0 overflow-hidden rounded group-data-[layout=vstack]:aspect-video group-data-[layout=vstack]:w-full aspect-4/3 w-full">
                                 <img src="https://awsimages.detik.net.id/community/media/visual/2025/07/08/embargo-samsung-galaxy-z-fold7-1751969544148_169.jpeg?w=350&q=90" alt="Samsung Galaxy Z Fold7" title="Samsung Galaxy Z Fold7" class="size-full object-cover transition-all duration-300 group-hover:scale-110" />                            </figure>
                            <div class="flex grow flex-col data-[layout=vstack]:gap-2">
                                <strong class="line-clamp-2 text-purple-light-1 font-semibold text-sm">Juli  2025</strong>
                                <strong class="group-hover:text-purple-light-1 font-normal text-black transition-all duration-300 text-lg line-clamp-1">Samsung Galaxy Z Fold7</strong>
                            </div>
                        </section>
                    </a>
                </div>
                                <div class="swiper-slide">
                    <a dtr-evt="box gadget of the month" dtr-sec="artikel gotm" dtr-act="artikel gotm" onclick="_pt(this)" dtr-idx="9" dtr-id="7994617" dtr-ttl="HONOR 400"                        href="https://inet.detik.com/smartphone/d-7994617/honor-400" class="block">
                        <section class="group font-montserrat relative flex items-center data-[layout=vstack]:flex-col data-[layout=vstack]:items-start gap-2" data-layout="vstack">
                            <figure class="relative shrink-0 overflow-hidden rounded group-data-[layout=vstack]:aspect-video group-data-[layout=vstack]:w-full aspect-4/3 w-full">
                                 <img src="https://awsimages.detik.net.id/community/media/visual/2025/07/03/honor-400-cover-gadget-of-the-month-1751540108447_169.jpeg?w=350&q=90" alt="HONOR 400" title="HONOR 400" class="size-full object-cover transition-all duration-300 group-hover:scale-110" />                            </figure>
                            <div class="flex grow flex-col data-[layout=vstack]:gap-2">
                                <strong class="line-clamp-2 text-purple-light-1 font-semibold text-sm">Juli  2025</strong>
                                <strong class="group-hover:text-purple-light-1 font-normal text-black transition-all duration-300 text-lg line-clamp-1">HONOR 400</strong>
                            </div>
                        </section>
                    </a>
                </div>
                                <div class="swiper-slide">
                    <a dtr-evt="box gadget of the month" dtr-sec="artikel gotm" dtr-act="artikel gotm" onclick="_pt(this)" dtr-idx="10" dtr-id="7944785" dtr-ttl="Lenovo Legion Pro 7i"                        href="https://inet.detik.com/laptop-dan-pc/d-7944785/lenovo-legion-pro-7i" class="block">
                        <section class="group font-montserrat relative flex items-center data-[layout=vstack]:flex-col data-[layout=vstack]:items-start gap-2" data-layout="vstack">
                            <figure class="relative shrink-0 overflow-hidden rounded group-data-[layout=vstack]:aspect-video group-data-[layout=vstack]:w-full aspect-4/3 w-full">
                                 <img src="https://awsimages.detik.net.id/community/media/visual/2025/05/22/lenovo-legion-pro-7i-1747907910357_169.jpeg?w=350&q=90" alt="Lenovo Legion Pro 7i" title="Lenovo Legion Pro 7i" class="size-full object-cover transition-all duration-300 group-hover:scale-110" />                            </figure>
                            <div class="flex grow flex-col data-[layout=vstack]:gap-2">
                                <strong class="line-clamp-2 text-purple-light-1 font-semibold text-sm">Juni  2025</strong>
                                <strong class="group-hover:text-purple-light-1 font-normal text-black transition-all duration-300 text-lg line-clamp-1">Lenovo Legion Pro 7i</strong>
                            </div>
                        </section>
                    </a>
                </div>
                                <div class="swiper-slide">
                    <a dtr-evt="box gadget of the month" dtr-sec="artikel gotm" dtr-act="artikel gotm" onclick="_pt(this)" dtr-idx="11" dtr-id="7869234" dtr-ttl="HUAWEI Mate XT Ultimate"                        href="https://inet.detik.com/smartphone/d-7869234/huawei-mate-xt-ultimate" class="block">
                        <section class="group font-montserrat relative flex items-center data-[layout=vstack]:flex-col data-[layout=vstack]:items-start gap-2" data-layout="vstack">
                            <figure class="relative shrink-0 overflow-hidden rounded group-data-[layout=vstack]:aspect-video group-data-[layout=vstack]:w-full aspect-4/3 w-full">
                                 <img src="https://awsimages.detik.net.id/community/media/visual/2025/04/30/huawei-mate-xt-ultimate-close-up-1746006622132_169.jpeg?w=350&q=90" alt="HUAWEI Mate XT Ultimate" title="HUAWEI Mate XT Ultimate" class="size-full object-cover transition-all duration-300 group-hover:scale-110" />                            </figure>
                            <div class="flex grow flex-col data-[layout=vstack]:gap-2">
                                <strong class="line-clamp-2 text-purple-light-1 font-semibold text-sm">April  2025</strong>
                                <strong class="group-hover:text-purple-light-1 font-normal text-black transition-all duration-300 text-lg line-clamp-1">HUAWEI Mate XT Ultimate</strong>
                            </div>
                        </section>
                    </a>
                </div>
                                <div class="swiper-slide">
                    <a dtr-evt="box gadget of the month" dtr-sec="artikel gotm" dtr-act="artikel gotm" onclick="_pt(this)" dtr-idx="12" dtr-id="7761105" dtr-ttl="Redmi Note 14 Pro+"                        href="https://inet.detik.com/smartphone/d-7761105/redmi-note-14-pro" class="block">
                        <section class="group font-montserrat relative flex items-center data-[layout=vstack]:flex-col data-[layout=vstack]:items-start gap-2" data-layout="vstack">
                            <figure class="relative shrink-0 overflow-hidden rounded group-data-[layout=vstack]:aspect-video group-data-[layout=vstack]:w-full aspect-4/3 w-full">
                                 <img src="https://awsimages.detik.net.id/community/media/visual/2025/01/15/unboxing-redmi-note-14-pro-5g-10_169.jpeg?w=350&q=90" alt="Redmi Note 14 Pro+" title="Redmi Note 14 Pro+" class="size-full object-cover transition-all duration-300 group-hover:scale-110" />                            </figure>
                            <div class="flex grow flex-col data-[layout=vstack]:gap-2">
                                <strong class="line-clamp-2 text-purple-light-1 font-semibold text-sm">Februari  2025</strong>
                                <strong class="group-hover:text-purple-light-1 font-normal text-black transition-all duration-300 text-lg line-clamp-1">Redmi Note 14 Pro+</strong>
                            </div>
                        </section>
                    </a>
                </div>
                                <div class="swiper-slide">
                    <a dtr-evt="box gadget of the month" dtr-sec="artikel gotm" dtr-act="artikel gotm" onclick="_pt(this)" dtr-idx="13" dtr-id="7655652" dtr-ttl="OPPO Find X8 Pro"                        href="https://inet.detik.com/smartphone/d-7655652/oppo-find-x8-pro" class="block">
                        <section class="group font-montserrat relative flex items-center data-[layout=vstack]:flex-col data-[layout=vstack]:items-start gap-2" data-layout="vstack">
                            <figure class="relative shrink-0 overflow-hidden rounded group-data-[layout=vstack]:aspect-video group-data-[layout=vstack]:w-full aspect-4/3 w-full">
                                 <img src="https://awsimages.detik.net.id/community/media/visual/2024/11/19/oppo-find-x8-13_169.jpeg?w=350&q=90" alt="OPPO Find X8 Pro" title="OPPO Find X8 Pro" class="size-full object-cover transition-all duration-300 group-hover:scale-110" />                            </figure>
                            <div class="flex grow flex-col data-[layout=vstack]:gap-2">
                                <strong class="line-clamp-2 text-purple-light-1 font-semibold text-sm">November  2024</strong>
                                <strong class="group-hover:text-purple-light-1 font-normal text-black transition-all duration-300 text-lg line-clamp-1">OPPO Find X8 Pro</strong>
                            </div>
                        </section>
                    </a>
                </div>
                                <div class="swiper-slide">
                    <a dtr-evt="box gadget of the month" dtr-sec="artikel gotm" dtr-act="artikel gotm" onclick="_pt(this)" dtr-idx="14" dtr-id="7567782" dtr-ttl="Xiaomi 14T Pro"                        href="https://inet.detik.com/smartphone/d-7567782/xiaomi-14t-pro" class="block">
                        <section class="group font-montserrat relative flex items-center data-[layout=vstack]:flex-col data-[layout=vstack]:items-start gap-2" data-layout="vstack">
                            <figure class="relative shrink-0 overflow-hidden rounded group-data-[layout=vstack]:aspect-video group-data-[layout=vstack]:w-full aspect-4/3 w-full">
                                 <img src="https://awsimages.detik.net.id/community/media/visual/2024/09/27/xiaomi-14t-pro-16_169.jpeg?w=350&q=90" alt="Xiaomi 14T Pro" title="Xiaomi 14T Pro" class="size-full object-cover transition-all duration-300 group-hover:scale-110" />                            </figure>
                            <div class="flex grow flex-col data-[layout=vstack]:gap-2">
                                <strong class="line-clamp-2 text-purple-light-1 font-semibold text-sm">Oktober  2024</strong>
                                <strong class="group-hover:text-purple-light-1 font-normal text-black transition-all duration-300 text-lg line-clamp-1">Xiaomi 14T Pro</strong>
                            </div>
                        </section>
                    </a>
                </div>
                                <div class="swiper-slide">
                    <a dtr-evt="box gadget of the month" dtr-sec="artikel gotm" dtr-act="artikel gotm" onclick="_pt(this)" dtr-idx="15" dtr-id="7519434" dtr-ttl="ASUS Vivobook S 15 OLED"                        href="https://inet.detik.com/laptop-dan-pc/d-7519434/asus-vivobook-s-15-oled" class="block">
                        <section class="group font-montserrat relative flex items-center data-[layout=vstack]:flex-col data-[layout=vstack]:items-start gap-2" data-layout="vstack">
                            <figure class="relative shrink-0 overflow-hidden rounded group-data-[layout=vstack]:aspect-video group-data-[layout=vstack]:w-full aspect-4/3 w-full">
                                 <img src="https://awsimages.detik.net.id/community/media/visual/2024/09/01/asus-vivobook-s-15-oled-2_169.jpeg?w=350&q=90" alt="ASUS Vivobook S 15 OLED" title="ASUS Vivobook S 15 OLED" class="size-full object-cover transition-all duration-300 group-hover:scale-110" />                            </figure>
                            <div class="flex grow flex-col data-[layout=vstack]:gap-2">
                                <strong class="line-clamp-2 text-purple-light-1 font-semibold text-sm">September  2024</strong>
                                <strong class="group-hover:text-purple-light-1 font-normal text-black transition-all duration-300 text-lg line-clamp-1">ASUS Vivobook S 15 OLED</strong>
                            </div>
                        </section>
                    </a>
                </div>
                            </div>
            <!-- If we need pagination -->
            <div class="swiper-pagination swiper-gotm-pagination"></div>
            <a dtr-evt="box gadget of the month" dtr-sec="lihat selengkapnya" dtr-act="lihat selengkapnya" onclick="_pt(this)" href="https://inet.detik.com/gotm" class="text-purple-light-1 absolute right-0 bottom-0 z-10 inline-flex items-center gap-2 text-sm font-semibold">
                More 
                <svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M7.47325 11.24C7.2428 11.4799 6.9465 11.4799 6.71605 11.24C6.51852 11.0345 6.51852 10.6918 6.71605 10.4862L10.2058 6.88851H0.526749C0.230453 6.88851 0 6.68293 0 6.34029C0 6.03191 0.230453 5.82633 0.526749 5.82633H10.2058L6.74897 2.22861C6.55144 2.02303 6.55144 1.68039 6.74897 1.47481C6.97942 1.23496 7.27572 1.23496 7.50617 1.47481L11.8519 5.99765C12.0494 6.20323 12.0494 6.54587 11.8519 6.75146L7.47325 11.24Z" fill="#562B77"></path>
                </svg>
            </a>
        </div>
    </div>
</div>

<script>
    (async function(){
        loadStyleCss("https://awscdn.detik.net.id/assets2/css/swiper-bundle.min.css?v=202605081747");
    })();
</script>    </div>

    <div class="box py-5 px-5 bg-white gotm-style:bg-black grid grid-cols-[minmax(0,_1fr)_340px] gap-6 pt-5 w-[68rem]">
        <div>
            
            
            <!-- S:parallax1 --><style>
@import url("https://awscdnstatic.detik.net.id/live/_rmbassets/2022/parallax/parallax.css");
</style>
<div class="paradetail" style="background-color:#F8F8F8; height: 650px;margin-bottom: 30px;">
<p class="para_caption"
style="display:block;font-size: 9px;color: rgba(0, 0, 0, 0.55);position: relative;margin:5px;text-align: center;left: 0px;right: 0px;letter-spacing: 0.7px;top:7px;">
ADVERTISEMENT
</p>
<div class="para paraA ads-slot" style="height: 600px; margin-bottom: 0; margin-top: 12px;">
<div class="para_abs">
<div class="para_fix" style="position: relative; width: 480px;">
<div class="" style="position: sticky;top:88px;">
<center>
                        <!-- /4905536/detik_desktop/inet/parallax 
<div id='div-gpt-ad-1572942238449-0' style='min-width: 300px; min-height: 250px;'>
  <script>
    googletag.cmd.push(function() { googletag.display('div-gpt-ad-1572942238449-0'); });
  </script>
</div> -->

<!-- /4905536/detik_desktop/inet/parallax_detail -->
<div id='div-gpt-ad-1572509811568-0' style='min-width: 300px; min-height: 250px;'>
<script>
googletag.cmd.push(function() { googletag.display('div-gpt-ad-1572509811568-0'); });
</script>
</div>

</center>
</div>
</div>
</div>
</div>
<p class="para_caption"
style="display:block;font-size: 9px;color: rgba(0, 0, 0, 0.55);position: relative;margin: 5px;text-align: center;left: 0px;right: 0px;letter-spacing: 0.7px;">
SCROLL TO CONTINUE WITH CONTENT
</p>
<script>
function paraA(e) {
var p = $(e);
$(e + " .para_fix").width(p.width());
}
$(".paraA iframe").on("load", paraA(".paraA"));
</script>
</div><!-- E:parallax1 -->            
            <hr class="border-black-light-4">
            <div d-widget="newsfeed_recommendation_wp" d-rec-size="6" d-rec-src="newsfeed" d-recommendation-wp></div>
            <!-- S:center2 --><!-- E:center2 -->        </div>
        <div class="flex flex-col gap-5">
            <div style="position: sticky; top: 65px; display: flex;flex-direction: column; gap: 20px;">
                <!-- S:mediumrectangle3 --><div data-ads="mediumRect" style="width:300px; margin:0 auto;">
<div style="width:300px;min-height:250px;margin-inline:auto;background:#F7F7F7 url(/detikinet-desktop/ads/300x250.webp) center center no-repeat;background-size:300px 250px;">
<!-- Ads Script Here -->
<!-- /4905536/detik_desktop/inet/medium_rectangle3 -->
<div id='div-gpt-ad-1556897022671-0'>
<script>
googletag.cmd.push(function() { googletag.display('div-gpt-ad-1556897022671-0'); });
</script>
</div>
</div>
</div><!-- E:mediumrectangle3 -->                <!-- S:mediumrectangle4 --><div data-ads="mediumRect" style="width:300px; margin:0 auto;">
    <div style="width:300px;min-height:250px;margin-inline:auto;background:#F7F7F7 url(/detikinet-desktop/ads/300x250.webp) center center no-repeat;background-size:300px 250px;">
        <!-- Ads Script Here -->
        <ins data-labelname="mediumrectangle4" data-revive-zoneid="123" data-revive-id="0cceecb9cae9f51a31123c541910d59b"></ins>
    </div>
</div><!-- E:mediumrectangle4 -->            </div>
        </div>
    </div>

    <div class="box bg-white gotm-style:bg-black full-content px-0 py-0">
        <div class="bg-grey-light-5 py-[30px]">
    <div class="container w-[66rem] max-w-none">
        <div class="mb-4 flex items-center">
            <img class="w-[178px]" src="https://awscdn.detik.net.id/inet3/images/labgadget-purple-logo.webp?v=202605081747" alt="">
            <div class="font-helvetica px-20 text-center font-normal">
                Lab Gadget merupakan program in-depth review dari redaksi bersama expertise untuk menguji secara detail terhadap keunggulan spesifikasi maupun fitur sebuah gadget
            </div>
            <a dtr-evt="box lab gadget" dtr-sec="lihat selengkapnya" dtr-act="lihat selengkapnya" onclick="_pt(this)" href="https://inet.detik.com/lab-gadget" class="text-purple-light-1 inline-flex items-center gap-2 text-sm font-semibold">
                More 
                <svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M7.47325 11.24C7.2428 11.4799 6.9465 11.4799 6.71605 11.24C6.51852 11.0345 6.51852 10.6918 6.71605 10.4862L10.2058 6.88851H0.526749C0.230453 6.88851 0 6.68293 0 6.34029C0 6.03191 0.230453 5.82633 0.526749 5.82633H10.2058L6.74897 2.22861C6.55144 2.02303 6.55144 1.68039 6.74897 1.47481C6.97942 1.23496 7.27572 1.23496 7.50617 1.47481L11.8519 5.99765C12.0494 6.20323 12.0494 6.54587 11.8519 6.75146L7.47325 11.24Z" fill="#562B77"></path>
                </svg>
            </a>
        </div>
        <div class="grid grid-cols-3 gap-6">
                        <div class="overflow-hidden rounded bg-white shadow-[0px_4px_8px_rgba(0,0,0,0.12)]">
                <a dtr-evt="box lab gadget" dtr-sec="artikel lab gadget" dtr-act="artikel lab gadget" onclick="_pt(this)" dtr-idx="1" dtr-id="8176510" dtr-ttl="Samsung Galaxy Z Flip 7: Puncak Inovasi Ponsel Layar Lipat" 
                    href="https://inet.detik.com/lab-gadget/d-8176510/samsung-galaxy-z-flip-7-puncak-inovasi-ponsel-layar-lipat" class="block">
                    <section class="group font-montserrat relative flex items-center gap-4 data-[layout=vstack]:flex-col data-[layout=vstack]:items-start" data-layout="vstack">
                        <figure class="relative shrink-0 overflow-hidden group-data-[layout=vstack]:aspect-video group-data-[layout=vstack]:w-full aspect-4/3 w-full rounded-none">
                             <img src="https://awsimages.detik.net.id/community/media/visual/2025/07/09/embargo-samsung-galaxy-z-flip7-1752052436676_169.jpeg?w=250&q=90" alt="Samsung Galaxy Z Flip 7: Puncak Inovasi Ponsel Layar Lipat" title="Samsung Galaxy Z Flip 7: Puncak Inovasi Ponsel Layar Lipat" class="size-full object-cover transition-all duration-300 group-hover:scale-110" />                            <div class="absolute right-0 bottom-0">
                                <svg xmlns="http://www.w3.org/2000/svg" width="73" height="74" viewBox="0 0 73 74" fill="none">
                                    <g clip-path="url(#clip0_1333_39308)">
                                        <path d="M68.9662 73.3301H0L73 0.330078V69.2963C73 71.5286 71.1887 73.3301 68.9662 73.3301Z" fill="#562E75"></path>
                                        <path d="M64.766 64.7925C64.1589 63.4218 63.5421 62.0413 62.9253 60.6706C62.5435 59.8188 62.1616 58.967 61.7798 58.1152C65.3142 55.3738 67.5661 51.0561 67.478 46.2292C67.3311 38.5729 61.2315 32.248 53.5947 31.8466C45.1355 31.3962 38.1155 38.1519 38.1155 46.5132C38.1155 51.2323 40.3478 55.4326 43.8137 58.1152C43.6081 58.5754 43.4025 59.0356 43.1969 59.486C42.8248 60.3084 42.4724 61.1406 42.1003 61.963C41.6793 62.9029 41.2583 63.8428 40.8373 64.7828C40.7492 64.9786 40.6709 65.1744 40.6121 65.3702C40.5534 65.566 40.6807 65.7227 40.8765 65.7129C40.994 65.7129 41.1115 65.6737 41.2192 65.6346C42.394 65.1842 43.5689 64.7338 44.7536 64.2834C45.0669 64.1659 45.1844 64.2247 45.3019 64.538C45.7621 65.7325 46.2222 66.9269 46.6824 68.1214C46.7411 68.2879 46.8195 68.4445 47.0153 68.4543C47.2209 68.4641 47.2796 68.2879 47.3482 68.141C47.5734 67.6515 47.7986 67.1521 48.0237 66.6528C48.5035 65.5758 48.9734 64.4988 49.4532 63.4316C49.8154 62.6288 50.1679 61.8162 50.5302 61.0133C51.2743 61.1308 52.038 61.1895 52.8114 61.1895C53.5849 61.1895 54.3486 61.1308 55.0829 61.0133C55.1906 61.2581 55.2983 61.5126 55.4158 61.7574C55.8172 62.6582 56.2186 63.5491 56.62 64.4499C57.1781 65.7031 57.7362 66.9563 58.2943 68.2095C58.353 68.3466 58.4509 68.4739 58.6174 68.4641C58.7838 68.4641 58.8621 68.327 58.9209 68.1802C59.3908 66.9465 59.8608 65.7031 60.3405 64.4695C60.458 64.1562 60.6636 64.1464 61.0748 64.3911C61.8483 64.8415 62.6805 65.1646 63.5519 65.3408C63.924 65.4192 64.2862 65.6248 64.6778 65.7031C64.9422 65.7618 65.0793 65.6052 65.0009 65.3408C64.9422 65.1548 64.8639 64.9688 64.7855 64.7925H64.766ZM60.7713 55.834C58.9209 57.4103 56.6102 58.4579 54.0549 58.7125C53.6436 58.7516 53.2226 58.7712 52.8016 58.7712C52.3806 58.7712 51.9596 58.7516 51.5484 58.7125C48.993 58.4579 46.6824 57.4103 44.8319 55.834C42.0905 53.4842 40.3869 49.9595 40.5436 46.0334C40.7884 39.6009 46.0656 34.402 52.4981 34.2453C59.4104 34.0789 65.0695 39.6303 65.0695 46.5132C65.0695 50.2435 63.405 53.5821 60.7713 55.834Z" fill="white"></path>
                                        <path d="M54.838 42.9983C54.838 43.2039 54.5345 44.0949 53.9079 45.6908C52.8994 48.2951 52.3903 49.8518 52.3903 50.4001C52.3903 50.498 52.4295 50.5862 52.4882 50.6449C52.547 50.7036 52.6057 50.7428 52.6938 50.7624C52.7722 50.7428 52.8994 50.7036 53.0561 50.6449C54.3093 50.2924 55.2492 49.9498 55.8465 49.656C56.0912 49.5581 56.3752 49.3525 56.7178 49.0882C57.4619 48.442 58.069 47.6685 58.4998 46.7873C58.9208 45.916 59.1264 45.025 59.1264 44.1145C59.1264 42.7437 58.6858 41.608 57.8144 40.7366C56.9039 39.8457 55.7486 39.4051 54.3387 39.4051C52.9876 39.3855 51.7148 39.7478 50.5399 40.5017C49.3846 41.2458 48.4153 42.4011 47.632 43.9186C46.839 45.4362 46.4375 46.9734 46.4375 48.5301C46.4375 49.5581 46.6823 50.5568 47.1425 51.5065C47.4851 52.2114 48.053 52.7793 48.8363 53.2492C49.6293 53.6898 50.4713 53.915 51.4015 53.915C53.3792 53.915 55.4646 53.0436 57.6676 51.2813L58.0886 51.81C55.8465 53.8073 53.4184 54.806 50.814 54.806C48.895 54.806 47.397 54.2773 46.3298 53.2492C45.2626 52.2016 44.7144 50.7624 44.7144 48.9609C44.7144 47.1594 45.1843 45.4264 46.1144 43.8011C47.025 42.1661 48.2782 40.8443 49.8545 39.8946C51.4308 38.9449 53.0267 38.4554 54.6422 38.475C55.7975 38.4554 56.8843 38.7002 57.8732 39.1995C58.862 39.689 59.6159 40.3156 60.1348 41.0989C60.6439 41.8919 60.8985 42.6752 60.8985 43.5074C60.8985 44.7802 60.4775 46.053 59.6257 47.3258C58.7543 48.579 57.599 49.5679 56.1891 50.3218C56.0717 50.3805 55.9444 50.4393 55.8465 50.5078C53.761 51.4967 52.2728 52.0058 51.3133 52.0058C51.2938 52.0058 51.2742 52.0058 51.2546 52.0058C50.9119 52.0058 50.6476 51.9275 50.4615 51.7806C50.2559 51.6142 50.158 51.3988 50.158 51.1149C50.158 50.2043 50.863 47.9622 52.3022 44.418C52.3609 44.2319 52.4001 44.0949 52.4001 43.948C52.4001 43.8011 52.3218 43.7228 52.1553 43.7228C51.9693 43.7228 51.7539 43.7816 51.5092 43.9088C51.2644 44.0263 50.7161 44.418 49.8741 45.0446L49.2475 44.6627C50.1972 43.8501 51.0686 43.292 51.8518 42.9396C52.6449 42.5969 53.3107 42.4304 53.8785 42.4304C54.182 42.4109 54.4268 42.4696 54.5835 42.5675C54.7401 42.6654 54.8282 42.8123 54.8282 42.9885L54.838 42.9983Z" fill="white"></path>
                                        <path d="M55.2492 40.8149C55.2492 40.5702 55.1513 40.3743 54.9457 40.2275C54.7596 40.0904 54.5247 40.0023 54.2212 40.0219C53.8393 40.0023 53.4966 40.1198 53.2127 40.3646C52.9483 40.5897 52.8113 40.8541 52.8113 41.1968C52.8113 41.4415 52.9092 41.6374 53.0952 41.7842C53.2812 41.9213 53.5162 42.0094 53.8001 42.029C54.182 42.0094 54.5247 41.8919 54.8282 41.6667C55.1121 41.4024 55.2492 41.1184 55.2492 40.8149Z" fill="white"></path>
                                    </g>
                                    <defs>
                                        <clipPath id="clip0_1333_39308">
                                            <rect width="73" height="73" fill="white" transform="translate(0 0.330078)"></rect>
                                        </clipPath>
                                    </defs>
                                </svg>
                            </div>
                                                    </figure>
                        <div class="flex grow flex-col pb-4 px-3">
                                                            <strong class="line-clamp-2 text-xs text-purple-light-1 font-semibold">Lab Gadget detikINET</strong>
                                                        <strong class="group-hover:text-purple-light-1 font-normal text-black transition-all duration-300 text-lg leading-6 line-clamp-2">Samsung Galaxy Z Flip 7: Puncak Inovasi Ponsel Layar Lipat</strong>
                            <div class="mt-1 flex items-center">
                                                            <span class="inline-block">
                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="21" viewBox="0 0 20 21" fill="none">
                    <path d="M18.3333 8.52686L12.3416 8.0102L9.99996 2.49353L7.65829 8.01853L1.66663 8.52686L6.21663 12.4685L4.84996 18.3269L9.99996 15.2185L15.15 18.3269L13.7916 12.4685L18.3333 8.52686Z" fill="#EF672F"></path>
                </svg>
            </span>
                                <span class="inline-block">
                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="21" viewBox="0 0 20 21" fill="none">
                    <path d="M18.3333 8.52686L12.3416 8.0102L9.99996 2.49353L7.65829 8.01853L1.66663 8.52686L6.21663 12.4685L4.84996 18.3269L9.99996 15.2185L15.15 18.3269L13.7916 12.4685L18.3333 8.52686Z" fill="#EF672F"></path>
                </svg>
            </span>
                                <span class="inline-block">
                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="21" viewBox="0 0 20 21" fill="none">
                    <path d="M18.3333 8.52686L12.3416 8.0102L9.99996 2.49353L7.65829 8.01853L1.66663 8.52686L6.21663 12.4685L4.84996 18.3269L9.99996 15.2185L15.15 18.3269L13.7916 12.4685L18.3333 8.52686Z" fill="#EF672F"></path>
                </svg>
            </span>
                                <span class="inline-block">
                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="21" viewBox="0 0 20 21" fill="none">
                    <path d="M18.3333 8.52686L12.3416 8.0102L9.99996 2.49353L7.65829 8.01853L1.66663 8.52686L6.21663 12.4685L4.84996 18.3269L9.99996 15.2185L15.15 18.3269L13.7916 12.4685L18.3333 8.52686Z" fill="#EF672F"></path>
                </svg>
            </span>
                                <span class="inline-block">
                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="21" viewBox="0 0 20 21" fill="none">
                    <path d="M18.3333 8.52686L12.3416 8.0102L9.99996 2.49353L7.65829 8.01853L1.66663 8.52686L6.21663 12.4685L4.84996 18.3269L9.99996 15.2185L15.15 18.3269L13.7916 12.4685L18.3333 8.52686Z" fill="#EF672F"></path>
                </svg>
            </span>
                                            <span class="ml-1 inline-block text-sm font-bold">(5)</span>
                            </div>
                        </div>
                    </section>
                </a>
            </div>
                        <div class="overflow-hidden rounded bg-white shadow-[0px_4px_8px_rgba(0,0,0,0.12)]">
                <a dtr-evt="box lab gadget" dtr-sec="artikel lab gadget" dtr-act="artikel lab gadget" onclick="_pt(this)" dtr-idx="2" dtr-id="8161285" dtr-ttl="Samsung Galaxy Z Fold 7: Makin Tipis, Makin Matang, Makin Sulit Disaingi" 
                    href="https://inet.detik.com/lab-gadget/d-8161285/samsung-galaxy-z-fold-7-makin-tipis-makin-matang-makin-sulit-disaingi" class="block">
                    <section class="group font-montserrat relative flex items-center gap-4 data-[layout=vstack]:flex-col data-[layout=vstack]:items-start" data-layout="vstack">
                        <figure class="relative shrink-0 overflow-hidden group-data-[layout=vstack]:aspect-video group-data-[layout=vstack]:w-full aspect-4/3 w-full rounded-none">
                             <img src="https://awsimages.detik.net.id/community/media/visual/2025/07/11/samsung-galaxy-z-fold7-1752173272639_169.jpeg?w=250&q=90" alt="Samsung Galaxy Z Fold 7: Makin Tipis, Makin Matang, Makin Sulit Disaingi" title="Samsung Galaxy Z Fold 7: Makin Tipis, Makin Matang, Makin Sulit Disaingi" class="size-full object-cover transition-all duration-300 group-hover:scale-110" />                            <div class="absolute right-0 bottom-0">
                                <svg xmlns="http://www.w3.org/2000/svg" width="73" height="74" viewBox="0 0 73 74" fill="none">
                                    <g clip-path="url(#clip0_1333_39308)">
                                        <path d="M68.9662 73.3301H0L73 0.330078V69.2963C73 71.5286 71.1887 73.3301 68.9662 73.3301Z" fill="#562E75"></path>
                                        <path d="M64.766 64.7925C64.1589 63.4218 63.5421 62.0413 62.9253 60.6706C62.5435 59.8188 62.1616 58.967 61.7798 58.1152C65.3142 55.3738 67.5661 51.0561 67.478 46.2292C67.3311 38.5729 61.2315 32.248 53.5947 31.8466C45.1355 31.3962 38.1155 38.1519 38.1155 46.5132C38.1155 51.2323 40.3478 55.4326 43.8137 58.1152C43.6081 58.5754 43.4025 59.0356 43.1969 59.486C42.8248 60.3084 42.4724 61.1406 42.1003 61.963C41.6793 62.9029 41.2583 63.8428 40.8373 64.7828C40.7492 64.9786 40.6709 65.1744 40.6121 65.3702C40.5534 65.566 40.6807 65.7227 40.8765 65.7129C40.994 65.7129 41.1115 65.6737 41.2192 65.6346C42.394 65.1842 43.5689 64.7338 44.7536 64.2834C45.0669 64.1659 45.1844 64.2247 45.3019 64.538C45.7621 65.7325 46.2222 66.9269 46.6824 68.1214C46.7411 68.2879 46.8195 68.4445 47.0153 68.4543C47.2209 68.4641 47.2796 68.2879 47.3482 68.141C47.5734 67.6515 47.7986 67.1521 48.0237 66.6528C48.5035 65.5758 48.9734 64.4988 49.4532 63.4316C49.8154 62.6288 50.1679 61.8162 50.5302 61.0133C51.2743 61.1308 52.038 61.1895 52.8114 61.1895C53.5849 61.1895 54.3486 61.1308 55.0829 61.0133C55.1906 61.2581 55.2983 61.5126 55.4158 61.7574C55.8172 62.6582 56.2186 63.5491 56.62 64.4499C57.1781 65.7031 57.7362 66.9563 58.2943 68.2095C58.353 68.3466 58.4509 68.4739 58.6174 68.4641C58.7838 68.4641 58.8621 68.327 58.9209 68.1802C59.3908 66.9465 59.8608 65.7031 60.3405 64.4695C60.458 64.1562 60.6636 64.1464 61.0748 64.3911C61.8483 64.8415 62.6805 65.1646 63.5519 65.3408C63.924 65.4192 64.2862 65.6248 64.6778 65.7031C64.9422 65.7618 65.0793 65.6052 65.0009 65.3408C64.9422 65.1548 64.8639 64.9688 64.7855 64.7925H64.766ZM60.7713 55.834C58.9209 57.4103 56.6102 58.4579 54.0549 58.7125C53.6436 58.7516 53.2226 58.7712 52.8016 58.7712C52.3806 58.7712 51.9596 58.7516 51.5484 58.7125C48.993 58.4579 46.6824 57.4103 44.8319 55.834C42.0905 53.4842 40.3869 49.9595 40.5436 46.0334C40.7884 39.6009 46.0656 34.402 52.4981 34.2453C59.4104 34.0789 65.0695 39.6303 65.0695 46.5132C65.0695 50.2435 63.405 53.5821 60.7713 55.834Z" fill="white"></path>
                                        <path d="M54.838 42.9983C54.838 43.2039 54.5345 44.0949 53.9079 45.6908C52.8994 48.2951 52.3903 49.8518 52.3903 50.4001C52.3903 50.498 52.4295 50.5862 52.4882 50.6449C52.547 50.7036 52.6057 50.7428 52.6938 50.7624C52.7722 50.7428 52.8994 50.7036 53.0561 50.6449C54.3093 50.2924 55.2492 49.9498 55.8465 49.656C56.0912 49.5581 56.3752 49.3525 56.7178 49.0882C57.4619 48.442 58.069 47.6685 58.4998 46.7873C58.9208 45.916 59.1264 45.025 59.1264 44.1145C59.1264 42.7437 58.6858 41.608 57.8144 40.7366C56.9039 39.8457 55.7486 39.4051 54.3387 39.4051C52.9876 39.3855 51.7148 39.7478 50.5399 40.5017C49.3846 41.2458 48.4153 42.4011 47.632 43.9186C46.839 45.4362 46.4375 46.9734 46.4375 48.5301C46.4375 49.5581 46.6823 50.5568 47.1425 51.5065C47.4851 52.2114 48.053 52.7793 48.8363 53.2492C49.6293 53.6898 50.4713 53.915 51.4015 53.915C53.3792 53.915 55.4646 53.0436 57.6676 51.2813L58.0886 51.81C55.8465 53.8073 53.4184 54.806 50.814 54.806C48.895 54.806 47.397 54.2773 46.3298 53.2492C45.2626 52.2016 44.7144 50.7624 44.7144 48.9609C44.7144 47.1594 45.1843 45.4264 46.1144 43.8011C47.025 42.1661 48.2782 40.8443 49.8545 39.8946C51.4308 38.9449 53.0267 38.4554 54.6422 38.475C55.7975 38.4554 56.8843 38.7002 57.8732 39.1995C58.862 39.689 59.6159 40.3156 60.1348 41.0989C60.6439 41.8919 60.8985 42.6752 60.8985 43.5074C60.8985 44.7802 60.4775 46.053 59.6257 47.3258C58.7543 48.579 57.599 49.5679 56.1891 50.3218C56.0717 50.3805 55.9444 50.4393 55.8465 50.5078C53.761 51.4967 52.2728 52.0058 51.3133 52.0058C51.2938 52.0058 51.2742 52.0058 51.2546 52.0058C50.9119 52.0058 50.6476 51.9275 50.4615 51.7806C50.2559 51.6142 50.158 51.3988 50.158 51.1149C50.158 50.2043 50.863 47.9622 52.3022 44.418C52.3609 44.2319 52.4001 44.0949 52.4001 43.948C52.4001 43.8011 52.3218 43.7228 52.1553 43.7228C51.9693 43.7228 51.7539 43.7816 51.5092 43.9088C51.2644 44.0263 50.7161 44.418 49.8741 45.0446L49.2475 44.6627C50.1972 43.8501 51.0686 43.292 51.8518 42.9396C52.6449 42.5969 53.3107 42.4304 53.8785 42.4304C54.182 42.4109 54.4268 42.4696 54.5835 42.5675C54.7401 42.6654 54.8282 42.8123 54.8282 42.9885L54.838 42.9983Z" fill="white"></path>
                                        <path d="M55.2492 40.8149C55.2492 40.5702 55.1513 40.3743 54.9457 40.2275C54.7596 40.0904 54.5247 40.0023 54.2212 40.0219C53.8393 40.0023 53.4966 40.1198 53.2127 40.3646C52.9483 40.5897 52.8113 40.8541 52.8113 41.1968C52.8113 41.4415 52.9092 41.6374 53.0952 41.7842C53.2812 41.9213 53.5162 42.0094 53.8001 42.029C54.182 42.0094 54.5247 41.8919 54.8282 41.6667C55.1121 41.4024 55.2492 41.1184 55.2492 40.8149Z" fill="white"></path>
                                    </g>
                                    <defs>
                                        <clipPath id="clip0_1333_39308">
                                            <rect width="73" height="73" fill="white" transform="translate(0 0.330078)"></rect>
                                        </clipPath>
                                    </defs>
                                </svg>
                            </div>
                                                    </figure>
                        <div class="flex grow flex-col pb-4 px-3">
                                                            <strong class="line-clamp-2 text-xs text-purple-light-1 font-semibold">Lab Gadget detikINET</strong>
                                                        <strong class="group-hover:text-purple-light-1 font-normal text-black transition-all duration-300 text-lg leading-6 line-clamp-2">Samsung Galaxy Z Fold 7: Makin Tipis, Makin Matang, Makin Sulit Disaingi</strong>
                            <div class="mt-1 flex items-center">
                                                            <span class="inline-block">
                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="21" viewBox="0 0 20 21" fill="none">
                    <path d="M18.3333 8.52686L12.3416 8.0102L9.99996 2.49353L7.65829 8.01853L1.66663 8.52686L6.21663 12.4685L4.84996 18.3269L9.99996 15.2185L15.15 18.3269L13.7916 12.4685L18.3333 8.52686Z" fill="#EF672F"></path>
                </svg>
            </span>
                                <span class="inline-block">
                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="21" viewBox="0 0 20 21" fill="none">
                    <path d="M18.3333 8.52686L12.3416 8.0102L9.99996 2.49353L7.65829 8.01853L1.66663 8.52686L6.21663 12.4685L4.84996 18.3269L9.99996 15.2185L15.15 18.3269L13.7916 12.4685L18.3333 8.52686Z" fill="#EF672F"></path>
                </svg>
            </span>
                                <span class="inline-block">
                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="21" viewBox="0 0 20 21" fill="none">
                    <path d="M18.3333 8.52686L12.3416 8.0102L9.99996 2.49353L7.65829 8.01853L1.66663 8.52686L6.21663 12.4685L4.84996 18.3269L9.99996 15.2185L15.15 18.3269L13.7916 12.4685L18.3333 8.52686Z" fill="#EF672F"></path>
                </svg>
            </span>
                                <span class="inline-block">
                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="21" viewBox="0 0 20 21" fill="none">
                    <path d="M18.3333 8.52686L12.3416 8.0102L9.99996 2.49353L7.65829 8.01853L1.66663 8.52686L6.21663 12.4685L4.84996 18.3269L9.99996 15.2185L15.15 18.3269L13.7916 12.4685L18.3333 8.52686Z" fill="#EF672F"></path>
                </svg>
            </span>
                                <span class="inline-block">
                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="21" viewBox="0 0 20 21" fill="none">
                    <path d="M18.3333 8.52686L12.3416 8.0102L9.99996 2.49353L7.65829 8.01853L1.66663 8.52686L6.21663 12.4685L4.84996 18.3269L9.99996 15.2185L15.15 18.3269L13.7916 12.4685L18.3333 8.52686Z" fill="#EF672F"></path>
                </svg>
            </span>
                                            <span class="ml-1 inline-block text-sm font-bold">(5)</span>
                            </div>
                        </div>
                    </section>
                </a>
            </div>
                        <div class="overflow-hidden rounded bg-white shadow-[0px_4px_8px_rgba(0,0,0,0.12)]">
                <a dtr-evt="box lab gadget" dtr-sec="artikel lab gadget" dtr-act="artikel lab gadget" onclick="_pt(this)" dtr-idx="3" dtr-id="7939229" dtr-ttl="Realme 14 5G: HP Gaming yang Stabil Banget, No Lag No Heat" 
                    href="https://inet.detik.com/lab-gadget/d-7939229/realme-14-5g-hp-gaming-yang-stabil-banget-no-lag-no-heat" class="block">
                    <section class="group font-montserrat relative flex items-center gap-4 data-[layout=vstack]:flex-col data-[layout=vstack]:items-start" data-layout="vstack">
                        <figure class="relative shrink-0 overflow-hidden group-data-[layout=vstack]:aspect-video group-data-[layout=vstack]:w-full aspect-4/3 w-full rounded-none">
                             <img src="https://awsimages.detik.net.id/community/media/visual/2025/05/06/realme-14-5g-1746496142284_169.jpeg?w=250&q=90" alt="Realme 14 5G: HP Gaming yang Stabil Banget, No Lag No Heat" title="Realme 14 5G: HP Gaming yang Stabil Banget, No Lag No Heat" class="size-full object-cover transition-all duration-300 group-hover:scale-110" />                            <div class="absolute right-0 bottom-0">
                                <svg xmlns="http://www.w3.org/2000/svg" width="73" height="74" viewBox="0 0 73 74" fill="none">
                                    <g clip-path="url(#clip0_1333_39308)">
                                        <path d="M68.9662 73.3301H0L73 0.330078V69.2963C73 71.5286 71.1887 73.3301 68.9662 73.3301Z" fill="#562E75"></path>
                                        <path d="M64.766 64.7925C64.1589 63.4218 63.5421 62.0413 62.9253 60.6706C62.5435 59.8188 62.1616 58.967 61.7798 58.1152C65.3142 55.3738 67.5661 51.0561 67.478 46.2292C67.3311 38.5729 61.2315 32.248 53.5947 31.8466C45.1355 31.3962 38.1155 38.1519 38.1155 46.5132C38.1155 51.2323 40.3478 55.4326 43.8137 58.1152C43.6081 58.5754 43.4025 59.0356 43.1969 59.486C42.8248 60.3084 42.4724 61.1406 42.1003 61.963C41.6793 62.9029 41.2583 63.8428 40.8373 64.7828C40.7492 64.9786 40.6709 65.1744 40.6121 65.3702C40.5534 65.566 40.6807 65.7227 40.8765 65.7129C40.994 65.7129 41.1115 65.6737 41.2192 65.6346C42.394 65.1842 43.5689 64.7338 44.7536 64.2834C45.0669 64.1659 45.1844 64.2247 45.3019 64.538C45.7621 65.7325 46.2222 66.9269 46.6824 68.1214C46.7411 68.2879 46.8195 68.4445 47.0153 68.4543C47.2209 68.4641 47.2796 68.2879 47.3482 68.141C47.5734 67.6515 47.7986 67.1521 48.0237 66.6528C48.5035 65.5758 48.9734 64.4988 49.4532 63.4316C49.8154 62.6288 50.1679 61.8162 50.5302 61.0133C51.2743 61.1308 52.038 61.1895 52.8114 61.1895C53.5849 61.1895 54.3486 61.1308 55.0829 61.0133C55.1906 61.2581 55.2983 61.5126 55.4158 61.7574C55.8172 62.6582 56.2186 63.5491 56.62 64.4499C57.1781 65.7031 57.7362 66.9563 58.2943 68.2095C58.353 68.3466 58.4509 68.4739 58.6174 68.4641C58.7838 68.4641 58.8621 68.327 58.9209 68.1802C59.3908 66.9465 59.8608 65.7031 60.3405 64.4695C60.458 64.1562 60.6636 64.1464 61.0748 64.3911C61.8483 64.8415 62.6805 65.1646 63.5519 65.3408C63.924 65.4192 64.2862 65.6248 64.6778 65.7031C64.9422 65.7618 65.0793 65.6052 65.0009 65.3408C64.9422 65.1548 64.8639 64.9688 64.7855 64.7925H64.766ZM60.7713 55.834C58.9209 57.4103 56.6102 58.4579 54.0549 58.7125C53.6436 58.7516 53.2226 58.7712 52.8016 58.7712C52.3806 58.7712 51.9596 58.7516 51.5484 58.7125C48.993 58.4579 46.6824 57.4103 44.8319 55.834C42.0905 53.4842 40.3869 49.9595 40.5436 46.0334C40.7884 39.6009 46.0656 34.402 52.4981 34.2453C59.4104 34.0789 65.0695 39.6303 65.0695 46.5132C65.0695 50.2435 63.405 53.5821 60.7713 55.834Z" fill="white"></path>
                                        <path d="M54.838 42.9983C54.838 43.2039 54.5345 44.0949 53.9079 45.6908C52.8994 48.2951 52.3903 49.8518 52.3903 50.4001C52.3903 50.498 52.4295 50.5862 52.4882 50.6449C52.547 50.7036 52.6057 50.7428 52.6938 50.7624C52.7722 50.7428 52.8994 50.7036 53.0561 50.6449C54.3093 50.2924 55.2492 49.9498 55.8465 49.656C56.0912 49.5581 56.3752 49.3525 56.7178 49.0882C57.4619 48.442 58.069 47.6685 58.4998 46.7873C58.9208 45.916 59.1264 45.025 59.1264 44.1145C59.1264 42.7437 58.6858 41.608 57.8144 40.7366C56.9039 39.8457 55.7486 39.4051 54.3387 39.4051C52.9876 39.3855 51.7148 39.7478 50.5399 40.5017C49.3846 41.2458 48.4153 42.4011 47.632 43.9186C46.839 45.4362 46.4375 46.9734 46.4375 48.5301C46.4375 49.5581 46.6823 50.5568 47.1425 51.5065C47.4851 52.2114 48.053 52.7793 48.8363 53.2492C49.6293 53.6898 50.4713 53.915 51.4015 53.915C53.3792 53.915 55.4646 53.0436 57.6676 51.2813L58.0886 51.81C55.8465 53.8073 53.4184 54.806 50.814 54.806C48.895 54.806 47.397 54.2773 46.3298 53.2492C45.2626 52.2016 44.7144 50.7624 44.7144 48.9609C44.7144 47.1594 45.1843 45.4264 46.1144 43.8011C47.025 42.1661 48.2782 40.8443 49.8545 39.8946C51.4308 38.9449 53.0267 38.4554 54.6422 38.475C55.7975 38.4554 56.8843 38.7002 57.8732 39.1995C58.862 39.689 59.6159 40.3156 60.1348 41.0989C60.6439 41.8919 60.8985 42.6752 60.8985 43.5074C60.8985 44.7802 60.4775 46.053 59.6257 47.3258C58.7543 48.579 57.599 49.5679 56.1891 50.3218C56.0717 50.3805 55.9444 50.4393 55.8465 50.5078C53.761 51.4967 52.2728 52.0058 51.3133 52.0058C51.2938 52.0058 51.2742 52.0058 51.2546 52.0058C50.9119 52.0058 50.6476 51.9275 50.4615 51.7806C50.2559 51.6142 50.158 51.3988 50.158 51.1149C50.158 50.2043 50.863 47.9622 52.3022 44.418C52.3609 44.2319 52.4001 44.0949 52.4001 43.948C52.4001 43.8011 52.3218 43.7228 52.1553 43.7228C51.9693 43.7228 51.7539 43.7816 51.5092 43.9088C51.2644 44.0263 50.7161 44.418 49.8741 45.0446L49.2475 44.6627C50.1972 43.8501 51.0686 43.292 51.8518 42.9396C52.6449 42.5969 53.3107 42.4304 53.8785 42.4304C54.182 42.4109 54.4268 42.4696 54.5835 42.5675C54.7401 42.6654 54.8282 42.8123 54.8282 42.9885L54.838 42.9983Z" fill="white"></path>
                                        <path d="M55.2492 40.8149C55.2492 40.5702 55.1513 40.3743 54.9457 40.2275C54.7596 40.0904 54.5247 40.0023 54.2212 40.0219C53.8393 40.0023 53.4966 40.1198 53.2127 40.3646C52.9483 40.5897 52.8113 40.8541 52.8113 41.1968C52.8113 41.4415 52.9092 41.6374 53.0952 41.7842C53.2812 41.9213 53.5162 42.0094 53.8001 42.029C54.182 42.0094 54.5247 41.8919 54.8282 41.6667C55.1121 41.4024 55.2492 41.1184 55.2492 40.8149Z" fill="white"></path>
                                    </g>
                                    <defs>
                                        <clipPath id="clip0_1333_39308">
                                            <rect width="73" height="73" fill="white" transform="translate(0 0.330078)"></rect>
                                        </clipPath>
                                    </defs>
                                </svg>
                            </div>
                                                    </figure>
                        <div class="flex grow flex-col pb-4 px-3">
                                                            <strong class="line-clamp-2 text-xs text-purple-light-1 font-semibold">Lab Gadget detikINET</strong>
                                                        <strong class="group-hover:text-purple-light-1 font-normal text-black transition-all duration-300 text-lg leading-6 line-clamp-2">Realme 14 5G: HP Gaming yang Stabil Banget, No Lag No Heat</strong>
                            <div class="mt-1 flex items-center">
                                                            <span class="inline-block">
                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="21" viewBox="0 0 20 21" fill="none">
                    <path d="M18.3333 8.52686L12.3416 8.0102L9.99996 2.49353L7.65829 8.01853L1.66663 8.52686L6.21663 12.4685L4.84996 18.3269L9.99996 15.2185L15.15 18.3269L13.7916 12.4685L18.3333 8.52686Z" fill="#EF672F"></path>
                </svg>
            </span>
                                <span class="inline-block">
                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="21" viewBox="0 0 20 21" fill="none">
                    <path d="M18.3333 8.52686L12.3416 8.0102L9.99996 2.49353L7.65829 8.01853L1.66663 8.52686L6.21663 12.4685L4.84996 18.3269L9.99996 15.2185L15.15 18.3269L13.7916 12.4685L18.3333 8.52686Z" fill="#EF672F"></path>
                </svg>
            </span>
                                <span class="inline-block">
                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="21" viewBox="0 0 20 21" fill="none">
                    <path d="M18.3333 8.52686L12.3416 8.0102L9.99996 2.49353L7.65829 8.01853L1.66663 8.52686L6.21663 12.4685L4.84996 18.3269L9.99996 15.2185L15.15 18.3269L13.7916 12.4685L18.3333 8.52686Z" fill="#EF672F"></path>
                </svg>
            </span>
                                <span class="inline-block">
                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="21" viewBox="0 0 20 21" fill="none">
                    <path d="M18.3333 8.52686L12.3416 8.0102L9.99996 2.49353L7.65829 8.01853L1.66663 8.52686L6.21663 12.4685L4.84996 18.3269L9.99996 15.2185L15.15 18.3269L13.7916 12.4685L18.3333 8.52686Z" fill="#EF672F"></path>
                </svg>
            </span>
                                <span class="inline-block">
                <svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M18.3333 8.52686L12.3416 8.0102L9.99996 2.49353L7.65829 8.01853L1.66663 8.52686L6.21663 12.4685L4.84996 18.3269L9.99996 15.2185L15.15 18.3269L13.7916 12.4685L18.3333 8.52686ZM9.99996 13.6602L6.86663 15.5519L7.69996 11.9852L4.93329 9.5852L8.58329 9.26853L9.99996 5.9102L11.425 9.27686L15.075 9.59353L12.3083 11.9935L13.1416 15.5602L9.99996 13.6602Z" fill="#EF672F"></path>
                </svg>
            </span>
                                            <span class="ml-1 inline-block text-sm font-bold">(4)</span>
                            </div>
                        </div>
                    </section>
                </a>
            </div>
                    </div>
    </div>
</div>    </div>

    <div class="box py-5 px-5 bg-white gotm-style:bg-black grid grid-cols-[minmax(0,_1fr)_340px] gap-6 pt-5 w-[68rem]">
        <div>
            <!-- S:center3 --> <!-- E:center3 -->            <div d-widget="tech_news" d-locals="120"></div>
        </div>
        <div class="flex flex-col gap-5">
            <div style="position: sticky; top: 65px; display: flex;flex-direction: column; gap: 20px;">
                <!-- S:mediumrectangle5 --> <!-- E:mediumrectangle5 -->                <!-- S:mediumrectangle6 -->  <!-- E:mediumrectangle6 -->            </div>
        </div>
    </div>

    <div class="box bg-white gotm-style:bg-black full-content px-0 py-0">
        <div class="border-purple-light-1 bg-grey-light-5 border-t py-[30px]">
    <div class="container w-[66rem] max-w-none">
        <div class="mb-6 flex items-center justify-between">
            <h3 class="font-blinker flex items-center gap-2 text-[32px] font-semibold">
                <img class="h-[30px] w-[30px]" src="https://awscdn.detik.net.id/inet3/images/most-pop-icon.webp?v=202605081747" alt="">
                <span class="text-[#AA248C]">Most</span> Popular
            </h3>
            <a dtr-evt="box artikel terpopuler" dtr-sec="lihatselengkapnya" dtr-act="lihat selengkapnya" onclick="_pt(this)"                href="https://www.detik.com/terpopuler/inet" class="text-purple-light-1 inline-flex items-center gap-2 font-semibold">
                More 
                <svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M7.47325 11.24C7.2428 11.4799 6.9465 11.4799 6.71605 11.24C6.51852 11.0345 6.51852 10.6918 6.71605 10.4862L10.2058 6.88851H0.526749C0.230453 6.88851 0 6.68293 0 6.34029C0 6.03191 0.230453 5.82633 0.526749 5.82633H10.2058L6.74897 2.22861C6.55144 2.02303 6.55144 1.68039 6.74897 1.47481C6.97942 1.23496 7.27572 1.23496 7.50617 1.47481L11.8519 5.99765C12.0494 6.20323 12.0494 6.54587 11.8519 6.75146L7.47325 11.24Z" fill="#562B77"></path>
                </svg>
            </a>
        </div>
        <div class="grid grid-cols-5 gap-6">
            
                        <a dtr-evt="box artikel terpopuler" dtr-sec="" dtr-act="terpopuler" onclick="_pt(this)" dtr-idx="1" dtr-id="8480306" dtr-ttl="Elon Musk Tak Ada Lawan, Cuma Perempuan Ini yang Bikin Dia Jiper" 
                href="https://inet.detik.com/cyberlife/d-8480306/elon-musk-tak-ada-lawan-cuma-perempuan-ini-yang-bikin-dia-jiper" 
                class="block">
                <section class="group font-montserrat relative flex items-center gap-4 data-[layout=vstack]:flex-col data-[layout=vstack]:items-start" data-layout="vstack">
                    <figure class="relative shrink-0 overflow-hidden rounded group-data-[layout=vstack]:aspect-video group-data-[layout=vstack]:w-full aspect-4/3 w-full">
                         <img src="https://awsimages.detik.net.id/community/media/visual/2026/05/06/menu-sarapan-elon-musk-1778056574042_169.jpeg?w=250&q=90" alt="Elon Musk Tak Ada Lawan, Cuma Perempuan Ini yang Bikin Dia Jiper" title="Elon Musk Tak Ada Lawan, Cuma Perempuan Ini yang Bikin Dia Jiper" class="size-full object-cover transition-all duration-300 group-hover:scale-110" />                    </figure>
                    <div class="flex grow flex-col">
                        <div class="flex gap-2.5">
                            <span class="text-purple-light-1 inline-block font-semibold">
                                1                            </span>
                            <strong class="group-hover:text-purple-light-1 font-normal text-black transition-all duration-300 text-sm line-clamp-4">
                                Elon Musk Tak Ada Lawan, Cuma Perempuan Ini yang Bikin Dia Jiper                            </strong>
                        </div>
                    </div>
                </section>
            </a>
                        <a dtr-evt="box artikel terpopuler" dtr-sec="" dtr-act="terpopuler" onclick="_pt(this)" dtr-idx="2" dtr-id="8480375" dtr-ttl="Tanpa Disadari, Kepala Manusia Berubah Bentuk Secara Drastis" 
                href="https://inet.detik.com/science/d-8480375/tanpa-disadari-kepala-manusia-berubah-bentuk-secara-drastis" 
                class="block">
                <section class="group font-montserrat relative flex items-center gap-4 data-[layout=vstack]:flex-col data-[layout=vstack]:items-start" data-layout="vstack">
                    <figure class="relative shrink-0 overflow-hidden rounded group-data-[layout=vstack]:aspect-video group-data-[layout=vstack]:w-full aspect-4/3 w-full">
                         <img src="https://awsimages.detik.net.id/community/media/visual/2018/03/28/915c9173-b2d3-461b-882b-79b6576c3687_169.jpeg?w=250&q=90" alt="Tanpa Disadari, Kepala Manusia Berubah Bentuk Secara Drastis" title="Tanpa Disadari, Kepala Manusia Berubah Bentuk Secara Drastis" class="size-full object-cover transition-all duration-300 group-hover:scale-110" />                    </figure>
                    <div class="flex grow flex-col">
                        <div class="flex gap-2.5">
                            <span class="text-purple-light-1 inline-block font-semibold">
                                2                            </span>
                            <strong class="group-hover:text-purple-light-1 font-normal text-black transition-all duration-300 text-sm line-clamp-4">
                                Tanpa Disadari, Kepala Manusia Berubah Bentuk Secara Drastis                            </strong>
                        </div>
                    </div>
                </section>
            </a>
                        <a dtr-evt="box artikel terpopuler" dtr-sec="" dtr-act="terpopuler" onclick="_pt(this)" dtr-idx="3" dtr-id="8480236" dtr-ttl="Bukan Bosscha, Indonesia Segera Miliki Observatorium Terbaik Asia" 
                href="https://inet.detik.com/science/d-8480236/bukan-bosscha-indonesia-segera-miliki-observatorium-terbaik-asia" 
                class="block">
                <section class="group font-montserrat relative flex items-center gap-4 data-[layout=vstack]:flex-col data-[layout=vstack]:items-start" data-layout="vstack">
                    <figure class="relative shrink-0 overflow-hidden rounded group-data-[layout=vstack]:aspect-video group-data-[layout=vstack]:w-full aspect-4/3 w-full">
                         <img src="https://awsimages.detik.net.id/community/media/visual/2024/02/05/observatorium-nasional-timau-di-desa-bitobe-kecamatan-amfoang-tengah-kabupaten-kupang-nusa-tenggara-timur-ntt-minggu-422024-yu-2_169.jpeg?w=250&q=90" alt="Bukan Bosscha, Indonesia Segera Miliki Observatorium Terbaik Asia" title="Bukan Bosscha, Indonesia Segera Miliki Observatorium Terbaik Asia" class="size-full object-cover transition-all duration-300 group-hover:scale-110" />                    </figure>
                    <div class="flex grow flex-col">
                        <div class="flex gap-2.5">
                            <span class="text-purple-light-1 inline-block font-semibold">
                                3                            </span>
                            <strong class="group-hover:text-purple-light-1 font-normal text-black transition-all duration-300 text-sm line-clamp-4">
                                Bukan Bosscha, Indonesia Segera Miliki Observatorium Terbaik Asia                            </strong>
                        </div>
                    </div>
                </section>
            </a>
                        <a dtr-evt="box artikel terpopuler" dtr-sec="" dtr-act="terpopuler" onclick="_pt(this)" dtr-idx="4" dtr-id="8478968" dtr-ttl="Xiaomi Tawarkan Program Upgrade Baterai HP Lawas, Tapi..." 
                href="https://inet.detik.com/consumer/d-8478968/xiaomi-tawarkan-program-upgrade-baterai-hp-lawas-tapi" 
                class="block">
                <section class="group font-montserrat relative flex items-center gap-4 data-[layout=vstack]:flex-col data-[layout=vstack]:items-start" data-layout="vstack">
                    <figure class="relative shrink-0 overflow-hidden rounded group-data-[layout=vstack]:aspect-video group-data-[layout=vstack]:w-full aspect-4/3 w-full">
                         <img src="https://awsimages.detik.net.id/community/media/visual/2022/12/13/xiaomi-13-pro-6_169.jpeg?w=250&q=90" alt="Xiaomi Tawarkan Program Upgrade Baterai HP Lawas, Tapi..." title="Xiaomi Tawarkan Program Upgrade Baterai HP Lawas, Tapi..." class="size-full object-cover transition-all duration-300 group-hover:scale-110" />                    </figure>
                    <div class="flex grow flex-col">
                        <div class="flex gap-2.5">
                            <span class="text-purple-light-1 inline-block font-semibold">
                                4                            </span>
                            <strong class="group-hover:text-purple-light-1 font-normal text-black transition-all duration-300 text-sm line-clamp-4">
                                Xiaomi Tawarkan Program Upgrade Baterai HP Lawas, Tapi...                            </strong>
                        </div>
                    </div>
                </section>
            </a>
                        <a dtr-evt="box artikel terpopuler" dtr-sec="" dtr-act="terpopuler" onclick="_pt(this)" dtr-idx="5" dtr-id="8480023" dtr-ttl="Turki Pamer Rudal Antarbenua, Pakar: Untuk Peringatkan Israel" 
                href="https://inet.detik.com/cyberlife/d-8480023/turki-pamer-rudal-antarbenua-pakar-untuk-peringatkan-israel" 
                class="block">
                <section class="group font-montserrat relative flex items-center gap-4 data-[layout=vstack]:flex-col data-[layout=vstack]:items-start" data-layout="vstack">
                    <figure class="relative shrink-0 overflow-hidden rounded group-data-[layout=vstack]:aspect-video group-data-[layout=vstack]:w-full aspect-4/3 w-full">
                         <img src="https://awsimages.detik.net.id/community/media/visual/2026/05/08/rudal-turki-1778208726590_169.png?w=250&q=90" alt="Turki Pamer Rudal Antarbenua, Pakar: Untuk Peringatkan Israel" title="Turki Pamer Rudal Antarbenua, Pakar: Untuk Peringatkan Israel" class="size-full object-cover transition-all duration-300 group-hover:scale-110" />                    </figure>
                    <div class="flex grow flex-col">
                        <div class="flex gap-2.5">
                            <span class="text-purple-light-1 inline-block font-semibold">
                                5                            </span>
                            <strong class="group-hover:text-purple-light-1 font-normal text-black transition-all duration-300 text-sm line-clamp-4">
                                Turki Pamer Rudal Antarbenua, Pakar: Untuk Peringatkan Israel                            </strong>
                        </div>
                    </div>
                </section>
            </a>
            
        </div>
    </div>
</div>    </div>
    
    <div class="box py-5 px-5 bg-white gotm-style:bg-black w-[68rem]">
    <div class="border-black-light-4 border-b pb-[30px]">
        <div class="container">
            <div class="mb-6 flex items-center justify-between">
                <h3 class="font-blinker flex items-center gap-2 text-[32px] font-semibold">
                    <img class="h-[30px] w-[30px]" src="https://awscdn.detik.net.id/inet3/images/telco-icon.webp?v=202605081747" alt="">
                    <span class="text-[#AA248C]">Telco</span> &amp; Policy
                </h3>
                
            </div>
            <div class="grid w-full place-content-center">
                <div class="relative w-full">
                    <div x-ref="tabButtons" class="relative mb-6 inline-grid h-10 w-full grid-cols-3 items-center justify-center select-none">
                        <button onclick="tabContentActive('business'); _pt(this)" 
                            dtr-evt="box telco & policy" dtr-sec="tabbing" dtr-act="tab business" onclick="_pt(this)" type="button" class="border-black-light-4 relative z-20 inline-flex h-8 w-full cursor-pointer items-center justify-center border-b px-3 text-base font-semibold whitespace-nowrap transition-all border-purple-light-1 text-purple-light-1">Business</button>
                        <button onclick="tabContentActive('lawPolicy'); _pt(this)" 
                            dtr-evt="box telco & policy" dtr-sec="tabbing" dtr-act="tab law & policy" onclick="_pt(this)" type="button" class="border-black-light-4 relative z-20 inline-flex h-8 w-full cursor-pointer items-center justify-center border-b px-3 text-base font-semibold whitespace-nowrap transition-all" id="tabs-1-2">Law &amp; Policy</button>
                        <button onclick="tabContentActive('telco'); _pt(this)"
                            dtr-evt="box telco & policy" dtr-sec="tabbing" dtr-act="tab telecomunication" onclick="_pt(this)" type="button" class="border-black-light-4 relative z-20 inline-flex h-8 w-full cursor-pointer items-center justify-center border-b px-3 text-base font-semibold whitespace-nowrap transition-all" id="tabs-1-3">Telecommunication</button>
                        <div x-ref="tabMarker" class="border-purple-light-2 absolute left-0 z-10 h-full w-1/2 border-b duration-300 ease-out" style="width: 349px; height: 32px; left: 0px;"></div>
                    </div>
                    <div class="itp__telcoPolicyContent content relative mt-2 flex w-full items-center justify-center">
                        <div class="relative" id="business">
                            <div d-widget="telco_policy"></div>
                        </div>
                        <div class="relative" id="lawPolicy" style="display: none;"></div>
                        <div class="relative" id="telco" style="display: none;"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
    function tabContentActive (channel) {
        const container = $('.itp__telcoPolicyContent')
        const contentSelector = container.find(`#${channel}`)

        const ev = window.event || event

        $(ev.currentTarget).siblings().removeClass('border-purple-light-1 text-purple-light-1')
        $(ev.currentTarget).addClass('border-purple-light-1 text-purple-light-1')

        container.children().hide()
        contentSelector.show()

        if (contentSelector.children().length) {
            return
        }

        const el = `<div d-widget="telco_policy" d-params="${channel}"></div>`

        var html = $.parseHTML(el);
        contentSelector.append(html);
        dWidget.init($(html));
    }
</script>
    <div class="box py-5 px-5 bg-white gotm-style:bg-black grid grid-cols-[minmax(0,_1fr)_340px] gap-6">
        <div>
            <div d-widget="games_esport" d-locals="120"></div>
            
            <!-- S:parallax2 --> <!-- E:parallax2 -->        </div>
        <div>
            <div class="sticky top-[65px]">
                <div d-widget="tech_tips" d-locals="120"></div>
            </div>
        </div>
    </div>

    <div class="box bg-white gotm-style:bg-black full-content px-0 py-0">
        <div d-widget="tech_enthusiast" d-locals="120"></div>
    </div>

    <div class="box py-5 px-5 bg-white gotm-style:bg-black pt-5">
        <div class="gradient-kanal p-5">
    <div class="mb-6">
        <h3 class="flex items-center gap-2 text-[32px] font-semibold text-white font-blinker">
            <img class="h-[30px] w-[30px]" src="https://awscdn.detik.net.id/inet3/images/topic-icon.webp?v=202605081747" alt="">
            Popular Topic
        </h3>
    </div>
    <div class="flex flex-wrap gap-4">
                <a dtr-evt="box tag populer" dtr-sec="" dtr-act="tag" onclick="_pt(this)" dtr-idx="1" dtr-ttl="asus expertbook ultra" 
            href="https://www.detik.com/tag/asus-expertbook-ultra"
            class="bg-yellow-yellow inline-block px-4 py-2 text-sm font-semibold text-black">#asus expertbook ultra</a>
                <a dtr-evt="box tag populer" dtr-sec="" dtr-act="tag" onclick="_pt(this)" dtr-idx="2" dtr-ttl="realme c100i" 
            href="https://www.detik.com/tag/realme-c100i"
            class="bg-yellow-yellow inline-block px-4 py-2 text-sm font-semibold text-black">#realme c100i</a>
                <a dtr-evt="box tag populer" dtr-sec="" dtr-act="tag" onclick="_pt(this)" dtr-idx="3" dtr-ttl="realme c100" 
            href="https://www.detik.com/tag/realme-c100"
            class="bg-yellow-yellow inline-block px-4 py-2 text-sm font-semibold text-black">#realme c100</a>
                <a dtr-evt="box tag populer" dtr-sec="" dtr-act="tag" onclick="_pt(this)" dtr-idx="4" dtr-ttl="galaxy s26" 
            href="https://www.detik.com/tag/galaxy-s26"
            class="bg-yellow-yellow inline-block px-4 py-2 text-sm font-semibold text-black">#galaxy s26</a>
                <a dtr-evt="box tag populer" dtr-sec="" dtr-act="tag" onclick="_pt(this)" dtr-idx="5" dtr-ttl="perang iran" 
            href="https://www.detik.com/tag/perang-iran"
            class="bg-yellow-yellow inline-block px-4 py-2 text-sm font-semibold text-black">#perang iran</a>
            </div>
</div>    </div>

    <div class="box py-5 px-5 bg-white gotm-style:bg-black grid grid-cols-[minmax(0,_1fr)_340px] gap-6 flex">
        <div>
            <div d-widget="photo_gallery" d-locals="120" d-params="||5"></div>
        </div>
        <div>
            <div d-widget="infografis" d-locals="120"></div>
        </div>
    </div>
    
    <div class="box py-5 px-5 bg-white gotm-style:bg-black mb-0">
        <div d-widget="video_gallery" d-locals="120" d-params="9"></div>
    </div>

    <div class="box py-5 px-5 bg-white gotm-style:bg-black grid grid-cols-[minmax(0,_1fr)_340px] gap-6 w-[68rem]">
        <div>
            <!-- News Feed -->
            <div class="mb-6">
                <h3 class="font-blinker flex items-center gap-2 text-[32px] font-semibold">
                    <img class="h-[30px] w-[30px]" src="https://awscdn.detik.net.id/inet3/images/news-feed-icon.webp?v=202605081747" alt="">
                    <span class="text-[#AA248C]">News</span> Feed
                </h3>
            </div>
            
            <div class="grid-cols mb-6 grid gap-6">
                                                
            <a i-loop='3'
    i-img='https://awsimages.detik.net.id/community/media/visual/2024/02/05/observatorium-nasional-timau-di-desa-bitobe-kecamatan-amfoang-tengah-kabupaten-kupang-nusa-tenggara-timur-ntt-minggu-422024-yu-2_169.jpeg'
    i-info='<span d-time="1778224855" title="Jumat, 08 Mei  2026 14:20 WIB">3 jam yang lalu</span>'
    i-link='https://inet.detik.com/science/d-8480236/bukan-bosscha-indonesia-segera-miliki-observatorium-terbaik-asia'
    i-img-qs='?w=250&q=90'
    i-type='artikel 4'
    i-img-ratio='43'
    i-dtre="true" 
    class="ph_newsfeed_d article_inview block"
    dtr-evt="newsfeed" dtr-sec="artikel" dtr-act="artikel" onclick="_pt(this)" dtr-idx="4" dtr-id="8480236" dtr-ttl="Bukan Bosscha, Indonesia Segera Miliki Observatorium Terbaik Asia"    href="https://inet.detik.com/science/d-8480236/bukan-bosscha-indonesia-segera-miliki-observatorium-terbaik-asia"
    >
    <section d-append-class="block-link" class="group font-montserrat relative flex items-center gap-4 data-[layout=vstack]:flex-col data-[layout=vstack]:items-start" data-layout="hstack">
        
        <figure d-append-class="lqd" class="relative shrink-0 overflow-hidden rounded group-data-[layout=vstack]:aspect-video group-data-[layout=vstack]:w-full aspect-4/3 w-[215px]">
                
                
                
                         <img src="https://awsimages.detik.net.id/community/media/visual/2024/02/05/observatorium-nasional-timau-di-desa-bitobe-kecamatan-amfoang-tengah-kabupaten-kupang-nusa-tenggara-timur-ntt-minggu-422024-yu-2_43.jpeg?w=250&q=90" alt="Bukan Bosscha, Indonesia Segera Miliki Observatorium Terbaik Asia" title="Bukan Bosscha, Indonesia Segera Miliki Observatorium Terbaik Asia" class="size-full object-cover transition-all duration-300 group-hover:scale-110" />        </figure>
        <div class="flex grow flex-col">
                        <strong class="group-hover:text-purple-light-1 line-clamp-3 font-normal transition-all duration-300 text-black text-lg">Bukan Bosscha, Indonesia Segera Miliki Observatorium Terbaik Asia</strong>
        </div>
    </section>
</a>
                                
            <a i-loop='4'
    i-img='https://awsimages.detik.net.id/community/media/visual/2025/10/24/samsung-tv-1761300993345_169.jpeg'
    i-info='<span d-time="1778223014" title="Jumat, 08 Mei  2026 13:50 WIB">3 jam yang lalu</span>'
    i-link='https://inet.detik.com/business/d-8480145/samsung-setop-jualan-tv-di-china-ada-apa'
    i-img-qs='?w=250&q=90'
    i-type='artikel 5'
    i-img-ratio='43'
    i-dtre="true" 
    class="ph_newsfeed_d article_inview block"
    dtr-evt="newsfeed" dtr-sec="artikel" dtr-act="artikel" onclick="_pt(this)" dtr-idx="5" dtr-id="8480145" dtr-ttl="Samsung Setop Jualan TV di China, Ada Apa?"    href="https://inet.detik.com/business/d-8480145/samsung-setop-jualan-tv-di-china-ada-apa"
    >
    <section d-append-class="block-link" class="group font-montserrat relative flex items-center gap-4 data-[layout=vstack]:flex-col data-[layout=vstack]:items-start" data-layout="hstack">
        
        <figure d-append-class="lqd" class="relative shrink-0 overflow-hidden rounded group-data-[layout=vstack]:aspect-video group-data-[layout=vstack]:w-full aspect-4/3 w-[215px]">
                
                
                
                         <img src="https://awsimages.detik.net.id/community/media/visual/2025/10/24/samsung-tv-1761300993345_43.jpeg?w=250&q=90" alt="Samsung Setop Jualan TV di China, Ada Apa?" title="Samsung Setop Jualan TV di China, Ada Apa?" class="size-full object-cover transition-all duration-300 group-hover:scale-110" />        </figure>
        <div class="flex grow flex-col">
                        <strong class="group-hover:text-purple-light-1 line-clamp-3 font-normal transition-all duration-300 text-black text-lg">Samsung Setop Jualan TV di China, Ada Apa?</strong>
        </div>
    </section>
</a>
                                
            <a i-loop='5'
    i-img='https://awsimages.detik.net.id/community/media/visual/2022/12/13/xiaomi-13-pro-6_169.jpeg'
    i-info='<span d-time="1778221238" title="Jumat, 08 Mei  2026 13:20 WIB">4 jam yang lalu</span>'
    i-link='https://inet.detik.com/consumer/d-8478968/xiaomi-tawarkan-program-upgrade-baterai-hp-lawas-tapi'
    i-img-qs='?w=250&q=90'
    i-type='artikel 6'
    i-img-ratio='43'
    i-dtre="true" 
    class="ph_newsfeed_d article_inview block"
    dtr-evt="newsfeed" dtr-sec="artikel" dtr-act="artikel" onclick="_pt(this)" dtr-idx="6" dtr-id="8478968" dtr-ttl="Xiaomi Tawarkan Program Upgrade Baterai HP Lawas, Tapi..."    href="https://inet.detik.com/consumer/d-8478968/xiaomi-tawarkan-program-upgrade-baterai-hp-lawas-tapi"
    >
    <section d-append-class="block-link" class="group font-montserrat relative flex items-center gap-4 data-[layout=vstack]:flex-col data-[layout=vstack]:items-start" data-layout="hstack">
        
        <figure d-append-class="lqd" class="relative shrink-0 overflow-hidden rounded group-data-[layout=vstack]:aspect-video group-data-[layout=vstack]:w-full aspect-4/3 w-[215px]">
                
                
                
                         <img src="https://awsimages.detik.net.id/community/media/visual/2022/12/13/xiaomi-13-pro-6_43.jpeg?w=250&q=90" alt="Xiaomi Tawarkan Program Upgrade Baterai HP Lawas, Tapi..." title="Xiaomi Tawarkan Program Upgrade Baterai HP Lawas, Tapi..." class="size-full object-cover transition-all duration-300 group-hover:scale-110" />        </figure>
        <div class="flex grow flex-col">
                        <strong class="group-hover:text-purple-light-1 line-clamp-3 font-normal transition-all duration-300 text-black text-lg">Xiaomi Tawarkan Program Upgrade Baterai HP Lawas, Tapi...</strong>
        </div>
    </section>
</a>
                                
            <a i-loop='6'
    i-img='https://awsimages.detik.net.id/community/media/visual/2026/05/08/rudal-turki-1778208726590.png'
    i-info='<span d-time="1778219410" title="Jumat, 08 Mei  2026 12:50 WIB">4 jam yang lalu</span>'
    i-link='https://inet.detik.com/cyberlife/d-8480023/turki-pamer-rudal-antarbenua-pakar-untuk-peringatkan-israel'
    i-img-qs='?w=250&q=90'
    i-type='artikel 7'
    i-img-ratio='43'
    i-dtre="true" 
    class="ph_newsfeed_d article_inview block"
    dtr-evt="newsfeed" dtr-sec="artikel" dtr-act="artikel" onclick="_pt(this)" dtr-idx="7" dtr-id="8480023" dtr-ttl="Turki Pamer Rudal Antarbenua, Pakar: Untuk Peringatkan Israel"    href="https://inet.detik.com/cyberlife/d-8480023/turki-pamer-rudal-antarbenua-pakar-untuk-peringatkan-israel"
    >
    <section d-append-class="block-link" class="group font-montserrat relative flex items-center gap-4 data-[layout=vstack]:flex-col data-[layout=vstack]:items-start" data-layout="hstack">
        
        <figure d-append-class="lqd" class="relative shrink-0 overflow-hidden rounded group-data-[layout=vstack]:aspect-video group-data-[layout=vstack]:w-full aspect-4/3 w-[215px]">
                
                
                
                         <img src="https://awsimages.detik.net.id/community/media/visual/2026/05/08/rudal-turki-1778208726590_43.png?w=250&q=90" alt="Turki Pamer Rudal Antarbenua, Pakar: Untuk Peringatkan Israel" title="Turki Pamer Rudal Antarbenua, Pakar: Untuk Peringatkan Israel" class="size-full object-cover transition-all duration-300 group-hover:scale-110" />        </figure>
        <div class="flex grow flex-col">
                        <strong class="group-hover:text-purple-light-1 line-clamp-3 font-normal transition-all duration-300 text-black text-lg">Turki Pamer Rudal Antarbenua, Pakar: Untuk Peringatkan Israel</strong>
        </div>
    </section>
</a>
                                
            <a i-loop='7'
    i-img='https://awsimages.detik.net.id/community/media/visual/2026/04/26/jadwal-mpl-id-s17-week-5-hari-ini-geek-fam-vs-onic-1777170219346_169.jpeg'
    i-info='<span d-time="1778217613" title="Jumat, 08 Mei  2026 12:20 WIB">5 jam yang lalu</span>'
    i-link='https://inet.detik.com/esport/d-8479949/jadwal-mpl-id-s17-week-7-hari-ini-geek-fam-vs-dewa-united-esports'
    i-img-qs='?w=250&q=90'
    i-type='artikel 8'
    i-img-ratio='43'
    i-dtre="true" 
    class="ph_newsfeed_d article_inview block"
    dtr-evt="newsfeed" dtr-sec="artikel" dtr-act="artikel" onclick="_pt(this)" dtr-idx="8" dtr-id="8479949" dtr-ttl="Jadwal MPL ID S17 Week 7 Hari Ini: Geek Fam Vs Dewa United Esports"    href="https://inet.detik.com/esport/d-8479949/jadwal-mpl-id-s17-week-7-hari-ini-geek-fam-vs-dewa-united-esports"
    >
    <section d-append-class="block-link" class="group font-montserrat relative flex items-center gap-4 data-[layout=vstack]:flex-col data-[layout=vstack]:items-start" data-layout="hstack">
        
        <figure d-append-class="lqd" class="relative shrink-0 overflow-hidden rounded group-data-[layout=vstack]:aspect-video group-data-[layout=vstack]:w-full aspect-4/3 w-[215px]">
                
                
                
                         <img src="https://awsimages.detik.net.id/community/media/visual/2026/04/26/jadwal-mpl-id-s17-week-5-hari-ini-geek-fam-vs-onic-1777170219346_43.jpeg?w=250&q=90" alt="Jadwal MPL ID S17 Week 7 Hari Ini: Geek Fam Vs Dewa United Esports" title="Jadwal MPL ID S17 Week 7 Hari Ini: Geek Fam Vs Dewa United Esports" class="size-full object-cover transition-all duration-300 group-hover:scale-110" />        </figure>
        <div class="flex grow flex-col">
                        <strong class="group-hover:text-purple-light-1 line-clamp-3 font-normal transition-all duration-300 text-black text-lg">Jadwal MPL ID S17 Week 7 Hari Ini: Geek Fam Vs Dewa United Esports</strong>
        </div>
    </section>
</a>
                                
            <a i-loop='8'
    i-img='https://awsimages.detik.net.id/community/media/visual/2026/05/07/melihat-lebih-dekat-asus-expertbook-ultra-yang-dijual-mulai-rp-38-jutaan-1778159608543_169.jpeg'
    i-info='<span d-time="1778215453" title="Jumat, 08 Mei  2026 11:44 WIB">5 jam yang lalu</span>'
    i-link='https://inet.detik.com/fotoinet/d-8479810/melihat-lebih-dekat-asus-expertbook-ultra-yang-dijual-mulai-rp-38-jutaan'
    i-img-qs='?w=250&q=90'
    i-type='artikel 9'
    i-img-ratio='43'
    i-dtre="true" 
    class="ph_newsfeed_d article_inview block"
    dtr-evt="newsfeed" dtr-sec="artikel" dtr-act="artikel" onclick="_pt(this)" dtr-idx="9" dtr-id="8479810" dtr-ttl="Melihat Lebih Dekat Asus ExpertBook Ultra yang Dijual Mulai Rp 38 Jutaan"    href="https://inet.detik.com/fotoinet/d-8479810/melihat-lebih-dekat-asus-expertbook-ultra-yang-dijual-mulai-rp-38-jutaan"
    >
    <section d-append-class="block-link" class="group font-montserrat relative flex items-center gap-4 data-[layout=vstack]:flex-col data-[layout=vstack]:items-start" data-layout="hstack">
        
        <figure d-append-class="lqd" class="relative shrink-0 overflow-hidden rounded group-data-[layout=vstack]:aspect-video group-data-[layout=vstack]:w-full aspect-4/3 w-[215px]">
                
                            <div class="absolute top-1 right-1 inline-flex items-center gap-1 rounded bg-black/50 px-1 py-0.5 text-xs text-white">
                    <svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path fill-rule="evenodd" clip-rule="evenodd" d="M15.0744 4.67206C14.5455 4.14991 13.8402 3.84532 13.0468 3.84532H11.8567C11.7245 3.49722 11.5482 3.14912 11.2397 2.93155C10.7989 2.49643 10.1377 2.23535 9.65289 2.23535H6.25895C5.7741 2.23535 5.15702 2.49643 4.67218 2.93155C4.40771 3.19263 4.18733 3.49722 4.09917 3.84532H2.90909C2.07163 3.84532 1.36639 4.14991 0.837466 4.67206C0.30854 5.19421 0 5.89041 0 6.71716V13.1135C0 13.8967 0.30854 14.5929 0.837466 15.1151C1.36639 15.6372 2.07163 15.9854 2.90909 15.9854H13.135C13.8843 15.9854 14.6336 15.6372 15.1625 15.1151C15.6915 14.5929 16 13.8967 16 13.1135V6.76067C15.9559 5.93393 15.6033 5.23773 15.0744 4.67206ZM10.4463 12.4173C9.78512 13.0265 8.90358 13.4181 7.93388 13.4181C6.96419 13.4181 6.08264 13.0265 5.42149 12.4173C4.80441 11.8081 4.40771 10.9379 4.40771 9.93709C4.40771 8.97981 4.80441 8.10956 5.42149 7.45687C6.08264 6.84769 6.96419 6.45608 7.93388 6.45608C8.90358 6.45608 9.78512 6.84769 10.4463 7.45687C11.0634 8.10956 11.4601 8.97981 11.4601 9.93709C11.4601 10.8944 11.0634 11.7646 10.4463 12.4173ZM13.4435 6.23852C13.4435 6.45608 13.2231 6.67364 12.9587 6.67364H11.989C11.7245 6.67364 11.5482 6.45608 11.5482 6.23852V5.75988C11.5482 5.54231 11.7245 5.32475 11.989 5.32475H12.9587C13.2231 5.32475 13.4435 5.54231 13.4435 5.75988V6.23852ZM7.93388 7.5439C7.27273 7.5439 6.65565 7.80497 6.21488 8.2401C5.77411 8.67523 5.50964 9.2844 5.50964 9.93709C5.50964 10.5898 5.77411 11.2425 6.21488 11.6341C6.61157 12.0692 7.27273 12.3303 7.93388 12.3303C8.59504 12.3303 9.2562 12.0692 9.65289 11.6341C10.0937 11.2425 10.3581 10.5898 10.3581 9.93709C10.3581 9.2844 10.0937 8.67523 9.65289 8.2401C9.2562 7.80497 8.59504 7.5439 7.93388 7.5439Z" fill="white"></path>
                    </svg>
                    18 Foto
                </div>
                
                
                         <img src="https://awsimages.detik.net.id/community/media/visual/2026/05/07/melihat-lebih-dekat-asus-expertbook-ultra-yang-dijual-mulai-rp-38-jutaan-1778159608543_43.jpeg?w=250&q=90" alt="Melihat Lebih Dekat Asus ExpertBook Ultra yang Dijual Mulai Rp 38 Jutaan" title="Melihat Lebih Dekat Asus ExpertBook Ultra yang Dijual Mulai Rp 38 Jutaan" class="size-full object-cover transition-all duration-300 group-hover:scale-110" />        </figure>
        <div class="flex grow flex-col">
                        <strong class="group-hover:text-purple-light-1 line-clamp-3 font-normal transition-all duration-300 text-black text-lg">Melihat Lebih Dekat Asus ExpertBook Ultra yang Dijual Mulai Rp 38 Jutaan</strong>
        </div>
    </section>
</a>
                                
            <a i-loop='9'
    i-img='https://awsimages.detik.net.id/community/media/visual/2022/03/01/menonton-tv_169.jpeg'
    i-info='<span d-time="1778213827" title="Jumat, 08 Mei  2026 11:17 WIB">6 jam yang lalu</span>'
    i-link='https://inet.detik.com/mobile-apps/d-8479910/weekend-santai-sambil-movie-marathon-harga-hemat'
    i-img-qs='?w=250&q=90'
    i-type='artikel 10'
    i-img-ratio='43'
    i-dtre="true" 
    class="ph_newsfeed_d article_inview block"
    dtr-evt="newsfeed" dtr-sec="artikel" dtr-act="artikel" onclick="_pt(this)" dtr-idx="10" dtr-id="8479910" dtr-ttl="Weekend Santai Sambil Movie Marathon Harga Hemat"    href="https://inet.detik.com/mobile-apps/d-8479910/weekend-santai-sambil-movie-marathon-harga-hemat"
    >
    <section d-append-class="block-link" class="group font-montserrat relative flex items-center gap-4 data-[layout=vstack]:flex-col data-[layout=vstack]:items-start" data-layout="hstack">
        
        <figure d-append-class="lqd" class="relative shrink-0 overflow-hidden rounded group-data-[layout=vstack]:aspect-video group-data-[layout=vstack]:w-full aspect-4/3 w-[215px]">
                
                
                
                         <img src="https://awsimages.detik.net.id/community/media/visual/2022/03/01/menonton-tv_43.jpeg?w=250&q=90" alt="Weekend Santai Sambil Movie Marathon Harga Hemat" title="Weekend Santai Sambil Movie Marathon Harga Hemat" class="size-full object-cover transition-all duration-300 group-hover:scale-110" />        </figure>
        <div class="flex grow flex-col">
                        <strong class="group-hover:text-purple-light-1 line-clamp-3 font-normal transition-all duration-300 text-black text-lg">Weekend Santai Sambil Movie Marathon Harga Hemat</strong>
        </div>
    </section>
</a>
                                
            <a i-loop='10'
    i-img='https://awsimages.detik.net.id/community/media/visual/2026/05/08/snapdragon-gen-5-1778206039035_169.png'
    i-info='<span d-time="1778211914" title="Jumat, 08 Mei  2026 10:45 WIB">6 jam yang lalu</span>'
    i-link='https://inet.detik.com/consumer/d-8479721/snapdragon-6-gen-5-4-gen-5-rilis-hp-makin-ngebut-dan-smooth'
    i-img-qs='?w=250&q=90'
    i-type='artikel 11'
    i-img-ratio='43'
    i-dtre="true" 
    class="ph_newsfeed_d article_inview block"
    dtr-evt="newsfeed" dtr-sec="artikel" dtr-act="artikel" onclick="_pt(this)" dtr-idx="11" dtr-id="8479721" dtr-ttl="Snapdragon 6 Gen 5 &amp; 4 Gen 5 Rilis, HP Makin Ngebut dan Smooth"    href="https://inet.detik.com/consumer/d-8479721/snapdragon-6-gen-5-4-gen-5-rilis-hp-makin-ngebut-dan-smooth"
    >
    <section d-append-class="block-link" class="group font-montserrat relative flex items-center gap-4 data-[layout=vstack]:flex-col data-[layout=vstack]:items-start" data-layout="hstack">
        
        <figure d-append-class="lqd" class="relative shrink-0 overflow-hidden rounded group-data-[layout=vstack]:aspect-video group-data-[layout=vstack]:w-full aspect-4/3 w-[215px]">
                
                
                
                         <img src="https://awsimages.detik.net.id/community/media/visual/2026/05/08/snapdragon-gen-5-1778206039035_43.png?w=250&q=90" alt="Snapdragon 6 Gen 5 & 4 Gen 5 Rilis, HP Makin Ngebut dan Smooth" title="Snapdragon 6 Gen 5 & 4 Gen 5 Rilis, HP Makin Ngebut dan Smooth" class="size-full object-cover transition-all duration-300 group-hover:scale-110" />        </figure>
        <div class="flex grow flex-col">
                        <strong class="group-hover:text-purple-light-1 line-clamp-3 font-normal transition-all duration-300 text-black text-lg">Snapdragon 6 Gen 5 & 4 Gen 5 Rilis, HP Makin Ngebut dan Smooth</strong>
        </div>
    </section>
</a>
                                
            <a i-loop='11'
    i-img='https://awsimages.detik.net.id/community/media/visual/2020/03/27/7493067c-6dfd-479f-b81f-a7bdfcb653b6_169.jpeg'
    i-info='<span d-time="1778210104" title="Jumat, 08 Mei  2026 10:15 WIB">7 jam yang lalu</span>'
    i-link='https://inet.detik.com/science/d-8479779/pandemi-hantavirus-sudah-diprediksi-sejak-5-tahun-lalu'
    i-img-qs='?w=250&q=90'
    i-type='artikel 12'
    i-img-ratio='43'
    i-dtre="true" 
    class="ph_newsfeed_d article_inview block"
    dtr-evt="newsfeed" dtr-sec="artikel" dtr-act="artikel" onclick="_pt(this)" dtr-idx="12" dtr-id="8479779" dtr-ttl="Pandemi Hantavirus Sudah Diprediksi Sejak 5 Tahun Lalu"    href="https://inet.detik.com/science/d-8479779/pandemi-hantavirus-sudah-diprediksi-sejak-5-tahun-lalu"
    >
    <section d-append-class="block-link" class="group font-montserrat relative flex items-center gap-4 data-[layout=vstack]:flex-col data-[layout=vstack]:items-start" data-layout="hstack">
        
        <figure d-append-class="lqd" class="relative shrink-0 overflow-hidden rounded group-data-[layout=vstack]:aspect-video group-data-[layout=vstack]:w-full aspect-4/3 w-[215px]">
                
                
                
                         <img src="https://awsimages.detik.net.id/community/media/visual/2020/03/27/7493067c-6dfd-479f-b81f-a7bdfcb653b6_43.jpeg?w=250&q=90" alt="Pandemi Hantavirus Sudah Diprediksi Sejak 5 Tahun Lalu" title="Pandemi Hantavirus Sudah Diprediksi Sejak 5 Tahun Lalu" class="size-full object-cover transition-all duration-300 group-hover:scale-110" />        </figure>
        <div class="flex grow flex-col">
                        <strong class="group-hover:text-purple-light-1 line-clamp-3 font-normal transition-all duration-300 text-black text-lg">Pandemi Hantavirus Sudah Diprediksi Sejak 5 Tahun Lalu</strong>
        </div>
    </section>
</a>
                                
            <a i-loop='12'
    i-img='https://awsimages.detik.net.id/community/media/visual/2026/05/08/realme-c100i-1778204353340_169.jpeg'
    i-info='<span d-time="1778208356" title="Jumat, 08 Mei  2026 09:45 WIB">7 jam yang lalu</span>'
    i-link='https://inet.detik.com/fotoinet/d-8479698/realme-c100x-hp-rp-3-jutaan-baterai-8-000-mah'
    i-img-qs='?w=250&q=90'
    i-type='artikel 13'
    i-img-ratio='43'
    i-dtre="true" 
    class="ph_newsfeed_d article_inview block"
    dtr-evt="newsfeed" dtr-sec="artikel" dtr-act="artikel" onclick="_pt(this)" dtr-idx="13" dtr-id="8479698" dtr-ttl="Realme C100x: HP Rp 3 Jutaan Baterai 8.000 mAh"    href="https://inet.detik.com/fotoinet/d-8479698/realme-c100x-hp-rp-3-jutaan-baterai-8-000-mah"
    >
    <section d-append-class="block-link" class="group font-montserrat relative flex items-center gap-4 data-[layout=vstack]:flex-col data-[layout=vstack]:items-start" data-layout="hstack">
        
        <figure d-append-class="lqd" class="relative shrink-0 overflow-hidden rounded group-data-[layout=vstack]:aspect-video group-data-[layout=vstack]:w-full aspect-4/3 w-[215px]">
                
                            <div class="absolute top-1 right-1 inline-flex items-center gap-1 rounded bg-black/50 px-1 py-0.5 text-xs text-white">
                    <svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path fill-rule="evenodd" clip-rule="evenodd" d="M15.0744 4.67206C14.5455 4.14991 13.8402 3.84532 13.0468 3.84532H11.8567C11.7245 3.49722 11.5482 3.14912 11.2397 2.93155C10.7989 2.49643 10.1377 2.23535 9.65289 2.23535H6.25895C5.7741 2.23535 5.15702 2.49643 4.67218 2.93155C4.40771 3.19263 4.18733 3.49722 4.09917 3.84532H2.90909C2.07163 3.84532 1.36639 4.14991 0.837466 4.67206C0.30854 5.19421 0 5.89041 0 6.71716V13.1135C0 13.8967 0.30854 14.5929 0.837466 15.1151C1.36639 15.6372 2.07163 15.9854 2.90909 15.9854H13.135C13.8843 15.9854 14.6336 15.6372 15.1625 15.1151C15.6915 14.5929 16 13.8967 16 13.1135V6.76067C15.9559 5.93393 15.6033 5.23773 15.0744 4.67206ZM10.4463 12.4173C9.78512 13.0265 8.90358 13.4181 7.93388 13.4181C6.96419 13.4181 6.08264 13.0265 5.42149 12.4173C4.80441 11.8081 4.40771 10.9379 4.40771 9.93709C4.40771 8.97981 4.80441 8.10956 5.42149 7.45687C6.08264 6.84769 6.96419 6.45608 7.93388 6.45608C8.90358 6.45608 9.78512 6.84769 10.4463 7.45687C11.0634 8.10956 11.4601 8.97981 11.4601 9.93709C11.4601 10.8944 11.0634 11.7646 10.4463 12.4173ZM13.4435 6.23852C13.4435 6.45608 13.2231 6.67364 12.9587 6.67364H11.989C11.7245 6.67364 11.5482 6.45608 11.5482 6.23852V5.75988C11.5482 5.54231 11.7245 5.32475 11.989 5.32475H12.9587C13.2231 5.32475 13.4435 5.54231 13.4435 5.75988V6.23852ZM7.93388 7.5439C7.27273 7.5439 6.65565 7.80497 6.21488 8.2401C5.77411 8.67523 5.50964 9.2844 5.50964 9.93709C5.50964 10.5898 5.77411 11.2425 6.21488 11.6341C6.61157 12.0692 7.27273 12.3303 7.93388 12.3303C8.59504 12.3303 9.2562 12.0692 9.65289 11.6341C10.0937 11.2425 10.3581 10.5898 10.3581 9.93709C10.3581 9.2844 10.0937 8.67523 9.65289 8.2401C9.2562 7.80497 8.59504 7.5439 7.93388 7.5439Z" fill="white"></path>
                    </svg>
                    15 Foto
                </div>
                
                
                         <img src="https://awsimages.detik.net.id/community/media/visual/2026/05/08/realme-c100i-1778204353340_43.jpeg?w=250&q=90" alt="Realme C100x: HP Rp 3 Jutaan Baterai 8.000 mAh" title="Realme C100x: HP Rp 3 Jutaan Baterai 8.000 mAh" class="size-full object-cover transition-all duration-300 group-hover:scale-110" />        </figure>
        <div class="flex grow flex-col">
                        <strong class="group-hover:text-purple-light-1 line-clamp-3 font-normal transition-all duration-300 text-black text-lg">Realme C100x: HP Rp 3 Jutaan Baterai 8.000 mAh</strong>
        </div>
    </section>
</a>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        </div>

            <div class="text-center">
                <a dtr-evt="indeks berita" dtr-sec="buttonindeksberita" dtr-act="button indeks berita" onclick="_pt(this)"                    href="https://inet.detik.com/indeks" 
                    class="inline-flex cursor-pointer items-center justify-center gap-1.5 font-medium whitespace-nowrap transition-all [&#38;_svg]:pointer-events-none [&#38;_svg]:size-4 [&#38;_svg]:shrink-0 focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-purple-light-1 hover:bg-purple-light-1/90 focus-visible:outline-purple-light-1 text-white h-9 px-4 py-2 text-sm group">
                    More
                    <svg xmlns="http://www.w3.org/2000/svg" width="12" height="13" viewBox="0 0 12 13" fill="none">
                        <path fill-rule="evenodd" clip-rule="evenodd" d="M7.47325 11.49C7.2428 11.7299 6.9465 11.7299 6.71605 11.49C6.51852 11.2845 6.51852 10.9418 6.71605 10.7362L10.2058 7.13851H0.526749C0.230453 7.13851 0 6.93293 0 6.59029C0 6.28191 0.230453 6.07633 0.526749 6.07633H10.2058L6.74897 2.47861C6.55144 2.27303 6.55144 1.93039 6.74897 1.72481C6.97942 1.48496 7.27572 1.48496 7.50617 1.72481L11.8519 6.24765C12.0494 6.45323 12.0494 6.79587 11.8519 7.00146L7.47325 11.49Z" fill="white"></path>
                    </svg>
                </a>
            </div>
        </div>
        <div class="flex flex-col gap-5">
            <div d-widget="science" d-locals="120"></div>

            <!-- S:mediumrectangle1_adsmart --><style>
@import url("https://awscdnstatic.detik.net.id/live/_rmbassets/mr1-scrollpage/scrollpage.css");
</style>
<div class="mr mr1" style="width: 300px;height: 600px;background-color:#F8F8F8;">
<div class="mr1-scrollpage-container">
<div class="mr1-scrollpage-height" style="height: 600px;width: 300px;margin: auto;">
<div class="mr1-scrollpage-box">
<div class="mr1-scrollpage-top" style="top:90px;">
<div class="mr1-scrollpage-banner">

<ins data-labelname="mediumrectangle1_adsmart" data-revive-zoneid="6112" data-revive-id="0cceecb9cae9f51a31123c541910d59b"></ins>

</div>
</div>
</div>
</div>
</div>
</div>
<!-- E:mediumrectangle1_adsmart -->            <!-- S:mediumrectangle2_adsmart --><style>
@import url("https://awscdnstatic.detik.net.id/live/_rmbassets/mr1-scrollpage/scrollpage.css");
</style>
<div class="mr mr1" style="width: 300px;height: 600px;background-color:#F8F8F8;">
<div class="mr1-scrollpage-container">
<div class="mr1-scrollpage-height" style="height: 600px;width: 300px;margin: auto;">
<div class="mr1-scrollpage-box">
<div class="mr1-scrollpage-top" style="top:90px;">
<div class="mr1-scrollpage-banner">

<ins data-labelname="mediumrectangle2_adsmart" data-revive-zoneid="6205" data-revive-id="0cceecb9cae9f51a31123c541910d59b"></ins>

</div>
</div>
</div>
</div>
</div>
</div>
<!-- E:mediumrectangle2_adsmart -->        </div>
    </div>
</div>
<script type="text/javascript" src="https://awscdn.detik.net.id/assets2/js/detik.v3.3.js?v=202605081747"></script>
<script src="https://awscdn.detik.net.id/assets2/js/liquidimage.js?v=202605081747"></script>
<script src="https://awscdn.detik.net.id/assets2/js/dropdownmenu.js?v=202605081747"></script>

        
<script type="module" src="https://awscdn.detik.net.id/inet3/js/page.js?v=202605081747"></script>

<style>.icon_footer-itp{margin-right:5px}</style>
<footer>
    <div class="footer">
        <div class="footer__border"></div>
        <div class="container">
            <div class="grid-row footer__grid">
                <div class="column-3 text-center">
                    <div class="footer__logo"><a dtr-evt="footer" dtr-sec="logodetik" dtr-act="logo detik" onclick="_pt(this)" href="https://www.detik.com"><img src="https://awscdn.detik.net.id/assets2/images/webp/logo_detikcom.webp?v=202605081747" alt="Logo detikcom" title="Logo detikcom"></a></div>
                    <div class="footer-title footer-title__partof">part of <img src="https://awscdn.detik.net.id/assets2/images/webp/logo_detiknetwork.webp?v=202605081747" alt="img-alt" title="img-title"></div>
                    
<div class="footer__social">
    <div class="footer-title footer-title__connect">
        Connect With Us
    </div>
    <a dtr-evt="footer" dtr-sec="sharefooter" dtr-act="share footer" onclick="_pt(this)" dtr-ttl="whatsapp" target="_blank" href="https://www.whatsapp.com/channel/0029Va87gcMEwEjrcI2Hd92i" class="footer__social__item">
        <img src="https://awscdn.detik.net.id/assets2/images/socmed_color/whatsapp.webp?v=202605081747" alt="Whatsapp" loading="eager" width="64" height="64" decoding="async">
    </a>
    <a dtr-evt="footer" dtr-sec="sharefooter" dtr-act="share footer" onclick="_pt(this)" dtr-ttl="facebook" target="_blank" href="https://www.facebook.com/detikinet/" class="footer__social__item">
        <img src="https://awscdn.detik.net.id/assets2/images/socmed_color/facebook.webp?v=202605081747" alt="Facebook" loading="eager" width="64" height="64" decoding="async">
    </a>
    <a dtr-evt="footer" dtr-sec="sharefooter" dtr-act="share footer" onclick="_pt(this)" dtr-ttl="twitter" target="_blank" href="https://twitter.com/detikinet/" class="footer__social__item">
        <img src="https://awscdn.detik.net.id/assets2/images/socmed_color/x.webp?v=202605081747" alt="Twitter" loading="eager" class="shadow-[0_0_2px_1px_rgba(255,255,255,0.5)] rounded-full" width="64" height="64" decoding="async">
    </a>
    <a dtr-evt="footer" dtr-sec="sharefooter" dtr-act="share footer" onclick="_pt(this)" dtr-ttl="instagram" target="_blank" href="https://www.instagram.com/detikinet/" class="footer__social__item">
        <img src="https://awscdn.detik.net.id/assets2/images/socmed_color/instagram.webp?v=202605081747" alt="Instagram" loading="eager" class="shadow-[0_0_2px_1px_rgba(255,255,255,0.5)] rounded-full" width="64" height="64" decoding="async">
    </a>
    <a dtr-evt="footer" dtr-sec="sharefooter" dtr-act="share footer" onclick="_pt(this)" dtr-ttl="linkedin" target="_blank" href="https://www.linkedin.com/company/detik-com/" class="footer__social__item">
        <img src="https://awscdn.detik.net.id/assets2/images/socmed_color/linkedin.webp?v=202605081747" alt="Linkedin" loading="eager" class="shadow-[0_0_2px_1px_rgba(255,255,255,0.5)] rounded-full" width="64" height="64" decoding="async">
    </a>
    <a dtr-evt="footer" dtr-sec="sharefooter" dtr-act="share footer" onclick="_pt(this)" dtr-ttl="youtube" target="_blank" href="https://www.youtube.com/detikcom" class="footer__social__item">
        <img src="https://awscdn.detik.net.id/assets2/images/socmed_color/youtube.webp?v=202605081747" alt="Youtube" loading="eager" class="shadow-[0_0_2px_1px_rgba(255,255,255,0.5)] rounded-full" width="64" height="64" decoding="async">
    </a>
    <a dtr-evt="footer" dtr-sec="sharefooter" dtr-act="share footer" onclick="_pt(this)" dtr-ttl="tiktok" target="_blank" href="https://www.tiktok.com/@detikcom" class="footer__social__item">
        <img src="https://awscdn.detik.net.id/assets2/images/socmed_color/tiktok.webp?v=202605081747" alt="Tiktok" loading="eager" class="shadow-[0_0_2px_1px_rgba(255,255,255,0.5)] rounded-full" width="64" height="64" decoding="async">
    </a>
</div>


                    <div class="footer-title footer-title__copyright">Copyright @ 2026 detikcom.<br>All right reserved</div>
                </div>
                <nav class="column-3 footer-nav">
                    <div class="footer-nav--title">Kategori</div>
                    <ul class="nav nav--column nav--column-2">
                                                <li class="nav__item"><a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu detiknews" href="https://news.detik.com" >detikNews</a></li>
                                                <li class="nav__item"><a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu detikedukasi" href="https://www.detik.com/edu" >detikEdukasi</a></li>
                                                <li class="nav__item"><a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu detikfinance" href="https://finance.detik.com" >detikFinance</a></li>
                                                <li class="nav__item"><a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu detikinet" href="https://inet.detik.com" >detikInet</a></li>
                                                <li class="nav__item"><a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu detikhot" href="https://hot.detik.com" >detikHot</a></li>
                                                <li class="nav__item"><a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu detiksport" href="https://sport.detik.com" >detikSport</a></li>
                                                <li class="nav__item"><a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu sepakbola" href="https://sport.detik.com/sepakbola" >Sepakbola</a></li>
                                                <li class="nav__item"><a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu detikoto" href="https://oto.detik.com" >detikOto</a></li>
                                                <li class="nav__item"><a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu detikproperti" href="https://www.detik.com/properti" >detikProperti</a></li>
                                                <li class="nav__item"><a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu detiktravel" href="https://travel.detik.com" >detikTravel</a></li>
                                                <li class="nav__item"><a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu detikfood" href="https://food.detik.com" >detikFood</a></li>
                                                <li class="nav__item"><a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu detikhealth" href="https://health.detik.com" >detikHealth</a></li>
                                                <li class="nav__item"><a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu wolipop" href="https://wolipop.detik.com" >Wolipop</a></li>
                                                <li class="nav__item"><a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu detikx" href="https://news.detik.com/x/" >detikX</a></li>
                                                <li class="nav__item"><a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu 20detik" href="https://20.detik.com" >20Detik</a></li>
                                                <li class="nav__item"><a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu detikfoto" href="https://foto.detik.com" >detikFoto</a></li>
                                                <li class="nav__item"><a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu detikhikmah" href="https://www.detik.com/hikmah" >detikHikmah</a></li>
                                                <li class="nav__item"><a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu detikpop" href="https://www.detik.com/pop" >detikPop</a></li>
                                            </ul>
                </nav>
                <nav class="column-2 footer-nav">
                    <div class="footer-nav--title">Layanan</div>
                    <ul class="nav nav--column">
                                                <li class="nav__item"><a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu berbuatbaik.id" href="https://berbuatbaik.id/" rel="nofollow">berbuatbaik.id</a></li>
                                                <li class="nav__item"><a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu pasang mata" href="https://pasangmata.detik.com" rel="nofollow">Pasang Mata</a></li>
                                                <li class="nav__item"><a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu adsmart" href="https://adsmart.detik.com" rel="nofollow">Adsmart</a></li>
                                                <li class="nav__item"><a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu detikevent" href="https://event.detik.com" rel="nofollow">detikEvent</a></li>
                                                <li class="nav__item"><a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu signature awards" href="https://www.detik.com/signature-awards" rel="nofollow">Signature Awards</a></li>
                                                <li class="nav__item"><a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu trans snow world" href="https://www.transentertainment.com/transsnow" rel="nofollow">Trans Snow World</a></li>
                                                <li class="nav__item"><a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu trans studio" href="https://www.transentertainment.com/transstudio" rel="nofollow">Trans Studio</a></li>
                                                <li class="nav__item"><a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu bingkai.id" href="https://bingkai.id/" rel="nofollow">Bingkai.id</a></li>
                                                <li class="nav__item"><a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu ziswafctarsa.id" href="https://www.ziswafctarsa.id/" rel="nofollow">Ziswafctarsa.id</a></li>
                                                <li class="nav__item"><a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu flying over indonesia" href="https://www.transentertainment.com/foi/detail" rel="nofollow">Flying Over Indonesia</a></li>
                                                <li class="nav__item"><a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu for your business" href="https://fyb.detik.com/" rel="nofollow">For Your Business</a></li>
                                                <li class="nav__item"><a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu rekomendit" href="https://rekomendit.detik.com/" rel="nofollow">rekomendit</a></li>
                                                <li class="nav__item"><a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu community connect" href="https://www.detik.com/community-connect/" rel="nofollow">Community Connect</a></li>
                                            </ul>
                </nav>
                <nav class="column-2 footer-nav">
                    <div class="footer-nav--title">Informasi</div>
                    <ul class="nav nav--column">
                                                <li class="nav__item"><a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu redaksi" href="https://www.detik.com/redaksi" >Redaksi</a></li>
                                                <li class="nav__item"><a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu pedoman media siber" href="https://www.detik.com/pedoman-media" rel="nofollow">Pedoman Media Siber</a></li>
                                                <li class="nav__item"><a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu karir" href="https://karir.detik.com/" rel="nofollow">Karir</a></li>
                                                <li class="nav__item"><a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu kotak pos" href="https://www.detik.com/kotak-pos" rel="nofollow">Kotak Pos</a></li>
                                                <li class="nav__item"><a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu media partner" href="https://www.detik.com/media-partner" rel="nofollow">Media Partner</a></li>
                                                <li class="nav__item"><a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu info iklan" href="https://www.detik.com/info-iklan" rel="nofollow">Info Iklan</a></li>
                                                <li class="nav__item"><a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu privacy policy" href="https://www.detik.com/privacy-policy" rel="nofollow">Privacy Policy</a></li>
                                                <li class="nav__item"><a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu disclaimer" href="https://www.detik.com/disclaimer" rel="nofollow">Disclaimer</a></li>
                                            </ul>
                </nav>
                <nav class="column-2 footer-nav">
                    <div class="footer-nav--title">Jaringan Media</div>
                    <ul class="nav nav--column">
                                                <li class="nav__item"><a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu cnn indonesia" href="https://www.cnnindonesia.com" target="_blank" rel="nofollow">CNN Indonesia</a></li>
                                                <li class="nav__item"><a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu cnbc indonesia" href="https://www.cnbcindonesia.com" target="_blank" rel="nofollow">CNBC Indonesia</a></li>
                                                <li class="nav__item"><a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu haibunda" href="https://www.haibunda.com" target="_blank" rel="nofollow">Haibunda</a></li>
                                                <li class="nav__item"><a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu insertlive" href="https://www.insertlive.com/" target="_blank" rel="nofollow">Insertlive</a></li>
                                                <li class="nav__item"><a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu beautynesia" href="https://beautynesia.id" target="_blank" rel="nofollow">Beautynesia</a></li>
                                                <li class="nav__item"><a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu female daily" href="https://femaledaily.com" target="_blank" rel="nofollow">Female Daily</a></li>
                                                <li class="nav__item"><a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu cxo media" href="https://www.cxomedia.id" target="_blank" rel="nofollow">CXO Media</a></li>
                                            </ul>
                </nav>
            </div>
        </div>
    </div>
</footer>
<!-- S:balloonads --> <!-- E:balloonads -->
<!-- S:bottomframe --><div class="bottom_banner_bar" id="bottom_banner"
style="position: fixed !important;width: 100% !important;height: 118px!important;bottom: 0px !important;z-index: 99!important;left:0 !important;right:0 !important;margin:auto;transition: .5s ease-out; max-width: 1056px; background: #ffffff69; backdrop-filter: blur(4px);">
<style>
.flowed .float-vid__content {
bottom: 125px;
}
#livetv-float {
bottom: 110px;
}

.bottom_banner_container, .shadow-remover, .bottom-hide, .bottom-show {
background-color: rgb(247 247 251 / 0%);
}

.bottom_banner_bar::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
font-size: 10px;
border-radius: inherit;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1),
0px 0px 5px rgba(0, 0, 0, 0.1),
0px 0px 5px rgba(0, 0, 0, 0.1);
z-index: -1;
}
#bottom-hide {
background: #878787;
border-radius: 30px;
padding: 6px 10px;
font-size: 10px;
line-height: 15px;
color: #fff;
font-weight: 700;
cursor: pointer;
}
</style>
<div class="bottom_banner_container"
style="width: 100%; height:100%; margin: auto; display: flex;align-content: center;flex-wrap: wrap; position: relative;">
<span class="bottom-hide"
style="position: absolute; right: 0; left: 0; margin:auto; top: -31px;height: 24px;width: 100px;z-index:99999;display: flex;justify-content:center;align-items: center;border-radius: 5px 5px 5px 5px;">
<div class="shadow-remover" style="position: absolute;height: 10px;width: 50px;bottom: -10px;z-index: 99999999;">
</div>
<span id="bottom-hide" style="display: flex; align-items: center; gap: 8px;">
<span class="textbt">Hide Ads</span>
<svg height="6" viewBox="0 0 45 27" fill="none" xmlns="http://www.w3.org/2000/svg">
<line x1="2.12132" y1="2.87868" x2="24.1213" y2="24.8787" stroke="#ffffff" stroke-width="6"></line>
<line x1="19.883" y1="24.8743" x2="41.9734" y2="2.87433" stroke="#ffffff" stroke-width="6"></line>
</svg>
</span>
</span>

<div class="bottom_banner slot_bottomframe"
style="margin-bottom: 30px;right: 160px;/* position: relative !important; */width: auto !important;height: auto !important;/* margin: unset !important; */bottom: -2px !important;cursor: pointer;">
<center>
<!-- /4905536/detik_desktop/inet/bottomframe -->
<div id='div-gpt-ad-1765881851944-0'>
<script>
googletag.cmd.push(function() { googletag.display('div-gpt-ad-1765881851944-0'); });
</script>
</div>
</center>
</div>

</div>
<script>
$(document).ready(function () {
$(document).on('click', '.bottom-hide', function () {
var footerHeight = $(".bottom_banner_bar").outerHeight();
$(".bottom_banner_bar").css({ "bottom": -footerHeight + "px" });
$(".bottom-hide svg").css({ "transform": "rotate(-180deg)"});
$(".bottom-hide").addClass('bottom-show');
$(".bottom-hide").removeClass('bottom-hide');
$("#bottom-hide .textbt").text("Show Ads");
});
$(document).on('click', '.bottom-show', function () {
$(".bottom_banner_bar").css({ "bottom": 0 });
$(".bottom-show svg").css({ "transform": "rotate(0deg)"});
$(".bottom-show").addClass('bottom-hide');
$(".bottom-show").removeClass('bottom-show');
$("#bottom-hide .textbt").text("Hide Ads");
})
});
</script>
</div><!-- E:bottomframe -->
        <script>
                    let initedoembeditpv2 = false;
        window.addEventListener('scroll', function() {
            if (initedoembeditpv2) { return; }
            if (window.scrollY <= 100) { return; }
            initedoembeditpv2 = true;
            getScript('https://awscdn.detik.net.id/assets2/js/oembed.itp.v2.js?v=202605081747', function(){
                
            });
        })

        </script>
<div x-data="{
        expanded: true,
        toggleDetikPagiSore () {
            this.expanded = !this.expanded;
        }
    }"
    id="detikPagiSore" 
    class="pointer-events-none fixed bottom-24 left-0 isolate z-30 size-60 -translate-x-full overflow-hidden rounded-[39px] opacity-0 transition-all duration-300 aria-expanded:pointer-events-auto aria-expanded:!translate-x-0 aria-expanded:opacity-100 data-[position=right]:right-0 data-[position=right]:left-auto data-[position=right]:translate-x-full" 
    style="background: #ff4c05 url(https://awscdn.detik.net.id/assets2/images/detiksore-new-bg.svg?v=202605081747) no-repeat right top;background-size: cover;" 
    :aria-expanded="expanded" 
    data-position="left">
    <a dtr-evt="detik sore" dtr-sec="close button" dtr-act="close button" onclick="_pt(this)" class="text-bali-orange absolute top-5 left-5 flex items-center gap-1 rounded-full bg-[#ffe600] px-2 py-0.5 text-sm">
        <span class="bg-bali-orange block size-2 animate-pulse rounded-full"></span> LIVE
    </a>
    <button type="button" class="absolute top-3.5 right-2.5 rounded-full bg-transparent" @click="toggleDetikPagiSore()"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x size-5 text-white" aria-hidden="true"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></button>
    <div class="relative isolate mt-[70px] block aspect-video w-full overflow-hidden">
        <iframe width="100%" src="https://20.detik.com/watch/livestreaming-20d?smartautoplay=false" frameborder="0" allowfullscreen></iframe>
    </div>
</div>        

        <!-- S:tagfoot -->
<script>
var loadScriptAsync = function(uri){
  return new Promise((resolve, reject) => {
    var tag = document.createElement('script');
    tag.src = uri;
    tag.async = true;
    tag.onload = () => {
      resolve();
    };
  var firstScriptTag = document.getElementsByTagName('script')[0];
  firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
});
}
var scriptLoaded = loadScriptAsync('https://newrevive.detik.com/delivery/asyncjs.php');

scriptLoaded.then(function(){
 window.reviveAsync["0cceecb9cae9f51a31123c541910d59b"].addEventListener('afterRenderBanner',rvCallbackBanner);

 function rvCallbackBanner(data){

  for(i=0;i<data.detail.length;i++){
  }

 }
});

function checkBannerAvailable(dataDetail, checkZone, callFunc, available = false){
	try {
		var show = available ? 1 : 0;
		if(show == 0){
          if (dataDetail.zoneid == checkZone && dataDetail.bannerid == show) {
            callFunc();
            console.log('zone id adjustment : ' + checkZone);
          }
        }
        if(show == 1){
          if (dataDetail.zoneid == checkZone && dataDetail.bannerid >= show) {
            callFunc();
            console.log('zone id adjustment : ' + checkZone);
          }
        }
	} catch(e) {
		console.log(e);
	}
}

</script>

<!-- E:tagfoot -->
                <script>
        document.addEventListener("DOMContentLoaded", () => {
            const hasBillboard = document.querySelector(".billboard-top")
            if (hasBillboard) {
                document.body.classList.add("hasBillboard");
            }
        })
        </script>
    </body>
</html>
<!--replaced-->