{"id":11,"date":"2025-10-20T14:33:06","date_gmt":"2025-10-20T06:33:06","guid":{"rendered":"https:\/\/kaifa.szlogic.cn\/?page_id=11"},"modified":"2026-04-07T18:12:34","modified_gmt":"2026-04-07T10:12:34","slug":"home","status":"publish","type":"page","link":"https:\/\/kaifa.szlogic.cn\/id\/","title":{"rendered":"Rumah"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"11\" class=\"elementor elementor-11\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-18be1bc e-con-full home-banner e-flex e-con e-parent\" data-id=\"18be1bc\" data-element_type=\"container\" id=\"home-banner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b06c187 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"b06c187\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n\r\n  <meta charset=\"utf-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1\" \/>\r\n  <!-- Link Swiper's CSS -->\r\n  <link rel=\"stylesheet\" href=\"\/wp-content\/themes\/blocksy-child\/swiper-bundle.min.css\" \/>\r\n\r\n  <!-- Demo styles -->\r\n  <style>\r\np {\r\n     margin-block-end: 0; \r\n}\r\n\r\n.swiper {\r\n      width: 100%;\r\n      height: 100%;\r\n    }\r\n\r\n.swiper-slide {\r\n      text-align: center;\r\n      font-size: 18px;\r\n      background: #444;\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      cursor: grab;\r\n    }\r\n\r\n.swiper-slide .banner-big {\r\n      display: block;\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n    }\r\n\r\n.swiper {\r\n      width: 100%;\r\n      height: 300px;\r\n      margin-left: auto;\r\n      margin-right: auto;\r\n    }\r\n\r\n.swiper-slide {\r\n      background-size: cover;\r\n      background-position: center;\r\n    }\r\n\r\n.mySwiper2 {\r\n      height: 100vh;\r\n      width: 100%;\r\n      margin-top: -60px;\r\n    }\r\n\r\n.mySwiper {\r\n      height: 20%;\r\n      box-sizing: border-box;\r\n      padding: 0px 0;\r\n    }\r\n\r\n    .mySwiper .swiper-slide {\r\n      width: 25%;\r\n      height: 100%;\r\n      opacity: 0.4;\r\n    }\r\n\r\n.mySwiper .swiper-slide-thumb-active {\r\n      opacity: 1;\r\n    }\r\n.mySwiper{\r\n\t\tdisplay: none;\r\n\t}\r\n.banner-big {\r\n  width: 100%; \r\n    height: 100%;\r\n  display: block;\r\n  pointer-events: none; \/* \u9632\u6b62 img \u963b\u6321\u62d6\u52a8\u4e8b\u4ef6 *\/\r\n position: relative;\r\n object-fit: cover;\r\n}\r\n\t\r\n.swiper-slide .banner-text{\r\n\tposition: absolute;\r\n\ttop:9%;\r\n\twidth: 100%;\r\n\tdisplay: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: center;\r\n    z-index: 30;\r\n\t\t}\r\n\r\n\r\n\t\r\n\t\r\na{\r\n\ttext-decoration: none;\r\n\t}\r\n\t\r\n.swiper-slide\t.banner-text .text-ti{\r\n\tfont-family: Rubik;\r\n\tfont-weight: 700;\r\n\tbackground: linear-gradient(94.06deg, #FFFFFF 33.99%, #0049C7 66.01%);\r\n\t-webkit-background-clip: text;\r\n\t-webkit-text-fill-color: transparent;\r\n\tbackground-clip: text;\r\n\tcolor: transparent;\r\n\tpadding: 0 10vw;\r\n\ttext-transform: uppercase; \r\n    font-style: Bold;\r\n    font-size: 38px;\r\n    leading-trim: NONE;\r\n    line-height: 100%;\r\n    letter-spacing: 0%;\r\n    text-align: center;\r\n    text-transform: uppercase;\r\n    font-variant-numeric-figure: lining-nums;\r\n    font-variant-numeric-spacing: proportional-nums;\r\n\t\r\n\t\t}\r\n.swiper-slide .banner-text .text-tl{\r\n\t\t\r\n    font-size: clamp(12px,0.729vw,14px);\r\n\tcolor: rgba(255, 255, 255, 1);\r\n\r\n\tfont-weight: 400;\r\n\tpadding: 0 10vw;\r\n    font-family: Rubik;\r\n    font-weight: 400;\r\n    font-style: Regular;\r\n    leading-trim: NONE;\r\n    line-height: 100%;\r\n    letter-spacing: 0%;\r\n    text-align: center;\r\n\r\n\t\t}\r\n.swiper-slide\t.text-le{\r\n\tfont-family: \"Saira Stencil One\";\r\n\tfont-size: clamp(12px,0.833vw,16px);\r\n\tfont-weight:400 ;\r\n\tcolor:  rgba(247, 248, 252, 1);\r\n    font-style: Regular;\r\n    leading-trim: NONE;\r\n    line-height: 100%;\r\n    letter-spacing: 0%;\r\n\t\t}\r\n\t\t\r\n#bannerlist-2  .text-le {\r\n    text-align: left;\r\n}\r\n.banner-list .banner-twotext .text-le1{\r\n    text-align: left;\r\n}\r\n.banner-twotext1 .text-le{\r\n    text-align: left;\r\n}\r\n.banner-list .banner-twotext .text-le{\r\n    text-align: left;\r\n}\r\n\r\n.text-le1{\r\n\tfont-family: \"Saira Stencil One\";\r\n\tfont-size: clamp(12px,0.833vw,16px);\r\n\tfont-weight:400 ;\r\n\t line-height: 100%;\r\n\tcolor:rgba(30, 71, 127, 1);\r\n\ttext-align: left;\r\n\t\t}\r\n.swiper-slide .texta{\r\n\tdisplay: flex;\r\n\twidth: 13vw;\r\n\theight: 31px;\r\n\tborder-radius:20px;\r\n\tbackground-color: rgba(0, 73, 199, 1);\r\n\tdisplay: inline-flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tgap:5px;\r\n\tmargin: 0vw 0 1vw 0;\r\n\t\r\n\t\t}\r\n.swiper-slide .texta:hover{\r\n   background: rgba(128, 128, 128, 0.5);\r\n\r\n}\r\n\r\n.swiper-slide .texta span{\r\n    font-family:Saira Stencil One;\r\n    font-size: clamp(12px,0.729vw,14px);\r\n     line-height: 100%;\r\n    color: rgba(255, 255, 255, 1);\r\n}\r\n.swiper-slide .texta:hover span{\r\n   color: rgba(255, 235, 61, 1);\r\n}\r\n.yellow-left {\r\n  transition: opacity 0.3s ease, filter 0.3s ease;\r\n}\r\n\r\n\/* hover \u65f6\u76f4\u63a5\u5207\u6362\u56fe\u7247 *\/\r\n.swiper-slide .texta:hover .yellow-left{\r\n  content: url(\"\/wp-content\/uploads\/2025\/10\/yellow-left.svg\");\r\n}\t\t\r\n.srcoll {\r\n  \tdisplay: flex;\r\n  \tjustify-content: center;\r\n  \tgap: 10px;\r\n\tposition: absolute;\r\n\ttop: 96%;\r\n\tz-index: 999;\r\n\talign-items: center;\r\n\twidth: 100%;\r\n\t\r\n}\r\n\r\n.srcoll-li {\r\n  position: relative;\r\n  width: 4px;\r\n  height: 4px;\r\n  background: rgba(242, 243, 245, 1);\r\n  border-radius: 4px;\r\n  overflow: hidden;\r\n  transition: all 0.3s ease;\r\n  cursor: pointer;\r\n}\r\n\r\n.srcoll-li.active {\r\n  width: 48px;\r\n\theight: 4px;\r\n\t border-radius: 4px;\r\n  background: #eee;\r\n}\r\n\r\n.srcoll-li .progress {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  height: 100%;\r\n  width: 0%;\r\n  background: red;\r\n  transition: width linear;\r\n}\r\n\t\r\n.banner-twotext{\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: row;\r\n\t\tbackground: rgba(255, 255, 255, 0.01);\r\n\t\tborder-radius: 60px;backdrop-filter: blur(50px);\r\n\t\tgap:1.5vw;\r\n\t\twidth: 32%;\r\n\t\tjustify-content: flex-start;\r\n\t\talign-items: center;\r\n\t\tmargin: 0.2vw 0;\r\n\t\theight: 54px;\r\n\t\ttext-align: left;\r\n\t}\r\n\t\r\n\t\r\n#bannerlist-2\t.banner-twotext{\r\n\t    flex: 0 0 30%;\r\n\t}\t\r\n\t.banner-twotext img{\r\n\t    \/*\r\n\t\tmargin-left: 0.8vw;\r\n\t\t*\/\r\n\t}\r\n\t\t.banner-twotext1{\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: row;\r\n\t\tbackground: rgba(255, 255, 255, 0.01);\r\n\t\tborder-radius: 60px;\r\n\t\tbackdrop-filter: blur(50px);\r\n\t\tgap:1.5vw;\r\n\t\twidth: 32%;\r\n\t\tjustify-content: flex-start;\r\n\t\talign-items: center;\r\n\t\tmargin: 0.2vw 0;\r\n\t\theight: 54px;\r\n\t\t\r\n\t}\r\n\t\t.banner-center{\r\n\t\t   width: 100%;padding: 0 13.8vw; \r\n\t\t}\r\n\t\t.banner-t-center{\r\n\t\t   width: 100%;padding: 0 13.8vw; \r\n\t\t}\r\n\t\t.banner-left{\r\n\t\t    width: 100%;\r\n\t\t    padding: 0 13.8vw;\r\n\t\t    display: flex;\r\n\t\t    flex-direction: column;\r\n\t\t    justify-content: flex-start;\r\n\t\t}\r\n\t\t.banner-list{\r\n\t\t    display: flex;\r\n\t\t    flex-wrap: wrap;\r\n\t\t    width: 100%;\r\n\t\t    gap:10px;\r\n\t\t}\r\n\t.banner-twotext{\r\n\t    flex: 0 0 33.3%;\r\n\t}\r\n\t.text-ti1{\r\n\t    font-family: Rubik;\r\n\t    font-weight: 700;\r\n\t    font-size:clamp(26px,1.98vw,38px);\r\n\t    line-height: 100%;\r\n\t    color: rgba(255, 255, 255, 1); \r\n\t    text-transform: uppercase;\r\n\t    margin-bottom: 20px;\r\n\t}\r\n\t#text-ti1-2{\r\n\t    display: none;\r\n\t}\r\n\t#text-ti1-1{\r\n\t    text-align: left;\r\n\t}\r\n    #banner-main-1{\r\n        top: 20%;\r\n    }\r\n    #banner-main-2{\r\n          top: 20%;\r\n    }\r\n    #banner-main-3{\r\n    top: 20%;\r\n    }\r\n    #banner-main-4{\r\n    top: 20%;\r\n    }\r\n\t\r\n\t\r\n\t\/*****************\u7b14\u8bb0\u672c\u7aef************************\/\r\n\t@media((min-width:1024px) and (max-width:1439px)){\r\n\t   .swiper-slide .texta {\r\n\t       width: 18vw;\r\n\t       height: 31px;\r\n\t   } \r\n\t}\t\r\n\t\r\n\t\r\n\t\r\n\t\/*****************\u5e73\u677f\u7aef************************\/\r\n\t@media((min-width:768px) and (max-width:1023px)){\r\n\t    \r\n\t   #text-ti1-1{\r\n\t    display: none;\r\n\t} \r\n\t#text-ti1-2{\r\n\t    display: block;\r\n\t    text-align: left;\r\n\t}\r\n\t    \r\n\t    #home-banner{\r\n\t      height: auto;\r\n\t      overflow: hidden;\r\n\t      margin-top: -90px;\r\n\t    }\r\n\t    .swiper-slide .banner-text{\r\n\t        top:35%;\r\n\t    }\r\n\t     #home-banner .Swiper{\r\n\t        \r\n\t     }\r\n\t     .mySwiper2 {\r\n\t         \r\n\t     }\r\n\t     #home-banner .swiper-wrapper{\r\n\t          \r\n\t     }\r\n\t    #home-banner .swiper-slide{\r\n\t        \r\n\t    }\r\n\t    .swiper-slide .texta {\r\n\t        width: 200px;\r\n\t        height: 31px;\r\n\t    }\r\n\t\t.swiper-slide .texta span {\r\n\t\t    font-size: 12px;\r\n\t\t}\r\n\t\t.swiper-slide .banner-text .text-ti {\r\n\t\t    font-size: 32px;\r\n\t\t    line-height: 100%;\r\n\t\t}\r\n\t\t.swiper-slide .banner-text .text-tl {\r\n\t\t    font-size: 14px;\r\n\t\t}\r\n\t\t.srcoll {\r\n\t\t    top:95%;\r\n\t\t}\r\n\t\t.text-ti1{\r\n\t\t    font-size: 32px;\r\n\t\t    display: flex;\r\n\t\t    align-items: center;\r\n\t\t}\r\n\t\t.swiper-slide .text-le{\r\n\t\t    font-size:1.56vw; \r\n\t\t    text-align: left;\r\n\t\t}\r\n\t\t.text-le1 {\r\n\t\t    font-size:1.56vw; \r\n\t\t    text-align: left;\r\n\t\t}\r\n\t\t #bannerbig3,#bannerbig4{\r\n\t\t\tobject-position: 80% 60px;\r\n\t\t\t\r\n\t\t}\r\n\t\t#bannerbig2,#bannerbig1{\r\n\t\t    object-position: 50% 80px;\r\n\t\t}\r\n\t\t\r\n\t\t.banner-t-center{\r\n\t\t   display: flex;\r\n\t\t   flex-direction: column;\r\n\t\t   justify-content: flex-start;\r\n\t\t}\r\n\t.banner-twotext{\r\n\t    flex: 0 0 45%;\r\n\t}\t\r\n\t\t\r\n\t #banner-main-1{\r\n        top: 30%;\r\n    }\r\n    #banner-main-2{\r\n          top: 30%;\r\n    }\r\n    #banner-main-3{\r\n    top: 30%;\r\n    }\r\n    #banner-main-4{\r\n    top: 30%;\r\n    } \t\r\n\t\t\r\n\t\r\n\t}\r\n   \/*********************\u624b\u673a\u7aef***************************\/\r\n   @media (max-width:767px){\r\n       \t    \r\n\t   #text-ti1-1{\r\n\t    display: none;\r\n\t} \r\n\t#text-ti1-2{\r\n\t    display: block;\r\n\t    text-align: left;\r\n\t}\r\n       \r\n       #home-banner{\r\n           margin-top: -10px;\r\n           height: auto;\r\n       }\r\n       .text-ti1{\r\n            text-align: left;\r\n           font-size: 26px;\r\n           margin:30px 0 10px 0;\r\n          \r\n       }\r\n       \r\n       .swiper-slide .text-le {\r\n           font-size: 12px;\r\n           text-align: left;\r\n       }\r\n       .banner-twotext{\r\n\t    flex: 0 0 55%;\r\n\t   \r\n\t    height: 38px;\r\n\t    \r\n\t}\r\n      .banner-center{\r\n         padding: 0 !important;\r\n      } \r\n      .swiper-slide .banner-text .text-tl{\r\n          padding: 0 24px;\r\n          \r\n      }\r\n      .banner-left{\r\n         padding: 0 24px; \r\n         gap:5px;\r\n      }\r\n     .swiper-slide .texta {\r\n\t        width: 200px;\r\n\t        height: 31px;\r\n\t    }\r\n\t.swiper-slide .texta span {\r\n\t\t    font-size: 12px;\r\n\t\t}\r\n\t.swiper-slide .banner-text .text-ti {\r\n\t\t    font-size: 26px;\r\n\t\t    margin-top: 10px;\r\n\t\t}\r\n\t.swiper-slide .banner-text .text-tl {\r\n\t\t    font-size: 14px;\r\n\t\t}  \r\n       \r\n    .banner-t-center{\r\n       display: flex;\r\n       flex-direction: column;\r\n       justify-content:center ;\r\n       align-items: flex-start;\r\n        padding: 0 24px;\r\n        gap:5px;\r\n    } \r\n    #bannerbig1{\r\n         object-position: 50% 0px; \r\n      }\r\n    #bannerbig2{\r\n         object-position: 50% 0px;\r\n     }  \r\n   \r\n    #bannerbig3{\r\n         object-position: 50% 0px; \r\n      }\r\n    #bannerbig4{\r\n         object-position: 50% 0px; \r\n      }\r\n      \r\n    .text-le1{\r\n        font-size: 12px;\r\n        text-align: left;\r\n    }\r\n    .banner-twotext1{\r\n        width: 65%;\r\n        height: 38px;\r\n        \r\n    }\r\n    .banner-twotext img,.banner-twotext1 img{\r\n        width: 42px;\r\n        height: 42px;\r\n    }\r\n    #bannerlist-2 .banner-twotext{\r\n        flex:0 0 70%;\r\n    }\r\n#bannerbig1,#bannerbig2,#bannerbig3,#bannerbig4{\r\n    display: none;\r\n\r\n}\r\n\r\n#backcolor-mark01{\r\n\r\n    z-index: 0;\r\n  \r\n}\r\n\r\n#bannerbig001{\r\n   \/* background-image: url(\"\");\r\n    overflow: hidden;\r\n    background-size: contain;\r\n     height: 100vh;\r\n     width: 100%;\r\n     background-repeat: no-repeat;\r\n     background-position: center;\r\n     *\/\r\n     height: 100%;\r\n     display: flex;\r\n     align-items: flex-end;\r\n     width: 100%;\r\n     \r\n}\r\n\r\n\r\n\r\n#bannerbig001 img{\r\n \r\n    height: auto;\r\n    width: 100%;\r\n    object-fit: contain;\r\n    background-repeat: no-repeat;\r\n    \/*\u56fe\u7247\u4e0d\u91cd\u590d *\/\r\n}\r\n#bannerbig002{\r\n    height: 100%;\r\n    display: flex;\r\n    align-items: flex-end;  \r\n}\r\n\r\n#bannerbig002 img{\r\n    height: 100%;\r\n    width: 100%;\r\n    object-fit: cover;\r\n    background-repeat: no-repeat;\/*\u56fe\u7247\u4e0d\u91cd\u590d *\/\r\n}\r\n\r\n#bannerbig003{\r\n    height: 100%;\r\n     display: flex;\r\n     align-items: flex-end;  \r\n}\r\n\r\n#bannerbig003 img{\r\n    height: 100%;\r\n    width: 100%;\r\n    object-fit: cover;\r\n    background-repeat: no-repeat;\/*\u56fe\u7247\u4e0d\u91cd\u590d *\/\r\n}\r\n\r\n#bannerbig004{\r\n    height: 100%;\r\n     display: flex;\r\n     align-items: flex-end;  \r\n}\r\n\r\n#bannerbig004 img{\r\n    height: 100%;\r\n    width: 100%;\r\n    object-fit: cover;\r\n    background-repeat: no-repeat;\/*\u56fe\u7247\u4e0d\u91cd\u590d *\/\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n   }\r\n\t\r\n\t<\/style>\r\n<section id=\"home-banner\">\r\n  <!-- Swiper -->\r\n\r\n  <div style=\"--swiper-navigation-color: #fff; --swiper-pagination-color: #fff\" class=\"swiper mySwiper2\">\r\n    <div class=\"swiper-wrapper\">\r\n        \r\n <!--Banner\u7b2c\u4e00\u4e2a\u677f\u5757\u7684\u6240\u6709\u5185\u5bb9 -->            \r\n      <div class=\"swiper-slide\" style=\"position: relative; width: 100%; height: 100%;\">\r\n<!--Banner\u7b2c\u4e00\u4e2a\u677f\u5757\u7684\u6700\u4e0a\u9762\u7684\u906e\u5c42 -->    \r\n           <div style=\"background: radial-gradient(139.89% 56.78% at 50% 0%, rgba(0, 73, 199, 0.9) 0%, rgba(0, 73, 199, 0) 100%);height: 100%;width: 100%; position: absolute;top: 0;left: 0; z-index: 10;\" id=\"backcolor-mark01\"><\/div>\r\n<!--Banner\u7b2c\u4e00\u4e2a\u677f\u5757\u7684\u5e73\u677f\u7684\u548c\u684c\u9762\u7aef\u7684\u5927\u56fe -->    \r\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/1-Material.jpg\" alt=\"mendical\" class=\"banner-big\" loading=\"eager\" id=\"bannerbig1\">\r\n<!--Banner\u7b2c\u4e00\u4e2a\u677f\u5757\u7684\u624b\u673a\u7aef\u7684\u5927\u56fe -->          \r\n        <div id=\"bannerbig001\">\r\n              <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/12\/update-800.png\">\r\n            <!--\r\n            <div class=\"bannerimg-1\"><\/div>\r\n         \r\n            -->\r\n        <\/div>\r\n<!--Banner\u7b2c\u4e00\u4e2a\u677f\u5757\u7684\u6587\u672c\u5185\u5bb9 -->  \r\n\t<div class=\"banner-text\" style=\"margin-top:30px\" id=\"banner-main-1\">\r\n\t\t<div class=\"banner-center\">\r\n<!--Banner\u7b2c\u4e00\u4e2a\u677f\u5757\u7684\u6309\u94ae\u6587\u672c\u548c\u56fe\u6807  --> \r\n\t\t\t<a class=\"texta\" href=\"\/id\/products\/\" >\r\n\t\t\t    <span style=\"\">LIHAT SEMUA PRODUK <\/span>\r\n\t\t\t\t<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/tdesign_arrow-left.svg\" alt=\"\" class=\"yellow-left\">\r\n\t\t\t<\/a>\r\n<!--Banner\u7b2c\u4e00\u4e2a\u677f\u5757\u7684\u6807\u9898\u548c\u63cf\u53d9 --> \r\n\t\t\t<h1 class=\"text-ti\">Mesin Analisis Material dan Pengujian Emas<\/h1>\r\n\t\t\t<p class=\"text-tl\">Jelajahi analyzer XRF profesional kami untuk pengujian logam mulia yang akurat dan pengukuran ketebalan lapisan. Penguji emas dan analyzer XRF kami memberikan hasil yang andal untuk emas, perak, platinum, paladium, dan paduan lainnya. Dirancang untuk pengujian perhiasan, pemurnian, dan kontrol kualitas, perangkat ini menjamin presisi dan efisiensi. Mudah digunakan, tahan lama, dan terpercaya di seluruh dunia, ideal untuk perajin perhiasan, laboratorium, dan produsen yang membutuhkan analisis cepat dan non-destruktif.<\/p>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n      <\/div>\r\n      \r\n      <!--Banner\u7b2c\u4e8c\u4e2a\u677f\u5757\u7684 -->\r\n      <div class=\"swiper-slide\">\r\n          <div style=\"background: linear-gradient(360deg, rgba(46, 44, 36, 0) 55.22%, #2E2C24 79.85%);height: 100%;width: 100%; position: absolute;top: 0;left: 0; z-index: 10;\">\r\n              \r\n          <\/div>\r\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/12\/1-Material-scaled.jpg\" alt=\"mendical\" class=\"banner-big\" loading=\"eager\" id=\"bannerbig2\">\r\n        <div id=\"bannerbig002\">\r\n           <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/12\/6-Material-phone.jpg\">\r\n            \r\n        <\/div>\t\t\r\n\t\t<div class=\"banner-text\" id=\"banner-main-2\">\r\n\t\t\t<div style=\"\" class=\"banner-t-center\">\r\n\t\t\t\t<p class=\"text-ti1\" style=\"\">Model Terlaris<\/p>\r\n\t\t\t\t<a class=\"texta\" href=\"\/id\/products\/\">\r\n\t\t\t\t\t<span>LIHAT LEBIH BANYAK<\/span>\r\n\t\t\t\t\t<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/tdesign_arrow-left.svg\" alt=\"\" class=\"yellow-left\">\r\n\t\t\t\t<\/a>\r\n\t\t\t\r\n\t\t\t<div style=\"\" class=\"banner-list\" id=\"bannerlist-2\">\r\n\t\t\t\t<div  class=\"banner-twotext\">\r\n\t\t\t\t\t<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/Precision.svg\" alt=\"\">\r\n\t\t\t\t\t<p class=\"text-le\">Presisi: 0,03% [emas 9999]<\/p>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"banner-twotext\">\r\n\t\t\t\t\t<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/Built-in.svg\" alt=\"\">\r\n\t\t\t\t\t<p class=\"text-le\">Komputer dan layar bawaan<\/p>\t\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"banner-twotext\">\r\n\t\t\t\t\t<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/Si-PIN.svg\" alt=\"\">\r\n\t\t\t\t\t<p class=\"text-le\">Detektor Si-PIN<\/p>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div  class=\"banner-twotext\">\r\n\t\t\t\t\t<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/support.svg\" alt=\"\">\r\n\t\t\t\t\t<p class=\"text-le\">Mendukung tampilan layar ganda<\/p>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"banner-twotext\">\r\n\t\t\t\t\t<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/Easy.svg\" alt=\"\" class=\"yellow-left\">\r\n\t\t\t\t\t<p class=\"text-le\">Operasi Mudah<\/p>\t\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"banner-twotext\">\r\n\t\t\t\t\t<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/Multi.svg\" alt=\"\">\r\n\t\t\t\t\t<p class=\"text-le\">Perangkat lunak algoritma Multi-FP<\/p>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\t\r\n\t\t\t<\/div>\r\n\t\t  <\/div>\r\n      <\/div>\r\n     <div class=\"swiper-slide\" style=\"position: relative; width: 100%; height: 100%;\">\r\n\t\t  <div style=\"background: radial-gradient(140.37% 91.67% at 36.25% 0%, rgba(0, 73, 199, 0.2) 27.35%, rgba(255, 255, 255, 0.2) 63.08%);height: 100%;width: 100%; position: absolute;top: 0;left: 0; z-index: 10;\"><\/div>\r\n\t\t \r\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/banner.jpg\" alt=\"mendical\" class=\"banner-big\" loading=\"eager\" id=\"bannerbig3\">\r\n        <div id=\"bannerbig003\">\r\n           <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/12\/3-banner-phone.jpg\">\r\n            \r\n        <\/div>     \r\n        \r\n\t\t <div class=\"banner-text\" id=\"banner-main-3\">\r\n\t\t\t <div  class=\"banner-left\">\r\n\t\t\t\t<p class=\"text-ti1\" style=\" color: rgba(30, 71, 127, 1);\">Analyzer XRF portabel - VR-M5<\/p>\r\n\t\t\t\t<a class=\"texta\" href=\"\/id\/product\/portable-xrf-analyzer-vr-m5\/\">\r\n\t\t\t\t\t<span>LIHAT LEBIH BANYAK <\/span>\r\n\t\t\t\t\t<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/tdesign_arrow-left.svg\" alt=\"\" class=\"yellow-left\">\r\n\t\t\t\t<\/a>\r\n\t\t\t\t <div class=\"banner-twotext1\">\r\n\t\t\t\t \t<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/4kg.svg\" alt=\"\">\r\n\t\t\t\t\t <p class=\"text-le1\">Desain genggam ringan 4KG<\/p>\r\n\t\t\t\t <\/div>\r\n\t\t\t\t <div class=\"banner-list\">\r\n\t\t\t\t\t <div class=\"banner-twotext\">\r\n\t\t\t\t\t\t<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/rechargeable.svg\" alt=\"\">\r\n\t\t\t\t\t\t<p class=\"text-le1\">Baterai dapat diisi ulang<\/p>\r\n\t\t\t\t\t <\/div>\r\n\t\t\t\t\t <div class=\"banner-twotext\">\r\n\t\t\t\t\t\t<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/user.svg\" alt=\"\">\r\n\t\t\t\t\t\t<p class=\"text-le1\">Antarmuka layar sentuh yang ramah pengguna<\/p>\r\n\t\t\t\t\t <\/div>\r\n\t\t\t\r\n\t\t\t\t\t <div class=\"banner-twotext\">\r\n\t\t\t\t\t\t<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/SDD.svg\" alt=\"\">\r\n\t\t\t\t\t\t<p class=\"text-le1\">Detektor Si-PIN \/ SDD (opsional)<\/p>\t\r\n\t\t\t\t\t <\/div>\r\n\t\t\t\t\t <div class=\"banner-twotext\">\r\n\t\t\t\t\t\t<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/results.svg\" alt=\"\">\r\n\t\t\t\t\t\t<p class=\"text-le1\">Hasil dalam 3 detik<\/p>\r\n\t\t\t\t\t <\/div>\r\n\t\t\t\t <\/div>\r\n\t\t\t <\/div>\r\n\t\t<\/div>\r\n      <\/div>\r\n      <div class=\"swiper-slide\" style=\"position: relative; width: 100%; height: 100%;\">\r\n\t\t  <div style=\"background: radial-gradient(132.39% 172.18% at 34.76% 111.33%, rgba(0, 73, 199, 0.02) 5.99%, rgba(0, 73, 199, 0.2) 77.54%) ;background-blend-mode: color;height: 100%;width: 100%; position: absolute;top: 0;left: 0; z-index: 10;\"><\/div>\r\n\t\r\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/4-MANUAL.jpg\" alt=\"mendical\" class=\"banner-big\" loading=\"eager\" id=\"bannerbig4\">\r\n        <div id=\"bannerbig004\">\r\n           <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/12\/img-home-04.jpg\">\r\n            \r\n        <\/div>  \t\r\n\t\r\n\t\t <div class=\"banner-text\" id=\"banner-main-3\">\r\n\t\t\t <div  class=\"banner-left\">\r\n\t\t\t\t<p class=\"text-ti1\" id=\"text-ti1-1\" >Analyzer XRF SDD Resolusi Tinggi - VR-T7 Menyediakan Analisis Emas Cepat, Akurat, dan Andal\r\n\t\t\t\t <\/p>\r\n\t\t\t\t <p class=\"text-ti1\" id=\"text-ti1-2\">PLATFORM MANUAL X-Y - VR-T7 <\/p>\r\n\t\t\t \t<a class=\"texta\" href=\"\/id\/product\/precious-metals-analyzer-vr-t7\/\">\r\n\t\t\t\t\t<span>LIHAT LEBIH BANYAK <\/span>\r\n\t\t\t\t\t<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/tdesign_arrow-left.svg\" alt=\"\" class=\"yellow-left\">\r\n\t\t\t\t<\/a>\r\n\t\t\t\t<div class=\"banner-twotext1\">\r\n\t\t\t\t \t<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/advanced.svg\" alt=\"\">\r\n\t\t\t\t\t<p class=\"text-le\">Algoritma Multi-FP canggih<\/p>\r\n\t\t\t\t <\/div>\r\n\t\t\t\t <div class=\"banner-list\">\r\n\t\t\t\t\t <div class=\"banner-twotext\">\r\n\t\t\t\t\t\t<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/accurate.svg\" alt=\"\">\r\n\t\t\t\t\t\t<p class=\"text-le\">Deteksi elemen pengotor yang akurat<\/p>\r\n\t\t\t\t\t <\/div>\r\n\t\t\t\t\t <div class=\"banner-twotext\">\r\n\t\t\t\t\t\t<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/detection.svg\" alt=\"\">\r\n\t\t\t\t\t\t<p class=\"text-le\">Deteksi Re dan W yang akurat<\/p>\r\n\t\t\t\t\t <\/div>\r\n\t\t\t\t <\/div>\r\n\t\t\t<\/div>\r\n      <\/div>\r\n\t<\/div>\r\n      \r\n    <\/div>\r\n\t  <!--\r\n    <div class=\"swiper-button-next\"><\/div>\r\n    <div class=\"swiper-button-prev\"><\/div>\r\n\t-->\r\n  <\/div>\r\n\t\t<div class=\"srcoll\">\r\n\t\t  <div class=\"srcoll-li active\"><div class=\"progress active\"><\/div><\/div>\r\n\t\t  <div class=\"srcoll-li\"><div class=\"progress\"><\/div><\/div>\r\n\t\t  <div class=\"srcoll-li\"><div class=\"progress\"><\/div><\/div>\r\n\t\t  <div class=\"srcoll-li\"><div class=\"progress\"><\/div><\/div>\r\n\t\t<\/div>\t\r\n<!--\t\t\r\n\t\t\r\n <div thumbsSlider=\"\" class=\"swiper mySwiper\">\r\n    <div class=\"swiper-wrapper\">\r\n      <div class=\"swiper-slide\">\r\n      <\/div>\r\n      <div class=\"swiper-slide\"> \r\n      <\/div>\r\n      <div class=\"swiper-slide\">\r\n      <\/div>\r\n      <div class=\"swiper-slide\">\r\n      <\/div>\r\n      <div class=\"swiper-slide\">\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n  -->\r\n  \r\n  \r\n<\/section>\r\n\r\n  <!-- Swiper JS -->\r\n  <script src=\"\/wp-content\/themes\/blocksy-child\/swiper-bundle.min.js\"><\/script>\r\n\r\n\t<script>\r\n\t\tdocument.addEventListener(\"DOMContentLoaded\", function () {\r\n\t\r\n\t\t  const indicators = document.querySelectorAll(\".srcoll-li\");\r\n\t\t  const progressBars = document.querySelectorAll(\".srcoll-li .progress\");\r\n\t\t  const delay = 5000; \/\/ \u6bcf\u5f20\u56fe\u505c\u7559\u65f6\u95f4  \r\n\t\t  const swiper = new Swiper(\".mySwiper2\", {\r\n\t\t\tloop: true,\r\n\t\t\tautoplay: {\r\n\t\t\t  delay: delay,\r\n\t\t\t  disableOnInteraction: false,\r\n\t\t\t},\r\n\t\t\ton: {\r\n\t\t\t  slideChangeTransitionStart: function () {\r\n\t\t\t\t\/\/ \u91cd\u7f6e\u6240\u6709\u8fdb\u5ea6\u6761\r\n\t\t\t\tprogressBars.forEach(bar => {\r\n\t\t\t\t  bar.style.transition = \"none\";\r\n\t\t\t\t  bar.style.width = \"0%\";\r\n\t\t\t\t});\r\n\t\t\t\tindicators.forEach(li => li.classList.remove(\"active\"));\r\n\t\t\t  },\r\n\t\t\t  slideChangeTransitionEnd: function () {\r\n\t\t\t\tactivateProgress(swiper.realIndex);\r\n\t\t\t  }\r\n\t\t\t}\r\n\t\t  });\r\n\r\n\t\t  \/\/ \u70b9\u51fb\u5c0f\u6761\u5207\u6362 slide\r\n\t\t  indicators.forEach((li, index) => {\r\n\t\t\tli.addEventListener(\"click\", () => {\r\n\t\t\t  swiper.slideToLoop(index); \/\/ slideToLoop: \u652f\u6301 loop \u6a21\u5f0f\r\n\t\t\t});\r\n\t\t  });\r\n\r\n\t\t  \/\/ \u5c01\u88c5\u4e00\u4e2a\u6fc0\u6d3b\u8fdb\u5ea6\u6761\u7684\u51fd\u6570\r\n\t\t  function activateProgress(index) {\r\n\t\t\tindicators[index].classList.add(\"active\");\r\n\t\t\tconst bar = progressBars[index];\r\n\t\t\tbar.style.transition = `width ${delay}ms linear`;\r\n\t\t\tbar.style.width = \"100%\";\r\n\t\t  }\r\n\r\n\t\t  \/\/ \u521d\u59cb\u5316\u65f6\u624b\u52a8\u6fc0\u6d3b\u7b2c\u4e00\u4e2a\r\n\t\t  activateProgress(0);\r\n\t\t});\r\n\r\n\r\n\t<\/script>\r\n\r\n\r\n  <!-- Initialize Swiper\r\n  <script>\r\n\t  \r\n    var swiper = new Swiper(\".mySwiper\", {\r\n      loop: true, \/\/ \u5faa\u73af\u64ad\u653e\r\n      spaceBetween: 10,\r\n      slidesPerView: 4,\r\n      freeMode: true,\r\n      watchSlidesProgress: true,\r\n\r\n    });\r\n    var swiper2 = new Swiper(\".mySwiper21\", {  \/\/banner\u7684swiper\r\n      loop: true, \r\n      spaceBetween: 10,\r\n      navigation: {\r\n        nextEl: \".swiper-button-next\",\r\n        prevEl: \".swiper-button-prev\",\r\n      },\r\n\t\tautoplay: {\/\/ \u5faa\u73af\u64ad\u653e\r\n    delay: 3000, \/\/ \u6bcf\u5f20\u505c\u7559\u65f6\u95f4\uff08\u6beb\u79d2\uff09\r\n    disableOnInteraction: false, \/\/ \u7528\u6237\u64cd\u4f5c\u540e\u662f\u5426\u505c\u6b62\uff0cfalse = \u4e0d\u4f1a\u505c\u6b62\r\n  },\r\n      thumbs: {\r\n        swiper: swiper,\r\n      },\r\n    });\r\n  <\/script>\r\n -->\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0c21fb2 e-con-full e-flex e-con e-parent\" data-id=\"0c21fb2\" data-element_type=\"container\" id=\"home-product-2\">\n\t\t<div class=\"elementor-element elementor-element-00d3b29 e-con-full e-flex e-con e-child\" data-id=\"00d3b29\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-4a453fa e-con-full e-flex e-con e-child\" data-id=\"4a453fa\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0302cb0 elementor-widget elementor-widget-text-editor\" data-id=\"0302cb0\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>PRODUK<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c5c2a08 elementor-widget elementor-widget-heading\" data-id=\"c5c2a08\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Analisis logam mulia<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1fc8294 elementor-widget elementor-widget-text-editor\" data-id=\"1fc8294\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Instrumen XRF canggih kami memberikan analisis logam mulia dengan akurasi tinggi, memungkinkan deteksi unsur dan lapisan dengan presisi, kecepatan, dan teknologi pengujian non-destruktif.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-91d88f6 e-con-full e-flex e-con e-child\" data-id=\"91d88f6\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-84d4ba7 elementor-widget elementor-widget-html\" data-id=\"84d4ba7\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t  <meta charset=\"utf-8\" \/>\n   <meta name=\"viewport\" content=\"width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1\" \/>\n<link rel=\"stylesheet\" href=\"\/wp-content\/themes\/blocksy-child\/swiper2-bundle.min.css\" \/>\n\n\t  <!-- Demo styles -->\n  <style>\n   #product .swiper-slide {\n      text-align: center;\n      font-size: 18px;\n      background: rgba(242, 243, 245, 1);\n      display: flex;\n\t  flex-direction: column;\n\t  justify-items: center;\n\t  align-items: center;\n\t \n    }\n\n   #product .swiper-slide  {\n      display: block;\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n    }\n     #product .swiper-button-prev:after\uff0c #product .swiper-button-next:after{\n           content: \"\";\n          background-size: contain;\n          background-repeat: no-repeat;\n          background-position: center;\n          width: 10px;   \/* \u4f60\u60f3\u8981\u7684\u5927\u5c0f *\/\n          height: 10px;\n          display: block;\n     }\n    \n    #product .swiper-button-prev:after {\n        display: none;\n    }\n       #product .swiper-button-next:after {\n         display: none;\n       \n    }\n    \n    \n     #product .swiper-slide a{\n         width: 100%;\n         height: 100%;\n         display:flex;\n         flex-direction:column;\n         justify-content:center;\n         align-items:center;\n     }\n    #product p{\n        font-family: Rubik;\n        font-weight: 700;\n        font-style: Bold;\n        font-size: 22px;\n        \n        leading-trim: NONE;\n        line-height: 100%;\n        letter-spacing: 0%;\n        text-align: center;\n        text-transform: capitalize;\n        color: rgba(9, 23, 40, 1);\n        \n      \n    }\n    #product span{\n        font-family: Roboto;\n        font-weight: 300;\n        font-style: Light;\n        font-size: 16px;\n        leading-trim: NONE;\n        line-height: 24px;\n        letter-spacing: 0%;\n        text-align: center;\n        color: rgba(39, 39, 39, 0.8);\n        display: -webkit-box;          \/* \u5173\u952e\uff1a\u5b9a\u4e49\u4f38\u7f29\u5bb9\u5668 *\/\n      -webkit-line-clamp: 1;         \/* \u9650\u5236\u663e\u793a\u7684\u884c\u6570 *\/\n      -webkit-box-orient: vertical;  \/* \u5782\u76f4\u6392\u5217 *\/\n      overflow: hidden;              \/* \u8d85\u51fa\u9690\u85cf *\/\n      text-overflow: ellipsis;       \/* \u7701\u7565\u53f7\u6548\u679c *\/\n      padding: 0 12px;\n    }\n    #product .textlist{\n        margin-top:30px;\n        display:flex;\n        flex-direction:column;\n        gap:10px;\n        align-items:center;\n        justify-items:center;\n        transition: transform 0.5s ease;\n    }\n     #product .swiper-slide:hover .textlist{\n         transform: translateY(-30px);\n     }\n    #product .swiper-slide:hover p{\n        color:rgba(255, 255, 255, 1);\n\n    }\n    #product .swiper-slide:hover span{\n        -webkit-line-clamp: 4;  \n       color: rgba(242, 243, 245, 1);\n        \n    }\n     #product .swiper-slide .prolistimg{\n         width:30px;\n         height:30px;\n         display: none;\n         margin-top: 20px;\n        \n     }\n      #product .swiper-slide:hover .prolistimg{\n          transform: translateY(-30px);\n          display: block;\n          \n      }\n   #product .swiper-slide:hover{\n       background: linear-gradient(0deg, #0049C7 0%, #F2F3F5 100%);\n\n   } \n   #product .mySwiper0{\n       width: 90%;\n       height: 508px;\n   }\n   \n   \n   .pro-imglist img{\n       width: 224px;\n       height: 224px;\n   }\n   \n    @media((min-width:768px) and (max-width:1023px)){\n        #product p {\n            font-size: 2.14vw;\n        }\n        #product span{\n            font-size: 1.56vw;\n        }\n        #product .mySwiper0{\n            height:460px;\n        }\n    .swiper-button-prev, .swiper-rtl .swiper-button-next {\n        left: var(--swiper-navigation-sides-offset, 0px)!important;\n        \n    }\n    .swiper-button-next, .swiper-rtl .swiper-button-prev {\n    right: var(--swiper-navigation-sides-offset, 0px)!important;\n    \n}\n.pro-imglist{\n    \n    margin-top: 100px;\n    display:flex;\n    justify-items:center;\n    align-items:center;\n}\n\n   .pro-imglist img{\n       width: 180px;\n       height: 180px;\n \n   }\n        \n    }\n    @media(max-width:767px){\n     .swiper-button-next,.swiper-button-prev{\n         display: none!important;\n     }\n     #product .mySwiper0{\n         height: 236px;\n     } \n     #product span{\n         display: none;\n     }\n     #product p{\n         font-size: 18px;\n     }\n      .pro-imglist img{\n       width: 77px;\n       height: 77px;\n \n   }\n     #product .swiper-slide a{\n         width:100%;\n         height:100%;\n     }\n     .pro-imglist{\n         display: flex;\n         flex-direction: column;\n         align-items: center;\n         justify-content: center;\n     }\n     .swiper-slide a {\n         justify-content: center;\n     }\n     #product .mySwiper0{\n         width: 100%;\n     }\n           #product .swiper-slide:hover .prolistimg{\n          transform: translateY(-0px);\n          display: block;\n          \n      }\n          #product .swiper-slide:hover .textlist{\n         transform: translateY(-10px);\n     }\n        \n    }\n    \n  <\/style>\n  <section id=\"product\">\n  <!-- Swiper -->\n  <div class=\"swiper mySwiper0\" style=\"\">\n    <div class=\"swiper-wrapper\">\n        \n <!-- vr-s6 --> \t\t\n      <div class=\"swiper-slide\" style=\"opacity: 1\">\n           <a href=\"\/id\/product\/compact-benchtop-xrf-spectrometer-vr-s6-high-resolution-precious-metal-analyzer\/\" style=\"width: 100%;height: 100%\">\n\t\t  <div class=\"pro-imglist\">\n\t\t  \t<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/12\/vr-S6-1.png\" alt=\"vr-s6\">\n\t\t  <\/div>\n\t\t  <div class=\"textlist\">\n\t\t\t  <p >VR-S6<\/p>\n\t\t\t  <span >VRAY Spektrometer XRF Meja Kompak VR\u2011S6 \u2013 Analyzer Logam Mulia Resolusi Tinggi<\/span>\n\t\t  <\/div>\n\t\t  <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/prolistimg.png\"  class=\"prolistimg\">\n\t\t<\/a>\n\t\t<\/div>\n\t\t\n <!-- vr-T6 --> \t\t\n      <div class=\"swiper-slide\" style=\"opacity: 1\">\n           <a href=\"\/id\/product\/benchtop-precious-metal-analyzer-xrf-analyzer-elements-analyzer-x-ray-fluorescence-spectrometer-vr-t6\/\" style=\"width: 100%;height: 100%\">\n\t\t   <div class=\"pro-imglist\">\n\t\t  <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/11\/vr-t6.png\" alt=\"vr-t6\">\n\t\t<\/div>\n\t\t  <div class=\"textlist\">\n\t\t\t  <p>VR-T6<\/p>\n\t\t\t  <span >VRAY Analyzer XRF Meja Ruang Besar VR-T6, Spektrometer Fluoresensi Sinar-X untuk Analisis Logam Mulia <\/span>\n\t\t  \n\t\t  <\/div>\n\t\t  <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/prolistimg.png\"  class=\"prolistimg\">\n\t\t  <\/a>\n\t<\/div>\n <!-- vr-T7 --> \n      <div class=\"swiper-slide\" style=\"opacity: 1\">\n           <a href=\"\/id\/product\/precious-metals-analyzer-vr-t7\/\" style=\"width: 100%;height: 100%\">\n\t\t  <div class=\"pro-imglist\">\n\t\t  <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/11\/VR-T7-1.png\" alt=\"\">\n\t\t  <\/div>\n\t\t  <div class=\"textlist\">\n\t\t\t  <p >VR-T7<\/p>\n\t\t\t  <span>VRAY Spektrometer XRF Meja Resolusi Tinggi VR-T7 dengan Platform Manual X-Y untuk Pengukuran Area Mikro <\/span>\n\t\t  \n\t\t  <\/div>\n\t\t  \t <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/prolistimg.png\"  class=\"prolistimg\">\n\t\t  <\/a>\n\t\t<\/div>\t\n <!-- vr-X5 --> \n       <div class=\"swiper-slide\" style=\"opacity: 1\">\n           <a href=\"\/id\/product\/goldpro-xrf-gold-analyzer-vr-x5-with-high-precision-for-precious-metal-analysis\/\" style=\"\">\n\t\t  <div style=\"\" class=\"pro-imglist\">\n\t\t  <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/11\/product-X5-1.png\" alt=\"vr-x5\">\n\t\t  <\/div>\n\t\t  <div class=\"textlist\">\n\t\t\t  <p style=\"\">VR-X5<\/p>\n\t\t\t  <span style=\"\">VRAY Analyzer Emas XRF VR-X5 memberikan analisis mudah, andal, dan akurat untuk Logam Mulia<\/span>\n\t\t  \n\t\t  <\/div>\n\t\t <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/prolistimg.png\"  class=\"prolistimg\">\n\t\t  <\/a>\n\t\t<\/div>\n\t\t\n <!-- vr-m5 --> \t\t\n      <div class=\"swiper-slide\" style=\"opacity: 1\">\n           <a href=\"\/id\/product\/portable-xrf-analyzer-vr-m5\/\" style=\"width: 100%;height: 100%\">\n\t\t  <div class=\"pro-imglist\">\n\t\t  <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/11\/PortableXRFAnalyzerVR-M5-1.png\" alt=\"vr-m5\">\n\t\t  <\/div>\n\t\t  <div  class=\"textlist\">\n\t\t\t  <p >VR-M5<\/p>\n\t\t\t  <span>VRAY Analyzer XRF Portabel VR-M5 hanya 4KG untuk analisis emas di lokasi<\/span>\n\t\t  \n\t\t  <\/div>\n\t\t  <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/prolistimg.png\"  class=\"prolistimg\">\n\t\t  <\/a>\n\t\t<\/div>\n <!-- vr-h5 --> \t\t\n      <div class=\"swiper-slide\" style=\"opacity: 1\">\n           <a href=\"\/id\/product\/handheld-precious-metals-analyzer-vr-h5\/\" style=\"width: 100%;height: 100%\">\n\t\t  <div class=\"pro-imglist\">\n\t\t  <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/11\/H51000.png\" alt=\"vr-h5\">\n\t\t  <\/div>\n\t\t  <div  class=\"textlist\">\n\t\t\t  <p>VR-H5<\/p>\n\t\t\t  <span>VRAY Analyzer Logam Mulia Genggam VR-H5 1,6KG Spektrometer XRF di lokasi<\/span>\n\t\t  <\/div>\n\t\t  <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/prolistimg.png\"  class=\"prolistimg\">\n\t\t  <\/a>\n\t\t<\/div>\n <!-- vr-t9 --> \n      <div class=\"swiper-slide\" style=\"opacity: 1\">\n           <a href=\"\/id\/product\/benchtop-xrf-analyzer-vr-t9\/\" style=\"width: 100%;height: 100%\">\n\t\t  <div class=\"pro-imglist\" >\n\t\t  <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/11\/T9.png\" alt=\"vr-t9\">\n\t\t  <\/div>\n\t\t  <div class=\"textlist\">\n\t\t\t  <p>VR-T9<\/p>\n\t\t\t  <span>VRAY Spektrometer XRF Meja VR-T9 Analyzer Emas 99999 dengan Multi-kolimator <\/span>\n\t\t  <\/div>\n\t\t  <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/prolistimg.png\"  class=\"prolistimg\">\n\t\t  <\/a>\n\t\t<\/div>\n\n <!-- vr-Y5 --> \t\t\n\t\t\n      <div class=\"swiper-slide\" style=\"opacity: 1\">\n           <a href=\"#\" style=\"width: 100%;height: 100%\">\n\t\t  <div class=\"pro-imglist\">\n\t\t  <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/11\/VR-Y5.png\" alt=\"VR-Y5\">\n\t\t  <\/div>\n\t\t  <div class=\"textlist\">\n\t\t\t  <p>VR-Y5<\/p>\n\t\t\t  <span>VRAY Penguji Emas XRF Model All-in-one VR-Y5 Analyzer Logam Mulia<\/span>\n\t\t  \n\t\t  <\/div>\n\t\t  <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/prolistimg.png\"  class=\"prolistimg\">\n\t\t  <\/a>\n\t\t<\/div>\n\n <!-- vr-name --> \n\n\t\t\n\t\t\n    <\/div>\n\t  <!--\n    <div class=\"swiper-pagination\"><\/div>  -->\n\t\n  <\/div>\n\t\t<div class=\"swiper-button-next\">\n\t\t  <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/tdesign_arrow-right.svg\">  \n\t\t  \n\t\t<\/div>\n\t\t<div class=\"swiper-button-prev\">\n\t\t  <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/tdesign_arrow-left-1.svg\"> \n\t\t<\/div>\n<\/section>\n\n  <!-- Swiper JS -->\n  <script src=\"\/wp-content\/themes\/blocksy-child\/swiper-bundle.min.js\"><\/script>\n\n  <!-- Initialize Swiper -->\n  <script>\nvar swiper = new Swiper(\".mySwiper0\", {\n  slidesPerView: 4,   \n  spaceBetween: 5,\n  pagination: {\n    el: \".swiper-pagination\",\n    clickable: true,\n  },\n  navigation: {\n    nextEl: \".swiper-button-next\",\n    prevEl: \".swiper-button-prev\",\n  },\n\nbreakpoints: {\n  0: { slidesPerView: 3 },\n  768: { slidesPerView: 3 },\n  1280: { slidesPerView: 4 }\n}\n});\n  <\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-60f5c47 e-con-full e-flex e-con e-child\" data-id=\"60f5c47\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eae85e5 elementor-widget elementor-widget-button\" data-id=\"eae85e5\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"\/id\/products\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"19\" height=\"19\" viewbox=\"0 0 19 19\" fill=\"none\"><path d=\"M3.23475 8.70818L12.407 8.70818L8.8445 5.14568L9.96392 4.02627L15.4375 9.49985L9.96392 14.9734L8.8445 13.854L12.407 10.2915L3.23475 10.2915L3.23475 8.70818Z\" fill=\"white\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">LEBIH BANYAK PRODUK<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-87e1744 e-con-full e-flex e-con e-parent\" data-id=\"87e1744\" data-element_type=\"container\" id=\"home-product-3\">\n\t\t\t\t<div class=\"elementor-element elementor-element-94553a0 elementor-widget elementor-widget-html\" data-id=\"94553a0\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n  <meta charset=\"utf-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1\" \/>\r\n  <!-- Link Swiper's CSS -->\r\n  <link rel=\"stylesheet\" href=\"\/wp-content\/themes\/blocksy-child\/swiper-bundle.min.css\" \/>\r\n  <!-- Demo styles -->\r\n  <style>\r\n\r\n    .swiper-slide {\r\n\t  position: relative;\r\n      text-align: center;\r\n      font-size: 18px;\r\n      background: #444;\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n\t\twidth: 100%;\r\n\t\theight: 100vh;\r\n    }\r\n    .swiper-slide .banner-big {\r\n      display: block;\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n    }\r\n\r\n    .mySwiper3 {\r\n      height: 100vh;\r\n      width: 100%;\r\n    }\r\n\r\n    .mySwiper {\r\n      height: 20%;\r\n      box-sizing: border-box;\r\n      padding: 10px 0;\r\n    }\r\n\r\n    .mySwiper .swiper-slide {\r\n      width: 25%;\r\n      height: 100%;\r\n      opacity: 0.4;\r\n    }\r\n\r\n    .mySwiper .swiper-slide-thumb-active {\r\n      opacity: 1;\r\n    }\r\n\/*\r\n    .swiper-slide img {\r\n      display: block;\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n    }*\/\r\n  <\/style>\r\n<style>\r\n#home-product-3\t.mySwiper{\r\n\t\tdisplay: none;\r\n\t}\r\n#home-product-3\t.banner-big {\r\n\t  \twidth: 100%; \r\n\t  \tdisplay: block;\r\n\t  \tpointer-events: none; \/* \u9632\u6b62 img \u963b\u6321\u62d6\u52a8\u4e8b\u4ef6 *\/\r\n\t  \t\r\n\t}\r\na{\r\n\t  \ttext-decoration: none;\r\n\t}\r\n#home-product-3\t.swiper-slide .texta{\r\n\t\tdisplay: flex;\r\n\t\twidth: 13vw;\r\n\t\theight: 31px;\r\n\t\tborder-radius: 20px;\r\n\t\tbackground-color: rgba(0, 73, 199, 1);\r\n\t\tdisplay: inline-flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\tgap:5px;\r\n\t\tmargin: 1vw 0 1vw 0;\t\t\t\t\r\n\t}\r\n#home-product-3\t.yellow-left{\r\n\t\ttransition: opacity 0.3s ease, filter 0.3s ease;\r\n\t\t}\t\r\n#home-product-3\t.texta span{\r\n\t\tfont-family:\"Saira Stencil One\";\r\n\t\tfont-size: clamp(12px, 0.729vw, 14px);\r\n\t\tline-height: 1rem;\r\n\t\tcolor: rgba(255, 255, 255, 1);\r\n\t}\r\n#home-product-3\t.texta:hover span{\r\n\t\tcolor: rgba(255, 235, 61, 1);\r\n\t}\r\n#home-product-3\t.texta:hover {\r\n\t\tbackground: rgba(128, 128, 128, 0.5);\r\n\t}\r\n#home-product-3\t.texta:hover .yellow-left{\r\n\t\tcontent: url(\"\/wp-content\/uploads\/2025\/10\/yellow-left.svg\");\r\n\t}\r\n\r\n#home-product-3\t.srcollp3 {\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\tgap: 10px;\r\n\t\tposition: absolute;\r\n\t\ttop: 96%;\r\n\t\tz-index: 999;\r\n\t\talign-items: center;\r\n\t\twidth: 100%;\r\n\t}\r\n#home-product-3\t.srcoll-lip3 {\r\n\t  \tposition: relative;\r\n\t \twidth: 4px;\r\n\t  \theight: 4px;\r\n\t \tbackground: rgba(242, 243, 245, 1);\r\n\t \tborder-radius: 4px;\r\n\t \toverflow: hidden;\r\n\t \ttransition: all 0.3s ease;\r\n\t  \tcursor: pointer;\r\n\t}\r\n\r\n#home-product-3\t.srcoll-lip3.active {\r\n\t  \twidth: 48px;\r\n\t\theight: 4px;\r\n\t\tborder-radius: 4px;\r\n\t  \tbackground: #eee;\r\n\t}\r\n\r\n#home-product-3\t.srcoll-lip3 .p3gress {\r\n\t \tposition: absolute;\r\n\t  \ttop: 0;\r\n\t  \tleft: 0;\r\n\t  \theight: 100%;\r\n\t  \twidth: 0%;\r\n\t  \tbackground: red;\r\n\t  \ttransition: width linear;\r\n\t}\r\n\t\r\n\r\n#home-product-3\t.banner-twotext img{\r\n\t\tmargin-left: 0.8vw;\r\n\t}\r\n\t\r\n\t#home-product-3 .home-pro-le{\r\n\t    width:80%;\r\n\t\tfont-family: \"Saira Stencil One\";\r\n\t\tfont-weight: 400;\r\n\t\tfont-size: clamp(12px, 0.833vw, 16px);\r\n\t\tline-height: 1;\r\n\t\tletter-spacing: 0%;\r\n\t\tcolor: rgba(0, 73, 199, 1);\r\n\t\ttext-align: left;\r\n        padding: 15px 0;\r\n\t}\r\n\t\r\n#home-product-3  #white-home-text  .text-le{\r\n    \tcolor:rgba(255, 255, 255, 1);\r\n}\t\r\n\t\r\n\t#home-product-3 .home-pro-ti{\r\n\t    width:80%;\r\n\t\tfont-family: Rubik;\r\n\t\tfont-weight: 600;\r\n\t\tfont-style: SemiBold;\r\n\t\tfont-size:clamp(28px, 1.825vw, 36px);\r\n\t\tleading-trim: NONE;\r\n\t\tline-height: 100%;\r\n\t\tletter-spacing: 0%;\r\n\t\tfont-variant-numeric-figure: lining-nums;\r\n\t\tfont-variant-numeric-spacing: proportional-nums;\r\n\t\ttext-transform: uppercase;\r\n\t\tcolor: rgba(30, 71, 127, 1);\r\n\t\ttext-align: left;\r\n\t}\r\n\t#home-product-3 .home-pro-tl{\r\n\t    width:80%;\r\n\t\tfont-family: Roboto;\r\n\t\tfont-weight: 300;\r\n\t\tfont-size: clamp(12px, 0.833vw, 16px);\r\n\t\tline-height: 24px;\r\n\t\tletter-spacing: 0%;\r\n\t\tcolor: rgba(9, 23, 40, 1);\r\n\t\ttext-align: left;\r\n\r\n\t}\r\n\t#home-product-3 .text-le{\r\n\t\tfont-family: Saira Stencil One;\r\n\t\tfont-weight: 400;\r\n\t\tfont-size: clamp(12px, 0.833vw, 16px);\r\n\t\tline-height: 100%;\r\n\t\tletter-spacing: 0%;\r\n\t\tcolor: rgba(128, 128, 128, 1);\r\n\t\ttext-align: left;\r\n\t}\r\n  \/* banner-text \u6837\u5f0f\u53ca\u52a8\u753b *\/\r\n #home-product-3  .swiper-slide .banner-text {\r\n\t\tposition: absolute;\r\n\t\ttop:16%;\r\n\t\tleft:50%;\r\n\t\ttransform: translate(-50%, 0px);\r\n\t\topacity: 0;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\talign-items: center;\r\n\t\ttext-align: center;\r\n\t\tz-index: 30;\r\n\t\twidth: 100%;\r\n\t\ttransition: transform 0.6s ease, opacity 0.6s ease;\r\n  }\r\n  #home-product-3 .swiper-slide-active .banner-text{\r\n\t\ttransform: translate(-50%, -50px);\r\n\t\topacity: 1;\r\n  }\t\r\n  \/*\r\n #home-product-3 .swiper-slide:nth-child(2) .banner-text {\r\n\t\tposition: absolute;\r\n\t\ttop:15%;\r\n\t\tleft:50%;\r\n\t\ttransform: translate(-50%, 0px);\r\n\t\topacity: 0;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\talign-items: center;\r\n\t\ttext-align: center;\r\n\t\tz-index: 30;\r\n\t\twidth: 100%;\r\n\t\ttransition: transform 0.6s ease, opacity 0.6s ease;\r\n  }\t\r\n\t\r\n #home-product-3 .swiper-slide-active:nth-child(2) .banner-text{\r\n\t\ttransform: translate(-50%, 60px);\r\n\t\topacity: 1;\r\n  }\r\n  *\/\r\n\t#home-product-3{\r\n\t\twidth: 100%;\r\n\t}\r\n\t.home-pro-all{\r\n\t   width: 100%;\r\n\t   padding: 0 13.8vw;\r\n\t   display: flex;\r\n\t   flex-direction: column;\r\n\t   justify-content:flex-start;\r\n\t}\r\n\t\r\n\t.home-pro-two{\r\n\t    display: flex;\r\n\t    flex-direction: row;\r\n\t    width: 100%;\r\n\t    gap:10px;\r\n\t    position: absolute;\r\n\t    bottom: 60px;\r\n\t    justify-items:center;\r\n\t    align-items: center;\r\n\t    padding: 0 13.8vw;\r\n\t}\r\n#home-product-3\t.banner-twotext{\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: row;\r\n\t\tbackground: rgba(255, 255, 255, 0.01);\r\n\t\tborder-radius: 60px;backdrop-filter: blur(50px);\r\n\t\twidth: 25%;\r\n\t\tjustify-content: flex-start;\r\n\t\talign-items: center;\r\n\t\theight: 54px;\r\n\t\tflex: none;\r\n\t}\r\n\t\/*****************\u7b14\u8bb0\u672c\u7aef************************\/\r\n\t@media((min-width:1024px) and (max-width:1399px)){\r\n\t   #home-product-3  .swiper-slide .texta {\r\n\t       width: 18vw;\r\n\t       height: 31px;\r\n\t   } \r\n\t}\t\r\n\t\t\r\n\t\r\n\t\r\n\t\r\n\t\r\n\t\r\n\t\r\n\t\/*****************\u5e73\u677f\u7aef************************\/\r\n\t@media((min-width:768px) and (max-width:1023px)){\r\n\t    \r\n\t    #home-product-3 .home-pro-le {\r\n\t        font-size: 1.56vw;\r\n\t       \r\n\t    }\r\n\t    #home-product-3 .home-pro-ti{\r\n\t        font-size: 3.51vw;\r\n\t    }\r\n\t    #home-product-3 .text-le{\r\n\t        font-size: 1.56vw;\r\n\t        text-align: left;\r\n\t    }\r\n\t    #home-product-3 .swiper-slide .texta{\r\n\t        width: 200px;\r\n            height: 31px;\r\n\t        \r\n\t    }\r\n\t    #home-product-3 .home-pro-tl{\r\n\t        font-size: 1.56vw;\r\n\t    }\r\n\t    #home-product-3 .texta span {\r\n\t        font-size: 1.17vw;\r\n\t    }\r\n\t    \r\n\t   #home-product-3{\r\n\t      height: 83vh;\r\n\t       overflow: hidden;\r\n\t   } \r\n\t   .elementor-11 .elementor-element.elementor-element-87e1744{\r\n\t       min-height: auto;\r\n\t   }\r\n\t    \r\n\t  #home-product-3 .home-pro-two {\r\n\t      bottom: 260px;\r\n\t        display: flex;\r\n        flex-wrap: wrap;\r\n\t  }\r\n\t  #home-product-3\t.banner-twotext{\r\n\t      width: 45%;\r\n\t    \r\n\t  }\r\n\t    \r\n\t}\r\n\t\/*****************\u624b\u673a\u7aef ************************\/\r\n\t@media(max-width:767px){\r\n\t    #home-product-3{\r\n\t      width: 100%;\r\n\t     overflow: hidden;\r\n\t     height: auto;\r\n\t     min-height: auto;\r\n\t    }\r\n\t    .mySwiper3 {\r\n\t      height: 640px;\r\n\t      overflow: hidden;\r\n\t    }\r\n\t #home-product-3 .home-pro-le{\r\n\t    font-size: 12px;\r\n\t    text-align: left;\r\n\t }  \r\n\t #home-product-3 .home-pro-ti{\r\n\t     width: 100%;\r\n\t      font-size: 24px;\r\n\t }\r\n\t#home-product-3 .home-pro-tl{\r\n\t     display: -webkit-box;          \/* \u5173\u952e\uff1a\u5b9a\u4e49\u4f38\u7f29\u5bb9\u5668 *\/\r\n      -webkit-line-clamp: 4;         \/* \u9650\u5236\u663e\u793a\u7684\u884c\u6570 *\/\r\n      -webkit-box-orient: vertical;  \/* \u5782\u76f4\u6392\u5217 *\/\r\n      overflow: hidden;              \/* \u8d85\u51fa\u9690\u85cf *\/\r\n      text-overflow: ellipsis;       \/* \u7701\u7565\u53f7\u6548\u679c *\/\r\n\t    width: 100%;\r\n\t   font-size: 14px;\r\n\t}\r\n\t#home-product-3 .text-le{\r\n\t    font-size:12px;\r\n\t}\r\n\t#home-product-3 .swiper-slide .texta{\r\n\t    width: 156px;\r\n\t    height: 27px;\r\n\t    margin: 4px 0;\r\n\t}\r\n\t#home-product-3 .texta span{\r\n\t    font-size: 12px;\r\n\t}\r\n\t.home-pro-all{\r\n\t    width: 100%;\r\n\t    padding: 0 24px;\r\n\t}\r\n\t\r\n\t#home-product-3 .swiper-slide .banner-text{\r\n\t    top:12.5%;\r\n\t}\r\n\t\r\n\t#banner-big-01{\r\n\t    object-position: 50% 0px;\r\n\t}\r\n\t#banner-big-02{\r\n\t    object-position: 55% 0px;\r\n\t}\r\n\t#banner-big-03{\r\n\t    object-position: 25% 0px;\r\n\t}\r\n   .home-pro-all{\r\n        gap: 12px;\r\n    }\r\n\t #banner-big-03 img{\r\n\t    width: 100%;\r\n\t    height: 100%;\r\n\t    object-fit: cover;\r\n\t}\r\n\t.home-pro-two{\r\n\t    width: 100%;\r\n\t   display: flex;\r\n\t    flex-wrap: wrap;\r\n\t     gap: 5px; \r\n\t\tpadding: 0 24px;\r\n\t\t    \r\n\t\t}\r\n\t#home-product-3 .banner-twotext {\r\n\t    flex: 0 0 49%;\r\n\t    text-align: center;      \r\n\t}\r\n\t#home-product-3 .banner-twotext{\r\n\t    width:60%;\r\n\t    \r\n\t}\r\n\t\r\n\t\r\n\t\r\n\t}\r\n\t<\/style>\r\n\r\n\r\n\r\n\t\r\n<section id=\"home-product-3\">\t\r\n  <!-- Swiper -->\r\n  <div style=\"--swiper-navigation-color: #fff; --swiper-pagination-color: #fff\" class=\"swiper mySwiper3\">\r\n    <div class=\"swiper-wrapper\">\r\n      <div class=\"swiper-slide\">\r\n\t\t <div style=\"background: radial-gradient(180.34% 112% at 70.76% -44.89%, rgba(0, 73, 199, 0.5) 20.04%, rgba(0, 73, 199, 0) 100%);width: 100%;height:100%; position: absolute;top: 0;left: 0; z-index: 10;\">\r\n\t\t  <\/div>\r\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/12\/gold-testing-machine-1.jpg\" alt=\"gold-testing-machine\" class=\"banner-big\" loading=\"eager\" id=\"banner-big-01\">\r\n\t\t<div class=\"banner-text\">\r\n\t\t\t<div style=\"\" class=\"home-pro-all\">\r\n\t\t\t\t<p class=\"home-pro-le\">PRODUK<\/p>\r\n\t\t\t\t<h2 class=\"home-pro-ti\">Mesin Penguji Emas<\/h2>\r\n\t\t\t\t<p class=\"home-pro-tl\">Mesin penguji emas VRAY menggunakan teknologi XRF canggih untuk analisis emas, perak, platinum, dan logam mulia lainnya secara presisi dan non-destruktif. Mampu mendeteksi ketebalan pelapisan dan lapisan, mesin ini memberikan hasil yang andal dengan akurasi tinggi. Dirancang untuk perajin perhiasan, pemurnian, dan laboratorium, mesin ini menggabungkan performa kelas profesional dengan operasi yang mudah digunakan, memastikan pengujian yang konsisten, cepat, dan terpercaya setiap saat.\r\n\t\t\t\t<\/p>\r\n\t\t\t\t<a class=\"texta\" href=\"\/id\/product\/goldpro-xrf-gold-analyzer-vr-x5-with-high-precision-for-precious-metal-analysis\/\" >\r\n\t\t\t\t\t<span style=\"\">LIHAT LEBIH BANYAK<\/span>\r\n\t\t\t\t\t<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/tdesign_arrow-left.svg\" alt=\"tdesign_arrow-left\" class=\"yellow-left\">\r\n\t\t\t\t<\/a>\t\r\n\t\t\t <\/div>\r\n\t\t\t<\/div>\r\n\t\t  \t<div style=\"\" class=\"home-pro-two\" id=\"white-home-text\">\r\n\t\t\t\t\t<div  class=\"banner-twotext\">\r\n\t\t\t\t\t\t<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/Precision.svg\" alt=\"Precision\">\r\n\t\t\t\t\t\t<p class=\"text-le\">Presisi: 0,03% [emas 9999]<\/p>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"banner-twotext\">\r\n\t\t\t\t\t\t<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/Built-in.svg\" alt=\"Built-in\">\r\n\t\t\t\t\t\t<p class=\"text-le\">Komputer dan layar bawaan<\/p>\t\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"banner-twotext\">\r\n\t\t\t\t\t\t<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/Si-PIN.svg\" alt=\"Si-PIN\">\r\n\t\t\t\t\t\t<p class=\"text-le\">Detektor Si-PIN<\/p>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"banner-twotext\">\r\n\t\t\t\t\t\t<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/Multi.svg\" alt=\"Multi\">\r\n\t\t\t\t\t\t<p class=\"text-le\">Perangkat lunak algoritma Multi-FP<\/p>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n      <\/div>\r\n      <div class=\"swiper-slide\">\r\n\t\t  <div style=\"background: radial-gradient(180.34% 112% at 70.76% -44.89%, rgba(0, 73, 199, 0.02) 20.04%, rgba(0, 73, 199, 0) 100%);height: 100%;width: 100%; position: absolute;top: 0;left: 0; z-index: 10;\"><\/div>\r\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/12\/Gold-Testing-Machine-2-2.jpg\" alt=\"gold-testing-machine\" class=\"banner-big\" loading=\"eager\" id=\"banner-big-02\">\r\n\t\t<div class=\"banner-text\" id=\"banner-text2\">\r\n\t\t\t<div  class=\"home-pro-all\">\r\n\t\t\t\t<p class=\"home-pro-le\">PRODUK<\/p>\r\n\t\t\t\t<h2 class=\"home-pro-ti\" style=\"color: rgba(255, 255, 255, 1)\">Mesin Penguji Emas<\/h2>\r\n\t\t\t\t<div class=\"banner-twotext\">\r\n\t\t\t\t\t<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/support.svg\" alt=\"support\">\r\n\t\t\t\t\t<p class=\"text-le\">Mendukung tampilan layar ganda<\/p>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<a class=\"texta\" href=\"\/id\/product\/goldpro-xrf-gold-analyzer-vr-x5-with-high-precision-for-precious-metal-analysis\/\" >\r\n\t\t\t\t\t<span  >LIHAT LEBIH BANYAK<\/span>\r\n\t\t\t\t\t<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/tdesign_arrow-left.svg\" alt=\"tdesign_arrow-left\" class=\"yellow-left\">\r\n\t\t\t\t<\/a>\r\n\t\t\t <\/div>\r\n\t\t  <\/div>\r\n      <\/div>\r\n      <div class=\"swiper-slide\"> \r\n\t\t  <div style=\"background: radial-gradient(177.39% 110.17% at 38.75% -43.06%, rgba(0, 73, 199, 0.5) 20.04%, rgba(0, 73, 199, 0) 100%);height: 100%;width: 100%; position: absolute;top: 0;left: 0; z-index: 10;object-fit: cover;\"><\/div>\r\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/gold-testing-machine-3.jpg\" alt=\"gold-testing-machine\" class=\"banner-big\" loading=\"eager\" id=\"banner-big-03\">\r\n\t\t  <div class=\"banner-text\">\r\n\t\t\t<div  class=\"home-pro-all\">\r\n\t\t\t\t<p class=\"home-pro-le\">PRODUK<\/p>\r\n\t\t\t\t<h2 class=\"home-pro-ti\">Mesin Penguji Emas<\/h2>\r\n\t\t\t\t<div class=\"banner-twotext\">\r\n\t\t\t\t\t<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/Easy.svg\" alt=\"easy\" >\r\n\t\t\t\t\t<p class=\"text-le\">Operasi Mudah<\/p>\r\n\t\t\t\t<\/div>\r\n<a class=\"texta\" href=\"\/id\/product\/compact-benchtop-xrf-spectrometer-vr-s6-high-resolution-precious-metal-analyzer\/\" >\r\n\t\t\t\t<span >LIHAT LEBIH BANYAK<\/span>\r\n\t\t\t\t<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/tdesign_arrow-left.svg\" alt=\"tdesign_arrow\" class=\"yellow-left\">\r\n\t\t\t<\/a>\r\n\t\t\t <\/div>\r\n\t\t<\/div>\r\n      <\/div>   \r\n    <\/div>\r\n\t  <!--\r\n    <div class=\"swiper-button-next\"><\/div>\r\n    <div class=\"swiper-button-prev\"><\/div>\r\n\t-->\r\n  <\/div>\r\n\t\t<div class=\"srcollp3\">\r\n\t\t  <div class=\"srcoll-lip3 active\"><div class=\"p3gress active\"><\/div><\/div>\r\n\t\t  <div class=\"srcoll-lip3\"><div class=\"p3gress\"><\/div><\/div>\r\n\t\t  <div class=\"srcoll-lip3\"><div class=\"p3gress\"><\/div><\/div>\r\n\t\t<\/div>\t\r\n<\/section>\r\n\t\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n  const indicators = document.querySelectorAll(\".srcoll-lip3\");\r\n  const progressBars = document.querySelectorAll(\".srcoll-lip3 .p3gress\");\r\n  const delay = 5000;\r\n\r\n  const swiper = new Swiper(\".mySwiper3\", {\r\n    loop: true,\r\n    slidesPerView: 1,\r\n    spaceBetween: 10,\r\n    autoplay: { delay: delay, disableOnInteraction: false },\r\n    on: {\r\n      slideChangeTransitionStart: function () {\r\n        progressBars.forEach(bar => { bar.style.transition = \"none\"; bar.style.width = \"0%\"; });\r\n        indicators.forEach(li => li.classList.remove(\"active\"));\r\n      },\r\n      slideChangeTransitionEnd: function () { activateProgress(swiper.realIndex); }\r\n    }\r\n  });\r\n\r\n  indicators.forEach((li, index) => {\r\n    li.addEventListener(\"click\", () => { swiper.slideToLoop(index); });\r\n  });\r\n\r\n  function activateProgress(index) {\r\n    indicators[index].classList.add(\"active\");\r\n    const bar = progressBars[index];\r\n    bar.style.transition = `width ${delay}ms linear`;\r\n    bar.style.width = \"100%\";\r\n  }\r\n\r\n  activateProgress(0);\r\n});\r\n\r\n<\/script>\r\n\r\n\t\r\n  <!-- Swiper JS -->\r\n  <script src=\"\/wp-content\/themes\/blocksy-child\/swiper-bundle.min.js\"><\/script>\r\n  <!-- Initialize Swiper -->\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-aa25a84 e-con-full e-flex e-con e-parent\" data-id=\"aa25a84\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-03453d5 e-con-full e-flex e-con e-child\" data-id=\"03453d5\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-2875b0f e-con-full e-flex e-con e-child\" data-id=\"2875b0f\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-63111f8 elementor-widget elementor-widget-text-editor\" data-id=\"63111f8\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>PRODUK<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f516f57 elementor-widget elementor-widget-heading\" data-id=\"f516f57\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Video Demo Alat VRAY<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b5a7201 e-con-full e-flex e-con e-child\" data-id=\"b5a7201\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5eddd32 elementor-widget elementor-widget-html\" data-id=\"5eddd32\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t<style>\r\n\ta{\r\n\t\t\ttext-decoration: none;\r\n\t\t\tcursor: pointer;\r\n\t\t}\r\n\t#products .bg-img{\r\n\t\t\theight: 100%;\r\n\t\t\twidth: 100%;\r\n\t\t\tobject-fit:contain;\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 0;\r\n\t\t\tleft: 0;\r\n\t\t\tz-index: -1;\r\n\t\t}\r\n\t.bg-img img{\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 100%;\r\n\t\t\tobject-fit: cover;\r\n\t\t}\r\n\t\t\r\n\t#products .cont-116,  #products .btnlist {\r\n \t\t overflow: visible; \/* \u9632\u6b62\u4e0b\u62c9\u88ab\u7236\u5bb9\u5668\u88c1\u526a *\/\r\n\t\t}\r\n\t.btn-img{\r\n\t\t\twidth: 100%;\r\n\t\t\theight: auto;\r\n\t\t}\r\n\t#products{\r\n\t\t\twidth: 100%;\r\n\t\t\tmin-height:30vw;\r\n\t\t\tposition: relative;\r\n\t\t\toverflow: hidden;\r\n\t\t}\r\n\t.cont-116{\r\n\t\t\toverflow: hidden;\r\n\t\t\tmax-width: 1700px;\r\n\t\t}\r\n\r\n\t.btnlist{\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-direction: row;\r\n\t\t\twidth: 100%;\r\n\t\t\theight: auto;\r\n\t\t\tposition: relative;  \r\n\t\t}\r\n\t\t\r\n\t.med-imglist1{\r\n\t\t\tposition: absolute;   \r\n\t\t\ttop: 100%;   \r\n\t\t\tleft: 0;  \r\n\t\t\tflex-direction: row;\r\n\t\t\tgap: 10px;\r\n\t\t\theight: auto;\r\n\t\t\twidth: 100%;\r\n\t\t\toverflow: hidden;\r\n\t\t\tmax-width: 1700px;\r\n\t\t\tmax-height: 600px;\r\n\t\t\ttransition: all 0.8s ease; \/*\u6dfb\u52a0\u6574\u4f53\u6d41\u52a8\u8fc7\u6e21 *\/\r\n\t\t}\r\n\t\t\r\n\r\n\t.imglistactive{ \/*\u901a\u8fc7js \u6dfb\u52a0\u7c7b\u6765\u8fdb\u884chover\u663e\u793a\u4e0b\u9762\u7684\u4ea7\u54c1\u5217\u8868\u64cd\u4f5c\u548c\u8bbe\u7f6e\u9ed8\u8ba4\u663e\u793a*\/\r\n\t\t\tdisplay: flex;\r\n\t\t}\r\n\t.btnactive{  \/*\u901a\u8fc7js \u6dfb\u52a0\u7c7b\u6765\u8fdb\u884chover\u6309\u94ae\u80cc\u666f\u53d8\u8272\u548c\u8bbe\u7f6e\u9ed8\u8ba4\u503c\u64cd\u4f5c*\/\r\n\t\t\tcolor: #ffffff !important;\r\n\t\t\tbackground: #C40808CC;\r\n\t\t}\r\n\t.enimg{\r\n\t\twidth: 218px;\r\n\t\theight: 120px;\r\n\t\tobject-fit: cover;\r\n\t\tposition: absolute;\r\n\t\ttop: 5%;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\ttransition: width 0.6s ease, height 0.6s ease, transform 0.6s ease;\r\n\t\t}\r\n\t.enimg img{\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tobject-fit: cover;\r\n\t\t}\r\n\t.text-img{\r\n\t\tbackground: #FFFFFF;\r\n    \theight: 30.208vw;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\tposition: relative;\r\n\t\tmax-height: 580px;\r\n\t\toverflow: hidden;\r\n\t\tborder-radius: 4px;\r\n\t\tbackground-position: center center;\r\n\t\tbox-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);\r\n\t\t}\r\n\t.entext{\r\n\t\twidth: 100%;\r\n\t\tcolor: black;\r\n\t\tleft: 0;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tjustify-content: flex-start;\r\n\t\talign-items: flex-start;\r\n\t\tpadding: 0 20px;;\r\n\t\ttop:50%;\r\n\t\tposition: absolute;\r\n\t\ttransition: all 0.5s ease;\r\n\t\twhite-space: nowrap;  \r\n\t\ttext-overflow: ellipsis;\r\n\t\t}\r\n\t.entext p{\r\n\t\t\twidth: 100%;\r\n\t\t\tfont-family: Roboto;\r\n\t\t\tfont-weight: 400;\r\n\t\t\tfont-size: clamp(16px,1.354vw,18px);\r\n\t\t\tcolor: rgba(9, 23, 40, 1);\r\n\t\t\twhite-space: normal;   \/* \u5141\u8bb8\u81ea\u52a8\u6362\u884c *\/\r\n            word-wrap: break-word; \/* \u907f\u514d\u957f\u5355\u8bcd\u6491\u51fa *\/\r\n\t\t}\r\n\t.entext img{\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\t\t\r\n\t\t\r\n\t.med-imglist1 .text-img{\r\n\t\tflex: 1 1 25% ;\r\n\t\ttransition: flex 0.8s ease, background-color 0.5s ease, box-shadow 0.5s ease, transform 0.5s ease;\r\n        will-change: flex, background-color, transform; \r\n\t\t}\r\n\r\n\t.pro-sroll{\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\t.entext span{\r\n\t\tfont-family: \"Roboto\";\r\n\t\tfont-weight: 400;\r\n\t\tfont-size: 12px;\r\n\t\tline-height: 1.5;\r\n\t\tcolor: rgba(102, 102, 102, 1);\r\n\t\tbox-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);\r\n\t\tborder-radius: 4px;\r\n\t\twidth: 107px;\r\n\t\theight: 30px;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\t}\r\n\t\t\/* \u6a21\u62df hover \u7684\u72b6\u6001\u6548\u679c\uff0c\u901a\u8fc7 js\u6765\u8c03\u7528 hover-simulate\u7c7b \t*\/\r\n    .text-img.hover-simulate {\r\n          flex: 1 1 50% ;\r\n          background-color: rgba(242, 243, 245, 1);\r\n        }\r\n    .text-img.hover-simulate .enimg {\r\n          width: 476px !important;\r\n          height: 262px !important;\r\n          transition: all 0.5s ease;\r\n        }\r\n    .text-img.hover-simulate .entext p,\r\n    .text-img.hover-simulate .entext span {\r\n          color: rgba(30, 71, 127, 1);\r\n        }\r\n    .text-img.hover-simulate .entext img {\r\n          display: block !important;\r\n        }\r\n    .text-img.hover-simulate  .enimg .mask-img{\r\n            display: none;\r\n        }\r\n    .text-img.hover-simulate  .fillen-video {\r\n            display: block!important;\r\n        }\r\n    .text-img.hover-simulate .entext{\r\n             top: 70%;\r\n         }\r\n        \r\n    .text-img .fillen-video{\r\n            position: absolute;\r\n            display: none;\r\n            top: 25%;\r\n        }\r\n        \r\n    .mask-img{\r\n            background: rgba(0, 73, 199, 0.6);\r\n            height: 100%;\r\n            width: 100%;\r\n            position: absolute;\r\n        }\r\n        \r\n \r\n        \r\n\t    \/*****\u7b14\u8bb0\u672c\u7aef*******\/\r\n@media((min-width:1024px) and (max-width:1339px)){\r\n        .enimg {\r\n          width:218px !important;\r\n          height:120px !important;\r\n          transition: all 0.5s ease;\r\n          object-fit: cover;\r\n        } \r\n    \r\n    \r\n    .text-img.hover-simulate .enimg{\r\n          width:350px !important;\r\n          height:192px !important;\r\n          transition: all 0.5s ease;\r\n          object-fit: cover;\r\n        }\r\n\t.entext{\r\n\t        top:38%;\r\n\t    }\r\n\t.entext p{\r\n\t   display: -webkit-box; \r\n\t   -webkit-line-clamp: 4; \r\n\t   -webkit-box-orient: vertical;\r\n\t   overflow: hidden; \r\n\t   text-overflow: ellipsis;  \r\n\t    }\r\n\t.text-img {\r\n\t        height: 36vw;\r\n        }\r\n\t.text-img.hover-simulate .entext{\r\n\t        top: 60%;\r\n\t    }\r\n\t#products{\r\n\t       height: 35vw;\r\n\t    }\r\n\t    \r\n\t}\r\n@media (min-width:1024px){\r\n\t\t\r\n\t\t\/* \u5f53 hover \u6574\u4e2a\u5bb9\u5668\u65f6\uff0c\u91cd\u7f6e\u6240\u6709\u4e3a 1\uff0c\u518d\u5355\u72ec\u653e\u5927 hover \u7684 *\/\r\n\t.med-imglist1:hover .text-img {\r\n\t\t \r\n\t\t\t\r\n\t\t}\r\n\t\t\/* \u5f53hover\u5230\u65f6\uff0c\u5f53\u524d\u7684\u5bb9\u5668\u53d8\u5927\u5360\u752850%\uff1b\u80cc\u666f\u989c\u8272\u6dfb\u52a0\u56fe\u7247*\/\r\n\t.med-imglist1 .text-img:hover{\r\n\t\t\tflex: 1 1 50%;\r\n\t\t\tbackground-color: rgba(242, 243, 245, 1);\r\n\t\t\tcolor: #000;\r\n\t\t\ttransition: all 0.5s ease;\r\n\t\t}\r\n\t\t\r\n\t\t\/*\u5f53hover\u5230\u65f6\uff0c\u5f53\u524d\u7684\u5bb9\u5668\u53d8\u5927\u5360\u752850%\uff1b\u56fe\u7247\u5bb9\u5668\u589e\u5927*\/\r\n\t.med-imglist1 .text-img:hover .enimg{\r\n\t\t\ttransition: all 0.5s ease;\r\n\t\t\twidth: 476px;\r\n\t\t\theight: 262px;\r\n\t\t\t\r\n\t\t}\r\n\t.med-imglist1 .text-img:hover .entext img{\r\n\t\t\tdisplay: block;\r\n\t\t}\r\n\t.text-img:hover  .fillen-video{\r\n         display: block;\r\n        }\r\n\t.text-img:hover  p,\r\n\t.text-img:hover span{\r\n\t\tcolor: rgba(30, 71, 127, 1);\r\n\t\t}\r\n\t.text-img:hover .mask-img{\r\n\t        display: none;\r\n\t    }\r\n\t}\r\n\t\r\n\t \/*****\u5e73\u677f\u7aef************\/\t\r\n@media((min-width:768px) and (max-width:1023px)){\r\n    .enimg {\r\n          width:218px !important;\r\n          height:120px !important;\r\n          transition: all 0.5s ease;\r\n          object-fit: cover;\r\n        } \r\n    \r\n    \r\n    .text-img.hover-simulate .enimg{\r\n          width:350px !important;\r\n          height:192px !important;\r\n          transition: all 0.5s ease;\r\n          object-fit: cover;\r\n        } \r\n    \r\n    \r\n\t#products{\r\n\t        height: 460px!important;\r\n\t    }\r\n    .entext p {\r\n\t  font-size: 1.75vw;\r\n\t    }\r\n\t    \r\n    .med-imglist1 {\r\n        display: flex;\r\n        flex-wrap: nowrap;\r\n        overflow: hidden;\r\n        position: relative;\r\n        width: 100%;\r\n        transform: translateX(0);\r\n        transition: transform 0.5s ease;\r\n  }\r\n    .med-imglist1 .text-img {\r\n        flex: 0 0 70%;\r\n        margin-right: 5%;\r\n        transition: all 0.6s ease;\r\n        height: 450px;\r\n  }\r\n  \r\n    .med-imglist1{\r\n\t\t\tdisplay: flex;\r\n\t\t\tposition: absolute;\r\n\t\t\theight: 100%;\r\n\t\t\tgap:10px;\r\n\t\t\toverflow: visible;\r\n\t\t\tmargin: 0px 0;\r\n\t\t}\r\n    \r\n\r\n\t}\r\n\t\r\n\t\/*****\u624b\u673a\u7aef******\/\r\n@media(max-width:767px){\r\n    .text-img.hover-simulate .enimg {\r\n          width:280px !important;\r\n          height:154px !important;\r\n          transition: all 0.5s ease;\r\n        }\r\n    \r\n    .text-img.hover-simulate .entext{\r\n        top: 50%;\r\n    }\r\n\t#products{\r\n\t        height:400px;\r\n\t    }\r\n    .med-imglist1 {\r\n            display: flex;\r\n            flex-wrap: nowrap;\r\n            overflow: visible;\r\n            width: 100%;\r\n            transform: translateX(0);\r\n            transition: transform 0.5s ease;\r\n            top: 0;\r\n          }\r\n    .btnlist{\r\n              height: 600px;\r\n          }\r\n    .med-imglist1 .text-img{\r\n            flex: 0 0 100%;\r\n            margin-right: 0px;\r\n            transition: all 0.6s ease;\r\n            height: 400px;\r\n          }\r\n          \r\n    .text-img .fillen-video {\r\n        top: 19%;\r\n    }\r\n      \r\n          \r\n          \r\n    .pro-sroll{\r\n\t\t\tposition: absolute;\r\n\t\t\tdisplay: none;\r\n\t\t\tflex-direction: row;\r\n\t\t\twidth:100%;\r\n    \t\tmargin: 0 auto;\r\n\t\t\ttop:95%;\r\n\t\t\tgap:8px;\r\n\t\t\tjustify-content: center;\r\n\t\t\talign-content: center;\r\n\t\t\tz-index: 99;\r\n\t\t\tpadding: 10px;\r\n\t\t\t\r\n\t\t}\r\n\t.pro-li{\r\n\t\t\tbackground: #ccc;\r\n\t\t\theight: 3px;\r\n\t\t\twidth: 35px;\r\n\t\t\tborder-radius: 4px;\r\n\t\t\t\r\n\t\t\t\r\n\t\t}\r\n\t.pro-li .pro-gress{\r\n\t\t\twidth: 0;\r\n\t\t\theight: 100%;\r\n\t\t\tbackground: #003f7d;\r\n\t\t\ttransition: none;\r\n\t\t\t\r\n\t\t}\r\n\t.text-img.hover-simulate {\r\n          flex: 0 0 100%;\r\n          background-color: rgba(242, 243, 245, 1);\r\n        }\r\n    .entext p {\r\n            font-size: 18px;\r\n        }\r\n\r\n\r\n\t}\t\t\r\n\t\r\n\t\t<\/style>\r\n\r\n\t<section id=\"products\" class=\"products\">\r\n\t\t<div class=\"cont-116\">\r\n\t\t\t\t<div class=\"btnlist\">  \r\n\t\t\t\t\t\t<div class=\"med-imglist1\" data-init-offset=\"0\">  \r\n\t\t\t\t\t\t\t<a class=\"text-img\" href=\"https:\/\/www.youtube.com\/shorts\/tNiZogU5ilg\" target=\"_blank\">\r\n\t\t\t\t\t\t\t\t<div class=\"enimg\">\r\n\t\t\t\t\t\t\t\t    <div class=\"mask-img\"><\/div>\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/vido-1.png\" alt=\"vr-s6\">\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/tdesign_video-filled.png\" style=\"z-index:23;\" class=\"fillen-video\">\r\n\t\t\t\t\t\t\t\t<div class=\"entext\">\r\n\t\t\t\t\t\t\t\t\t<p>VRAY Spektrometer XRF VR-S6: Cepat. Akurat. Kuat. Pengujian Logam Mulia Jadi Mudah<\/p>\r\n\t\t\t\t\t\t\t\t\t<div style=\"display: flex;flex-direction: row;justify-content: space-between;width: 90%;margin-top:15px;\">\r\n\t\t\t\t\t\t\t\t\t\t<span>July 19, 2025<\/span>\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/prolistimg.png\">\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t<a class=\"text-img\" href=\"https:\/\/youtu.be\/iE7tP2I0nPQ\" target=\"_blank\">\r\n\t\t\t\t\t\t\t\t<div class=\"enimg\">\r\n\t\t\t\t\t\t\t\t    <div class=\"mask-img\"><\/div>\r\n\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/12\/VR-X5.png\" alt=\"VR-X5\">\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/tdesign_video-filled.png\" style=\"z-index:23;\" class=\"fillen-video\">\r\n\t\t\t\t\t\t\t\t<div class=\"entext\">\r\n\t\t\t\t\t\t\t\t\t<p> VRAY Spektrometer XRF VR-X5: Mitra Andalan Anda untuk Analisis Logam Mulia Berkecepatan Tinggi<\/p>\r\n\t\t\t\t\t\t\t\t\t<div style=\"display: flex;flex-direction: row;justify-content: space-between;width: 90%;margin-top:15px;\">\r\n\t\t\t\t\t\t\t\t\t\t<span>Jan 2, 2024<\/span>\r\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/prolistimg.png\">\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t<a class=\"text-img\" href=\"https:\/\/youtu.be\/UYhZZ7tbprs\" target=\"_blank\">\r\n\t\t\t\t\t\t\t\t<div class=\"enimg\">\r\n\t\t\t\t\t\t\t\t    <div class=\"mask-img\"><\/div>\r\n\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/11\/dome.png\" alt=\"vr-m5\">\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/tdesign_video-filled.png\" style=\"z-index:23;\" class=\"fillen-video\">\r\n\t\t\t\t\t\t\t\t<div class=\"entext\">\r\n\t\t\t\t\t\t\t\t\t<p>VRAY Analyzer XRF Portabel VR-M5: Uji Dimana Saja dengan VR-M5 Portable XRF Analyzer<\/p>\r\n\t\t\t\t\t\t\t\t\t<div style=\"display: flex;flex-direction: row;justify-content: space-between;width: 90%;margin-top:15px;\">\r\n\t\t\t\t\t\t\t\t\t\t<span>Feb 17, 2024<\/span>\r\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/prolistimg.png\">\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t<div class=\"pro-sroll\">\r\n\t\t\t\t<div class=\"pro-li\">\r\n\t\t\t\t\t<div class=\"pro-gress\"><\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"pro-li\">\r\n\t\t\t\t\t<div class=\"pro-gress\"><\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"pro-li\">\r\n\t\t\t\t\t<div class=\"pro-gress\"><\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t\r\n\t<\/section>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n  const buttons = document.querySelectorAll(\".pro-btn, .ind-btn, .rug-btn\");\r\n  const groups = document.querySelectorAll(\".med-imglist1\"); \r\n  const progressBars = Array.from(document.querySelectorAll(\".pro-li\"));\r\n\r\n  let currentGroup = 0;   \/\/ \u5f53\u524d\u7ec4\uff08Medical \/ Industrial \/ Rugged\uff09\r\n  let currentIndex = 0;   \/\/ \u5f53\u524d\u7ec4\u5185\u7d22\u5f15\r\n  let timer = null;\r\n  const INTERVAL = 5000;\r\n\r\n  \/\/ \u62d6\u62fd\r\n  let startX = 0;\r\n  let moveX = 0;\r\n  let isDragging = false;\r\n\r\n  const isMobileMode = () => window.innerWidth <= 1024;\r\n\r\n  \/* ------------------ \u6838\u5fc3\u89c6\u56fe\u66f4\u65b0 ------------------ *\/\r\n  function updateView() {\r\n    const mobile = isMobileMode();\r\n\r\n    \/\/ \u6309\u94ae\u9ad8\u4eae\r\n    buttons.forEach((btn, i) => btn.classList.toggle(\"btnactive\", i === currentGroup));\r\n\r\n    groups.forEach((group, gi) => {\r\n      if (!group) return;\r\n      const slides = group.querySelectorAll(\".text-img\");\r\n\r\n      if (gi === currentGroup) {\r\n        group.style.display = \"flex\";\r\n        slides.forEach((slide, si) => {\r\n          slide.classList.toggle(\"hover-simulate\", si === currentIndex);\r\n        });\r\n\r\n        if (mobile) {\r\n          const slide = slides[currentIndex];\r\n          if (slide) {\r\n            const slideWidth = slide.offsetWidth || group.clientWidth || window.innerWidth;\r\n            const offset = -currentIndex * slideWidth;\r\n            group.style.transform = `translate3d(${offset}px, 0, 0)`;\r\n            group.style.transition = \"transform 0.5s ease\";\r\n          }\r\n        } else {\r\n          group.style.transform = \"none\";\r\n          group.style.transition = \"none\";\r\n        }\r\n      } else {\r\n        group.style.display = \"none\";\r\n        group.style.transform = mobile ? \"translate3d(0,0,0)\" : \"none\";\r\n        group.style.transition = \"none\";\r\n        slides.forEach(slide => slide.classList.remove(\"hover-simulate\"));\r\n      }\r\n    });\r\n\r\n    \/\/ \u66f4\u65b0\u8fdb\u5ea6\u6761\r\n    progressBars.forEach((p, i) => p.classList.toggle(\"proactive\", i === currentIndex));\r\n  }\r\n\r\n  \/* ------------------ \u81ea\u52a8\u64ad\u653e\uff08\u4ec5\u624b\u673a\uff09 ------------------ *\/\r\n  function stopAutoPlay() {\r\n    if (timer) clearInterval(timer);\r\n    timer = null;\r\n  }\r\n\r\n  function autoPlay() {\r\n    stopAutoPlay();\r\n    if (!isMobileMode()) return;\r\n    timer = setInterval(() => {\r\n      const slidesCount = getSlidesCount(currentGroup);\r\n      currentIndex = (currentIndex + 1) % slidesCount;\r\n      updateView();\r\n    }, INTERVAL);\r\n  }\r\n\r\n  function getSlidesCount(groupIndex) {\r\n    const group = groups[groupIndex];\r\n    if (!group) return 1;\r\n    return Math.max(1, group.querySelectorAll(\".text-img\").length);\r\n  }\r\n\r\n  \/* ------------------ \u6309\u94ae\u4ea4\u4e92 ------------------ *\/\r\n  buttons.forEach((btn, i) => {\r\n    btn.addEventListener(\"mouseenter\", () => {\r\n      if (isMobileMode()) return;\r\n      currentGroup = i;\r\n      currentIndex = 0;\r\n      updateView();\r\n      stopAutoPlay();\r\n    });\r\n\r\n    btn.addEventListener(\"click\", () => {\r\n      if (!isMobileMode()) return;\r\n      currentGroup = i;\r\n      currentIndex = 0;\r\n      updateView();\r\n      autoPlay();\r\n    });\r\n  });\r\n\r\n  \/* ------------------ \u8fdb\u5ea6\u6761\u70b9\u51fb\u5207\u6362 ------------------ *\/\r\n  progressBars.forEach((bar, i) => {\r\n    bar.addEventListener(\"click\", () => {\r\n      currentIndex = i;\r\n      updateView();\r\n      autoPlay();\r\n    });\r\n  });\r\n\r\n  \/* ------------------ \u684c\u9762\u7aef hover \u5207\u6362\u6bcf\u4e2a text-img ------------------ *\/\r\n  groups.forEach((group, gi) => {\r\n    const slides = group.querySelectorAll(\".text-img\");\r\n    slides.forEach((slide, si) => {\r\n      slide.addEventListener(\"mouseenter\", () => {\r\n        if (isMobileMode()) return;\r\n        if (currentGroup !== gi) return; \/\/ \u53ea\u5f71\u54cd\u5f53\u524d\u7ec4\r\n        currentIndex = si;\r\n        updateView();\r\n      });\r\n    });\r\n  });\r\n\r\n  \/* ------------------ \u624b\u52bf\u6ed1\u52a8\uff08\u624b\u673a\u7aef\uff09 ------------------ *\/\r\n  groups.forEach((group, gi) => {\r\n    if (!group) return;\r\n\r\n    group.addEventListener(\"touchstart\", (e) => {\r\n      if (!isMobileMode() || gi !== currentGroup) return;\r\n      stopAutoPlay();\r\n      isDragging = true;\r\n      startX = e.touches[0].clientX;\r\n      moveX = 0;\r\n      group.style.transition = \"none\";\r\n    });\r\n\r\n    group.addEventListener(\"touchmove\", (e) => {\r\n      if (!isDragging || gi !== currentGroup) return;\r\n      moveX = e.touches[0].clientX - startX;\r\n      const slide = group.querySelector(\".text-img\");\r\n      if (!slide) return;\r\n      const slideWidth = slide.offsetWidth || group.clientWidth || window.innerWidth;\r\n      const offset = -currentIndex * slideWidth + moveX;\r\n      group.style.transform = `translate3d(${offset}px,0,0)`;\r\n    });\r\n\r\n    group.addEventListener(\"touchend\", () => {\r\n      if (!isDragging || gi !== currentGroup) return;\r\n      isDragging = false;\r\n      const slide = group.querySelector(\".text-img\");\r\n      if (!slide) {\r\n        updateView();\r\n        autoPlay();\r\n        return;\r\n      }\r\n      const slideWidth = slide.offsetWidth || group.clientWidth || window.innerWidth;\r\n      if (moveX < -slideWidth \/ 4 && currentIndex < getSlidesCount(currentGroup) - 1) {\r\n        currentIndex++;\r\n      } else if (moveX > slideWidth \/ 4 && currentIndex > 0) {\r\n        currentIndex--;\r\n      }\r\n      moveX = 0;\r\n      updateView();\r\n      autoPlay();\r\n    });\r\n\r\n    group.addEventListener(\"touchcancel\", () => {\r\n      isDragging = false;\r\n      moveX = 0;\r\n      updateView();\r\n      autoPlay();\r\n    });\r\n  });\r\n\r\n  \/* ------------------ \u54cd\u5e94 resize ------------------ *\/\r\n  let lastMobileState = isMobileMode();\r\n  window.addEventListener(\"resize\", () => {\r\n    const nowMobile = isMobileMode();\r\n    if (nowMobile !== lastMobileState) {\r\n      if (!nowMobile) {\r\n        stopAutoPlay();\r\n        currentIndex = 0;\r\n        groups.forEach((g) => {\r\n          g.style.transform = \"none\";\r\n          g.style.transition = \"none\";\r\n          g.style.display = \"none\";\r\n        });\r\n        groups[currentGroup] && (groups[currentGroup].style.display = \"flex\");\r\n      } else {\r\n        currentIndex = 0;\r\n        groups.forEach((g) => (g.style.display = \"none\"));\r\n        groups[currentGroup] && (groups[currentGroup].style.display = \"flex\");\r\n        updateView();\r\n        autoPlay();\r\n      }\r\n      lastMobileState = nowMobile;\r\n    } else {\r\n      updateView();\r\n    }\r\n  });\r\n\r\n  \/* ------------------ \u521d\u59cb\u5316 ------------------ *\/\r\n  function init() {\r\n    groups.forEach((g) => {\r\n      g.style.display = \"none\";\r\n      g.style.transform = \"none\";\r\n      g.style.transition = \"none\";\r\n    });\r\n    groups[currentGroup] && (groups[currentGroup].style.display = \"flex\");\r\n    currentIndex = 0;\r\n    updateView();\r\n    if (isMobileMode()) autoPlay();\r\n  }\r\n\r\n  init();\r\n});\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c26561d e-con-full e-flex e-con e-child\" data-id=\"c26561d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5890da8 product-btn elementor-widget elementor-widget-button\" data-id=\"5890da8\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"\/id\/resource\/videos\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"19\" height=\"19\" viewbox=\"0 0 19 19\" fill=\"none\"><path d=\"M3.23475 8.70818L12.407 8.70818L8.8445 5.14568L9.96392 4.02627L15.4375 9.49985L9.96392 14.9734L8.8445 13.854L12.407 10.2915L3.23475 10.2915L3.23475 8.70818Z\" fill=\"white\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">LEBIH BANYAK VIDEO<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c32e5d1 e-con-full e-flex e-con e-parent\" data-id=\"c32e5d1\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-ea9bc87 e-con-full e-flex e-con e-child\" data-id=\"ea9bc87\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-02b0ef0 e-con-full e-flex e-con e-child\" data-id=\"02b0ef0\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-d4d903a e-con-full e-flex e-con e-child\" data-id=\"d4d903a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-59b4620 elementor-widget elementor-widget-text-editor\" data-id=\"59b4620\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>APLIKASI<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7dc8ede elementor-widget elementor-widget-heading\" data-id=\"7dc8ede\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"> Analisis XRF cepat dan presisi untuk logam mulia, paduan, cairan, dan bubuk bijih di berbagai industri.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d10817e e-con-full e-flex e-con e-child\" data-id=\"d10817e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8f5c20f elementor-widget elementor-widget-shortcode\" data-id=\"8f5c20f\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\t\t<div data-elementor-type=\"container\" data-elementor-id=\"6282\" class=\"elementor elementor-6282\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2dcd2046 e-con-full e-flex e-con e-child\" data-id=\"2dcd2046\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6f5a8873 elementor-widget elementor-widget-html\" data-id=\"6f5a8873\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\t#applictionimglist{\r\n\t\twidth:100%;\r\n\t\toverflow: hidden;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: column;\r\n\t\talign-items: column;\r\n\t    padding: 0 0 3vw 0;\r\n\t   \r\n\t}\r\n\t.appliction-list{\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tgap:16px;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\r\n\t}\r\n\t.app-list{\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: row;\r\n\t\tgap:16px;\r\n\t\tflex-wrap: wrap; \/* \u5141\u8bb8\u6362\u884c *\/\r\n\t}\r\n\t.appimglist-text p{\r\n\t\tfont-family: Roboto;\r\n\t\tfont-weight: 500;\r\n\t\tfont-size: 18px;\r\n\t\tline-height: 1;\r\n\t\tletter-spacing: 0%;\r\n\t\tcolor: rgba(242, 243, 245, 1);\r\n\t\theight: 50px;\r\n\t\tpadding: 20px 0 ;\r\n\t}\r\n\t.appimglist-text span{\r\n\t    margin-top: 20px;\r\n\t\tfont-family: Roboto;\r\n\t\tfont-weight: 300;\r\n\t\tfont-size: 14px;\r\n\t\tline-height: 1;\r\n\t\tcolor: rgba(242, 243, 245, 1);\r\n\t}\r\n\t.app-img-text{\r\n\t\tposition: relative;\r\n\t\theight: 250px;\r\n\t\tborder-radius: 4.8px;\r\n\t\toverflow: hidden;\r\n\t\tcursor: pointer;\r\n\t\t\r\n\t}\r\n\r\n\t.appimglist-text{\r\n\t\tbackground: rgba(255, 255, 255, 0.01);\r\n\t\tbackdrop-filter: blur(10px);\r\n\t\ttransition: backdrop-filter 0.5s ease, background 0.5s ease;\r\n\t\twidth: 100%;\r\n\t\theight: 70px;\r\n\t\tz-index: 11;\r\n\t\tposition: absolute;\r\n\t\tbottom: 0;\r\n\t    padding: 0 14px;\r\n\t    display: flex;\r\n\t    flex-direction: column;\r\n\t}\r\n\r\n    .appimglist-text::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      backdrop-filter: blur(60px);\r\n      -webkit-backdrop-filter: blur(60px);\r\n      mask-image: linear-gradient(to bottom,\r\n        rgba(0, 0, 0, 0) 20.5%,  \/* \u4ece\u8fd9\u91cc\u5f00\u59cb\u6a21\u7cca\u51fa\u73b0 *\/\r\n        rgba(0, 0, 0, 1) 100%);\r\n      background-color: rgba(255, 255, 255, 0.1);\r\n      pointer-events: none;\r\n    }\r\n\r\n\t.app-img-text:hover .appimglist-text {\r\n\t\theight: 140px;\r\n\t\ttransition: height 0.8s ease;\r\n\t}\r\n\r\n\t.app-img-text img{\r\n\t\theight: 248px;\r\n\t\twidth: 100%;\r\n\t\tobject-fit: cover;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tz-index: 10;\r\n\t\toverflow: hidden;\r\n\t\ttransition: transform .45s ease,object-position .45s ease;\r\n\t}\r\n    #app-img-text3:hover img{\r\n       object-position: 20% center; \r\n       \/* \u5185\u5bb9\u5f80\u53f3\u79fb\u52a8\uff0c\u4e0d\u4f1a\u7559\u767d *\/\r\n    }\r\n\t\r\n\t#app-img-text1{\r\n\t    flex: 1 1 41%;\r\n       \r\n    }\r\n    #app-img-text2{\r\n        flex: 1 1 27.5%;\r\n        \r\n    } \r\n     #app-img-text3{\r\n          flex: 1 1 27.5%;\r\n       \r\n    } \r\n    #app-img-text4{\r\n        flex: 1 1 27.5%;\r\n        \r\n    } \r\n    #app-img-text5{\r\n        flex: 1 1 41%;\r\n    } \r\n    #app-img-text6{\r\n        flex: 1 1 27.5%;\r\n     \r\n   }\r\n\t\t\/*****************\u5e73\u677f\u7aef************************\/\r\n\t@media((min-width:768px) and (max-width:1023px)){\r\n\t    \r\n\t    .appimglist-text p {\r\n\t        font-size: 1.75vw;\r\n\t    }\r\n\t   .appimglist-text span {\r\n\t       font-size: 1.36vw;\r\n\t   }\r\n\t       \r\n   #app-img-text1{\r\n        width: 55%!important;\r\n        border-radius: 4.8px;\r\n    }\r\n    \r\n    #app-img-text2{\r\n        width: 35%!important;\r\n        border-radius: 4.8px;\r\n    } \r\n      #app-img-text3{\r\n        width: 35%!important;\r\n        border-radius: 4.8px;\r\n    } \r\n    #app-img-text4{\r\n        width: 55%!important;\r\n        border-radius: 4.8px;\r\n        \r\n    } \r\n      #app-img-text5{\r\n        width: 55%!important;\r\n        border-radius: 4.8px;\r\n    } \r\n       #app-img-text6{\r\n        width: 35%!important;\r\n        border-radius: 4.8px;\r\n     \r\n   }\r\n\t    \r\n\t    \r\n\t}\r\n\t  \/*********************\u624b\u673a\u7aef***************************\/\r\n   @media (max-width:767px){\r\n       .app-list{\r\n           gap:12px;\r\n       }\r\n\r\n   .app-img-text{\r\n       width: 100%!important;\r\n   }\r\n   #app-img-text1,#app-img-text2,#app-img-text3,#app-img-text4,#app-img-text5,#app-img-text6{\r\n       flex:1 1 100%;\r\n   }\r\n\t\r\n\t\r\n   }\r\n\t\r\n\t\r\n\t\r\n\t<\/style>\r\n\t\r\n\t<section id=\"applictionimglist\">\r\n\t<div style=\"\" class=\"appliction-list\">\r\n\t\t<div style=\"\" class=\"app-list\">\r\n\t\t    <a  class=\"app-img-text\" id=\"app-img-text1\">\r\n\t\t\t\t<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/application-1.jpg\">\r\n\t\t\t\t<div class=\"appimglist-text\">\r\n\t\t\t\t\t<p>Toko Perhiasan<\/p>\r\n\t\t\t\t\t<span>Verifikasi emas, perak, dan platinum dengan cepat untuk transaksi yang terpercaya.<\/span>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/a>\r\n\t\t\t<a  class=\"app-img-text\" id=\"app-img-text2\">\r\n\t\t\t\t<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/application-2.jpg\">\r\n\t\t\t\t<div class=\"appimglist-text\">\r\n\t\t\t\t\t<p>Pemurnian<\/p>\r\n\t\t\t\t\t<span>Pastikan komposisi dan kemurnian logam untuk proses pemurnian yang efisien.<\/span>\r\n\t\t\t\t<\/div>\r\n\t\t\t\r\n\t\t\t<\/a>\r\n\t\t\t<a  class=\"app-img-text\" id=\"app-img-text3\">\r\n\t\t\t\t<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/application-3.png\">\r\n\t\t\t\t<div class=\"appimglist-text\">\r\n\t\t\t\t\t<p>Laboratorium<\/p>\r\n\t\t\t\t\t<span>Lakukan analisis XRF akurat tanpa merusak sampel berharga.<\/span>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/a>\r\n\t\t\t<a  class=\"app-img-text\" id=\"app-img-text4\">\r\n\t\t\t\t<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/application-4.jpg\">\r\n\t\t\t\t<div class=\"appimglist-text\">\r\n\t\t\t\t\t<p>Pegadaian <\/p>\r\n\t\t\t\t\t<span>Deteksi logam dan lapisan dengan cepat untuk mengamankan transaksi dan membangun kepercayaan.<\/span>\r\n\t\t\t\t<\/div>\r\n\t\t\t\r\n\t\t\t<\/a>\r\n\t\t\t<a  class=\"app-img-text\" id=\"app-img-text5\">\r\n\t\t\t\t<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/application-5.jpg\">\r\n\t\t\t\t<div class=\"appimglist-text\">\r\n\t\t\t\t\t<p>Institusi Pendidikan \u2013 Pengajaran dan Penelitian dengan Teknologi XRF<\/p>\r\n\t\t\t\t\t<span>Latih siswa dan peneliti dalam analisis presisi yang non-destruktif.<\/span>\r\n\t\t\t\t<\/div>\r\n\t\t\t\r\n\t\t\t<\/a>\r\n\t\t\t<a  class=\"app-img-text\" id=\"app-img-text6\">\r\n\t\t\t\t<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/application-6.jpg\">\r\n\t\t\t\t<div class=\"appimglist-text\">\r\n\t\t\t\t\t<p>Aplikasi Industri<\/p>\r\n\t\t\t\t\t<span>Pantau kualitas logam dan lapisan pelapisan untuk memenuhi standar industri.<\/span>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/a>\r\n\t\t\r\n\t\t<\/div>\r\n\r\n\t<\/div>\r\n\t\r\n\t\r\n\t\r\n\t\r\n\t\r\n\t\r\n\t<\/section>\t\r\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fb5b6dd e-con-full e-flex e-con e-parent\" data-id=\"fb5b6dd\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-94a10d8 e-con-full e-flex e-con e-child\" data-id=\"94a10d8\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-d9fcd86 e-con-full e-flex e-con e-child\" data-id=\"d9fcd86\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7c51d7c elementor-widget elementor-widget-text-editor\" data-id=\"7c51d7c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>KEUNGGULAN UTAMA<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4972ebd elementor-widget elementor-widget-heading\" data-id=\"4972ebd\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Keunggulan Utama Spektrometer XRF VRAY<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-af9b97d e-con-full e-flex e-con e-child\" data-id=\"af9b97d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8c0e760 elementor-widget elementor-widget-html\" data-id=\"8c0e760\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t<style>\r\n\t\t#technology{\r\n\t\t\tpadding: 2vw 0 ;\r\n\t\t\theight: 100%;\r\n\t\t}\r\n\t\t#technology .cont-116{\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-direction: row;\r\n\t\t\toverflow: hidden;\r\n\t\t\talign-items: stretch;\r\n\t\t\r\n\t\t}\r\n\t\t.left-img{\r\n\t\t\twidth: 50%;\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-direction: column;\r\n\t\t\tjustify-content: center;\r\n\t\t\talign-items: center;\r\n\t\t    \r\n\t\t\t\r\n\t\t}\r\n\t\t.left-bg{\r\n\t\t\tbackground: rgba(231, 247, 255, 1);\r\n\t\t\theight: 4px;\r\n\t\t\twidth: 90%;\r\n\t\t\tpadding: 0.5vw 0;\r\n\t\t}\r\n\t\t.mil-std{\r\n\t\t    height: 100%;\r\n\t\t\twidth: 100%;\r\n\t\t\tmax-height: 400px;\r\n\t\t\toverflow: hidden;\r\n\t\t\tborder-radius: 4.8px 0 0 4.8px;\r\n\t\t\t\r\n\t\t\t\r\n\t\t}\r\n\t\t.left-list{\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 100%;\r\n\t\t\tleft: 0;\r\n\t\t\ttop: 0;\r\n\t\t\tposition: relative;\r\n\t\t\tdisplay: flex;\r\n\t\t\tjustify-content: center;\r\n\t\t\talign-items: center;\r\n\t\t\tdisplay: none;\r\n\t\t\ttransition: opacity 0.5s ease;\r\n\t\t\tbackground: linear-gradient(86.34deg, rgba(102, 102, 102, 0.3) 19.55%, rgba(204, 204, 204, 0.3) 43.5%, rgba(102, 102, 102, 0.3) 68.62%);\r\n\t\t\tborder-radius: 4.8px;\r\n\t\t\tbackdrop-filter: blur(60px);\r\n\t\t\tanimation-timing-function: ease-out;\r\n\t\t\tanimation-duration: 300ms;\r\n\r\n\t\t}\r\n\t\t.left-list.active{\r\n\t\t\tdisplay: flex;\r\n\t\t\t\r\n\t\t}\r\n\t\t.left-list-img{\r\n\t\t\theight: 100%;\r\n\t\t\twidth: 100%;\r\n\t\t\tmin-height:400px;\r\n\t\t\tobject-fit: cover;\r\n\t\t\tborder-radius: .208vw;\r\n\t\t}\r\n\t\t.right-text{\r\n\t\t\twidth: 50%;\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-direction: column;\r\n\t\t\tjustify-content: center;\r\n\t\t\r\n\t\t}\r\n\t\t#technology .list-title{\r\n\t\t\tpadding: 2vw 0;\r\n\t\t\t\r\n\t\t}\r\n\t\t#technology .tl{\r\n\t\t\tline-height: 56px;\r\n\t\t}\r\n\t\t#technology .le{\r\n\t\t\tmargin-top: 6px;\r\n\t\t}\r\n\t\t.list-text{\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-direction: column;\r\n\t\t\theight: auto;\r\n\t\t\tgap:10px;\r\n\t\t}\r\n\t\t.li-text{\r\n\t\t\tborder: 0.6px solid rgba(0, 0, 0, 0.1);\r\n\t\t\tcursor: pointer;\r\n\t\t\tpadding: 0vw 1.042vw 0vw ;\r\n\t\t\tborder-radius: .208vw;\r\n\t\t\tbackground: rgba(255, 255, 255, 1);\r\n\t\t\toverflow: hidden;\r\n\t\t\tleft: 0;\r\n\t\t\tmargin-left: -1px;\r\n\t\t    height: 92.5px;\r\n\t\t\t\r\n\t\t}\r\n\t\t.li-text a{\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-direction: row;\r\n\t\t\tjustify-content: center;\r\n\t\t\talign-items: center;\r\n\t\t\ttext-decoration: none;\r\n\t\t\tcolor: rgba(128, 128, 128, 1);\r\n\t    \r\n\t\t}\r\n\r\n\t\t.li-text img{\r\n\t\t\twidth: 1.904vw;\r\n    \t\theight: 1.904vw;\r\n\t\t\tmargin:0.4vw  0vw;\r\n\t\t\t\r\n\t\t}\r\n\t\t.showimg{\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\t\t.li-text.active .showimg{\r\n\t\t\tdisplay: block;\r\n\r\n\t\t}\r\n\t\t.li-text.active .right-text-img{\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\t\t.li-text.active{\r\n\t\t\toverflow: hidden;\r\n\t\t\tborder: 0.6px solid rgba(0, 0, 0, 0.1) !important;\r\n\t\t\tbackground: linear-gradient(90deg, #0049C7 29.72%, #F2F3F5 100%);\r\n\t\t\t background-clip: padding-box; \r\n\r\n\t\t}\r\n\r\n\t\t.li-text.active p{\r\n\t\t\tcolor: rgba(255, 255, 255, 1);\r\n\t\t}\r\n\t\t.li-text.active span{\r\n\t\t\tcolor: rgba(242, 243, 245, 1);\r\n\t\t}\r\n\t\t\r\n\t\t\r\n\t\t.mx-list p{\r\n\t\t\t\r\n\t\t\tfont-size:clamp(16px, 1.042vw,20px);\r\n\t\t\tfont-weight: 500;\r\n\t\t\tmargin: 0;\r\n\t\t}\r\n\t\t.mx-list span{\r\n\t\t\toverflow: hidden;\r\n\t\t\tdisplay: -webkit-box;\r\n\t\t\t-webkit-line-clamp: 1;\r\n\t\t\t-webkit-box-orient: vertical;\r\n\t\t\ttext-overflow: ellipsis;    \/* \u8d85\u51fa\u663e\u793a\u7701\u7565\u53f7 *\/\r\n\t\t\tfont-family: Open Sans;\r\n\t\t\tfont-size:clamp(14px, .781vw,16px);\r\n    \t\tcolor: rgba(39, 39, 39, .8);\r\n   \t\t\tline-height: 1.146vw;\r\n\t\t\t\r\n\t\t}\r\n\t\t.left-border{\r\n\t\t\twidth: 90%;\r\n\t\t\theight: auto;\r\n\t\t\tpadding: 20px ;\r\n\t\t\tmargin-top: auto;\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-direction: row;\r\n            border-image-source: linear-gradient(360deg, #EAECEF 0%, #A1ABB7 100%);\r\n\t\t\tposition: absolute;\r\n\t\t\tbottom: 10%;\r\n\t\t\tbackground: rgba(255, 255, 255, 0.3);\r\n            backdrop-filter: blur(10px);\r\n            transition: backdrop-filter 0.5s ease, background 0.5s \r\n        ease;\r\n             border: 0.6px solid rgba(0, 0, 0, 0.1);\r\n\t\t}\r\n\t\t.tec-left-img{\r\n\t\t\twidth:20%;\r\n\t\t\tpadding: 10px;\r\n\t\t\t\r\n\t\t}\r\n\t\t.tec-left-img img{\r\n\t\t\twidth: 2.604vw;\r\n    \t\theight: 2.604vw;\r\n\t\t\tobject-fit: cover;\r\n\t\t}\r\n\t\t.tec-left-text{\r\n\t\t\twidth:80%;\r\n\t\t\t\r\n\t\t}\r\n\t\t.tec-left-text p{\r\n\t\t\tfont-family: Rubik;\r\n\t\t\tfont-weight: 700;\r\n\t\t\tfont-size:clamp(17px,1.145vw,22px);\r\n\t\t\tline-height: 100%;\r\n\t\t\ttext-transform: capitalize;\r\n\t\t\tcolor: rgba(255, 235, 61, 1);\r\n\t\t}\r\n\t\t.tec-left-text span{\r\n\t\t\tfont-family: Roboto;\r\n\t\t\tfont-weight: 300;\r\n\t\t\tfont-size:clamp(12px,1.0.833vw,16px);\r\n\t\t\tline-height: 24px;\r\n\t\t\tcolor: rgba(255, 235, 61, 1);\r\n\t\t}\r\n\t\t.li-text p{\r\n\t\t\tfont-family: Rubik;\r\n\t\t\tfont-weight: 700;\r\n\t\t\tfont-size:clamp(17px,1.145vw,22px);\r\n\t\t\tline-height: 100%;\r\n\t\t\ttext-transform: capitalize;\r\n\t\t\tcolor: rgba(128, 128, 128, 1);\r\n\t\t}\r\n\t\t.li-text span{\r\n\t\t\tfont-family: Roboto;\r\n\t\t\tfont-weight: 300;\r\n\t\t\tfont-size:clamp(12px,1.0.833vw,16px);\r\n\t\t\tline-height: 24px;\r\n\t\t\tcolor: rgba(128, 128, 128, 1);\r\n\t\t}\r\n\t\t\/*********************\u5e73\u677f\u7aef***************************\/\r\n\t\t@media ((min-width:768px)and (max-width:1023px)){\r\n\t\t\t.li-text p {\r\n\t\t\t    font-size:17.2px;\r\n\t\t\t}\r\n\t\t\t.li-text img ,.tec-left-img img{\r\n\t\t\t\t    width:30px;\r\n    \t\t\t\theight: 30px;\r\n\t\t\t\t\r\n\t\t\t}\r\n\t\t\t.tec-left-text p {\r\n\t\t\t    font-size: 17.2px;\r\n\t\t\t}\r\n\t\t\t#technology .tl {\r\n\t\t\t\tline-height: 1;\r\n\t\t\t}\r\n\t\t\t.mx-list{\r\n\t\t\t\tmargin: 0;\r\n\t\t\t\tpadding: 0;\r\n\t\t\t}\r\n\t\t\t.mx-list span {\r\n\t\t\tfont-size:12.58px\r\n\t\t\t}\r\n\t\t\t.tec-left-text span {\r\n\t\t\tfont-family: Roboto;\r\n            font-weight: 300;\r\n            font-size: 12.58px\r\n            line-height: 24px;\r\n\t\t\t}\r\n\t\t\t.tec-left-img {\r\n\t\t\t\tpadding: 0;\r\n\t\t\t}\r\n\t\t\t.left-list-img {\r\n\t\t\t    min-height: 400px;\r\n\t\t\t}\r\n\t\t\t.tec-left-text{\r\n\t\t\t    width: 100%;\r\n\t\t\t}\t\r\n\t\t}\r\n\t\t\r\n\t\t\/*********************\u624b\u673a\u7aef***************************\/\r\n\t\t@media (max-width:767px){\r\n\t\t\t#technology .cont-116{\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tflex-direction: column;\t\r\n\t\t\t}\r\n\t\t\t.left-img{\r\n\t\t\t\twidth: 100%;\r\n\t\t\t}\r\n\t\t\t.right-text{\r\n\t\t\t\twidth: 100%;\r\n\t\t\t}\r\n\t\t\t.right-text .list-title{\r\n\t\t\t\tdisplay: none;\r\n\t\t\t}\r\n\r\n\t\t\t.li-text img ,.tec-left-img img{\r\n\t\t\t\twidth: 30px;\r\n\t\t\t\theight: 30px;\r\n\t\t\t}\r\n\t\t\t.mx-list span{\r\n\t\t\tfont-size: 12.58px;\r\n\t\t\t}\r\n\t\t\t.tec-left-img{\r\n\t\t\t\theight: 30px;\r\n\t\t\t}\r\n\t\t\t.tec-left-text{\r\n\t\t\t     width: 100%;\r\n\t\t\t\tgap:3.77px;\r\n\t\t\t\toverflow: hidden;\r\n\t\t\t\tpadding: 0;\r\n\t\t\t}\r\n\t\t\t.tec-left-text span {\r\n\t\t\t    font-size: \t12.58px;\r\n\t\t\t\toverflow: hidden;\r\n    \t\t\tdisplay: -webkit-box;\r\n\t\t\t\tline-height: 1;\r\n\t\t\t\t -webkit-line-clamp: 3;\r\n   \t\t\t\t -webkit-box-orient: vertical;\r\n\t\t\t\ttext-overflow: ellipsis;    \/* \u8d85\u51fa\u663e\u793a\u7701\u7565\u53f7 *\/\r\n\t\t\t}\r\n\t\t\t.left-border{\r\n\t\t\t\theight: 94px;\r\n\t\t\t\toverflow: hidden;\r\n\t\t\t}\r\n\t\t\t.left-border {\r\n\t\t\t\tbottom:5%;\r\n\t\t\t\t display: flex;\r\n\t\t\t    flex-direction: column;\r\n\t\t\t    justify-content: center;\r\n\t\t\t    align-items: center;\r\n\t\t\t}\r\n\t\t\t.left-list-img {\r\n\t\t\t\theight: 97.585vw;\r\n\t\t\t}\r\n\t\t\t.mx-list p {\r\n\t\t\t\t-webkit-line-clamp:1;\r\n\t\t\t\t-webkit-box-orient: vertical;\r\n\t\t\t\ttext-overflow: ellipsis;\r\n\t\t\t\toverflow: hidden;\r\n   \t\t\t\t display: -webkit-box;\r\n\t\t\t}\r\n\t\t\t.li-text{\r\n\t\t\t    height: 71px;\r\n\t\t\t    gap:7.86px;\r\n\t\t\t}\r\n\t\t\t.li-text a {\r\n\t\t\t\tpadding: 5px 15px;\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tflex-direction: row;\r\n\t\t\t\tjustify-content: flex-start;\r\n\t\t\t\t\r\n\t\t\t}\r\n\t\t\t.right-text-img{\r\n\t\t\t\twidth: 30%;\r\n\t\t\t}\r\n\t\t\t.mx-list{\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\tpadding: 0px 0px 0 0px;\r\n\t\t\t}\r\n\t\t\t.tec-left-text p,.li-text p {\r\n\t\t\t    font-size: 17.3px;\r\n\t\t\t}\r\n\r\n            \t\t  \r\n\t\t\r\n\t\t}\r\n\t\t\r\n\t\r\n\t\t\/*********************1921px\u4ee5\u4e0a\u8bbe\u7f6etechnology\u7684\u9ad8\u5ea6***************************\/\r\n\t\t@media (min-width:1921px){\r\n\t\t\t#technology{\r\n\t\t\t\tpadding: 100px 0;\r\n\t\t\t}\r\n\t\t\t.left-list,.right-text{\r\n\t\t\t\tpadding: 0px 0;\r\n\t\t\t}\r\n\t\t\r\n\t\t\t.left-list-img{\r\n\t\t\t\t\r\n\t\t\t}\r\n\t\t\t.left-border {\r\n\t\t\t\tbottom:5%;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t}\r\n\t\t\/*********************1440px\u4ee5\u4e0a\u8bbe\u7f6etechnology\u7684\u9ad8\u5ea6***************************\/\r\n\t\t@media(max-width:1440px){\r\n\t\t\t\r\n\t\t\t.list-text {\r\n\t\t\t\tgap:10px;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t}\r\n\t\t\r\n\r\n\t\t\r\n\t<\/style>\r\n\t<section id=\"technology\">\r\n\t\t<div class=\"cont-116\">\r\n\t\t\t<div class=\"left-img\">\r\n\t\t\t\t<div class=\"mil-std\">\r\n\t\t\t\t\t<div class=\"left-list active\">\r\n\t\t\t\t\t\t<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/core-left-1.jpg\" alt=\"Militray-Grad\" class=\"left-list-img\">\r\n\t\t\t\t\t\t<div class=\"left-border\">\r\n\t\t\t\t\t <!--\r\n\t\t\t\t\t\t\t<div class=\"tec-left-img\">\r\n\t\t\t\t\t\t\t\t  \t<img decoding=\"async\" src=\".\/wp-content\/uploads\/2025\/10\/core-1.svg\" alt=\"core-1\">\t>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t-->\r\n\t\t\t\t\t\t\t<div class=\"tec-left-text\">\r\n\t\t\t\t\t\t\t\t<p>Presisi Terpercaya<\/p>\r\n\t\t\t\t\t\t\t\t<span>Memberikan hasil cepat dan tepat untuk verifikasi logam yang percaya diri.<\/span>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"left-list\">\r\n\t\t\t\t\t\t<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/core-left-2.png\" alt=\"Militray-Grad\" class=\"left-list-img\">\r\n\t\t\t\t\t\t<div class=\"left-border\">\r\n\t\t\t\t\t\t   <!-- \r\n\t\t\t\t\t\t\t<div class=\"tec-left-img\">\r\n\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\".\/wp-content\/uploads\/2025\/10\/core-2.svg\" alt=\"\">\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t-->\r\n\t\t\t\t\t\t\t<div class=\"tec-left-text\">\r\n\t\t\t\t\t\t\t\t<p>Pengujian Cepat<\/p>\r\n\t\t\t\t\t\t\t\t<span>Dapatkan hasil akurat dalam hitungan detik, meningkatkan alur kerja harian.<\/span>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"left-list\">\r\n\t\t\t\t\t\t<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/core-left-3.jpg\" alt=\"Militray-Grad\" class=\"left-list-img\">\r\n\t\t\t\t\t\t<div class=\"left-border\">\r\n\t\t\t\t\t\t    <!--\r\n\t\t\t\t\t\t\t<div class=\"tec-left-img\">\r\n\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\".\/wp-content\/uploads\/2025\/10\/core-3.svg\" alt=\"\">\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t-->\r\n\t\t\t\t\t\t\t<div class=\"tec-left-text\">\r\n\t\t\t\t\t\t\t\t<p>Operasi Mudah<\/p>\r\n\t\t\t\t\t\t\t\t<span>Antarmuka ramah pengguna memastikan pengujian lancar dan sederhana.<\/span>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"left-list\">\r\n\t\t\t\t\t\t<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/core-left-4.jpg\" alt=\"Militray-Grad\" class=\"left-list-img\">\r\n\t\t\t\t\t\t<div class=\"left-border\">\r\n\t\t\t\t\t\t    <!--\r\n\t\t\t\t\t\t\t<div class=\"tec-left-img\">\r\n\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\".\/wp-content\/uploads\/2025\/10\/core-4.svg\" alt=\"\">\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t-->\r\n\t\t\t\t\t\t\t<div class=\"tec-left-text\">\r\n\t\t\t\t\t\t\t\t<p>Deteksi Serbaguna<\/p>\r\n\t\t\t\t\t\t\t\t<span>Mengidentifikasi logam mulia dan lapisan pelapisan dengan akurat.<\/span>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t<div class=\"right-text\">\r\n\t\t\t\t<div class=\"list-text\">\r\n\t\t\t\t\t<div class=\"li-text active\">\r\n\t\t\t\t\t\t<a  style=\"display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start\">\r\n\t\t\t\t\t\t\t<div style=\"display: flex;flex-direction: row;justify-content: center;align-items: center;\">\r\n\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/core-1.svg\" alt=\"ndexTechnologyIcon\" class=\"right-text-img active\">\r\n\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/core-ye1.png\" alt=\"ndexTechnologyIcon\" class=\"showimg\">\r\n\t\t\t\t\t\t\t\t<p style=\"margin-left:10px;\">Presisi Terpercaya<\/p>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t<div class=\"mx-list\">\r\n\t\t\t\t\t\t\t\t<span>Memberikan hasil cepat dan tepat untuk verifikasi logam yang percaya diri.<\/span>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"li-text\">\r\n\t\t\t\t\t\t<a  style=\"display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start\">\r\n\t\t\t\t\t\t\t<div style=\"display: flex;flex-direction: row;justify-content: center;align-items: center\">\r\n\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/core-2.svg\" alt=\"ndexTechnologyIcon\" class=\"right-text-img\" >\r\n\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/core-ye2.png\" alt=\"ndexTechnologyIcon\" class=\"showimg\">\r\n\t\t\t\t\t\t\t\t<p style=\"margin-left:10px;\">Pengujian Cepat<\/p>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<div class=\"mx-list\">\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t<span>Dapatkan hasil akurat dalam hitungan detik, meningkatkan alur kerja harian.<\/span>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"li-text\">\r\n\t\t\t\t\t\t<a  style=\"display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start\">\r\n\t\t\t\t\t\t\t<div style=\"display: flex;flex-direction: row;justify-content: center;align-items: center\">\r\n\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/core-3.svg\" alt=\"ndexTechnologyIcon\" class=\"right-text-img\">\r\n\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/core-ye3.png\" alt=\"ndexTechnologyIcon\" class=\"showimg\">\r\n\t\t\t\t\t\t\t\t<p style=\"margin-left:10px;\">Operasi Mudah<\/p>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<div class=\"mx-list\">\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t<span>Antarmuka ramah pengguna memastikan pengujian lancar dan sederhana.<\/span>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"li-text\">\r\n\t\t\t\t\t\t<a  style=\"display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start\">\r\n\t\t\t\t\t\t\t<div style=\"display: flex;flex-direction: row;justify-content: center;align-items: center\">\r\n\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/core-4.svg\" alt=\"ndexTechnologyIcon\" class=\"right-text-img\">\r\n\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/core-ye4.png\" alt=\"ndexTechnologyIcon\" class=\"showimg\">\r\n\t\t\t\t\t\t\t\t<p style=\"margin-left:10px;\">Deteksi Serbaguna<\/p>\t\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<div class=\"mx-list\">\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t<span>Mengidentifikasi logam mulia dan lapisan pelapisan dengan akurat.<\/span>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\r\n\t<\/section>\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", () => {\r\n    const litext = document.querySelectorAll(\".li-text\");\r\n    const leftlist = document.querySelectorAll(\".left-list\");\r\n\tconst righttextimg=document.querySelectorAll(\".right-text-img\");\r\n\r\n    litext.forEach((item, index) => {\r\n        item.addEventListener(\"mousedown\", () => {\r\n            leftlist.forEach(el => el.classList.remove(\"active\"));\r\n            leftlist[index].classList.add(\"active\");\r\n\t\r\n        });\r\n        item.addEventListener(\"mousemove\", () => {\r\n            leftlist.forEach(el => el.classList.remove(\"active\"));\r\n            leftlist[index].classList.add(\"active\");\r\n        });\r\n    });\r\n\tlitext.forEach((item, index) => {\r\n        item.addEventListener(\"mousedown\", () => {\r\n\t\t\tlitext.forEach(el => el.classList.remove(\"active\"));\r\n            litext[index].classList.add(\"active\");\r\n\t\t\trighttextimg.forEach(el => el.classList.remove(\"active\"));\r\n            righttextimg[index].classList.add(\"active\");\r\n\t\t\t\r\n        });\r\n\t\titem.addEventListener(\"mousemove\", () => {\r\n\t\t\tlitext.forEach(el => el.classList.remove(\"active\"));\r\n            litext[index].classList.add(\"active\");\r\n\t\t\trighttextimg.forEach(el => el.classList.remove(\"active\"));\r\n            righttextimg[index].classList.add(\"active\");\r\n        });\r\n    });\r\n\t\r\n\t\r\n});\r\n<\/script>\r\n\t\r\n<style>\r\n\r\n\t\r\n\t\r\n\t<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f77fea8 e-con-full e-flex e-con e-child\" data-id=\"f77fea8\" data-element_type=\"container\" id=\"bg-mark\">\n\t\t<div class=\"elementor-element elementor-element-e137617 e-con-full e-flex e-con e-child\" data-id=\"e137617\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b91c603 elementor-widget elementor-widget-html\" data-id=\"b91c603\" data-element_type=\"widget\" id=\"code-bg\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n #bg-mark{\r\n     position: relative;\r\n     z-index: 1;\r\n }   \r\n  #code-bg{\r\n    background: linear-gradient(180deg, rgba(0, 73, 199, 0.5) 0%, rgba(255, 255, 255, 0.05) 100%);\r\n      height: 100%;\r\n      width: 100%;\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0; \r\n      z-index: 10;\r\n  } \r\n  #vray-conter{\r\n      z-index: 12\r\n  }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a2a0ec1 e-con-full e-flex e-con e-child\" data-id=\"a2a0ec1\" data-element_type=\"container\" id=\"vray-conter\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-69aa836 elementor-widget elementor-widget-heading\" data-id=\"69aa836\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Mengapa Memilih VRAY?<\/h2>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c53d386 e-con-full e-flex e-con e-child\" data-id=\"c53d386\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-29423fe e-con-full e-flex e-con e-child\" data-id=\"29423fe\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7a9aad7 elementor-widget elementor-widget-image\" data-id=\"7a9aad7\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"54\" height=\"54\" src=\"https:\/\/kaifa.szlogic.cn\/wp-content\/uploads\/2025\/10\/core-ic1.png\" class=\"attachment-large size-large wp-image-1542\" alt=\"core-ic1\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1ce9bfd elementor-widget elementor-widget-text-editor\" data-id=\"1ce9bfd\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Presisi Terpercaya<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9b0b739 elementor-widget elementor-widget-text-editor\" data-id=\"9b0b739\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Teknologi mutakhir untuk verifikasi kemurnian tanpa cela.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-174393d e-con-full e-flex e-con e-child\" data-id=\"174393d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c4b0f1d elementor-widget elementor-widget-image\" data-id=\"c4b0f1d\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"54\" height=\"54\" src=\"https:\/\/kaifa.szlogic.cn\/wp-content\/uploads\/2025\/10\/core-ic2.png\" class=\"attachment-large size-large wp-image-1543\" alt=\"core-ic2\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1fea199 elementor-widget elementor-widget-text-editor\" data-id=\"1fea199\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Inovasi Terjangkau<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f40f4c5 elementor-widget elementor-widget-text-editor\" data-id=\"f40f4c5\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Pengujian berkualitas tinggi yang terjangkau untuk bisnis dari segala ukuran.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3241a27 e-con-full e-flex e-con e-child\" data-id=\"3241a27\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6ac2454 elementor-widget elementor-widget-image\" data-id=\"6ac2454\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"54\" height=\"54\" src=\"https:\/\/kaifa.szlogic.cn\/wp-content\/uploads\/2025\/10\/core-ic3.png\" class=\"attachment-large size-large wp-image-1544\" alt=\"core-ic3\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-60aab07 elementor-widget elementor-widget-text-editor\" data-id=\"60aab07\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Jaminan Tanpa Keraguan<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-335b087 elementor-widget elementor-widget-text-editor\" data-id=\"335b087\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Hilangkan ketidakmurnian dan ketidakpastian di setiap pengujian.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c9ae5f5 elementor-widget elementor-widget-text-editor\" data-id=\"c9ae5f5\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>VRAY: Tempat Teknologi Bertemu Kepercayaan. Tingkatkan pengujian emas Anda hari ini\u2014karena ketika berbicara tentang keaslian, hanya yang terbaik yang cukup. Emas Murni. Kepercayaan Murni. VRAY Murni.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-020faf9 e-con-full e-flex e-con e-child\" data-id=\"020faf9\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-01ea004 product-btn elementor-widget elementor-widget-button\" data-id=\"01ea004\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"\/id\/about-us\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"19\" height=\"19\" viewbox=\"0 0 19 19\" fill=\"none\"><path d=\"M3.23475 8.70818L12.407 8.70818L8.8445 5.14568L9.96392 4.02627L15.4375 9.49985L9.96392 14.9734L8.8445 13.854L12.407 10.2915L3.23475 10.2915L3.23475 8.70818Z\" fill=\"white\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Tentang VRAY<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-65cbc6c e-con-full e-flex e-con e-parent\" data-id=\"65cbc6c\" data-element_type=\"container\" id=\"vray-img\">\n\t\t<div class=\"elementor-element elementor-element-4e85b68 e-con-full e-flex e-con e-child\" data-id=\"4e85b68\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-d675b35 e-con-full e-flex e-con e-child\" data-id=\"d675b35\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eeb3df2 elementor-widget elementor-widget-text-editor\" data-id=\"eeb3df2\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>ULASAN<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8f16996 elementor-widget elementor-widget-heading\" data-id=\"8f16996\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Ulasan Pelanggan tentang Spektrometer XRF VRAY<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f7c60d2 elementor-widget elementor-widget-text-editor\" data-id=\"f7c60d2\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Pelanggan kami di seluruh dunia mengandalkan spektrometer XRF VRAY untuk hasil analisis logam mulia yang presisi, cepat, dan konsisten. Dari toko perhiasan dan pemurnian hingga laboratorium dan institusi pendidikan, pengguna mempercayai perangkat kami untuk meningkatkan efisiensi, memastikan kontrol kualitas, dan memberikan pengujian yang akurat. Umpan balik positif mereka mencerminkan keandalan dan kinerja profesional yang menjadi ciri solusi VRAY.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cad72ad e-con-full e-flex e-con e-child\" data-id=\"cad72ad\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-71d22f1 elementor-widget elementor-widget-html\" data-id=\"71d22f1\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n:root {\r\n  --Color-2: rgba(242, 243, 245, 1);\r\n}\r\n\t#reviews {\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-content: center;\r\n\t\tflex-direction: column;\r\n\t\toverflow: hidden;\r\n\t\r\n\t}\t\r\n\t#reviews a{\r\n\t\ttext-decoration: none;\r\n\t}\r\n\r\n\/* --- \u5916\u5c42\u5e03\u5c40 --- *\/\r\n.rev-wrapper {\r\n  \r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.rev-lists {\r\n  display: flex;\r\n  gap: 20px;\r\n  transition: transform 0.5s ease;\r\n}\r\n\r\n\/* \u6bcf\u4e2a\u8bc4\u8bba\u5361\u7247 *\/\r\n.reviews-list {\r\n  flex: 0 0 calc(33.33% - 14px); \/* \u4e00\u884c3\u4e2a *\/\r\n  background: var(--Color-2);\r\n  display: flex;\r\n  flex-direction: column;\r\n  position: relative;\r\n  padding: 40px 0;\r\n  overflow: hidden;\r\n  border-radius: 10px;\r\n  transition: transform 0.3s ease;\r\n  overflow: hidden; \r\n  cursor: pointer;\r\n  height: 360px;\r\n\t\r\n\t\r\n}\r\n.reviews-list:hover {\r\n height: 22vw;\r\n min-height: 480px;\r\n}\r\n\r\n\/* \u8bc4\u8bba\u6587\u5b57 *\/\r\n.reviews-text {\r\n  font-family: \"Roboto, sans-serif\";\r\n  font-weight: 300;\r\n  font-size: 0.9vw;\r\n  line-height: 1.5;\r\n  color: rgba(128, 128, 128, 1);\r\n  width: 90%;\r\n  padding-left: 20px;\r\n  margin-bottom: 20px;\r\n  \/* \u521d\u59cb\u72b6\u6001\uff1a\u53ea\u663e\u793a 3 \u884c *\/\r\n\toverflow: hidden;\r\n\tdisplay: -webkit-box;\r\n\t-webkit-line-clamp: 3;\r\n\t-webkit-box-orient: vertical;\r\n\ttext-overflow: ellipsis;    \/* \u8d85\u51fa\u663e\u793a\u7701\u7565\u53f7 *\/\r\n  transition: all 0.4s ease;\r\n\r\n\t\r\n}\r\n\r\n\/* \u7528\u6237\u4fe1\u606f\u533a *\/\r\n.rev-te p {\r\n  font-family: \"Rubik\";\r\n  font-weight: 700;\r\n  font-size: 22px;\r\n  line-height: 100%;\r\n  color: rgba(128, 128, 128, 1);\r\n  padding-bottom:5px;\r\n  margin: 0;\r\n  border-bottom: 1px solid rgba(217, 217, 217, 1);\r\n}\r\n.rev-te span {\r\n  font-family: \"Roboto\";\r\n  font-weight: 500;\r\n  font-size: 16px;\r\n  color: rgba(30, 71, 127, 1);\r\n}\r\n\r\n\/* \u5de6\u53f3\u7bad\u5934\u5bb9\u5668 *\/\r\n.tevpress {\r\n    width: 100%;\r\n  display: flex;\r\n  justify-content: flex-end;\r\n  align-items: flex-end;\r\n  align-items: center;\r\n  gap: 20px;\r\n  padding: 1vw 0vw;\r\n}\r\n\r\n.tevpress img {\r\n  cursor: pointer;\r\n  transition: transform 0.2s ease;\r\n  user-select: none;\r\n}\r\n.tevpress img:hover {\r\n  transform: scale(1);\r\n}\r\n#list1:hover #text1\t{\r\n  -webkit-line-clamp: 10;\r\n}\r\n#list2:hover #text2\t{\r\n  -webkit-line-clamp: 10;\r\n}\r\n#list3:hover #text3\t{\r\n  -webkit-line-clamp: 10;\r\n}\r\n#list4:hover #text4\t{\r\n  -webkit-line-clamp: 10;\r\n}\r\n#list5:hover #text5\t{\r\n  -webkit-line-clamp: 10;\r\n}\r\n#list6:hover #text6\t{\r\n  -webkit-line-clamp: 10;\r\n}\r\n.figure-img{\r\n    width: 73px;\r\n    height: 73px;\r\n}\r\n.imgandtext{\r\n    width: 100%;padding: 20px;\r\n}\r\n\t\/*****************\u5e73\u677f\u7aef************************\/\r\n@media((min-width:1024px) and (max-width:1339px)){\r\n    .reviews-list:hover {\r\n     height: 450px;\r\n    }\r\n    \r\n    \r\n}\r\n\r\n\t\/*****************\u5e73\u677f\u7aef************************\/\r\n@media((min-width:768px) and (max-width:1023px)){\r\n    \r\n    \r\n    .rev-lists{\r\n        gap:20px;\r\n    }\r\n\t.rev-te p{\r\n\t    font-size: 2.14vw;\r\n\t}    \r\n\t.rev-te span{\r\n\t    font-size: 1.56vw;\r\n\t}   \r\n\t .reviews-text{\r\n\t     font-size: 1.56vw;\r\n\t }   \r\n\t .reviews-list{\r\n\t     flex: 0 0 calc(49% - 10px);\r\n\t } \r\n\t .imgandtext{\r\n    padding: 10px;\r\n}\r\n.figure-img{\r\n   \r\n}\r\n.reviews-list:hover {\r\n height: 400px;\r\n}\r\n\t \r\n\t}\r\n   \/*********************\u624b\u673a\u7aef***************************\/\r\n  @media (max-width:767px){\r\n      \t .reviews-list{\r\n\t     flex: 0 0 calc(100% - 0px);\r\n\t } \r\n      .rev-te span{\r\n          font-size: 16px;\r\n      }\r\n      .reviews-text{\r\n         font-size: 14px; \r\n      }\r\n.reviews-list:hover {\r\n height: 22vw;\r\n min-height: 400px;\r\n}      \r\n      \r\n.reviews-list {\r\n   height: 400px;\r\n   padding: 40px 0 0;\r\n    \r\n}\r\n.reviews-text {\r\n    -webkit-line-clamp: 10;\r\n}\r\n.tevpress {\r\n    justify-content: center;\r\n    gap:30px;\r\n}\r\n      \r\n   }\r\n\r\n\r\n\r\n\t\t\t\t\t\r\n<\/style>\r\n\r\n<section id=\"reviews\">\r\n  <div class=\"rev-wrapper\">\r\n    <div class=\"rev-lists\" id=\"revLists\">\r\n      <!-- \u4e00\u7ec4\u8bc4\u8bba\u5361\u7247 -->\r\n      <a class=\"reviews-list\"   id=\"list1\">\r\n        <div style=\"position: absolute;right: 0;top: 0;\">\r\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/reviews-Subtract.png\" alt=\"reviews-Subtract\">\r\n        <\/div>\r\n        <div style=\"width: 90%;display: flex;justify-content: flex-end;align-items: flex-end;\">\r\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/reviews-ico.png\" alt=\"reviews-ico\">\r\n        <\/div>\r\n        <div style=\"\" class=\"imgandtext\">\r\n          <div style=\"display: flex;flex-direction: row;gap:10px;align-items: flex-start;\">\r\n            <div style=\"display: flex;justify-content: center;align-items: center\">\r\n              <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/12\/customer-img1.png\"  alt=\"reviews-figure\" class=\"figure-img\">\r\n            <\/div>\r\n            <div style=\"display: flex;flex-direction: column\" class=\"rev-te\">\r\n              <p>Bapak Umar<\/p>\r\n              <span>General Manager <br>Bullions and Coins Ltd <br>Inggris Raya\r\n<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"reviews-text\" id=\"text1\">\r\n          Saya membeli model VR-S6 dan telah menggunakannya selama berbulan-bulan. Perangkat ini bekerja dengan sangat baik dan mudah dioperasikan. \r\n\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <a class=\"reviews-list\"   id=\"list2\">\r\n        <div style=\"position: absolute;right: 0;top: 0;\">\r\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/reviews-Subtract.png\" alt=\"reviews-Subtract\">\r\n        <\/div>\r\n        <div style=\"width: 90%;display: flex;justify-content: flex-end;align-items: flex-end;\">\r\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/reviews-ico.png\" alt=\"reviews-ico\">\r\n        <\/div>\r\n        <div class=\"imgandtext\">\r\n          <div style=\"display: flex;flex-direction: row;gap:10px;align-items: flex-start;\">\r\n            <div style=\"display: flex;justify-content: center;align-items: center\">\r\n              <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/12\/customer-img2.png\" alt=\"reviews-figure\" class=\"figure-img\">\r\n            <\/div>\r\n            <div style=\"display: flex;flex-direction: column\" class=\"rev-te\">\r\n              <p>Bapak Mubashir Chaudhry<\/p>\r\n              <span>General Manager<br> Pure Gold Traders<br>Kanada<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"reviews-text\" id=\"text2\">\r\n          Saya telah mengenal Ibu Suzy selama bertahun-tahun dan telah membeli banyak mesin darinya. Kami sangat puas dengan layanan tim VRAY dan saat ini saya sedang mencari satu mesin lagi.\r\n        <\/div>\r\n      <\/a>\r\n      \r\n      \r\n      <a class=\"reviews-list\"  id=\"list3\">\r\n        <div style=\"position: absolute;right: 0;top: 0;\">\r\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/reviews-Subtract.png\" alt=\"reviews-Subtract\">\r\n        <\/div>\r\n        <div style=\"width: 90%;display: flex;justify-content: flex-end;align-items: flex-end;\">\r\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/reviews-ico.png\" alt=\"reviews-ico\">\r\n        <\/div>\r\n        <div class=\"imgandtext\">\r\n          <div style=\"display: flex;flex-direction: row;gap:10px;align-items: flex-start;\">\r\n            <div style=\"display: flex;justify-content: center;align-items: center\">\r\n              <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/12\/reviews-Subtract-04.png\"  alt=\"reviews-figure\" class=\"figure-img\">\r\n            <\/div>\r\n            <div style=\"display: flex;flex-direction: column\" class=\"rev-te\">\r\n              <p>Bapak Alexander Kantor <\/p>\r\n              <span>Manajer Penjualan<br> M.Kantor &amp; Associates LLC<br>Amerika Serikat<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"reviews-text\" id=\"text3\">\r\n         Seorang teman merekomendasikan saya untuk membeli mesin XRF VRAY saat pameran perhiasan di Hong Kong. Ia sangat puas dengan mesinnya, dan saya juga merasa puas. Sekarang saya telah merekomendasikan mesin ini kepada 2\u20133 teman lainnya. Sangat menarik.\r\n        <\/div>\r\n      <\/a>\r\n      <a class=\"reviews-list\"   id=\"list4\">\r\n        <div style=\"position: absolute;right: 0;top: 0;\">\r\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/reviews-Subtract.png\" alt=\"reviews-Subtract\">\r\n        <\/div>\r\n        <div style=\"width: 90%;display: flex;justify-content: flex-end;align-items: flex-end;\">\r\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/reviews-ico.png\" alt=\"reviews-ico\">\r\n        <\/div>\r\n        <div class=\"imgandtext\">\r\n          <div style=\"display: flex;flex-direction: row;gap:10px;align-items: flex-start;\">\r\n            <div style=\"display: flex;justify-content: center;align-items: center\">\r\n              <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/reviews-figure.png\"  alt=\"reviews-figure\" class=\"figure-img\">\r\n            <\/div>\r\n            <div style=\"display: flex;flex-direction: column\" class=\"rev-te\">\r\n              <p>Bapak Burak Orman<\/p>\r\n              <span>Direktur Utama<br>Berg Gold<br>Jerman<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"reviews-text\" id=\"text4\">\r\n          Kami telah lama bekerja sama dengan VRAY Instrument sebagai distributor mereka, dan pengalaman kami sangat baik. VRAY benar-benar merupakan mitra yang dapat dipercaya, dan kami senang dapat berkolaborasi dengan mereka.\r\n        <\/div>\r\n      <\/a>\r\n      <a class=\"reviews-list\"  id=\"list5\">\r\n        <div style=\"position: absolute;right: 0;top: 0;\">\r\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/reviews-Subtract.png\" alt=\"reviews-Subtract\">\r\n        <\/div>\r\n        <div style=\"width: 90%;display: flex;justify-content: flex-end;align-items: flex-end;\">\r\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/reviews-ico.png\" alt=\"reviews-ico\">\r\n        <\/div>\r\n        <div class=\"imgandtext\">\r\n          <div style=\"display: flex;flex-direction: row;gap:10px;align-items: flex-start;\">\r\n            <div style=\"display: flex;justify-content: center;align-items: center\">\r\n              <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/12\/reviews-Subtract3.png\" style=\"\" alt=\"reviews-figure\" class=\"figure-img\">\r\n            <\/div>\r\n            <div style=\"display: flex;flex-direction: column\" class=\"rev-te\">\r\n              <p>Bapak Samer<\/p>\r\n              <span>General Manager<br>LOLYA JEWELLERY<br>UEA<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"reviews-text\" id=\"text5\">\r\n          Tim layanan VRAY Instrument juga sangat mendukung dan selalu merespons dengan cepat. VR-T7 telah melebihi harapan kami. Mudah dioperasikan, memberikan analisis cepat dan akurat, serta sangat andal dalam pengujian sehari-hari kami.\r\n        <\/div>\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"tevpress\">\r\n    <img decoding=\"async\" id=\"arrowLeft\" src=\"\/wp-content\/uploads\/2025\/10\/tdesign_arrow-left-1.svg\" alt=\"left\">\r\n    <img decoding=\"async\" id=\"arrowRight\" src=\"\/wp-content\/uploads\/2025\/10\/tdesign_arrow-right.svg\" alt=\"right\">\r\n  <\/div>\r\n<\/section>\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", () => {\r\n  const revLists = document.getElementById(\"revLists\");\r\n  const cards = Array.from(document.querySelectorAll(\".reviews-list\"));\r\n  const leftBtn = document.getElementById(\"arrowLeft\");\r\n  const rightBtn = document.getElementById(\"arrowRight\");\r\n\r\n  if (!revLists || cards.length === 0 || !leftBtn || !rightBtn) return;\r\n\r\n  let currentIndex = 0;\r\n  const gap = 20;\r\n\r\n  \/\/ \u8ba1\u7b97\u6bcf\u884c\u53ef\u89c1\u5361\u7247\u6570\u91cf\r\n  function getVisibleCount() {\r\n    const card = cards[0];\r\n    if (!card) return 1;\r\n    return Math.floor(revLists.parentElement.offsetWidth \/ (card.offsetWidth + gap));\r\n  }\r\n\r\n  \/\/ \u66f4\u65b0\u7bad\u5934\u72b6\u6001\r\n  function updateArrowState() {\r\n    const cardWidth = cards[0].offsetWidth + gap;\r\n    const totalWidth = cards.length * cardWidth - gap;\r\n    const containerWidth = revLists.parentElement.offsetWidth;\r\n    const maxTranslateX = totalWidth - containerWidth;\r\n    const maxIndex = Math.ceil(maxTranslateX \/ cardWidth);\r\n\r\n    leftBtn.style.opacity = currentIndex === 0 ? 0.3 : 1;\r\n    rightBtn.style.opacity = currentIndex >= maxIndex ? 0.3 : 1;\r\n    leftBtn.style.pointerEvents = currentIndex === 0 ? \"none\" : \"auto\";\r\n    rightBtn.style.pointerEvents = currentIndex >= maxIndex ? \"none\" : \"auto\";\r\n  }\r\n\r\n  \/\/ \u66f4\u65b0\u6ed1\u52a8\u4f4d\u7f6e\r\n  function updateSlide() {\r\n    const cardWidth = cards[0].offsetWidth + gap;\r\n    const totalWidth = cards.length * cardWidth - gap;\r\n    const containerWidth = revLists.parentElement.offsetWidth;\r\n    const maxTranslateX = totalWidth - containerWidth;\r\n\r\n    let translateX = currentIndex * cardWidth;\r\n    if (translateX > maxTranslateX) translateX = maxTranslateX;\r\n\r\n    revLists.style.transform = `translateX(-${translateX}px)`;\r\n    updateArrowState();\r\n  }\r\n\r\n  \/\/ \u53f3\u7bad\u5934\r\n  rightBtn.addEventListener(\"click\", (e) => {\r\n    e.preventDefault();\r\n    const cardWidth = cards[0].offsetWidth + gap;\r\n    const totalWidth = cards.length * cardWidth - gap;\r\n    const containerWidth = revLists.parentElement.offsetWidth;\r\n    const maxTranslateX = totalWidth - containerWidth;\r\n    const maxIndex = Math.ceil(maxTranslateX \/ cardWidth);\r\n\r\n    if (currentIndex < maxIndex) {\r\n      currentIndex++;\r\n      updateSlide();\r\n    }\r\n  });\r\n\r\n  \/\/ \u5de6\u7bad\u5934\r\n  leftBtn.addEventListener(\"click\", (e) => {\r\n    e.preventDefault();\r\n    if (currentIndex > 0) {\r\n      currentIndex--;\r\n      updateSlide();\r\n    }\r\n  });\r\n\r\n  \/\/ resize \u65f6\u91cd\u65b0\u8ba1\u7b97\u8fb9\u754c\r\n  window.addEventListener(\"resize\", () => {\r\n    const visibleCount = getVisibleCount();\r\n    const cardWidth = cards[0].offsetWidth + gap;\r\n    const totalWidth = cards.length * cardWidth - gap;\r\n    const containerWidth = revLists.parentElement.offsetWidth;\r\n    const maxTranslateX = totalWidth - containerWidth;\r\n    const maxIndex = Math.ceil(maxTranslateX \/ cardWidth);\r\n\r\n    if (currentIndex > maxIndex) currentIndex = maxIndex;\r\n    updateSlide();\r\n  });\r\n\r\n  \/\/ \u521d\u59cb\u5316\r\n  updateSlide();\r\n});\r\n\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0cea875 e-con-full e-flex e-con e-parent\" data-id=\"0cea875\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-ba7d96e e-con-full e-flex e-con e-child\" data-id=\"ba7d96e\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-f0f5506 e-con-full e-flex e-con e-child\" data-id=\"f0f5506\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-d0b014d e-con-full e-flex e-con e-child\" data-id=\"d0b014d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a5f9fab elementor-widget elementor-widget-text-editor\" data-id=\"a5f9fab\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>MITRA<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ed25a93 elementor-widget elementor-widget-heading\" data-id=\"ed25a93\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Mitra Alat VRAY<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fcd0756 elementor-widget elementor-widget-text-editor\" data-id=\"fcd0756\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Di VRAY Instrument, kami bangga berkolaborasi dengan mitra di seluruh dunia, termasuk merek perhiasan, pemurnian, pegadaian, laboratorium, dan perusahaan industri. Melalui kemitraan ini, kami menghadirkan solusi XRF canggih yang meningkatkan kontrol kualitas, memperbaiki efisiensi, dan membangun kepercayaan di berbagai pasar dan aplikasi.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-951761c e-con-full e-flex e-con e-child\" data-id=\"951761c\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1dbbd08 product-btn elementor-align-justify elementor-laptop-align-justify elementor-widget elementor-widget-button\" data-id=\"1dbbd08\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"\/id\/resource\/customer-reviews\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"19\" height=\"19\" viewbox=\"0 0 19 19\" fill=\"none\"><path d=\"M3.23475 8.70818L12.407 8.70818L8.8445 5.14568L9.96392 4.02627L15.4375 9.49985L9.96392 14.9734L8.8445 13.854L12.407 10.2915L3.23475 10.2915L3.23475 8.70818Z\" fill=\"white\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">LIHAT LEBIH BANYAK MITRA<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ff97890 e-con-full e-flex e-con e-child\" data-id=\"ff97890\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f10e990 elementor-widget elementor-widget-html\" data-id=\"f10e990\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t  <link rel=\"stylesheet\" href=\"\/wp-content\/themes\/blocksy-child\/partners-swiper-bundle.min.css\" \/>\n    <style>\n  #partners {\n      position: relative;\n\t  border-radius: 12px;\n\t  background: var(--Color-2, rgba(242, 243, 245, 1));\n\t  height: 90px;\n\t  overflow: hidden;\n\t  \n    }\n\n   #partners .swiper {\n      width:100%\uff1b\n      height: 90px!important;\n     \n    }\n   #partners .swiper-slide {\n\twidth: 100%;\n      height: 90px!important;\n      display: flex;\n\t   justify-content: center;\n\t   align-items: center;\n\t   background:rgba(242, 243, 245, 1);\n\t   \n    }\n\t#partners  .swiper-slide img{\n\t    \/*\u56fe\u7247\u663e\u793a\u53d8\u7070\u8272 \n\t     filter: grayscale(100%);\n\t     *\/\n\t\t  width: 160px;\n\t\t  object-fit: cover;\n\t\t mix-blend-mode: multiply;\n\t  } \n\t  #partners  .swiper-wrapper{\n\t\t  background: var(--Color-2, rgba(242, 243, 245, 1));\n         height: 90px!important;\n\t  }\n\t  \n@media(max-width:767px){\n\t     #partners  .swiper-slide img{\n\t     \n\t  }\n\t  }\n  <\/style>\n\t\n\t\t\n<section id=\"partners\">\n  <div class=\"swiper parmySwiper\">\n    <div class=\"swiper-wrapper\">\n      <div class=\"swiper-slide\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/PARTNERS-1.jpg\"><\/div>\n      <div class=\"swiper-slide\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/PARTNERS-2.jpg\"><\/div>\n      <div class=\"swiper-slide\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/PARTNERS-3.jpg\"><\/div>\n      <div class=\"swiper-slide\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/PARTNERS-4.jpg\"><\/div>\n      <div class=\"swiper-slide\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/PARTNERS-5.jpg\"><\/div>\n      <div class=\"swiper-slide\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/PARTNERS-6.jpg\"><\/div>\n      <div class=\"swiper-slide\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/PARTNERS-7.jpg\"><\/div>\n      <div class=\"swiper-slide\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/PARTNERS-11.jpg\"><\/div>\n      <div class=\"swiper-slide\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/PARTNERS-12.jpg\"><\/div>\n\t  <div class=\"swiper-slide\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/PARTNERS-13.jpg\"><\/div>\n\t\t<div class=\"swiper-slide\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/PARTNERS-14.jpg\"><\/div>\n\t\t<div class=\"swiper-slide\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/PARTNERS-15.jpg\"><\/div>\n\t\t<div class=\"swiper-slide\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/PARTNERS-16.jpg\"><\/div>\n\t\t<div class=\"swiper-slide\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/PARTNERS-17.jpg\"><\/div>\n\t\t<div class=\"swiper-slide\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/PARTNERS-18.jpg\"><\/div>\n\t\t<div class=\"swiper-slide\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/PARTNERS-19.jpg\"><\/div>\n\t\n\t  <div class=\"swiper-slide\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/PARTNERS-20.jpg\"><\/div>\n\t  <div class=\"swiper-slide\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/PARTNERS-21.jpg\"><\/div>\n\t  <div class=\"swiper-slide\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/PARTNERS-22.jpg\"><\/div>\n\t<div class=\"swiper-slide\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/PARTNERS-23.jpg\"><\/div>\n\t\t<div class=\"swiper-slide\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/PARTNERS-24.jpg\"><\/div>\n\t  <div class=\"swiper-slide\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/PARTNERS-25.jpg\"><\/div>\n\t<div class=\"swiper-slide\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/PARTNERS-26.jpg\"><\/div>\n\t\t\n    <\/div>\n  <\/div>\n<\/section>\n  <script src=\"\/wp-content\/themes\/blocksy-child\/partners-swiper-bundle.min.js\"><\/script>\n\n  <!-- Initialize Swiper -->\n<script>\nvar swiper = new Swiper(\".parmySwiper\", {\n    watchSlidesProgress: true,\n    loop: true,\n    autoplay: {\n        delay: 3000,\n        disableOnInteraction: false\n    },\n    speed: 800,\n\n    \/\/ \u2605 \u5173\u952e\uff1a\u6839\u636e\u5c4f\u5e55\u5bbd\u5ea6\u663e\u793a\u4e0d\u540c\u6570\u91cf\n    breakpoints: {\n        \/\/ \u22651024px \u684c\u9762\u7aef\n        1024: {\n            slidesPerView: 7\n        },\n        \/\/ \u2265768px \u5e73\u677f\u7aef\n        768: {\n            slidesPerView: 5\n        },\n        \/\/ <768px \u624b\u673a\u7aef\n        0: {\n            slidesPerView: 3\n        }\n    }\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6d964e9 e-con-full e-flex e-con e-parent\" data-id=\"6d964e9\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-50fccc7 elementor-widget elementor-widget-html\" data-id=\"50fccc7\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\n\n  #hometext p a{\n      color: rgba(255,235,61,1)!important;\n  }  \n\n  #headlogo.active  a img{\n      transition: opacity 0.3s ease;\n  }\n  \n\n\/* \u591a\u8bed\u8a00\u7bad\u5934\u989c\u8272 *\/\n.trp-shortcode-overlay.active .trp-shortcode-arrow path{\n    stroke: rgba(30,71,127,0.8);\n}\n#searchtb.active .elementor-icon path{\n     fill: rgba(30, 71, 127, 0.8);\n}\n<\/style>\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", () => {\n  const homepro = document.getElementById('home-product-2'); \n  const homebanner = document.getElementById(\"home-banner\");\n  const mianmenu = document.getElementById('mianmenu');\n  const headlogo = document.getElementById('headlogo');\n  const phonemenu = document.getElementById('clickphonemenu');\n  const headtext = document.querySelectorAll(\".headtext a\");\n  const searchtext = document.querySelectorAll(\".headtext p\");\n  const headimg = document.querySelectorAll(\".headimg\");\n  const langtext = document.querySelectorAll(\".trp-language-item-name\");\n  const searchimg = document.querySelector(\"#searchtb\");\n  const logoImg = headlogo?.querySelector('a img');\n  const clickphonemenu = phonemenu?.querySelector('div img');\n  const arrow = document.querySelector('.trp-shortcode-overlay');\n\n  if (!homepro || !mianmenu) return;\n\n  let current = \"\";\n\n  const observer = new IntersectionObserver((entries) => {\n    entries.forEach(entry => {\n      if (!entry.isIntersecting) return;\n\n      \/* ---------- \u84dd\u8272\u4e3b\u9898\u533a\u57df ---------- *\/\n      if (entry.target.id === 'home-product-2' && current !== \"blue\") {\n        current = \"blue\";\n\n        mianmenu.style.background = 'rgba(215, 218, 224, 0.9)';\n        mianmenu.style.setProperty(\"border-bottom\", \"1px solid rgba(31, 83, 142, 0.2)\", \"important\");\n         mianmenu.style.backdropFilter = \"blur(20px)\";\n        if (searchimg) searchimg.classList.add(\"active\");\n\n        if (logoImg) {\n          logoImg.src = \"\/wp-content\/uploads\/2025\/12\/vray-logo-blue.svg\";\n          logoImg.style.width = \"100%\";\n          logoImg.style.height = \"100%\";\n        }\n\n        headtext.forEach(iem => iem.style.color = \"rgba(30, 71, 127, 0.8)\");\n        searchtext.forEach(iem => iem.style.color = \"rgba(30, 71, 127, 0.8)\");\n        headimg.forEach(iem => iem.style.backgroundImage = 'url(\"\/wp-content\/uploads\/2025\/10\/fe_arrow-down.svg\")');\n\n        if (clickphonemenu)\n          clickphonemenu.src = \"\/wp-content\/uploads\/2025\/10\/blue-phone-menu.svg\";\n\n        langtext.forEach(iem => iem.style.color = \"rgba(30, 71, 127, 0.8)\");\n\n        if (arrow) arrow.classList.add('active');\n      }\n\n      \/* ---------- \u767d\u8272\u4e3b\u9898\u533a\u57df ---------- *\/\n      if (entry.target.id === \"home-banner\" && current !== \"white\") {\n        current = \"white\";\n\n        mianmenu.style.background = 'rgba(242, 243, 245, 0)';\n\n        if (searchimg) searchimg.classList.remove(\"active\");\n        if (logoImg) logoImg.src = \"\/wp-content\/uploads\/2025\/10\/whtie-logo.svg\";\n\n        if (clickphonemenu)\n          clickphonemenu.src=\"\/wp-content\/uploads\/2025\/10\/white-phone-menu.svg\";\n\n        headtext.forEach(iem => iem.style.color=\"rgba(242, 243, 245, 1)\");\n        searchtext.forEach(iem => iem.style.color=\"rgba(242, 243, 245, 1)\");\n        headimg.forEach(iem => iem.style.backgroundImage ='url(\"\/wp-content\/uploads\/2025\/10\/white-down.png\")');\n\n        langtext.forEach(iem => iem.style.color=\"rgba(242, 243, 245, 1)\");\n\n        if (arrow) arrow.classList.remove('active');\n\n        mianmenu.style.setProperty(\"border-bottom\", \"0px solid rgba(31, 83, 142, 0.2)\", \"important\");\n      }\n    });\n  }, { threshold: 0.7 });\n\n  observer.observe(homepro);\n  observer.observe(homebanner);\n});\n\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>VEIW ALL PRODUCT Material Analysis and Gold Testing Machine Explore our professional XRF analyzers for accurate precious metal testing and coating thickness measurement. Our gold testers and XRF analyzers provide reliable results for gold, silver, platinum, palladium, and other alloys. Designed for jewelry testing, refining, and quality control, these devices ensure precision and efficiency. Easy [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"blocksy_meta":{"disable_header":"yes","disable_footer":"yes","has_hero_section":"disabled","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6}},"acf":[],"_links":{"self":[{"href":"https:\/\/kaifa.szlogic.cn\/id\/wp-json\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kaifa.szlogic.cn\/id\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kaifa.szlogic.cn\/id\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kaifa.szlogic.cn\/id\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kaifa.szlogic.cn\/id\/wp-json\/wp\/v2\/comments?post=11"}],"version-history":[{"count":4994,"href":"https:\/\/kaifa.szlogic.cn\/id\/wp-json\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":22661,"href":"https:\/\/kaifa.szlogic.cn\/id\/wp-json\/wp\/v2\/pages\/11\/revisions\/22661"}],"wp:attachment":[{"href":"https:\/\/kaifa.szlogic.cn\/id\/wp-json\/wp\/v2\/media?parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}