{"id":11,"date":"2026-03-12T14:37:26","date_gmt":"2026-03-12T14:37:26","guid":{"rendered":"https:\/\/seminars.unj.ac.id\/insegt2026\/?page_id=11"},"modified":"2026-09-30T08:15:23","modified_gmt":"2026-09-30T08:15:23","slug":"elementor-11","status":"publish","type":"page","link":"https:\/\/seminars.unj.ac.id\/insegt2027\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<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-ebf362b e-con-full e-flex e-con e-parent\" data-id=\"ebf362b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-57c2110 elementor-widget elementor-widget-html\" data-id=\"57c2110\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Fallback pemanggilan font -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;500;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    \/* Import font dari CSS untuk memaksa Elementor memuatnya *\/\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;500;700;800;900&display=swap');\r\n\r\n    :root {\r\n        --navy: #0d2342;\r\n        --blue: #155dfc;\r\n        --cyan: #8ec5ff;\r\n        --text: #30435d;\r\n        --muted: #6c7d93;\r\n        --line: #dfe7f0;\r\n        --soft: #f4f8fc;\r\n        --white: #fff;\r\n        --shadow: 0 18px 50px rgba(21, 55, 98, .10);\r\n        --container: 1260px\r\n    }\r\n\r\n    \/* PAKSA ELEMENTOR MENGGUNAKAN FONT INI DI AREA HERO *\/\r\n    .hero, .hero * {\r\n        font-family: 'Plus Jakarta Sans', Inter, sans-serif !important;\r\n    }\r\n\r\n    * {\r\n        box-sizing: border-box\r\n    }\r\n\r\n    html {\r\n        scroll-behavior: smooth\r\n    }\r\n\r\n    body {\r\n        margin: 0;\r\n        color: var(--text);\r\n        line-height: 1.7;\r\n        overflow-x: hidden\r\n    }\r\n\r\n    a {\r\n        color: inherit;\r\n        text-decoration: none\r\n    }\r\n\r\n    button {\r\n        font: inherit\r\n    }\r\n\r\n    img {\r\n        max-width: 100%;\r\n        display: block\r\n    }\r\n\r\n    .container {\r\n        width: min(var(--container), calc(100% - 48px));\r\n        margin: auto\r\n    }\r\n\r\n    .section {\r\n        padding: 105px 0\r\n    }\r\n\r\n    .soft-bg {\r\n        background: linear-gradient(180deg, #f7fbff 0%, #f1f7fc 100%)\r\n    }\r\n\r\n    .reveal {\r\n        opacity: 0;\r\n        transform: translateY(28px);\r\n        transition: opacity .7s ease, transform .7s ease;\r\n    }\r\n\r\n    .reveal.visible {\r\n        opacity: 1;\r\n        transform: none\r\n    }\r\n\r\n    .eyebrow {\r\n        color: var(--cyan) !important;\r\n        font-size: 12px;\r\n        font-weight: 900;\r\n        letter-spacing: .18em;\r\n        text-transform: uppercase;\r\n        margin-bottom: 12px;\r\n    }\r\n    \r\n    .eyebrow-conf {\r\n        color: var(--blue) !important;\r\n        font-size: 12px;\r\n        font-weight: 900;\r\n        letter-spacing: .18em;\r\n        text-transform: uppercase;\r\n        margin-bottom: 12px;\r\n    }\r\n\r\n    @media(max-width:760px) {\r\n        .container {\r\n            width: calc(100% - 30px)\r\n        }\r\n\r\n        .section {\r\n            padding: 78px 0\r\n        }\r\n    }\r\n<\/style>\r\n<style>\r\n    .hero {\r\n        position: relative;\r\n        min-height: 790px;\r\n        padding: 165px 0 85px;\r\n        \/* Background tetap full-width tanpa margin luar *\/\r\n        background-image:\r\n            linear-gradient(\r\n                90deg,\r\n                rgba(7, 25, 55, .82) 0%,\r\n                rgba(7, 25, 55, .62) 45%,\r\n                rgba(7, 25, 55, .32) 100%\r\n            ),\r\n            url(\"https:\/\/seminars.unj.ac.id\/insegt2027\/wp-content\/uploads\/2026\/03\/P1020952-scaled.jpg\");\r\n        background-size: cover;\r\n        background-position: center center;\r\n        background-repeat: no-repeat;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .hero-grid {\r\n        display: grid;\r\n        grid-template-columns: 1.08fr .92fr;\r\n        gap: 72px;\r\n        align-items: center;\r\n        \/* Margin\/padding kiri dan kanan HANYA untuk elemen di dalamnya *\/\r\n        padding: 0 40px; \r\n    }\r\n\r\n    .hero h1 {\r\n        color: white !important;\r\n        font-size: clamp(42px, 5.2vw, 72px) !important;\r\n        line-height: 1.02 !important;\r\n        letter-spacing: -.055em !important;\r\n        margin: 0 0 22px !important;\r\n        font-weight: 850 !important;\r\n    }\r\n\r\n    .hero h1 span {\r\n        color: var(--cyan) !important;\r\n    }\r\n\r\n    .hero-desc {\r\n        font-size: 17px;\r\n        line-height: 1.8;\r\n        color: white;\r\n        max-width: 710px;\r\n        font-weight: 300;\r\n        margin-bottom: 0; \/* Reset Elementor P margin *\/\r\n    }\r\n\r\n    .countdown-label {\r\n        margin-top: 35px;\r\n        color: white;\r\n        font-weight: 850;\r\n    }\r\n\r\n    .countdown {\r\n        display: flex;\r\n        gap: 10px;\r\n        margin-top: 13px;\r\n        flex-wrap: wrap\r\n    }\r\n\r\n    .time-box {\r\n        width: 76px;\r\n        padding: 11px 7px;\r\n        border-radius: 14px;\r\n        background: #fff;\r\n        border: 1px solid var(--line);\r\n        box-shadow: 0 10px 25px rgba(23, 66, 115, .07);\r\n        text-align: center\r\n    }\r\n\r\n    .time-box strong {\r\n        display: block;\r\n        font-size: 25px;\r\n        font-weight: 850;\r\n        color: var(--blue);\r\n        line-height: 1.2;\r\n    }\r\n\r\n    .time-box small {\r\n        font-size: 10px;\r\n        text-transform: uppercase;\r\n        letter-spacing: .1em;\r\n        color: var(--muted);\r\n        font-weight: 800;\r\n        line-height: 1;\r\n    }\r\n\r\n    .hero-actions {\r\n        display: flex;\r\n        gap: 13px;\r\n        margin-top: 25px\r\n    }\r\n\r\n    .btn {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 9px;\r\n        min-height: 48px;\r\n        padding: 0 21px;\r\n        border-radius: 10px;\r\n        font-weight: 850;\r\n        font-size: 14px;\r\n        border: 1px solid transparent;\r\n        cursor: pointer\r\n    }\r\n\r\n    .btn-primary {\r\n        background: var(--blue);\r\n        color: #fff !important;\r\n        box-shadow: 0 10px 24px rgba(31, 87, 214, .23)\r\n    }\r\n\r\n    .info-card {\r\n        background: rgb(255 255 255 \/ 0.8);\r\n        border: 1px solid #e2e9f1;\r\n        border-radius: 10px;\r\n        padding: 34px;\r\n        box-shadow: var(--shadow);\r\n        border-width: 5px;\r\n        border-style: solid;\r\n        border-color: white;\r\n    }\r\n\r\n    .info-card h3 {\r\n        color: var(--navy) !important;\r\n        font-size: 24px !important;\r\n        margin: 0 0 15px !important;\r\n        font-weight: 850 !important;\r\n    }\r\n\r\n    .info-card p {\r\n        color: var(--muted) !important;\r\n        font-size: 14px !important;\r\n        font-weight: 500 !important;\r\n        line-height: 1.7 !important;\r\n        margin-bottom: 0 !important;\r\n    }\r\n\r\n    .info-divider {\r\n        height: 5px;\r\n        background: var(--line);\r\n        margin: 26px 0\r\n    }\r\n\r\n    .event-meta {\r\n        display: grid;\r\n        gap: 18px\r\n    }\r\n\r\n    .meta-item {\r\n        display: flex;\r\n        gap: 14px;\r\n        align-items: center;\r\n    }\r\n\r\n    .meta-icon {\r\n        flex: 0 0 40px;\r\n        width: 40px;\r\n        height: 40px;\r\n        border-radius: 12px;\r\n        background: #edf4ff;\r\n        color: var(--blue);\r\n        display: grid;\r\n        place-items: center;\r\n        font-weight: 900;\r\n        font-size: 18px;\r\n    }\r\n\r\n    .meta-item b {\r\n        display: block;\r\n        color: var(--navy);\r\n        font-size: 14px;\r\n        font-weight: 850;\r\n        line-height: 1.3;\r\n    }\r\n\r\n    .meta-item span {\r\n        display: block;\r\n        color: var(--muted);\r\n        font-size: 13px;\r\n        font-weight: 500;\r\n        line-height: 1.3;\r\n    }\r\n    \r\n    .hero-actions-container {\r\n        display: flex;\r\n        gap: 20px;\r\n    }\r\n\r\n    @media(max-width:1050px) {\r\n        .hero-grid {\r\n            grid-template-columns: 1fr\r\n        }\r\n\r\n        .hero {\r\n            min-height: auto;\r\n            padding-bottom: 95px\r\n        }\r\n    }\r\n\r\n    @media(max-width:760px) {\r\n        .hero {\r\n            padding-top: 125px;\r\n        }\r\n\r\n        .hero h1 {\r\n            font-size: 45px !important;\r\n        }\r\n        \r\n        .hero-grid {\r\n            \/* Menyesuaikan margin untuk elemen pada layar mobile *\/\r\n            padding: 0 10px;\r\n        }\r\n        \r\n        .info-card {\r\n            padding: 24px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"hero\" id=\"home\">\r\n    <div class=\"container hero-grid\">\r\n        <div class=\"reveal\">\r\n            <div class=\"eyebrow\">24 September 2027 \u2022 Jakarta<\/div>\r\n            <h1>INSEGT <span>2027<\/span><\/h1>\r\n            <p class=\"hero-desc\"><strong>2nd International Conference on Innovation, Sustainability and Engineering for\r\n                    Global Transformation (INSEGT) 2027.<\/strong><\/p>\r\n            <div class=\"countdown-label\">The conference will start in<\/div>\r\n            <div class=\"countdown\">\r\n                <div class=\"time-box\"><strong id=\"days\">00<\/strong><small>Days<\/small><\/div>\r\n                <div class=\"time-box\"><strong id=\"hours\">00<\/strong><small>Hours<\/small><\/div>\r\n                <div class=\"time-box\"><strong id=\"minutes\">00<\/strong><small>Minutes<\/small><\/div>\r\n                <div class=\"time-box\"><strong id=\"seconds\">00<\/strong><small>Seconds<\/small><\/div>\r\n            <\/div>\r\n            <div class=\"hero-actions-container\">\r\n                <div class=\"hero-actions\"><a class=\"btn btn-primary\" href=\"https:\/\/igers.org\">Paper Submission<\/a>\r\n                <\/div>\r\n                <div class=\"hero-actions\"><a class=\"btn btn-primary\" href=\"#registration\">Registration<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <aside class=\"info-card reveal\">\r\n            <div class=\"eyebrow-conf\">Conference Information<\/div>\r\n            <p>All accepted papers must be presented at the conference. Papers will undergo a rigorous peer-review process conducted by the conference\u2019s internal review committee. Only papers that are accepted, presented, and meet the required academic and technical standards will be submitted to IEEE for consideration for inclusion in the IEEE Xplore\u00ae\ufe0f Digital Library. Final acceptance and publication decisions are made solely by IEEE.<\/p>\r\n            <div class=\"info-divider\"><\/div>\r\n            <div class=\"event-meta\">\r\n                <div class=\"meta-item\">\r\n                    <div class=\"meta-icon\">\u25a3<\/div>\r\n                    <div><b>22 - 24 September 2027<\/b><span>Conference date<\/span><\/div>\r\n                <\/div>\r\n                <div class=\"meta-item\">\r\n                    <div class=\"meta-icon\">\u2316<\/div>\r\n                    <div><b>Universitas Negeri Jakarta<\/b><span>Tower A, Jl. Pemuda No.18, Rawamangun, Jakarta Timur,\r\n                            DKI Jakarta 13220<\/span><\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/aside>\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () { \r\n    const target = new Date(\"2027-09-24T09:00:00+07:00\").getTime(); \r\n    \r\n    function update() { \r\n        const d = target - Date.now(); \r\n        if (d <= 0) { \r\n            [\"days\", \"hours\", \"minutes\", \"seconds\"].forEach(x => document.getElementById(x).textContent = \"00\"); \r\n            return \r\n        } \r\n        document.getElementById(\"days\").textContent = Math.floor(d \/ 86400000).toString().padStart(2, \"0\"); \r\n        document.getElementById(\"hours\").textContent = Math.floor(d % 86400000 \/ 3600000).toString().padStart(2, \"0\"); \r\n        document.getElementById(\"minutes\").textContent = Math.floor(d % 3600000 \/ 60000).toString().padStart(2, \"0\"); \r\n        document.getElementById(\"seconds\").textContent = Math.floor(d % 60000 \/ 1000).toString().padStart(2, \"0\") \r\n    } \r\n    \r\n    update(); \r\n    setInterval(update, 1000); \r\n    \r\n    if (\"IntersectionObserver\" in window) { \r\n        const o = new IntersectionObserver(es => es.forEach(e => { \r\n            if (e.isIntersecting) { \r\n                e.target.classList.add(\"visible\"); \r\n                o.unobserve(e.target) \r\n            } \r\n        }), { threshold: .12 }); \r\n        document.querySelectorAll(\".hero .reveal\").forEach(e => o.observe(e)) \r\n    } \r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5da25aa e-con-full e-flex e-con e-parent\" data-id=\"5da25aa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-13ad9ee elementor-widget elementor-widget-html\" data-id=\"13ad9ee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Fallback pemanggilan font -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    \/* Import font dari CSS untuk memaksa Elementor memuatnya *\/\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800;900&display=swap');\r\n\r\n    \/* PAKSA ELEMENTOR MENGGUNAKAN FONT INI DI SELURUH AREA ABOUT & MODAL *\/\r\n    #about, #about *, .modal-overlay, .modal-overlay * {\r\n        font-family: 'Plus Jakarta Sans', Inter, sans-serif !important;\r\n    }\r\n\r\n    :root {\r\n        --navy: #0d2342;\r\n        --blue: #155dfc;\r\n        --cyan: #8ec5ff;\r\n        --text: #30435d;\r\n        --muted: #6c7d93;\r\n        --line: #dfe7f0;\r\n        --soft: #f4f8fc;\r\n        --white: #fff;\r\n        --shadow: 0 18px 50px rgba(21, 55, 98, .10);\r\n        --container: 1260px\r\n    }\r\n\r\n    * {\r\n        box-sizing: border-box\r\n    }\r\n\r\n    html {\r\n        scroll-behavior: smooth\r\n    }\r\n\r\n    body {\r\n        margin: 0;\r\n        color: var(--text);\r\n        line-height: 1.7;\r\n        overflow-x: hidden\r\n    }\r\n\r\n    a {\r\n        color: inherit;\r\n        text-decoration: none\r\n    }\r\n\r\n    button {\r\n        font: inherit\r\n    }\r\n\r\n    img {\r\n        max-width: 100%;\r\n        display: block\r\n    }\r\n\r\n    .container {\r\n        width: min(var(--container), calc(100% - 48px));\r\n        margin: auto\r\n    }\r\n\r\n    .section {\r\n        padding: 105px 0\r\n    }\r\n\r\n    .soft-bg {\r\n        background: linear-gradient(180deg, #f7fbff 0%, #f1f7fc 100%)\r\n    }\r\n\r\n    .reveal {\r\n        opacity: 0;\r\n        transform: translateY(28px);\r\n        transition: opacity .7s ease, transform .7s ease\r\n    }\r\n\r\n    .reveal.visible {\r\n        opacity: 1;\r\n        transform: none\r\n    }\r\n\r\n    .eyebrow-conf {\r\n        color: var(--blue) !important;\r\n        font-size: 12px !important;\r\n        font-weight: 900 !important;\r\n        letter-spacing: .18em !important;\r\n        text-transform: uppercase !important;\r\n        margin-bottom: 12px !important;\r\n    }\r\n\r\n    @media(max-width:760px) {\r\n        .container {\r\n            width: calc(100% - 30px)\r\n        }\r\n\r\n        .section {\r\n            padding: 78px 0\r\n        }\r\n    }\r\n<\/style>\r\n<style>\r\n    .about-grid {\r\n        display: grid;\r\n        grid-template-columns: 1.05fr .95fr;\r\n        gap: 70px;\r\n        align-items: center;\r\n        \/* Tambahan margin\/padding kiri dan kanan HANYA untuk elemen di dalamnya *\/\r\n        padding: 0 40px;\r\n    }\r\n\r\n    .section-heading h2 {\r\n        color: var(--navy);\r\n        font-size: clamp(32px, 4vw, 48px);\r\n        line-height: 1.12;\r\n        letter-spacing: -.035em;\r\n        margin: 0 0 17px\r\n    }\r\n\r\n    .title-rule {\r\n        width: 54px;\r\n        height: 4px;\r\n        border-radius: 99px;\r\n        background: var(--blue);\r\n        margin: 18px 0 28px\r\n    }\r\n    \r\n    .about-copy h2 {\r\n        font-weight: 850 !important;\r\n        color: var(--navy) !important;\r\n        margin-bottom: 0 !important;\r\n    }\r\n\r\n    .about-copy p {\r\n        color: var(--muted) !important;\r\n        margin: 0 0 17px !important;\r\n        font-weight: 500 !important;\r\n        text-align: justify !important; \/* TAMBAHAN JUSTIFY TEKS *\/\r\n    }\r\n    \r\n    .about-text {\r\n        font-size: 17px;\r\n    }\r\n\r\n    .image-placeholder {\r\n        min-height: 390px;\r\n        border: 1px dashed #cad7e5;\r\n        border-radius: 24px;\r\n        background: #f7faff;\r\n        display: grid;\r\n        place-items: center;\r\n        color: #94a3b8;\r\n        font-size: 12px;\r\n        font-weight: 800;\r\n        letter-spacing: .12em\r\n    }\r\n\r\n    .image-placeholder img {\r\n        width: 100%;\r\n        height: 100%;\r\n        min-height: 390px;\r\n        object-fit: cover;\r\n        border-radius: 23px\r\n    }\r\n    \r\n    .btn-open-modal {\r\n        background: none;\r\n        border: none;\r\n        padding: 0;\r\n        font-size: inherit;\r\n        font-weight: 700 !important;\r\n        font-family: inherit;\r\n        color: var(--blue) !important;\r\n        cursor: pointer;\r\n        text-decoration: none;\r\n        transition: color 0.3s;\r\n    }\r\n    .btn-open-modal:hover {\r\n        text-decoration: underline;\r\n        color: var(--cyan) !important;\r\n    }\r\n    \r\n    .modal-overlay {\r\n        display: none;\r\n        position: fixed;\r\n        inset: 0;\r\n        background: rgba(15, 23, 42, 0.7);\r\n        backdrop-filter: blur(10px);\r\n        -webkit-backdrop-filter: blur(10px);\r\n        z-index: 999999;\r\n        justify-content: center;\r\n        align-items: center;\r\n        padding: 20px;\r\n    }\r\n    .modal-overlay.active { display: flex; animation: fadeIn 0.3s ease-out; }\r\n\r\n    .modal-card {\r\n        background: #ffffff;\r\n        border-radius: 20px;\r\n        width: 100%;\r\n        max-width: 850px;\r\n        max-height: 85vh;\r\n        position: relative;\r\n        box-shadow: 0 30px 60px rgba(31, 87, 214, 0.18);\r\n        display: flex;\r\n        flex-direction: column;\r\n        overflow: hidden;\r\n        animation: scaleUp 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    }\r\n\r\n    .modal-header-accent {\r\n        height: 8px;\r\n        width: 100%;\r\n        background: linear-gradient(to right, var(--blue), var(--cyan));\r\n    }\r\n\r\n    .modal-close {\r\n        position: absolute;\r\n        top: 25px;\r\n        right: 25px;\r\n        background: #edf4ff;\r\n        border: none;\r\n        border-radius: 50%;\r\n        width: 40px;\r\n        height: 40px;\r\n        font-size: 1.2rem;\r\n        font-weight: 700;\r\n        cursor: pointer;\r\n        color: var(--navy);\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        transition: all 0.3s ease;\r\n        z-index: 10;\r\n    }\r\n\r\n    .modal-close:hover {\r\n        background-color: #dbeafe;\r\n        color: var(--blue);\r\n        transform: rotate(90deg);\r\n    }\r\n\r\n    .modal-body {\r\n        padding: 40px 50px;\r\n        overflow-y: auto;\r\n    }\r\n\r\n    .modal-body::-webkit-scrollbar {\r\n        width: 8px;\r\n    }\r\n\r\n    .modal-body::-webkit-scrollbar-track {\r\n        background: #edf4ff;\r\n        border-radius: 10px;\r\n    }\r\n\r\n    .modal-body::-webkit-scrollbar-thumb {\r\n        background: #93c5fd;\r\n        border-radius: 10px;\r\n    }\r\n\r\n    .modal-body::-webkit-scrollbar-thumb:hover {\r\n        background: var(--blue);\r\n    }\r\n\r\n    .modal-title {\r\n        font-size: 1.8rem !important;\r\n        font-weight: 800 !important;\r\n        color: var(--navy) !important;\r\n        margin-top: 0;\r\n        margin-bottom: 25px !important;\r\n        border-bottom: 2px solid #dbeafe;\r\n        padding-bottom: 15px;\r\n    }\r\n\r\n    .modal-title span {\r\n        color: var(--blue) !important;\r\n        font-weight: 400 !important;\r\n    }\r\n\r\n    .modal-text-content p {\r\n        font-size: 1.05rem !important;\r\n        line-height: 1.8 !important;\r\n        color: var(--muted) !important;\r\n        margin-bottom: 20px !important;\r\n        text-align: justify !important; \/* TAMBAHAN JUSTIFY TEKS MODAL *\/\r\n        font-weight: 500 !important;\r\n    }\r\n\r\n    .modal-text-content p:last-child {\r\n        margin-bottom: 0 !important;\r\n    }\r\n\r\n    .modal-text-content strong {\r\n        color: var(--navy) !important;\r\n        font-weight: 700 !important;\r\n        background: rgba(31, 87, 214, 0.10);\r\n        padding: 2px 6px;\r\n        border-radius: 4px;\r\n    }\r\n\r\n    \/* Responsivitas untuk Grid dan Margin *\/\r\n    @media(max-width:1050px) {\r\n        .about-grid {\r\n            grid-template-columns: 1fr;\r\n        }\r\n    }\r\n\r\n    @media(max-width:760px) {\r\n        .about-grid {\r\n            \/* Margin lebih kecil untuk layar mobile *\/\r\n            padding: 0 10px;\r\n        }\r\n        \r\n        .modal-body {\r\n            padding: 30px 20px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"section\" id=\"about\">\r\n    <div class=\"container about-grid\">\r\n        <div class=\"about-copy reveal\">\r\n            <div class=\"eyebrow-conf\">About \/ Overview<\/div>\r\n            <h2>INSEGT 2027 Overview<\/h2>\r\n            <div class=\"title-rule\"><\/div>\r\n            <div class=\"about-text\">\r\n            <p>The International Conference on Innovation, Sustainability and Engineering for Global Transformation (INSEGT) 2027 aims to bring together researchers, academics, engineers, and industry practitioners from around the world to exchange knowledge and discuss recent advances in engineering and technological innovation for sustainable development. The conference provides an international forum for presenting high-quality research, fostering interdisciplinary collaboration, and addressing global challenges related to sustainability and environmental resilience.<\/p>\r\n\r\n                <p>The conference particularly emphasizes Sustainable Engineering and Environmental Innovation, focusing on the development of engineering solutions that support environmentally responsible infrastructure, efficient resource utilization, and sustainable technological systems.\r\n                    <button class=\"btn-open-modal\" onclick=\"openModal()\">Read More...<\/button>\r\n                <\/p>\r\n                <\/div>\r\n        <\/div>\r\n        <div class=\"image-placeholder reveal\"><img decoding=\"async\" src=\"https:\/\/seminars.unj.ac.id\/insegt2027\/wp-content\/uploads\/2026\/03\/P1021247-scaled.jpg\"><\/div>\r\n    <\/div>\r\n    \r\n    <div class=\"modal-overlay\" id=\"myModal\">\r\n    <div class=\"modal-card\">\r\n        <div class=\"modal-header-accent\"><\/div>\r\n        <button class=\"modal-close\" onclick=\"closeModal()\">\u2715<\/button>\r\n        <div class=\"modal-body\">\r\n            <h2 class=\"modal-title\">INSEGT 2027 <span>Overview<\/span><\/h2>\r\n            <div class=\"modal-text-content\">\r\n                <p>The International Conference on Innovation, Sustainability and Engineering for Global Transformation (INSEGT) 2027 aims to bring together researchers, academics, engineers, and industry practitioners from around the world to exchange knowledge and discuss recent advances in engineering and technological innovation for sustainable development. The conference provides an international forum for presenting high-quality research, fostering interdisciplinary collaboration, and addressing global challenges related to sustainability and environmental resilience.<\/p>\r\n                <p>The conference particularly emphasizes <strong>Sustainable Engineering and Environmental Innovation<\/strong>, focusing on the development of engineering solutions that support environmentally responsible infrastructure, efficient resource utilization, and sustainable technological systems. Topics of interest include green construction and sustainable civil engineering, renewable energy technologies, energy storage systems, and waste-to-energy solutions, as well as the integration of digital technologies for sustainability, including Internet of Things (IoT), 5G networks, artificial intelligence, and smart systems.<\/p>\r\n                <p>INSEGT 2027 also welcomes contributions related to environmental management and green technology systems, along with research on circular innovation and sustainable materials that promote resource efficiency and long-term environmental sustainability.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<\/section>\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () { \r\n    const els = document.querySelectorAll(\"#about .reveal\"); \r\n    if (\"IntersectionObserver\" in window) { \r\n        const o = new IntersectionObserver(es => es.forEach(e => { \r\n            if (e.isIntersecting) { \r\n                e.target.classList.add(\"visible\"); \r\n                o.unobserve(e.target) \r\n            } \r\n        }), { threshold: .12 }); \r\n        els.forEach(e => o.observe(e)) \r\n    } else {\r\n        els.forEach(e => e.classList.add(\"visible\")) \r\n    }\r\n});\r\n\r\nfunction openModal() {\r\n    document.getElementById('myModal').classList.add('active');\r\n    document.body.style.overflow = 'hidden';\r\n}\r\n\r\nfunction closeModal() {\r\n    document.getElementById('myModal').classList.remove('active');\r\n    document.body.style.overflow = '';\r\n}\r\n\r\ndocument.getElementById('myModal').addEventListener('click', function(e) {\r\n    if (e.target === this) closeModal();\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-97e28c3 e-con-full e-flex e-con e-parent\" data-id=\"97e28c3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4752719 elementor-widget elementor-widget-html\" data-id=\"4752719\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Fallback pemanggilan font -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    \/* Import font dari CSS untuk memaksa Elementor memuatnya *\/\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800;900&display=swap');\r\n\r\n    \/* PAKSA ELEMENTOR MENGGUNAKAN FONT INI DI SELURUH AREA SPEAKERS *\/\r\n    #speakers, #speakers * {\r\n        font-family: 'Plus Jakarta Sans', Inter, sans-serif !important;\r\n    }\r\n\r\n    :root {\r\n        --navy: #0d2342;\r\n        --blue: #155dfc;\r\n        --cyan: #25b9d6;\r\n        --text: #30435d;\r\n        --muted: #6c7d93;\r\n        --line: #dfe7f0;\r\n        --soft: #f4f8fc;\r\n        --white: #fff;\r\n        --shadow: 0 18px 50px rgba(21, 55, 98, .10);\r\n        --container: 1260px\r\n    }\r\n\r\n    * {\r\n        box-sizing: border-box\r\n    }\r\n\r\n    html {\r\n        scroll-behavior: smooth\r\n    }\r\n\r\n    body {\r\n        margin: 0;\r\n        color: var(--text);\r\n        line-height: 1.7;\r\n        overflow-x: hidden\r\n    }\r\n\r\n    a {\r\n        color: inherit;\r\n        text-decoration: none\r\n    }\r\n\r\n    button {\r\n        font: inherit\r\n    }\r\n\r\n    img {\r\n        max-width: 100%;\r\n        display: block\r\n    }\r\n\r\n    .container {\r\n        width: min(var(--container), calc(100% - 48px));\r\n        margin: auto\r\n    }\r\n\r\n    .section {\r\n        padding: 105px 0\r\n    }\r\n\r\n    .soft-bg {\r\n        background: linear-gradient(180deg, #f7fbff 0%, #f1f7fc 100%)\r\n    }\r\n\r\n    .reveal {\r\n        opacity: 0;\r\n        transform: translateY(28px);\r\n        transition: opacity .7s ease, transform .7s ease\r\n    }\r\n\r\n    .reveal.visible {\r\n        opacity: 1;\r\n        transform: none\r\n    }\r\n\r\n    .eyebrow-conf {\r\n        color: var(--blue) !important;\r\n        font-size: 12px !important;\r\n        font-weight: 900 !important;\r\n        letter-spacing: .18em !important;\r\n        text-transform: uppercase !important;\r\n        margin-bottom: 12px !important;\r\n    }\r\n    \r\n    .eyebrow-title {\r\n        font-weight: 850 !important;\r\n    }\r\n\r\n    @media(max-width:760px) {\r\n        .container {\r\n            width: calc(100% - 30px)\r\n        }\r\n\r\n        .section {\r\n            padding: 78px 0\r\n        }\r\n    }\r\n<\/style>\r\n<style>\r\n    \/* Tambahan Padding Kiri dan Kanan pada Container Speakers *\/\r\n    #speakers .container {\r\n        padding: 0 40px;\r\n    }\r\n\r\n    .section-heading {\r\n        max-width: 790px;\r\n        margin: 0 auto 52px;\r\n        text-align: center\r\n    }\r\n\r\n    .section-heading h2 {\r\n        color: var(--navy) !important;\r\n        font-size: clamp(32px, 4vw, 48px) !important;\r\n        line-height: 1.12 !important;\r\n        margin: 0 0 17px !important;\r\n    }\r\n\r\n    .section-heading p {\r\n        color: var(--muted) !important;\r\n        font-weight: 500 !important;\r\n    }\r\n\r\n    .speaker-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 22px\r\n    }\r\n\r\n    .speaker-card {\r\n        background: #fff;\r\n        border: 1px solid var(--line);\r\n        border-radius: 20px;\r\n        overflow: hidden;\r\n        box-shadow: 0 12px 30px rgba(21, 55, 98, .05)\r\n    }\r\n\r\n    .speaker-photo {\r\n        height: 250px;\r\n        background: #eef3f8;\r\n        border-bottom: 1px solid var(--line);\r\n        display: flex;\r\n        align-items: flex-end;\r\n        justify-content: center;\r\n        overflow: hidden;\r\n        color: #9baabd;\r\n        font-size: 10px;\r\n        font-weight: 900;\r\n        letter-spacing: .12em;\r\n    }\r\n\r\n    .speaker-photo img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: contain;\r\n        object-position: center bottom;\r\n        display: block;\r\n    }\r\n\r\n    .speaker-info {\r\n        padding: 20px\r\n    }\r\n\r\n    .speaker-info h3 {\r\n        color: var(--navy) !important;\r\n        font-size: 18px !important;\r\n        font-weight: 700 !important;\r\n        line-height: 1.35 !important;\r\n        margin: 0 0 7px !important;\r\n    }\r\n\r\n    .speaker-info .country {\r\n        color: var(--blue) !important;\r\n        font-size: 12px !important;\r\n        font-weight: 850 !important;\r\n        margin-bottom: 8px !important;\r\n    }\r\n\r\n    .speaker-info p {\r\n        color: var(--muted) !important;\r\n        font-size: 13px !important;\r\n        margin: 0 0 5px !important;\r\n        font-weight: 500 !important;\r\n    }\r\n\r\n    .speaker-info p strong {\r\n        color: var(--navy) !important;\r\n        font-weight: 700 !important;\r\n    }\r\n\r\n    .subsection-title {\r\n        color: var(--navy);\r\n        font-size: 28px;\r\n        margin: 62px 0 24px\r\n    }\r\n\r\n    @media(max-width:900px) {\r\n        .speaker-grid {\r\n            grid-template-columns: repeat(2, 1fr)\r\n        }\r\n    }\r\n\r\n    @media(max-width:760px) {\r\n        \/* Margin lebih kecil untuk mobile *\/\r\n        #speakers .container {\r\n            padding: 0 10px;\r\n        }\r\n    }\r\n\r\n    @media(max-width:600px) {\r\n        .speaker-grid {\r\n            grid-template-columns: 1fr\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"section soft-bg speaker-section\" id=\"speakers\">\r\n    <div class=\"container\">\r\n        <div class=\"section-heading reveal\">\r\n            <div class=\"eyebrow-conf\">Speakers<\/div>\r\n            <h2 class=\"eyebrow-title\">Invited Speakers<\/h2>\r\n            <p>Meet distinguished experts from Indonesia, Malaysia, Japan, and Germany.<\/p>\r\n        <\/div>\r\n        <div class=\"speaker-grid\">\r\n            <article class=\"speaker-card reveal\">\r\n                <div class=\"speaker-photo\"><img decoding=\"async\" src=\"https:\/\/seminars.unj.ac.id\/insegt2027\/wp-content\/uploads\/2026\/03\/Prof.-Dr.-Neneng-Siti-Silfi-Ambarwati-S.Si-Apt.-M.Si_-scaled-removebg-preview_cropped_processed_by_imagy.png\" alt=\"Prof. Dr. Neneng Siti Silfi Ambarwati\"><\/div>\r\n                <div class=\"speaker-info\">\r\n                    <div class=\"country\">\ud83c\uddee\ud83c\udde9 Indonesia<\/div>\r\n                    <h3>Prof. Dr. Neneng Siti Silfi Ambarwati, S.Si, Apt., M.Si<\/h3>\r\n                    <p>Faculty of Engineering, Universitas Negeri Jakarta (UNJ)<\/p>\r\n                    <p><strong>Expertise:<\/strong> Natural Ingredient Cosmetics<\/p>\r\n                <\/div>\r\n            <\/article>\r\n            <article class=\"speaker-card reveal\">\r\n                <div class=\"speaker-photo\"><img decoding=\"async\" src=\"https:\/\/seminars.unj.ac.id\/insegt2027\/wp-content\/uploads\/2026\/03\/Dr.-Mohamed-Thariq-Bin-Haji-Hameed-Sultan_2-fd5e5490_cropped_processed_by_imagy-e1790321698478.png\" alt=\"Prof. Ir. Ts. Dr. Mohamed Thariq Hameed Sultan\"><\/div>\r\n                <div class=\"speaker-info\">\r\n                    <div class=\"country\">\ud83c\uddf2\ud83c\uddfe Malaysia<\/div>\r\n                    <h3>Prof. Ir. Ts. Dr. Mohamed Thariq Hameed Sultan<\/h3>\r\n                    <p>Universiti Putra Malaysia (UPM)<\/p>\r\n                    <p><strong>Expertise:<\/strong> Composite and bio-composite materials, structural health monitoring,\r\n                        damage detection and repair, non-destructive testing.<\/p>\r\n                <\/div>\r\n            <\/article>\r\n            <article class=\"speaker-card reveal\">\r\n                <div class=\"speaker-photo\"><img decoding=\"async\" src=\"https:\/\/seminars.unj.ac.id\/insegt2027\/wp-content\/uploads\/2026\/03\/Prof.-Dr.-Mohd-Ambri-Mohamed-removebg-preview-1.png\" alt=\"Prof. Dr. Mohd Ambri Bin Mohamed\"><\/div>\r\n                <div class=\"speaker-info\">\r\n                    <div class=\"country\">\ud83c\uddf2\ud83c\uddfe Malaysia<\/div>\r\n                    <h3>Prof. Dr. Mohd Ambri Bin Mohamed<\/h3>\r\n                    <p>Institute of Microengineering and Nanoelectronics (IMEN), UKM<\/p>\r\n                    <p><strong>Expertise:<\/strong> Nanoelectronics and materials science.<\/p>\r\n                <\/div>\r\n            <\/article>\r\n            <article class=\"speaker-card reveal\">\r\n                <div class=\"speaker-photo\"><img decoding=\"async\" src=\"https:\/\/seminars.unj.ac.id\/insegt2027\/wp-content\/uploads\/2026\/03\/Prof.-Yuki-Nagao-removebg-preview_cropped_processed_by_imagy-e1790321749366.png\" alt=\"Prof. Yuki Nagao\"><\/div>\r\n                <div class=\"speaker-info\">\r\n                    <div class=\"country\">\ud83c\uddef\ud83c\uddf5 Japan<\/div>\r\n                    <h3>Prof. Yuki Nagao<\/h3>\r\n                    <p>Japan Advanced Institute of Science and Technology<\/p>\r\n                    <p><strong>Expertise:<\/strong> Advanced polymer-based ion-conductive materials, electrochemical\r\n                        energy systems, and sustainable energy conversion technologies.<\/p>\r\n                <\/div>\r\n            <\/article>\r\n            <article class=\"speaker-card reveal\">\r\n                <div class=\"speaker-photo\"><img decoding=\"async\" src=\"https:\/\/seminars.unj.ac.id\/insegt2027\/wp-content\/uploads\/2026\/03\/Dr-Ulf-Henning-Richter_cropped_processed_by_imagy-e1790321706725.png\" alt=\"Dr. Ulf Henning Richter\"><\/div>\r\n                <div class=\"speaker-info\">\r\n                    <div class=\"country\">\ud83c\udde9\ud83c\uddea Germany<\/div>\r\n                    <h3>Dr. Ulf Henning Richter<\/h3>\r\n                    <p>Richterion Infrastructure Partners Limited<\/p>\r\n                    <p><strong>Expertise:<\/strong> Global energy and infrastructure systems, international economic\r\n                        sciences, and strategic cross-border corporate leadership.<\/p>\r\n                <\/div>\r\n            <\/article>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () { \r\n    const els = document.querySelectorAll(\"#speakers .reveal\"); \r\n    if (\"IntersectionObserver\" in window) { \r\n        const o = new IntersectionObserver(es => es.forEach(e => { \r\n            if (e.isIntersecting) { \r\n                e.target.classList.add(\"visible\"); \r\n                o.unobserve(e.target) \r\n            } \r\n        }), { threshold: .1 }); \r\n        els.forEach(e => o.observe(e)) \r\n    } else {\r\n        els.forEach(e => e.classList.add(\"visible\")) \r\n    }\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4835ac2 e-con-full e-flex e-con e-parent\" data-id=\"4835ac2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3b4bb48 elementor-widget elementor-widget-html\" data-id=\"3b4bb48\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800;900&display=swap');\r\n\r\n#conference-scopes,\r\n#conference-scopes * {\r\n    font-family: 'Plus Jakarta Sans', Inter, sans-serif !important;\r\n}\r\n\r\n#conference-scopes {\r\n    --scope-navy: #0d2342;\r\n    --scope-blue: #155dfc;\r\n    --scope-cyan: #8ec5ff;\r\n    --scope-text: #4a5568;\r\n    --scope-border: #a9d1ff;\r\n    --scope-card: #f0f2ff;\r\n\r\n    width: 100%;\r\n    padding: 58px 0;\r\n    background: #ffffff;\r\n    overflow: hidden;\r\n}\r\n\r\n#conference-scopes *,\r\n#conference-scopes *::before,\r\n#conference-scopes *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n#conference-scopes .insegt-scope-container {\r\n    width: 100%;\r\n    max-width: 1260px;\r\n    margin: 0 auto;\r\n    padding: 0 40px;\r\n}\r\n\r\n#conference-scopes .insegt-scope-title {\r\n    width: 100%;\r\n    margin: 0 0 22px !important;\r\n    padding: 8px 12px;\r\n    background: var(--scope-blue) !important;\r\n    color: #ffffff !important;\r\n    font-size: 30px !important;\r\n    font-weight: 700 !important;\r\n    line-height: 1.35 !important;\r\n    border-radius: 15px;\r\n    text-align: center;\r\n}\r\n\r\n#conference-scopes .insegt-scope-description {\r\n    margin: 0 0 30px !important;\r\n    color: var(--scope-navy) !important;\r\n    font-size: 15px !important;\r\n    font-weight: 500 !important;\r\n    line-height: 1.7 !important;\r\n    text-align: justify !important;\r\n}\r\n\r\n#conference-scopes .insegt-scope-slider {\r\n    position: relative;\r\n    width: 100%;\r\n    padding: 0 8px;\r\n}\r\n\r\n#conference-scopes .insegt-scope-window {\r\n    position: relative;\r\n    width: 100%;\r\n    overflow: hidden;\r\n    padding: 10px 0;\r\n    cursor: grab;\r\n    user-select: none;\r\n    -webkit-user-select: none;\r\n    touch-action: pan-y;\r\n}\r\n\r\n#conference-scopes .insegt-scope-window.is-dragging {\r\n    cursor: grabbing;\r\n}\r\n\r\n#conference-scopes .insegt-scope-track {\r\n    display: flex;\r\n    width: 300%;\r\n    transform: translate3d(0, 0, 0);\r\n    transition: transform .5s cubic-bezier(.4, 0, .2, 1);\r\n    will-change: transform;\r\n}\r\n\r\n#conference-scopes .insegt-scope-window.is-dragging .insegt-scope-track {\r\n    transition: none;\r\n}\r\n\r\n#conference-scopes .insegt-scope-slide {\r\n    width: 33.333333%;\r\n    flex: 0 0 33.333333%;\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    gap: 16px;\r\n    padding: 0 8px;\r\n}\r\n\r\n#conference-scopes .insegt-scope-card {\r\n    min-width: 0;\r\n    min-height: 510px;\r\n    padding: 24px 20px;\r\n    background: var(--scope-card);\r\n    border: 1px solid var(--scope-border);\r\n    border-radius: 14px;\r\n    box-shadow: 0 5px 15px rgba(21, 55, 98, .04);\r\n}\r\n\r\n#conference-scopes .insegt-scope-card-title {\r\n    margin: 0 0 22px !important;\r\n    color: var(--scope-navy) !important;\r\n    font-size: 16px !important;\r\n    font-weight: 700 !important;\r\n    line-height: 1.55 !important;\r\n}\r\n\r\n#conference-scopes .insegt-scope-list {\r\n    list-style: none !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n}\r\n\r\n#conference-scopes .insegt-scope-list li {\r\n    position: relative;\r\n    display: grid;\r\n    grid-template-columns: 22px 1fr;\r\n    gap: 10px;\r\n    margin: 0 0 12px !important;\r\n    color: var(--scope-text) !important;\r\n    font-size: 14px !important;\r\n    font-weight: 500 !important;\r\n    line-height: 1.6 !important;\r\n    text-align: justify !important;\r\n}\r\n\r\n#conference-scopes .insegt-scope-list li:last-child {\r\n    margin-bottom: 0 !important;\r\n}\r\n\r\n#conference-scopes .insegt-scope-bullet {\r\n    width: 16px;\r\n    height: 16px;\r\n    margin-top: 3px;\r\n    border: 2px solid var(--scope-blue);\r\n    border-radius: 50%;\r\n    position: relative;\r\n}\r\n\r\n#conference-scopes .insegt-scope-bullet::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    width: 6px;\r\n    height: 6px;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    border-radius: 50%;\r\n    background: var(--scope-cyan);\r\n}\r\n\r\n#conference-scopes .insegt-scope-arrow {\r\n    position: absolute;\r\n    top: 50%;\r\n    width: 40px;\r\n    height: 40px;\r\n    margin-top: -20px;\r\n    padding: 0;\r\n    border: 1px solid #e1e5ec;\r\n    border-radius: 50%;\r\n    background: #ffffff;\r\n    color: var(--scope-blue) !important;\r\n    font-family: Arial, sans-serif !important;\r\n    font-size: 25px !important;\r\n    font-weight: 400 !important;\r\n    line-height: 38px !important;\r\n    text-align: center;\r\n    cursor: pointer;\r\n    z-index: 20;\r\n    box-shadow: 0 4px 12px rgba(0, 0, 0, .08);\r\n    transition: all .2s ease;\r\n}\r\n\r\n#conference-scopes .insegt-scope-arrow:hover {\r\n    background: #f7fbff;\r\n    border-color: #bcdcff;\r\n    transform: scale(1.05);\r\n}\r\n\r\n#conference-scopes .insegt-scope-arrow.prev {\r\n    left: -15px;\r\n}\r\n\r\n#conference-scopes .insegt-scope-arrow.next {\r\n    right: -15px;\r\n}\r\n\r\n#conference-scopes .insegt-scope-pagination {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    gap: 20px;\r\n    margin-top: 18px;\r\n}\r\n\r\n#conference-scopes .insegt-scope-dot {\r\n    width: 12px;\r\n    height: 12px;\r\n    padding: 0;\r\n    border: 0;\r\n    border-radius: 50%;\r\n    background: #c3d2e2;\r\n    cursor: pointer;\r\n    transition: all .25s ease;\r\n}\r\n\r\n#conference-scopes .insegt-scope-dot.active {\r\n    background: var(--scope-blue);\r\n    transform: scale(1.15);\r\n}\r\n\r\n@media (max-width: 1100px) {\r\n\r\n    #conference-scopes .insegt-scope-title {\r\n        font-size: 27px !important;\r\n    }\r\n\r\n    #conference-scopes .insegt-scope-card {\r\n        min-height: 520px;\r\n        padding: 20px 15px;\r\n    }\r\n\r\n    #conference-scopes .insegt-scope-card-title {\r\n        font-size: 15px !important;\r\n    }\r\n\r\n    #conference-scopes .insegt-scope-list li {\r\n        font-size: 13px !important;\r\n    }\r\n}\r\n\r\n@media (max-width: 800px) {\r\n\r\n    #conference-scopes {\r\n        padding: 35px 0;\r\n    }\r\n\r\n    #conference-scopes .insegt-scope-container {\r\n        padding: 0 20px;\r\n    }\r\n\r\n    #conference-scopes .insegt-scope-title {\r\n        padding: 9px 12px;\r\n        font-size: 24px !important;\r\n    }\r\n\r\n    #conference-scopes .insegt-scope-slide {\r\n        grid-template-columns: 1fr;\r\n        gap: 14px;\r\n    }\r\n\r\n    #conference-scopes .insegt-scope-card {\r\n        min-height: auto;\r\n    }\r\n\r\n    #conference-scopes .insegt-scope-arrow {\r\n        width: 36px;\r\n        height: 36px;\r\n        font-size: 23px !important;\r\n        margin-top: -18px;\r\n        line-height: 34px !important;\r\n    }\r\n\r\n    #conference-scopes .insegt-scope-arrow.prev {\r\n        left: -8px;\r\n    }\r\n\r\n    #conference-scopes .insegt-scope-arrow.next {\r\n        right: -8px;\r\n    }\r\n}\r\n\r\n@media (max-width: 520px) {\r\n\r\n    #conference-scopes .insegt-scope-container {\r\n        padding: 0 15px;\r\n    }\r\n\r\n    #conference-scopes .insegt-scope-title {\r\n        font-size: 21px !important;\r\n    }\r\n\r\n    #conference-scopes .insegt-scope-description {\r\n        font-size: 13px !important;\r\n    }\r\n\r\n    #conference-scopes .insegt-scope-card {\r\n        padding: 18px 15px;\r\n    }\r\n\r\n    #conference-scopes .insegt-scope-list li {\r\n        font-size: 13px !important;\r\n    }\r\n\r\n    #conference-scopes .insegt-scope-pagination {\r\n        gap: 15px;\r\n    }\r\n\r\n    #conference-scopes .insegt-scope-dot {\r\n        width: 10px;\r\n        height: 10px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"insegt-scope-section\" id=\"conference-scopes\">\r\n\r\n    <div class=\"insegt-scope-container\">\r\n\r\n        <h2 class=\"insegt-scope-title\">\r\n            Conference Scopes\r\n        <\/h2>\r\n\r\n        <p class=\"insegt-scope-description\">\r\n            The topic of interest discussed in the conference include, but not limited to the following list.\r\n        <\/p>\r\n\r\n\r\n        <div class=\"insegt-scope-slider\">\r\n\r\n            <button\r\n                class=\"insegt-scope-arrow prev\"\r\n                type=\"button\"\r\n                aria-label=\"Previous slide\">\r\n                \u2039\r\n            <\/button>\r\n\r\n\r\n            <div class=\"insegt-scope-window\">\r\n\r\n                <div class=\"insegt-scope-track\">\r\n\r\n\r\n                    <!-- SLIDE 1 -->\r\n\r\n                    <div class=\"insegt-scope-slide\">\r\n\r\n\r\n                        <article class=\"insegt-scope-card\">\r\n\r\n                            <h3 class=\"insegt-scope-card-title\">\r\n                                SDG 3: Good Health &amp; Well-Being\r\n                            <\/h3>\r\n\r\n                            <ul class=\"insegt-scope-list\">\r\n\r\n                                <li>\r\n                                    <span class=\"insegt-scope-bullet\"><\/span>\r\n                                    <span>\r\n                                        Consumer Systems for Healthcare &amp; Well-being\r\n                                    <\/span>\r\n                                <\/li>\r\n\r\n                                <li>\r\n                                    <span class=\"insegt-scope-bullet\"><\/span>\r\n                                    <span>\r\n                                        Biomedical Engineering\r\n                                    <\/span>\r\n                                <\/li>\r\n\r\n                                <li>\r\n                                    <span class=\"insegt-scope-bullet\"><\/span>\r\n                                    <span>\r\n                                        Sensors &amp; Actuators for Healthcare Applications\r\n                                    <\/span>\r\n                                <\/li>\r\n\r\n                                <li>\r\n                                    <span class=\"insegt-scope-bullet\"><\/span>\r\n                                    <span>\r\n                                        AI\/ML for Medical Imaging &amp; Diagnostics\r\n                                    <\/span>\r\n                                <\/li>\r\n\r\n                                <li>\r\n                                    <span class=\"insegt-scope-bullet\"><\/span>\r\n                                    <span>\r\n                                        Human-Machine Interaction &amp; Assistive Technologies\r\n                                    <\/span>\r\n                                <\/li>\r\n\r\n                                <li>\r\n                                    <span class=\"insegt-scope-bullet\"><\/span>\r\n                                    <span>\r\n                                        Wearable &amp; Embedded Healthcare Devices\r\n                                    <\/span>\r\n                                <\/li>\r\n\r\n                            <\/ul>\r\n\r\n                        <\/article>\r\n\r\n\r\n                        <article class=\"insegt-scope-card\">\r\n\r\n                            <h3 class=\"insegt-scope-card-title\">\r\n                                SDG 7: Affordable &amp; Clean Energy\r\n                            <\/h3>\r\n\r\n                            <ul class=\"insegt-scope-list\">\r\n\r\n                                <li>\r\n                                    <span class=\"insegt-scope-bullet\"><\/span>\r\n                                    <span>\r\n                                        Consumer Power &amp; Energy Systems\r\n                                    <\/span>\r\n                                <\/li>\r\n\r\n                                <li>\r\n                                    <span class=\"insegt-scope-bullet\"><\/span>\r\n                                    <span>\r\n                                        Green Computing &amp; Energy-Efficient Technologies\r\n                                    <\/span>\r\n                                <\/li>\r\n\r\n                                <li>\r\n                                    <span class=\"insegt-scope-bullet\"><\/span>\r\n                                    <span>\r\n                                        Measurement &amp; Instrumentations for Energy Management\r\n                                    <\/span>\r\n                                <\/li>\r\n\r\n                                <li>\r\n                                    <span class=\"insegt-scope-bullet\"><\/span>\r\n                                    <span>\r\n                                        Sustainable Electronics &amp; Eco-friendly Hardware\r\n                                    <\/span>\r\n                                <\/li>\r\n\r\n                                <li>\r\n                                    <span class=\"insegt-scope-bullet\"><\/span>\r\n                                    <span>\r\n                                        Control Theory Applications in Energy Systems\r\n                                    <\/span>\r\n                                <\/li>\r\n\r\n                                <li>\r\n                                    <span class=\"insegt-scope-bullet\"><\/span>\r\n                                    <span>\r\n                                        Renewable Energy Integration in Consumer Electronics\r\n                                    <\/span>\r\n                                <\/li>\r\n\r\n                            <\/ul>\r\n\r\n                        <\/article>\r\n\r\n\r\n                        <article class=\"insegt-scope-card\">\r\n\r\n                            <h3 class=\"insegt-scope-card-title\">\r\n                                SDG 9: Industry, Innovation &amp; Infrastructure\r\n                            <\/h3>\r\n\r\n                            <ul class=\"insegt-scope-list\">\r\n\r\n                                <li>\r\n                                    <span class=\"insegt-scope-bullet\"><\/span>\r\n                                    <span>\r\n                                        Advanced Technology Systems &amp; Emerging Consumer Tech\r\n                                    <\/span>\r\n                                <\/li>\r\n\r\n                                <li>\r\n                                    <span class=\"insegt-scope-bullet\"><\/span>\r\n                                    <span>\r\n                                        Machine Learning, Deep Learning &amp; AI Systems\r\n                                    <\/span>\r\n                                <\/li>\r\n\r\n                                <li>\r\n                                    <span class=\"insegt-scope-bullet\"><\/span>\r\n                                    <span>\r\n                                        Quantum in Consumer Technology\r\n                                    <\/span>\r\n                                <\/li>\r\n\r\n                                <li>\r\n                                    <span class=\"insegt-scope-bullet\"><\/span>\r\n                                    <span>\r\n                                        Internet of Things (IoT), Internet of Everywhere &amp; Edge Computing\r\n                                    <\/span>\r\n                                <\/li>\r\n\r\n                                <li>\r\n                                    <span class=\"insegt-scope-bullet\"><\/span>\r\n                                    <span>\r\n                                        Next-Generation Communication Networks (6G, Beyond-5G)\r\n                                    <\/span>\r\n                                <\/li>\r\n\r\n                                <li>\r\n                                    <span class=\"insegt-scope-bullet\"><\/span>\r\n                                    <span>\r\n                                        Blockchain &amp; Cryptocurrency Applications\r\n                                    <\/span>\r\n                                <\/li>\r\n\r\n                                <li>\r\n                                    <span class=\"insegt-scope-bullet\"><\/span>\r\n                                    <span>\r\n                                        Application-Specific CE for Smart Cities\r\n                                    <\/span>\r\n                                <\/li>\r\n\r\n                                <li>\r\n                                    <span class=\"insegt-scope-bullet\"><\/span>\r\n                                    <span>\r\n                                        Engineering, Electric &amp; Electronic Engineering\r\n                                    <\/span>\r\n                                <\/li>\r\n\r\n                                <li>\r\n                                    <span class=\"insegt-scope-bullet\"><\/span>\r\n                                    <span>\r\n                                        Computer &amp; Software Engineering\r\n                                    <\/span>\r\n                                <\/li>\r\n\r\n                            <\/ul>\r\n\r\n                        <\/article>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <!-- SLIDE 2 -->\r\n\r\n                    <div class=\"insegt-scope-slide\">\r\n\r\n\r\n                        <article class=\"insegt-scope-card\">\r\n\r\n                            <h3 class=\"insegt-scope-card-title\">\r\n                                SDG 11: Sustainable Cities &amp; Communities\r\n                            <\/h3>\r\n\r\n                            <ul class=\"insegt-scope-list\">\r\n\r\n                                <li>\r\n                                    <span class=\"insegt-scope-bullet\"><\/span>\r\n                                    <span>\r\n                                        Smart Cities &amp; Intelligent Urban Infrastructure\r\n                                    <\/span>\r\n                                <\/li>\r\n\r\n                                <li>\r\n                                    <span class=\"insegt-scope-bullet\"><\/span>\r\n                                    <span>\r\n                                        Automotive CE Applications (EVs, Autonomous Vehicles)\r\n                                    <\/span>\r\n                                <\/li>\r\n\r\n                                <li>\r\n                                    <span class=\"insegt-scope-bullet\"><\/span>\r\n                                    <span>\r\n                                        Virtual, Augmented Reality &amp; Metaverse for Smart Societies\r\n                                    <\/span>\r\n                                <\/li>\r\n\r\n                                <li>\r\n                                    <span class=\"insegt-scope-bullet\"><\/span>\r\n                                    <span>\r\n                                        Smartphone &amp; Mobile Device Technologies\r\n                                    <\/span>\r\n                                <\/li>\r\n\r\n                                <li>\r\n                                    <span class=\"insegt-scope-bullet\"><\/span>\r\n                                    <span>\r\n                                        Consumer Electronics Applications for Urban Solutions\r\n                                    <\/span>\r\n                                <\/li>\r\n\r\n                                <li>\r\n                                    <span class=\"insegt-scope-bullet\"><\/span>\r\n                                    <span>\r\n                                        Digital Twin &amp; City Simulation\r\n                                    <\/span>\r\n                                <\/li>\r\n\r\n                                <li>\r\n                                    <span class=\"insegt-scope-bullet\"><\/span>\r\n                                    <span>\r\n                                        Urban IoT &amp; Interdisciplinary Technology Integration\r\n                                    <\/span>\r\n                                <\/li>\r\n\r\n                            <\/ul>\r\n\r\n                        <\/article>\r\n\r\n\r\n                        <article class=\"insegt-scope-card\">\r\n\r\n                            <h3 class=\"insegt-scope-card-title\">\r\n                                SDG 13: Climate Action \/ Responsible Consumption (SDG 12)\r\n                            <\/h3>\r\n\r\n                            <ul class=\"insegt-scope-list\">\r\n\r\n                                <li>\r\n                                    <span class=\"insegt-scope-bullet\"><\/span>\r\n                                    <span>\r\n                                        Technology for Sustainability (Circular Economy, Eco-friendly CE)\r\n                                    <\/span>\r\n                                <\/li>\r\n\r\n                                <li>\r\n                                    <span class=\"insegt-scope-bullet\"><\/span>\r\n                                    <span>\r\n                                        Generative AI for Energy &amp; Environment Optimization\r\n                                    <\/span>\r\n                                <\/li>\r\n\r\n                                <li>\r\n                                    <span class=\"insegt-scope-bullet\"><\/span>\r\n                                    <span>\r\n                                        Green ICT &amp; Sustainable IT Systems\r\n                                    <\/span>\r\n                                <\/li>\r\n\r\n                                <li>\r\n                                    <span class=\"insegt-scope-bullet\"><\/span>\r\n                                    <span>\r\n                                        Robotics, Mechatronics &amp; Automation for Eco-Industry\r\n                                    <\/span>\r\n                                <\/li>\r\n\r\n                                <li>\r\n                                    <span class=\"insegt-scope-bullet\"><\/span>\r\n                                    <span>\r\n                                        Environmental Data Mining, Big Data &amp; Cloud Computing for Climate Action\r\n                                    <\/span>\r\n                                <\/li>\r\n\r\n                                <li>\r\n                                    <span class=\"insegt-scope-bullet\"><\/span>\r\n                                    <span>\r\n                                        Digital Fashion &amp; NFTs in Sustainable Creative Industries\r\n                                    <\/span>\r\n                                <\/li>\r\n\r\n                            <\/ul>\r\n\r\n                        <\/article>\r\n\r\n\r\n                        <article class=\"insegt-scope-card\">\r\n\r\n                            <h3 class=\"insegt-scope-card-title\">\r\n                                SDG 16: Peace, Justice &amp; Strong Institutions\r\n                            <\/h3>\r\n\r\n                            <ul class=\"insegt-scope-list\">\r\n\r\n                                <li>\r\n                                    <span class=\"insegt-scope-bullet\"><\/span>\r\n                                    <span>\r\n                                        Connectivity &amp; Cybersecurity\r\n                                    <\/span>\r\n                                <\/li>\r\n\r\n                                <li>\r\n                                    <span class=\"insegt-scope-bullet\"><\/span>\r\n                                    <span>\r\n                                        Security &amp; Privacy of Consumer Electronics Hardware &amp; Software\r\n                                    <\/span>\r\n                                <\/li>\r\n\r\n                                <li>\r\n                                    <span class=\"insegt-scope-bullet\"><\/span>\r\n                                    <span>\r\n                                        Physical Unclonable Function Security (PUF)\r\n                                    <\/span>\r\n                                <\/li>\r\n\r\n                                <li>\r\n                                    <span class=\"insegt-scope-bullet\"><\/span>\r\n                                    <span>\r\n                                        Secure Networks &amp; Privacy-Preserving Applications\r\n                                    <\/span>\r\n                                <\/li>\r\n\r\n                                <li>\r\n                                    <span class=\"insegt-scope-bullet\"><\/span>\r\n                                    <span>\r\n                                        Cybersecurity for Blockchain &amp; Cryptocurrency\r\n                                    <\/span>\r\n                                <\/li>\r\n\r\n                                <li>\r\n                                    <span class=\"insegt-scope-bullet\"><\/span>\r\n                                    <span>\r\n                                        Policy, Governance &amp; Trust in Digital Systems\r\n                                    <\/span>\r\n                                <\/li>\r\n\r\n                            <\/ul>\r\n\r\n                        <\/article>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <!-- SLIDE 3 -->\r\n\r\n                    <div class=\"insegt-scope-slide\">\r\n\r\n                        <article class=\"insegt-scope-card\">\r\n\r\n                            <h3 class=\"insegt-scope-card-title\">\r\n                                SDG 17: Partnerships for the Goals\r\n                            <\/h3>\r\n\r\n                            <ul class=\"insegt-scope-list\">\r\n\r\n                                <li>\r\n                                    <span class=\"insegt-scope-bullet\"><\/span>\r\n                                    <span>\r\n                                        Information Systems Management for Collaboration\r\n                                    <\/span>\r\n                                <\/li>\r\n\r\n                                <li>\r\n                                    <span class=\"insegt-scope-bullet\"><\/span>\r\n                                    <span>\r\n                                        Interdisciplinary Technology Integration\r\n                                    <\/span>\r\n                                <\/li>\r\n\r\n                                <li>\r\n                                    <span class=\"insegt-scope-bullet\"><\/span>\r\n                                    <span>\r\n                                        Technology Adoption &amp; Diffusion in Society\r\n                                    <\/span>\r\n                                <\/li>\r\n\r\n                                <li>\r\n                                    <span class=\"insegt-scope-bullet\"><\/span>\r\n                                    <span>\r\n                                        Global Standards in Consumer Electronics &amp; ICT\r\n                                    <\/span>\r\n                                <\/li>\r\n\r\n                                <li>\r\n                                    <span class=\"insegt-scope-bullet\"><\/span>\r\n                                    <span>\r\n                                        Public-Private Research Partnerships in Advanced CE\r\n                                    <\/span>\r\n                                <\/li>\r\n\r\n                                <li>\r\n                                    <span class=\"insegt-scope-bullet\"><\/span>\r\n                                    <span>\r\n                                        Cross-sector Partnerships for Digital Sustainability\r\n                                    <\/span>\r\n                                <\/li>\r\n\r\n                            <\/ul>\r\n\r\n                        <\/article>\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <button\r\n                class=\"insegt-scope-arrow next\"\r\n                type=\"button\"\r\n                aria-label=\"Next slide\">\r\n                \u203a\r\n            <\/button>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"insegt-scope-pagination\">\r\n\r\n            <button\r\n                class=\"insegt-scope-dot active\"\r\n                type=\"button\"\r\n                data-slide=\"0\"\r\n                aria-label=\"Slide 1\">\r\n            <\/button>\r\n\r\n            <button\r\n                class=\"insegt-scope-dot\"\r\n                type=\"button\"\r\n                data-slide=\"1\"\r\n                aria-label=\"Slide 2\">\r\n            <\/button>\r\n\r\n            <button\r\n                class=\"insegt-scope-dot\"\r\n                type=\"button\"\r\n                data-slide=\"2\"\r\n                aria-label=\"Slide 3\">\r\n            <\/button>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\n(function () {\r\n\r\n    function initConferenceScopes() {\r\n\r\n        const section = document.querySelector(\"#conference-scopes\");\r\n\r\n        if (!section) {\r\n            return;\r\n        }\r\n\r\n        const windowElement = section.querySelector(\".insegt-scope-window\");\r\n        const track = section.querySelector(\".insegt-scope-track\");\r\n        const slides = section.querySelectorAll(\".insegt-scope-slide\");\r\n        const dots = section.querySelectorAll(\".insegt-scope-dot\");\r\n        const prevButton = section.querySelector(\".insegt-scope-arrow.prev\");\r\n        const nextButton = section.querySelector(\".insegt-scope-arrow.next\");\r\n\r\n        if (\r\n            !windowElement ||\r\n            !track ||\r\n            !slides.length\r\n        ) {\r\n            return;\r\n        }\r\n\r\n        let currentSlide = 0;\r\n        let isDragging = false;\r\n        let startX = 0;\r\n        let currentX = 0;\r\n        let dragDistance = 0;\r\n        let movedDuringDrag = false;\r\n        let pointerId = null;\r\n\r\n        const totalSlides = slides.length;\r\n\r\n\r\n        function updateDots() {\r\n\r\n            dots.forEach(function (dot, index) {\r\n\r\n                if (index === currentSlide) {\r\n                    dot.classList.add(\"active\");\r\n                } else {\r\n                    dot.classList.remove(\"active\");\r\n                }\r\n\r\n            });\r\n\r\n        }\r\n\r\n\r\n        function updateSlider(animate) {\r\n\r\n            if (animate === false) {\r\n                track.style.transition = \"none\";\r\n            } else {\r\n                track.style.transition =\r\n                    \"transform .5s cubic-bezier(.4, 0, .2, 1)\";\r\n            }\r\n\r\n            track.style.transform =\r\n                \"translate3d(\" +\r\n                (-currentSlide * 33.333333) +\r\n                \"%, 0, 0)\";\r\n\r\n            updateDots();\r\n\r\n        }\r\n\r\n\r\n        function goToSlide(index) {\r\n\r\n            if (index < 0) {\r\n                currentSlide = totalSlides - 1;\r\n            } else if (index >= totalSlides) {\r\n                currentSlide = 0;\r\n            } else {\r\n                currentSlide = index;\r\n            }\r\n\r\n            updateSlider(true);\r\n\r\n        }\r\n\r\n\r\n        function getPointerX(event) {\r\n\r\n            if (\r\n                event.touches &&\r\n                event.touches.length\r\n            ) {\r\n                return event.touches[0].clientX;\r\n            }\r\n\r\n            if (\r\n                event.changedTouches &&\r\n                event.changedTouches.length\r\n            ) {\r\n                return event.changedTouches[0].clientX;\r\n            }\r\n\r\n            return event.clientX;\r\n\r\n        }\r\n\r\n\r\n        function startDrag(event) {\r\n\r\n            if (\r\n                event.pointerType === \"mouse\" &&\r\n                event.button !== 0\r\n            ) {\r\n                return;\r\n            }\r\n\r\n            isDragging = true;\r\n            movedDuringDrag = false;\r\n\r\n            startX = getPointerX(event);\r\n            currentX = startX;\r\n            dragDistance = 0;\r\n\r\n            pointerId = event.pointerId || null;\r\n\r\n            windowElement.classList.add(\"is-dragging\");\r\n\r\n            track.style.transition = \"none\";\r\n\r\n            if (\r\n                event.pointerId !== undefined &&\r\n                windowElement.setPointerCapture\r\n            ) {\r\n                try {\r\n                    windowElement.setPointerCapture(event.pointerId);\r\n                } catch (error) {}\r\n            }\r\n\r\n        }\r\n\r\n\r\n        function moveDrag(event) {\r\n\r\n            if (!isDragging) {\r\n                return;\r\n            }\r\n\r\n            currentX = getPointerX(event);\r\n\r\n            dragDistance = currentX - startX;\r\n\r\n            if (Math.abs(dragDistance) > 5) {\r\n                movedDuringDrag = true;\r\n            }\r\n\r\n            const sliderWidth = windowElement.offsetWidth;\r\n\r\n            if (!sliderWidth) {\r\n                return;\r\n            }\r\n\r\n            const dragPercent =\r\n                (dragDistance \/ sliderWidth) * 33.333333;\r\n\r\n            const basePosition =\r\n                -currentSlide * 33.333333;\r\n\r\n            track.style.transform =\r\n                \"translate3d(\" +\r\n                (basePosition + dragPercent) +\r\n                \"%, 0, 0)\";\r\n\r\n        }\r\n\r\n\r\n        function endDrag(event) {\r\n\r\n            if (!isDragging) {\r\n                return;\r\n            }\r\n\r\n            isDragging = false;\r\n\r\n            windowElement.classList.remove(\"is-dragging\");\r\n\r\n            const sliderWidth = windowElement.offsetWidth;\r\n\r\n            const threshold = Math.min(\r\n                sliderWidth * 0.15,\r\n                120\r\n            );\r\n\r\n\r\n            if (Math.abs(dragDistance) >= threshold) {\r\n\r\n                if (dragDistance < 0) {\r\n                    goToSlide(currentSlide + 1);\r\n                } else {\r\n                    goToSlide(currentSlide - 1);\r\n                }\r\n\r\n            } else {\r\n\r\n                updateSlider(true);\r\n\r\n            }\r\n\r\n\r\n            if (\r\n                event &&\r\n                event.pointerId !== undefined &&\r\n                windowElement.releasePointerCapture\r\n            ) {\r\n                try {\r\n                    windowElement.releasePointerCapture(event.pointerId);\r\n                } catch (error) {}\r\n            }\r\n\r\n\r\n            pointerId = null;\r\n\r\n            setTimeout(function () {\r\n                movedDuringDrag = false;\r\n            }, 80);\r\n\r\n        }\r\n\r\n\r\n        prevButton.addEventListener(\r\n            \"click\",\r\n            function () {\r\n\r\n                if (movedDuringDrag) {\r\n                    return;\r\n                }\r\n\r\n                goToSlide(currentSlide - 1);\r\n\r\n            }\r\n        );\r\n\r\n\r\n        nextButton.addEventListener(\r\n            \"click\",\r\n            function () {\r\n\r\n                if (movedDuringDrag) {\r\n                    return;\r\n                }\r\n\r\n                goToSlide(currentSlide + 1);\r\n\r\n            }\r\n        );\r\n\r\n\r\n        dots.forEach(function (dot) {\r\n\r\n            dot.addEventListener(\r\n                \"click\",\r\n                function () {\r\n\r\n                    const index =\r\n                        parseInt(\r\n                            dot.getAttribute(\"data-slide\"),\r\n                            10\r\n                        );\r\n\r\n                    if (!isNaN(index)) {\r\n                        goToSlide(index);\r\n                    }\r\n\r\n                }\r\n            );\r\n\r\n        });\r\n\r\n\r\n        if (window.PointerEvent) {\r\n\r\n            windowElement.addEventListener(\r\n                \"pointerdown\",\r\n                function (event) {\r\n                    startDrag(event);\r\n                }\r\n            );\r\n\r\n\r\n            windowElement.addEventListener(\r\n                \"pointermove\",\r\n                function (event) {\r\n\r\n                    if (!isDragging) {\r\n                        return;\r\n                    }\r\n\r\n                    moveDrag(event);\r\n\r\n                }\r\n            );\r\n\r\n\r\n            windowElement.addEventListener(\r\n                \"pointerup\",\r\n                function (event) {\r\n                    endDrag(event);\r\n                }\r\n            );\r\n\r\n\r\n            windowElement.addEventListener(\r\n                \"pointercancel\",\r\n                function (event) {\r\n                    endDrag(event);\r\n                }\r\n            );\r\n\r\n\r\n            windowElement.addEventListener(\r\n                \"pointerleave\",\r\n                function (event) {\r\n\r\n                    if (\r\n                        isDragging &&\r\n                        event.pointerType === \"mouse\"\r\n                    ) {\r\n                        endDrag(event);\r\n                    }\r\n\r\n                }\r\n            );\r\n\r\n        } else {\r\n\r\n            windowElement.addEventListener(\r\n                \"mousedown\",\r\n                function (event) {\r\n                    startDrag(event);\r\n                }\r\n            );\r\n\r\n\r\n            window.addEventListener(\r\n                \"mousemove\",\r\n                function (event) {\r\n\r\n                    if (isDragging) {\r\n                        moveDrag(event);\r\n                    }\r\n\r\n                }\r\n            );\r\n\r\n\r\n            window.addEventListener(\r\n                \"mouseup\",\r\n                function (event) {\r\n\r\n                    if (isDragging) {\r\n                        endDrag(event);\r\n                    }\r\n\r\n                }\r\n            );\r\n\r\n\r\n            windowElement.addEventListener(\r\n                \"touchstart\",\r\n                function (event) {\r\n                    startDrag(event);\r\n                },\r\n                {\r\n                    passive: true\r\n                }\r\n            );\r\n\r\n\r\n            windowElement.addEventListener(\r\n                \"touchmove\",\r\n                function (event) {\r\n\r\n                    if (isDragging) {\r\n                        moveDrag(event);\r\n                    }\r\n\r\n                },\r\n                {\r\n                    passive: true\r\n                }\r\n            );\r\n\r\n\r\n            windowElement.addEventListener(\r\n                \"touchend\",\r\n                function (event) {\r\n                    endDrag(event);\r\n                },\r\n                {\r\n                    passive: true\r\n                }\r\n            );\r\n\r\n        }\r\n\r\n\r\n        windowElement.addEventListener(\r\n            \"dragstart\",\r\n            function (event) {\r\n                event.preventDefault();\r\n            }\r\n        );\r\n\r\n\r\n        windowElement.addEventListener(\r\n            \"click\",\r\n            function (event) {\r\n\r\n                if (movedDuringDrag) {\r\n                    event.preventDefault();\r\n                    event.stopPropagation();\r\n                }\r\n\r\n            },\r\n            true\r\n        );\r\n\r\n\r\n        updateSlider(false);\r\n\r\n    }\r\n\r\n\r\n    if (document.readyState === \"loading\") {\r\n\r\n        document.addEventListener(\r\n            \"DOMContentLoaded\",\r\n            initConferenceScopes\r\n        );\r\n\r\n    } else {\r\n\r\n        initConferenceScopes();\r\n\r\n    }\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-190e196 e-con-full e-flex e-con e-parent\" data-id=\"190e196\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a5243d6 elementor-widget elementor-widget-html\" data-id=\"a5243d6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Fallback pemanggilan font -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    \/* Import font dari CSS untuk memaksa Elementor memuatnya *\/\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800;900&display=swap');\r\n\r\n    \/* PAKSA ELEMENTOR MENGGUNAKAN FONT INI DI SELURUH AREA SUBMISSION & PUBLICATION *\/\r\n    #submission, #submission *, #publication, #publication * {\r\n        font-family: 'Plus Jakarta Sans', Inter, sans-serif !important;\r\n    }\r\n\r\n    :root {\r\n        --navy: #0d2342;\r\n        --blue: #155dfc;\r\n        --cyan: #8ec5ff;\r\n        --text: #30435d;\r\n        --muted: #6c7d93;\r\n        --line: #dfe7f0;\r\n        --soft: #f4f8fc;\r\n        --white: #fff;\r\n        --shadow: 0 18px 50px rgba(21, 55, 98, .10);\r\n        --container: 1260px\r\n    }\r\n\r\n    * {\r\n        box-sizing: border-box\r\n    }\r\n\r\n    html {\r\n        scroll-behavior: smooth\r\n    }\r\n\r\n    body {\r\n        margin: 0;\r\n        color: var(--text);\r\n        line-height: 1.7;\r\n        overflow-x: hidden\r\n    }\r\n\r\n    a {\r\n        color: inherit;\r\n        text-decoration: none\r\n    }\r\n\r\n    button {\r\n        font: inherit\r\n    }\r\n\r\n    img {\r\n        max-width: 100%;\r\n        display: block\r\n    }\r\n\r\n    .container {\r\n        width: min(var(--container), calc(100% - 48px));\r\n        margin: auto\r\n    }\r\n\r\n    .section {\r\n        padding: 105px 0\r\n    }\r\n\r\n    .soft-bg {\r\n        background: linear-gradient(180deg, #f7fbff 0%, #f1f7fc 100%)\r\n    }\r\n\r\n    .reveal {\r\n        opacity: 0;\r\n        transform: translateY(28px);\r\n        transition: opacity .7s ease, transform .7s ease\r\n    }\r\n\r\n    .reveal.visible {\r\n        opacity: 1;\r\n        transform: none\r\n    }\r\n\r\n    .eyebrow-conf {\r\n        color: var(--blue) !important;\r\n        font-size: 12px !important;\r\n        font-weight: 900 !important;\r\n        letter-spacing: .18em !important;\r\n        text-transform: uppercase !important;\r\n        margin-bottom: 12px !important;\r\n    }\r\n\r\n    @media(max-width:760px) {\r\n        .container {\r\n            width: calc(100% - 30px)\r\n        }\r\n\r\n        .section {\r\n            padding: 78px 0\r\n        }\r\n    }\r\n<\/style>\r\n<style>\r\n    \/* Tambahan Padding Kiri dan Kanan pada Container *\/\r\n    #submission .container, \r\n    #publication .container {\r\n        padding: 0 40px;\r\n    }\r\n\r\n    .brochure-grid {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 28px\r\n    }\r\n\r\n    .simple-card {\r\n        background: #fff;\r\n        border: 1px solid var(--line);\r\n        border-radius: 20px;\r\n        padding: 34px;\r\n        box-shadow: 0 10px 30px rgba(21, 55, 98, .03);\r\n    }\r\n\r\n    .simple-card h2 {\r\n        color: var(--navy) !important;\r\n        margin-top: 0 !important;\r\n        margin-bottom: 15px !important;\r\n        font-weight: 800 !important;\r\n    }\r\n\r\n    .simple-card p,\r\n    .simple-card li {\r\n        color: var(--muted) !important;\r\n        font-weight: 500 !important;\r\n        font-size: 15px !important;\r\n        text-align: justify !important; \/* TAMBAHAN JUSTIFY TEKS *\/\r\n        line-height: 1.7 !important;\r\n    }\r\n\r\n    .publisher-list {\r\n        columns: 2;\r\n        column-gap: 35px;\r\n        padding-left: 20px\r\n    }\r\n\r\n    .publisher-list li {\r\n        break-inside: avoid;\r\n        margin: 8px 0\r\n    }\r\n\r\n    .btn {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        min-height: 46px;\r\n        padding: 0 20px;\r\n        margin-top: 10px;\r\n        border-radius: 10px;\r\n        background: var(--blue) !important;\r\n        color: #fff !important;\r\n        font-weight: 700 !important;\r\n        font-size: 14px !important;\r\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n    }\r\n    \r\n    .btn:hover {\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 8px 20px rgba(21, 93, 252, 0.25);\r\n    }\r\n\r\n    @media(max-width:800px) {\r\n        .brochure-grid {\r\n            grid-template-columns: 1fr\r\n        }\r\n\r\n        .publisher-list {\r\n            columns: 1\r\n        }\r\n    }\r\n\r\n    @media(max-width:760px) {\r\n        \/* Margin lebih kecil untuk mobile *\/\r\n        #submission .container, \r\n        #publication .container {\r\n            padding: 0 10px;\r\n        }\r\n        \r\n        .simple-card {\r\n            padding: 24px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"section soft-bg\" id=\"submission\">\r\n    <div class=\"container\">\r\n        <div class=\"brochure-grid\">\r\n            <article class=\"simple-card reveal\">\r\n                <div class=\"eyebrow-conf\">Submission Guidelines<\/div>\r\n                <h2>Peer Review Policy<\/h2>\r\n                <p>The INSEGT proceedings use peer review. The published policy emphasizes originality and accuracy,\r\n                    proper citation and novelty, no plagiarism or redundant publication, disclosure of funding and\r\n                    authorship, conflict-of-interest reporting, confidentiality, objective review, and timely completion\r\n                    of revisions.<\/p>\r\n                <p>The stated review process uses a strict double-blind process with at least three expert reviewers.\r\n                    Full papers are assessed for originality, technical depth, relevance, contribution, and readability.\r\n                <\/p><a class=\"btn\" href=\"https:\/\/seminars.unj.ac.id\/insegt2027\/peer-review-policy\">Peer\r\n                    Review Policy \u2192<\/a>\r\n            <\/article>\r\n            <article class=\"simple-card reveal\">\r\n                <div class=\"eyebrow-conf\">Paper Template<\/div>\r\n                <h2>Paper Template & Resources<\/h2>\r\n                <p>Use this area for the official INSEGT 2027 paper template and submission resources.<\/p>\r\n                <a class=\"btn\" href=\"https:\/\/seminars.unj.ac.id\/insegt2027\/paper-template\">Paper Template \u2192<\/a>\r\n            <\/article>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<section class=\"section\" id=\"publication\">\r\n    <div class=\"container\">\r\n        <div class=\"simple-card reveal\">\r\n            <div class=\"eyebrow-conf\">Publication Information<\/div>\r\n            <h2>Proposed Publishers<\/h2>\r\n            <p>All accepted papers must be presented at the conference. Papers will undergo a rigorous peer-review process conducted by the conference's internal review committee. Only papers that are accepted, registered, presented, and meet the required academic and technical standards will be submitted to IEEE for consideration for inclusion in the IEEE Xplore\u00ae Digital Library.<\/p>\r\n            \r\n            <p>Final acceptance and publication decisions are made solely by IEEE.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () { \r\n    const els = document.querySelectorAll(\"#submission .reveal, #publication .reveal\"); \r\n    if (\"IntersectionObserver\" in window) { \r\n        const o = new IntersectionObserver(es => es.forEach(e => { \r\n            if (e.isIntersecting) { \r\n                e.target.classList.add(\"visible\"); \r\n                o.unobserve(e.target) \r\n            } \r\n        }), { threshold: .12 }); \r\n        els.forEach(e => o.observe(e)) \r\n    } else {\r\n        els.forEach(e => e.classList.add(\"visible\")) \r\n    }\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0752c6b e-con-full e-flex e-con e-parent\" data-id=\"0752c6b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b447efd elementor-widget elementor-widget-html\" data-id=\"b447efd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* Import Plus Jakarta Sans *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800;900&display=swap');\r\n\r\n\/* PAKSA ELEMENTOR MENGGUNAKAN FONT INI DI SELURUH AREA IMPORTANT DATES *\/\r\n#important-dates, #important-dates * {\r\n    font-family: 'Plus Jakarta Sans', Inter, sans-serif !important;\r\n}\r\n\r\n:root {\r\n    --navy: #0d2342;\r\n    --blue: #155dfc;\r\n}\r\n\r\n.insegt-important-dates {\r\n    width: 100%;\r\n    padding: 60px 0 80px;\r\n    background: #f1f1f1;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.insegt-important-dates *,\r\n.insegt-important-dates *::before,\r\n.insegt-important-dates *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.insegt-dates-container {\r\n    width: 100%;\r\n    max-width: 1260px;\r\n    margin: 0 auto;\r\n    \/* Spacing margin kiri kanan (sama seperti section sebelumnya) *\/\r\n    padding: 0 40px; \r\n}\r\n\r\n.insegt-dates-title {\r\n    width: 100%;\r\n    margin: 0 0 30px !important;\r\n    padding: 12px 18px;\r\n    background: var(--blue) !important;\r\n    color: #ffffff !important;\r\n    font-size: 28px !important;\r\n    font-weight: 800 !important;\r\n    line-height: 1.3 !important;\r\n    border-radius: 15px;\r\n    text-align: center;\r\n}\r\n\r\n.insegt-dates-timeline {\r\n    position: relative;\r\n    width: 100%;\r\n    background: #ffffff;\r\n    border-radius: 18px;\r\n    padding: 35px 0 45px;\r\n    overflow: hidden;\r\n    box-shadow: 0 10px 30px rgba(13, 35, 66, 0.05);\r\n}\r\n\r\n.insegt-dates-line {\r\n    position: absolute;\r\n    top: 30px;\r\n    bottom: 35px;\r\n    left: 50%;\r\n    width: 3px;\r\n    background: #d9e6f5;\r\n    transform: translateX(-50%);\r\n}\r\n\r\n.insegt-date-item {\r\n    position: relative;\r\n    width: 100%;\r\n    min-height: 150px;\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    align-items: center;\r\n}\r\n\r\n.insegt-date-content {\r\n    position: relative;\r\n    width: 58%;\r\n    padding: 24px 28px;\r\n    background: #ffffff;\r\n    border: 1px solid #d5e4f6;\r\n    border-radius: 12px;\r\n    box-shadow: 0 5px 15px rgba(13, 35, 66, 0.04);\r\n}\r\n\r\n.insegt-date-item:nth-child(odd) .insegt-date-content {\r\n    grid-column: 2;\r\n    justify-self: start;\r\n    margin-left: 45px;\r\n}\r\n\r\n.insegt-date-item:nth-child(even) .insegt-date-content {\r\n    grid-column: 1;\r\n    justify-self: end;\r\n    margin-right: 45px;\r\n}\r\n\r\n\/* Panah penunjuk ke arah titik (dots) *\/\r\n.insegt-date-item:nth-child(odd) .insegt-date-content::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: -10px;\r\n    top: 50%;\r\n    width: 20px;\r\n    height: 20px;\r\n    background: #ffffff;\r\n    border-left: 1px solid #d5e4f6;\r\n    border-bottom: 1px solid #d5e4f6;\r\n    transform: translateY(-50%) rotate(45deg);\r\n}\r\n\r\n.insegt-date-item:nth-child(even) .insegt-date-content::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    right: -10px;\r\n    top: 50%;\r\n    width: 20px;\r\n    height: 20px;\r\n    background: #ffffff;\r\n    border-right: 1px solid #d5e4f6;\r\n    border-top: 1px solid #d5e4f6;\r\n    transform: translateY(-50%) rotate(45deg);\r\n}\r\n\r\n.insegt-date-dot {\r\n    position: absolute;\r\n    z-index: 5;\r\n    left: 50%;\r\n    top: 50%;\r\n    width: 28px;\r\n    height: 28px;\r\n    background: var(--blue);\r\n    border: 6px solid #d7e9fb;\r\n    border-radius: 50%;\r\n    transform: translate(-50%, -50%);\r\n}\r\n\r\n.insegt-date-value {\r\n    margin: 0 0 10px !important;\r\n    color: var(--navy) !important;\r\n    font-size: 18px !important;\r\n    font-weight: 800 !important;\r\n    line-height: 1.4 !important;\r\n}\r\n\r\n.insegt-date-name {\r\n    margin: 0 !important;\r\n    color: #4a5568 !important;\r\n    font-size: 15px !important;\r\n    font-weight: 500 !important;\r\n    line-height: 1.6 !important;\r\n}\r\n\r\n@media (max-width: 1000px) {\r\n    .insegt-date-content {\r\n        width: 75%;\r\n    }\r\n\r\n    .insegt-date-item:nth-child(odd) .insegt-date-content {\r\n        margin-left: 35px;\r\n    }\r\n\r\n    .insegt-date-item:nth-child(even) .insegt-date-content {\r\n        margin-right: 35px;\r\n    }\r\n}\r\n\r\n@media (max-width: 760px) {\r\n    .insegt-dates-container {\r\n        padding: 0 20px;\r\n    }\r\n\r\n    .insegt-dates-title {\r\n        font-size: 24px !important;\r\n    }\r\n\r\n    .insegt-dates-line {\r\n        left: 40px;\r\n    }\r\n\r\n    .insegt-date-item {\r\n        display: block;\r\n        min-height: 145px;\r\n        padding: 15px 0;\r\n    }\r\n\r\n    .insegt-date-dot {\r\n        left: 40px;\r\n    }\r\n\r\n    .insegt-date-content,\r\n    .insegt-date-item:nth-child(odd) .insegt-date-content,\r\n    .insegt-date-item:nth-child(even) .insegt-date-content {\r\n        width: calc(100% - 85px);\r\n        margin-left: 75px;\r\n        margin-right: 0;\r\n    }\r\n\r\n    .insegt-date-item:nth-child(odd) .insegt-date-content::before,\r\n    .insegt-date-item:nth-child(even) .insegt-date-content::before {\r\n        left: -10px;\r\n        right: auto;\r\n        border-right: none;\r\n        border-top: none;\r\n        border-left: 1px solid #d5e4f6;\r\n        border-bottom: 1px solid #d5e4f6;\r\n        transform: translateY(-50%) rotate(45deg);\r\n    }\r\n}\r\n\r\n@media (max-width: 500px) {\r\n    .insegt-important-dates {\r\n        padding: 35px 0 55px;\r\n    }\r\n\r\n    .insegt-dates-container {\r\n        padding: 0 15px;\r\n    }\r\n\r\n    .insegt-dates-title {\r\n        font-size: 21px !important;\r\n        padding: 10px 12px;\r\n        margin-bottom: 20px !important;\r\n    }\r\n\r\n    .insegt-dates-timeline {\r\n        border-radius: 12px;\r\n        padding: 20px 0 25px;\r\n    }\r\n\r\n    .insegt-dates-line {\r\n        top: 25px;\r\n        bottom: 25px;\r\n        left: 30px;\r\n    }\r\n\r\n    .insegt-date-dot {\r\n        left: 30px;\r\n        width: 24px;\r\n        height: 24px;\r\n        border-width: 5px;\r\n    }\r\n\r\n    .insegt-date-item {\r\n        min-height: 135px;\r\n    }\r\n\r\n    .insegt-date-content,\r\n    .insegt-date-item:nth-child(odd) .insegt-date-content,\r\n    .insegt-date-item:nth-child(even) .insegt-date-content {\r\n        width: calc(100% - 60px);\r\n        margin-left: 60px;\r\n        padding: 17px 18px;\r\n    }\r\n\r\n    .insegt-date-value {\r\n        font-size: 15px !important;\r\n        margin-bottom: 5px !important;\r\n    }\r\n\r\n    .insegt-date-name {\r\n        font-size: 13px !important;\r\n        line-height: 1.55 !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"insegt-important-dates\" id=\"important-dates\">\r\n\r\n    <div class=\"insegt-dates-container\">\r\n\r\n        <h2 class=\"insegt-dates-title\">\r\n            Important Dates\r\n        <\/h2>\r\n\r\n        <div class=\"insegt-dates-timeline\">\r\n\r\n            <div class=\"insegt-dates-line\"><\/div>\r\n\r\n            <div class=\"insegt-date-item\">\r\n                <div class=\"insegt-date-content\">\r\n                    <p class=\"insegt-date-value\">\r\n                        30 June 2027\r\n                    <\/p>\r\n                    <p class=\"insegt-date-name\">\r\n                        Full Paper Submission Deadline\r\n                    <\/p>\r\n                <\/div>\r\n                <div class=\"insegt-date-dot\"><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"insegt-date-item\">\r\n                <div class=\"insegt-date-content\">\r\n                    <p class=\"insegt-date-value\">\r\n                        21 July 2027\r\n                    <\/p>\r\n                    <p class=\"insegt-date-name\">\r\n                        Notification of Acceptance\r\n                    <\/p>\r\n                <\/div>\r\n                <div class=\"insegt-date-dot\"><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"insegt-date-item\">\r\n                <div class=\"insegt-date-content\">\r\n                    <p class=\"insegt-date-value\">\r\n                        4 August 2027\r\n                    <\/p>\r\n                    <p class=\"insegt-date-name\">\r\n                        Registration &amp; Payment Deadline\r\n                        <br>\r\n                        (Early Bird\/Regular)\r\n                    <\/p>\r\n                <\/div>\r\n                <div class=\"insegt-date-dot\"><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"insegt-date-item\">\r\n                <div class=\"insegt-date-content\">\r\n                    <p class=\"insegt-date-value\">\r\n                        18 August 2027\r\n                    <\/p>\r\n                    <p class=\"insegt-date-name\">\r\n                        Final Camera-Ready Paper Submission\r\n                    <\/p>\r\n                <\/div>\r\n                <div class=\"insegt-date-dot\"><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"insegt-date-item\">\r\n                <div class=\"insegt-date-content\">\r\n                    <p class=\"insegt-date-value\">\r\n                        14 September 2027\r\n                    <\/p>\r\n                    <p class=\"insegt-date-name\">\r\n                        Final Program Announcement\r\n                    <\/p>\r\n                <\/div>\r\n                <div class=\"insegt-date-dot\"><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"insegt-date-item\">\r\n                <div class=\"insegt-date-content\">\r\n                    <p class=\"insegt-date-value\">\r\n                        22 - 24 September 2027\r\n                    <\/p>\r\n                    <p class=\"insegt-date-name\">\r\n                        Conference Date\r\n                    <\/p>\r\n                <\/div>\r\n                <div class=\"insegt-date-dot\"><\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9812fc7 e-con-full e-flex e-con e-parent\" data-id=\"9812fc7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0e74f99 elementor-widget elementor-widget-html\" data-id=\"0e74f99\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Fallback pemanggilan font -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    \/* Import font dari CSS untuk memaksa Elementor memuatnya *\/\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800;900&display=swap');\r\n\r\n    \/* PAKSA ELEMENTOR MENGGUNAKAN FONT INI DI SELURUH AREA PARTNERS *\/\r\n    #partners, #partners * {\r\n        font-family: 'Plus Jakarta Sans', Inter, sans-serif !important;\r\n    }\r\n\r\n    :root {\r\n        --navy: #0d2342;\r\n        --blue: #155dfc;\r\n        --cyan: #8ec5ff;\r\n        --text: #30435d;\r\n        --muted: #6c7d93;\r\n        --line: #dfe7f0;\r\n        --soft: #f4f8fc;\r\n        --white: #fff;\r\n        --shadow: 0 18px 50px rgba(21, 55, 98, .10);\r\n        --container: 1260px\r\n    }\r\n\r\n    * {\r\n        box-sizing: border-box\r\n    }\r\n\r\n    html {\r\n        scroll-behavior: smooth\r\n    }\r\n\r\n    body {\r\n        margin: 0;\r\n        color: var(--text);\r\n        line-height: 1.7;\r\n        overflow-x: hidden\r\n    }\r\n\r\n    a {\r\n        color: inherit;\r\n        text-decoration: none\r\n    }\r\n\r\n    button {\r\n        font: inherit\r\n    }\r\n\r\n    img {\r\n        max-width: 100%;\r\n        display: block\r\n    }\r\n\r\n    .container {\r\n        width: min(var(--container), calc(100% - 48px));\r\n        margin: auto\r\n    }\r\n\r\n    .section {\r\n        padding: 105px 0\r\n    }\r\n    \r\n    .section-heading p {\r\n        font-weight: 500;\r\n        font-size: 15px;\r\n    }\r\n\r\n    .soft-bg {\r\n        background: linear-gradient(180deg, #f7fbff 0%, #f1f7fc 100%)\r\n    }\r\n\r\n    .reveal {\r\n        opacity: 0;\r\n        transform: translateY(28px);\r\n        transition: opacity .7s ease, transform .7s ease\r\n    }\r\n\r\n    .reveal.visible {\r\n        opacity: 1;\r\n        transform: none\r\n    }\r\n\r\n    .eyebrow-conf {\r\n        color: var(--blue) !important;\r\n        font-size: 12px !important;\r\n        font-weight: 900 !important;\r\n        letter-spacing: .18em !important;\r\n        text-transform: uppercase !important;\r\n        margin-bottom: 12px !important;\r\n    }\r\n\r\n    @media(max-width:760px) {\r\n        .container {\r\n            width: calc(100% - 30px)\r\n        }\r\n\r\n        .section {\r\n            padding: 78px 0\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<style>\r\n    \/* Tambahan Padding Kiri dan Kanan pada Container *\/\r\n    #partners .container {\r\n        padding: 0 40px;\r\n    }\r\n\r\n    .org-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 22px\r\n    }\r\n\r\n    .org-card {\r\n        border: 1px solid var(--line);\r\n        border-radius: 20px;\r\n        padding: 25px;\r\n        background: #fff;\r\n        box-shadow: 0 8px 28px rgba(21, 55, 98, .05);\r\n        height: 100%;\r\n    }\r\n\r\n    .org-card h3 {\r\n        text-transform: uppercase !important;\r\n        font-size: 12px !important;\r\n        font-weight: 800 !important;\r\n        letter-spacing: .12em !important;\r\n        color: var(--navy) !important;\r\n        margin: 0 0 18px !important;\r\n    }\r\n\r\n    .logo-row {\r\n        display: flex;\r\n        gap: 12px;\r\n        flex-wrap: wrap;\r\n        align-items: center\r\n    }\r\n\r\n    .logo-placeholder {\r\n        flex: 1;\r\n        min-width: 120px;\r\n        height: 82px;\r\n        border: 2px dashed #d3deea;\r\n        border-radius: 13px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        color: #9baabd;\r\n        font-size: 10px;\r\n        font-weight: 900;\r\n        letter-spacing: .12em;\r\n        background: #fbfdff;\r\n        overflow: hidden;\r\n        padding: 10px;\r\n    }\r\n\r\n    .logo-placeholder img {\r\n        width: 100%;\r\n        height: 100%;\r\n        max-width: 100%;\r\n        max-height: 100%;\r\n        object-fit: contain;\r\n        object-position: center;\r\n        display: block;\r\n    }\r\n\r\n    .org-note {\r\n        color: var(--muted);\r\n        font-size: 13px;\r\n        margin-top: 22px\r\n    }\r\n\r\n    .org-card:first-child .logo-placeholder {\r\n        height: 120px;\r\n        padding: 15px;\r\n    }\r\n\r\n    .org-card:first-child .logo-placeholder img {\r\n        width: 150px;\r\n        max-width: 90%;\r\n        height: 90px;\r\n    }\r\n\r\n    .org-card:nth-child(2) .logo-row {\r\n        display: grid;\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 12px;\r\n    }\r\n\r\n    .org-card:nth-child(2) .logo-placeholder {\r\n        min-width: 0;\r\n        height: 90px;\r\n        padding: 10px;\r\n    }\r\n\r\n    .org-card:nth-child(3) .logo-row {\r\n        display: grid;\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 12px;\r\n    }\r\n\r\n    .org-card:nth-child(3) .logo-placeholder {\r\n        min-width: 0;\r\n        height: 90px;\r\n        padding: 10px;\r\n    }\r\n\r\n    .org-card:nth-child(3) .logo-placeholder:last-child {\r\n        grid-column: 1 \/ -1;\r\n    }\r\n\r\n    @media(max-width:900px) {\r\n        .org-grid {\r\n            grid-template-columns: 1fr 1fr\r\n        }\r\n\r\n        .org-card:first-child {\r\n            grid-column: 1 \/ -1\r\n        }\r\n    }\r\n\r\n    @media(max-width:760px) {\r\n        \/* Margin lebih kecil untuk mobile *\/\r\n        #partners .container {\r\n            padding: 0 10px;\r\n        }\r\n        \r\n        .org-grid {\r\n            grid-template-columns: 1fr\r\n        }\r\n\r\n        .org-card:first-child {\r\n            grid-column: auto\r\n        }\r\n\r\n        .org-card:nth-child(2) .logo-row,\r\n        .org-card:nth-child(3) .logo-row {\r\n            grid-template-columns: repeat(2, 1fr);\r\n        }\r\n\r\n        .org-card:first-child .logo-placeholder {\r\n            height: 110px;\r\n        }\r\n    }\r\n\r\n    @media(max-width:480px) {\r\n        .org-card:nth-child(2) .logo-row,\r\n        .org-card:nth-child(3) .logo-row {\r\n            grid-template-columns: 1fr;\r\n        }\r\n\r\n        .org-card:nth-child(3) .logo-placeholder:last-child {\r\n            grid-column: auto;\r\n        }\r\n\r\n        .logo-placeholder {\r\n            height: 90px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"section soft-bg\" id=\"partners\">\r\n    <div class=\"container\">\r\n\r\n        <div class=\"section-heading reveal\" style=\"max-width:820px;margin:0 auto 48px;text-align:center\">\r\n            <div class=\"eyebrow-conf\">Co-Organizers & Partners<\/div>\r\n\r\n            <h2 style=\"color:var(--navy);font-size:clamp(32px,4vw,48px);margin:0 0 15px;font-weight:800;\">\r\n                Conference Organizers and Partners\r\n            <\/h2>\r\n        <\/div>\r\n\r\n        <div class=\"org-grid\">\r\n\r\n            <div class=\"org-card reveal\">\r\n                <h3>Organized \/ Hosted by<\/h3>\r\n\r\n                <div class=\"logo-row\">\r\n                    <div class=\"logo-placeholder\">\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/seminars.unj.ac.id\/insegt2027\/wp-content\/uploads\/2026\/03\/unj-logo.png\"\r\n                            alt=\"Universitas Negeri Jakarta Logo\"\r\n                        >\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"org-card reveal\">\r\n                <h3>Co-Organizers<\/h3>\r\n\r\n                <div class=\"logo-row\">\r\n\r\n                    <div class=\"logo-placeholder\">\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/seminars.unj.ac.id\/insegt2027\/wp-content\/uploads\/2026\/03\/politeknik-negeri-jakarta.png\"\r\n                            alt=\"Politeknik Negeri Jakarta Logo\"\r\n                        >\r\n                    <\/div>\r\n\r\n                    <div class=\"logo-placeholder\">\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/seminars.unj.ac.id\/insegt2027\/wp-content\/uploads\/2026\/03\/universitas-panca-sakti.webp\"\r\n                            alt=\"Universitas Panca Sakti Logo\"\r\n                        >\r\n                    <\/div>\r\n\r\n                    <div class=\"logo-placeholder\">\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/seminars.unj.ac.id\/insegt2027\/wp-content\/uploads\/2026\/03\/cipta-wacana.png\"\r\n                            alt=\"Universitas Cipta Wacana Logo\"\r\n                        >\r\n                    <\/div>\r\n\r\n                    <div class=\"logo-placeholder\">\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/seminars.unj.ac.id\/insegt2027\/wp-content\/uploads\/2026\/03\/uny.png\"\r\n                            alt=\"Universitas Negeri Yogyakarta Logo\"\r\n                        >\r\n                    <\/div>\r\n\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"org-card reveal\">\r\n                <h3>Media \/ Support<\/h3>\r\n\r\n                <div class=\"logo-row\">\r\n\r\n                    <div class=\"logo-placeholder\">\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/seminars.unj.ac.id\/insegt2027\/wp-content\/uploads\/2026\/03\/logo-lpdp.png\"\r\n                            alt=\"LPDP Logo\"\r\n                        >\r\n                    <\/div>\r\n\r\n                    <div class=\"logo-placeholder\">\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/seminars.unj.ac.id\/insegt2027\/wp-content\/uploads\/2026\/03\/banner-sponsor-1-scaled.png\"\r\n                            alt=\"Sponsor Logo\"\r\n                        >\r\n                    <\/div>\r\n\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n    const els = document.querySelectorAll(\"#partners .reveal\");\r\n\r\n    if (\"IntersectionObserver\" in window) {\r\n        const o = new IntersectionObserver(\r\n            es => es.forEach(e => {\r\n                if (e.isIntersecting) {\r\n                    e.target.classList.add(\"visible\");\r\n                    o.unobserve(e.target);\r\n                }\r\n            }),\r\n            {\r\n                threshold: .12\r\n            }\r\n        );\r\n\r\n        els.forEach(e => o.observe(e));\r\n    } else {\r\n        els.forEach(e => e.classList.add(\"visible\"));\r\n    }\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>24 September 2027 \u2022 Jakarta INSEGT 2027 2nd International Conference on Innovation, Sustainability and Engineering for Global Transformation (INSEGT) 2027. The conference will start in 00Days 00Hours 00Minutes 00Seconds Paper Submission Registration Conference Information All accepted papers must be presented at the conference. Papers will undergo a rigorous peer-review process conducted by the conference\u2019s internal [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/seminars.unj.ac.id\/insegt2027\/wp-json\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/seminars.unj.ac.id\/insegt2027\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/seminars.unj.ac.id\/insegt2027\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/seminars.unj.ac.id\/insegt2027\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/seminars.unj.ac.id\/insegt2027\/wp-json\/wp\/v2\/comments?post=11"}],"version-history":[{"count":5,"href":"https:\/\/seminars.unj.ac.id\/insegt2027\/wp-json\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":1717,"href":"https:\/\/seminars.unj.ac.id\/insegt2027\/wp-json\/wp\/v2\/pages\/11\/revisions\/1717"}],"wp:attachment":[{"href":"https:\/\/seminars.unj.ac.id\/insegt2027\/wp-json\/wp\/v2\/media?parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}