{"id":12,"date":"2025-11-10T18:19:41","date_gmt":"2025-11-10T11:19:41","guid":{"rendered":"https:\/\/iptar.ac.id\/?page_id=12"},"modified":"2026-09-07T21:59:18","modified_gmt":"2026-09-07T14:59:18","slug":"beranda","status":"publish","type":"page","link":"https:\/\/iptar.ac.id\/","title":{"rendered":"Beranda"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12\" class=\"elementor elementor-12\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1fd640a e-con-full e-flex e-con e-parent\" data-id=\"1fd640a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-766c9c7 elementor-widget elementor-widget-html\" data-id=\"766c9c7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     IPTAR HERO HEADER \u2014 FINAL\n     FULL WIDTH + AUTO IMAGE SLIDER\n     Untuk Elementor HTML Widget\n========================================================= -->\n\n<section class=\"iptar-hero-final\">\n\n    <!-- =========================\n         HERO CONTENT\n    ========================== -->\n\n    <div class=\"iptar-hero-container\">\n\n        <!-- =========================\n             LEFT CONTENT\n        ========================== -->\n\n        <div class=\"iptar-hero-content\">\n\n            <div class=\"iptar-eyebrow\">\n                <span class=\"iptar-line\"><\/span>\n                <span>INSTITUT PENDIDIKAN DAN TEKNOLOGI 'AISYIYAH RIAU<\/span>\n            <\/div>\n\n\n            <h1 class=\"iptar-title\">\n                Mewujudkan\n                <span>Generasi Unggul<\/span>\n                Berkemajuan\n            <\/h1>\n\n\n            <p class=\"iptar-description\">\n                Menjadi bagian dari perjalanan pendidikan tinggi yang\n                memadukan ilmu pengetahuan, teknologi, dan nilai-nilai\n                Islam Berkemajuan untuk membentuk generasi yang unggul,\n                berkarakter, inovatif, dan siap menghadapi masa depan.\n            <\/p>\n\n\n            <!-- BUTTON -->\n\n            <div class=\"iptar-buttons\">\n\n                <a\n                    href=\"#program-studi\"\n                    class=\"iptar-btn iptar-btn-primary\"\n                >\n                    <span>Program Studi<\/span>\n                    <span class=\"iptar-arrow\">\u2192<\/span>\n                <\/a>\n\n\n                <a\n                    href=\"pmb.iptar.ac.id\"\n                    class=\"iptar-btn iptar-btn-secondary\"\n                >\n                    <span>Penerimaan Mahasiswa<\/span>\n                    <span class=\"iptar-arrow\">\u2192<\/span>\n                <\/a>\n\n            <\/div>\n\n\n            <!-- VALUES -->\n\n            <div class=\"iptar-values\">\n\n                <div class=\"iptar-value\">\n\n                    <strong>01<\/strong>\n\n                    <span>\n                        Islam<br>\n                        Berkemajuan\n                    <\/span>\n\n                <\/div>\n\n\n                <div class=\"iptar-value-divider\"><\/div>\n\n\n                <div class=\"iptar-value\">\n\n                    <strong>02<\/strong>\n\n                    <span>\n                        Inovasi<br>\n                        Teknologi\n                    <\/span>\n\n                <\/div>\n\n\n                <div class=\"iptar-value-divider\"><\/div>\n\n\n                <div class=\"iptar-value\">\n\n                    <strong>03<\/strong>\n\n                    <span>\n                        Pendidikan<br>\n                        Berkualitas\n                    <\/span>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n\n\n        <!-- =========================\n             RIGHT IMAGE SLIDER\n        ========================== -->\n\n        <div class=\"iptar-hero-image-area\">\n\n            <div class=\"iptar-slider\">\n\n\n                <!-- FOTO 1 -->\n                <div class=\"iptar-slide iptar-slide-1\">\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/iptar.ac.id\/wp-content\/uploads\/2025\/11\/3-2-e1787502934424.png \"\n                        alt=\"Mahasiswa IPTAR\"\n                    >\n\n                <\/div>\n\n\n                <!-- FOTO 2 -->\n                <div class=\"iptar-slide iptar-slide-2\">\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/iptar.ac.id\/wp-content\/uploads\/2025\/11\/2-1-e1787503054753.png \"\n                        alt=\"Kegiatan Mahasiswa IPTAR\"\n                    >\n\n                <\/div>\n\n\n                <!-- FOTO 3 -->\n                <div class=\"iptar-slide iptar-slide-3\">\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/iptar.ac.id\/wp-content\/uploads\/2025\/11\/1-e1787503158733.png \"\n                        alt=\"Kegiatan Akademik IPTAR\"\n                    >\n\n                <\/div>\n\n\n                <!-- FOTO 4 -->\n                <div class=\"iptar-slide iptar-slide-4\">\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/iptar.ac.id\/wp-content\/uploads\/2026\/08\/kegiatan.jpg\"\n                        alt=\"Aktivitas Kampus IPTAR\"\n                    >\n\n                <\/div>\n\n\n                <!-- OVERLAY -->\n\n                <div class=\"iptar-overlay\"><\/div>\n\n\n                <!-- YELLOW SHAPE -->\n\n                <div class=\"iptar-yellow-shape\"><\/div>\n\n\n                <!-- FLOATING CARD -->\n\n                <div class=\"iptar-floating-card\">\n\n                    <div class=\"iptar-icon\">\n                        \u2726\n                    <\/div>\n\n                    <div>\n\n                        <strong>\n                            IPTAR\n                        <\/strong>\n\n                        <span>\n                            Think \u2022 Innovate \u2022 Inspire\n                        <\/span>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- DOTS -->\n\n                <div class=\"iptar-dots\">\n\n                    <span class=\"iptar-dot dot-1\"><\/span>\n\n                    <span class=\"iptar-dot dot-2\"><\/span>\n\n                    <span class=\"iptar-dot dot-3\"><\/span>\n\n                    <span class=\"iptar-dot dot-4\"><\/span>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n\n\n    <!-- =========================\n         BOTTOM BAR\n    ========================== -->\n\n    <div class=\"iptar-bottom\">\n\n        <div class=\"iptar-bottom-brand\">\n\n            <span class=\"iptar-bottom-dot\"><\/span>\n\n            <strong>IPTAR<\/strong>\n\n            <span>\n                Institut Pendidikan dan Teknologi 'Aisyiyah Riau\n            <\/span>\n\n        <\/div>\n\n\n        <div class=\"iptar-bottom-scroll\">\n\n            <span>\n                Jelajahi IPTAR\n            <\/span>\n\n            <span class=\"scroll-arrow\">\n                \u2193\n            <\/span>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<style>\n\n\/* =========================================================\n   IPTAR HERO FINAL\n========================================================= *\/\n\n\n\/* RESET *\/\n\n.iptar-hero-final,\n.iptar-hero-final * {\n    box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   FULL WIDTH\n========================================================= *\/\n\n.iptar-hero-final {\n\n    width: 100vw;\n\n    max-width: 100vw;\n\n    margin-left: calc(50% - 50vw);\n\n    margin-right: calc(50% - 50vw);\n\n    overflow: hidden;\n\n    background: #ffffff;\n\n    color: #172033;\n\n    font-family:\n        \"Poppins\",\n        Arial,\n        sans-serif;\n\n}\n\n\n\/* =========================================================\n   MAIN CONTAINER\n========================================================= *\/\n\n.iptar-hero-container {\n\n    width: 100%;\n\n    min-height: 650px;\n\n    display: grid;\n\n    grid-template-columns:\n        52% 48%;\n\n}\n\n\n\/* =========================================================\n   LEFT CONTENT\n========================================================= *\/\n\n.iptar-hero-content {\n\n    display: flex;\n\n    flex-direction: column;\n\n    justify-content: center;\n\n    padding:\n        70px\n        7vw\n        65px\n        7vw;\n\n}\n\n\n\/* =========================================================\n   EYEBROW\n========================================================= *\/\n\n.iptar-eyebrow {\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 12px;\n\n    margin-bottom: 20px;\n\n    color: #50c878;\n\n    font-size: 11px;\n\n    font-weight: 700;\n\n    letter-spacing: 1.3px;\n\n}\n\n\n.iptar-line {\n\n    width: 38px;\n\n    height: 3px;\n\n    border-radius: 10px;\n\n    background: #f5c542;\n\n}\n\n\n\/* =========================================================\n   TITLE\n========================================================= *\/\n\n.iptar-title {\n\n    margin: 0;\n\n    color: #123d;\n\n    font-family:\n        Georgia,\n        \"Times New Roman\",\n        serif;\n\n    font-size:\n        clamp(\n            46px,\n            5.3vw,\n            78px\n        );\n\n    line-height: 1.02;\n\n    letter-spacing: -2.5px;\n\n    font-weight: 700;\n\n}\n\n\n.iptar-title span {\n\n    display: block;\n\n    color: #1e5b;\n\n}\n\n\n\/* =========================================================\n   DESCRIPTION\n========================================================= *\/\n\n.iptar-description {\n\n    max-width: 650px;\n\n    margin:\n        27px\n        0\n        32px;\n\n    color: #5d6879;\n\n    font-size: 15px;\n\n    line-height: 1.8;\n\n}\n\n\n\/* =========================================================\n   BUTTONS\n========================================================= *\/\n\n.iptar-buttons {\n\n    display: flex;\n\n    flex-wrap: wrap;\n\n    gap: 12px;\n\n}\n\n\n.iptar-btn {\n\n    min-width: 215px;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: space-between;\n\n    gap: 20px;\n\n    padding:\n        15px\n        18px;\n\n    text-decoration: none !important;\n\n    border-radius: 3px;\n\n    font-size: 13px;\n\n    font-weight: 600;\n\n    transition:\n        .3s ease;\n\n}\n\n\n.iptar-arrow {\n\n    font-size: 20px;\n\n    transition:\n        transform .3s ease;\n\n}\n\n\n.iptar-btn:hover {\n\n    transform:\n        translateY(-3px);\n\n}\n\n\n.iptar-btn:hover\n.iptar-arrow {\n\n    transform:\n        translateX(5px);\n\n}\n\n\n\/* PRIMARY *\/\n\n.iptar-btn-primary {\n\n    color: #ffffff !important;\n\n    background: #50c878;\n\n    border:\n        1px solid\n        #1e5bb8;\n\n    box-shadow:\n        0 8px 25px\n        rgba(\n            30,\n            91,\n            184,\n            .18\n        );\n\n}\n\n\n.iptar-btn-primary:hover {\n\n    color: #ffffff !important;\n\n    background: #123d82;\n\n}\n\n\n\/* SECONDARY *\/\n\n.iptar-btn-secondary {\n\n    color: #172033 !important;\n\n    background: #ffffff;\n\n    border:\n        1px solid\n        #cfd5df;\n\n}\n\n\n.iptar-btn-secondary:hover {\n\n    color: #1e5bb8 !important;\n\n    background: #f2f7ff;\n\n    border-color:\n        #1e5bb8;\n\n}\n\n\n\/* =========================================================\n   VALUES\n========================================================= *\/\n\n.iptar-values {\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 22px;\n\n    margin-top: 48px;\n\n}\n\n\n.iptar-value {\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 9px;\n\n}\n\n\n.iptar-value strong {\n\n    color: #dca900;\n\n    font-size: 19px;\n\n}\n\n\n.iptar-value span {\n\n    color: #687386;\n\n    font-size: 10px;\n\n    line-height: 1.3;\n\n}\n\n\n.iptar-value-divider {\n\n    width: 1px;\n\n    height: 34px;\n\n    background:\n        #dfe4eb;\n\n}\n\n\n\/* =========================================================\n   IMAGE AREA\n========================================================= *\/\n\n.iptar-hero-image-area {\n\n    position: relative;\n\n    min-height: 650px;\n\n}\n\n\n\/* =========================================================\n   SLIDER\n========================================================= *\/\n\n.iptar-slider {\n\n    position: absolute;\n\n    inset: 0;\n\n    overflow: hidden;\n\n    border-radius:\n        140px\n        0\n        0\n        0;\n\n}\n\n\n\/* =========================================================\n   SLIDES\n========================================================= *\/\n\n.iptar-slide {\n\n    position: absolute;\n\n    inset: 0;\n\n    width: 100%;\n\n    height: 100%;\n\n    opacity: 0;\n\n    animation:\n        iptarSlide\n        20s\n        infinite;\n\n}\n\n\n\/* FOTO *\/\n\n.iptar-slide img {\n\n    width: 100%;\n\n    height: 100%;\n\n    display: block;\n\n    object-fit: cover;\n\n    object-position: center;\n\n    animation:\n        iptarZoom\n        20s\n        infinite;\n\n}\n\n\n\/* =========================================================\n   TIMING\n========================================================= *\/\n\n.iptar-slide-1 {\n\n    animation-delay:\n        0s;\n\n}\n\n\n.iptar-slide-2 {\n\n    animation-delay:\n        -5s;\n\n}\n\n\n.iptar-slide-3 {\n\n    animation-delay:\n        -10s;\n\n}\n\n\n.iptar-slide-4 {\n\n    animation-delay:\n        -15s;\n\n}\n\n\n\/* =========================================================\n   FADE\n========================================================= *\/\n\n@keyframes iptarSlide {\n\n    0% {\n\n        opacity: 0;\n\n    }\n\n    3% {\n\n        opacity: 1;\n\n    }\n\n    25% {\n\n        opacity: 1;\n\n    }\n\n    28% {\n\n        opacity: 0;\n\n    }\n\n    100% {\n\n        opacity: 0;\n\n    }\n\n}\n\n\n\/* =========================================================\n   ZOOM\n========================================================= *\/\n\n@keyframes iptarZoom {\n\n    0% {\n\n        transform:\n            scale(1);\n\n    }\n\n    25% {\n\n        transform:\n            scale(1.07);\n\n    }\n\n    100% {\n\n        transform:\n            scale(1);\n\n    }\n\n}\n\n\n\/* =========================================================\n   OVERLAY\n========================================================= *\/\n\n.iptar-overlay {\n\n    position: absolute;\n\n    inset: 0;\n\n    z-index: 5;\n\n    pointer-events: none;\n\n    background:\n        linear-gradient(\n            180deg,\n            rgba(\n                18,\n                61,\n                130,\n                .02\n            ),\n            rgba(\n                18,\n                61,\n                130,\n                .25\n            )\n        );\n\n}\n\n\n\/* =========================================================\n   YELLOW SHAPE\n========================================================= *\/\n\n.iptar-yellow-shape {\n\n    position: absolute;\n\n    right: 0;\n\n    bottom: 0;\n\n    z-index: 6;\n\n    width: 180px;\n\n    height: 180px;\n\n    background:\n        #f5c542;\n\n    clip-path:\n        polygon(\n            100% 0,\n            100% 100%,\n            0 100%\n        );\n\n}\n\n\n\/* =========================================================\n   FLOATING CARD\n========================================================= *\/\n\n.iptar-floating-card {\n\n    position: absolute;\n\n    left: 35px;\n\n    bottom: 35px;\n\n    z-index: 10;\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 12px;\n\n    padding:\n        13px\n        20px;\n\n    background:\n        rgba(\n            255,\n            255,\n            255,\n            .96\n        );\n\n    border-left:\n        4px solid\n        #f5c542;\n\n    box-shadow:\n        0 15px 40px\n        rgba(\n            0,\n            0,\n            0,\n            .15\n        );\n\n    animation:\n        iptarFloat\n        4s\n        ease-in-out\n        infinite;\n\n}\n\n\n.iptar-icon {\n\n    width: 40px;\n\n    height: 40px;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    flex-shrink: 0;\n\n    border-radius: 50%;\n\n    color: #f5c542;\n\n    background: #1e5bb8;\n\n    font-size: 20px;\n\n}\n\n\n.iptar-floating-card strong {\n\n    display: block;\n\n    color: #123d82;\n\n    font-size: 14px;\n\n}\n\n\n.iptar-floating-card span {\n\n    display: block;\n\n    margin-top: 2px;\n\n    color: #7a8494;\n\n    font-size: 9px;\n\n}\n\n\n\/* FLOAT *\/\n\n@keyframes iptarFloat {\n\n    0%,\n    100% {\n\n        transform:\n            translateY(0);\n\n    }\n\n    50% {\n\n        transform:\n            translateY(-8px);\n\n    }\n\n}\n\n\n\/* =========================================================\n   DOTS\n========================================================= *\/\n\n.iptar-dots {\n\n    position: absolute;\n\n    right: 30px;\n\n    bottom: 28px;\n\n    z-index: 15;\n\n    display: flex;\n\n    gap: 7px;\n\n}\n\n\n.iptar-dot {\n\n    width: 7px;\n\n    height: 7px;\n\n    display: block;\n\n    border-radius: 50%;\n\n    background:\n        rgba(\n            255,\n            255,\n            255,\n            .55\n        );\n\n    animation:\n        iptarDot\n        20s\n        infinite;\n\n}\n\n\n.dot-1 {\n\n    animation-delay:\n        0s;\n\n}\n\n\n.dot-2 {\n\n    animation-delay:\n        -5s;\n\n}\n\n\n.dot-3 {\n\n    animation-delay:\n        -10s;\n\n}\n\n\n.dot-4 {\n\n    animation-delay:\n        -15s;\n\n}\n\n\n@keyframes iptarDot {\n\n    0% {\n\n        width: 7px;\n\n        background:\n            rgba(\n                255,\n                255,\n                255,\n                .55\n            );\n\n    }\n\n    3% {\n\n        width: 28px;\n\n        background:\n            #f5c542;\n\n    }\n\n    25% {\n\n        width: 28px;\n\n        background:\n            #f5c542;\n\n    }\n\n    28% {\n\n        width: 7px;\n\n        background:\n            rgba(\n                255,\n                255,\n                255,\n                .55\n            );\n\n    }\n\n    100% {\n\n        width: 7px;\n\n    }\n\n}\n\n\n\/* =========================================================\n   BOTTOM\n========================================================= *\/\n\n.iptar-bottom {\n\n    min-height: 65px;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: space-between;\n\n    padding:\n        0\n        7vw;\n\n    border-top:\n        2px solid\n        #1e5bb8;\n\n}\n\n\n.iptar-bottom-brand {\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 10px;\n\n    color:\n        #7b8492;\n\n    font-size: 10px;\n\n}\n\n\n.iptar-bottom-brand strong {\n\n    color:\n        #123d82;\n\n    font-size: 13px;\n\n}\n\n\n.iptar-bottom-dot {\n\n    width: 8px;\n\n    height: 8px;\n\n    border-radius: 50%;\n\n    background:\n        #f5c542;\n\n}\n\n\n.iptar-bottom-scroll {\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 12px;\n\n    color:\n        #7b8492;\n\n    font-size: 10px;\n\n}\n\n\n.scroll-arrow {\n\n    width: 26px;\n\n    height: 26px;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    border:\n        1px solid\n        #d5dbe4;\n\n    border-radius: 50%;\n\n    color:\n        #1e5bb8;\n\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 1100px) {\n\n    .iptar-hero-container {\n\n        min-height:\n            580px;\n\n    }\n\n\n    .iptar-hero-content {\n\n        padding:\n            55px\n            35px\n            50px\n            5vw;\n\n    }\n\n\n    .iptar-hero-image-area {\n\n        min-height:\n            580px;\n\n    }\n\n\n    .iptar-slider {\n\n        border-radius:\n            90px\n            0\n            0\n            0;\n\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n    .iptar-hero-final {\n\n        width: 100vw;\n\n        max-width: 100vw;\n\n        margin-left:\n            calc(50% - 50vw);\n\n        margin-right:\n            calc(50% - 50vw);\n\n    }\n\n\n    .iptar-hero-container {\n\n        display: flex;\n\n        flex-direction: column;\n\n        min-height: auto;\n\n    }\n\n\n    .iptar-hero-content {\n\n        padding:\n            45px\n            20px\n            35px;\n\n    }\n\n\n    .iptar-eyebrow {\n\n        font-size:\n            8px;\n\n        letter-spacing:\n            .7px;\n\n    }\n\n\n    .iptar-line {\n\n        width:\n            25px;\n\n    }\n\n\n    .iptar-title {\n\n        font-size:\n            42px;\n\n        letter-spacing:\n            -1px;\n\n    }\n\n\n    .iptar-description {\n\n        font-size:\n            13px;\n\n        line-height:\n            1.7;\n\n    }\n\n\n    .iptar-buttons {\n\n        flex-direction:\n            column;\n\n    }\n\n\n    .iptar-btn {\n\n        width:\n            100%;\n\n    }\n\n\n    .iptar-values {\n\n        margin-top:\n            30px;\n\n        justify-content:\n            space-between;\n\n        gap:\n            7px;\n\n    }\n\n\n    .iptar-value span {\n\n        font-size:\n            8px;\n\n    }\n\n\n    .iptar-value strong {\n\n        font-size:\n            15px;\n\n    }\n\n\n    .iptar-hero-image-area {\n\n        width:\n            100%;\n\n        height:\n            430px;\n\n        min-height:\n            430px;\n\n    }\n\n\n    .iptar-slider {\n\n        border-radius:\n            70px\n            0\n            0\n            0;\n\n    }\n\n\n    .iptar-floating-card {\n\n        left:\n            18px;\n\n        bottom:\n            18px;\n\n        padding:\n            10px\n            13px;\n\n    }\n\n\n    .iptar-icon {\n\n        width:\n            32px;\n\n        height:\n            32px;\n\n        font-size:\n            15px;\n\n    }\n\n\n    .iptar-floating-card strong {\n\n        font-size:\n            12px;\n\n    }\n\n\n    .iptar-floating-card span {\n\n        font-size:\n            8px;\n\n    }\n\n\n    .iptar-yellow-shape {\n\n        width:\n            100px;\n\n        height:\n            100px;\n\n    }\n\n\n    .iptar-dots {\n\n        right:\n            18px;\n\n        bottom:\n            18px;\n\n    }\n\n\n    .iptar-bottom {\n\n        min-height:\n            55px;\n\n        padding:\n            0\n            20px;\n\n    }\n\n\n    .iptar-bottom-brand\n    span:last-child {\n\n        display:\n            none;\n\n    }\n\n\n    .iptar-bottom-scroll span {\n\n        display:\n            none;\n\n    }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width: 380px) {\n\n    .iptar-title {\n\n        font-size:\n            36px;\n\n    }\n\n\n    .iptar-hero-image-area {\n\n        height:\n            360px;\n\n        min-height:\n            360px;\n\n    }\n\n\n    .iptar-value span {\n\n        display:\n            none;\n\n    }\n\n}\n\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9b4b09f e-flex e-con-boxed e-con e-parent\" data-id=\"9b4b09f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-52f9667 elementor-widget elementor-widget-html\" data-id=\"52f9667\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     IPTAR \u2014 SECTION SAMBUTAN REKTOR\n     FULL WIDTH \u2014 FOTO KIRI \u2014 TEKS KANAN\n     Untuk Elementor HTML Widget\n========================================================= -->\n\n<section class=\"iptar-rektor-section\">\n\n    <div class=\"iptar-rektor-container\">\n\n\n        <!-- =================================================\n             FOTO REKTOR \u2014 KIRI\n        ================================================== -->\n\n        <div class=\"iptar-rektor-photo-area\">\n\n            <div class=\"iptar-rektor-photo\">\n\n                <!-- GANTI URL FOTO REKTOR DI SINI -->\n\n                <img decoding=\"async\"\n                    src=\"https:\/\/iptar.ac.id\/wp-content\/uploads\/2026\/09\/1.png\"\n                    alt=\"Rektor Institut Pendidikan dan Teknologi 'Aisyiyah Riau\"\n                >\n\n\n                <!-- OVERLAY -->\n\n                <div class=\"iptar-rektor-overlay\"><\/div>\n\n\n                <!-- AKSEN KUNING -->\n\n                <div class=\"iptar-rektor-yellow\"><\/div>\n\n\n                <!-- LABEL IPTAR -->\n\n                <div class=\"iptar-rektor-photo-label\">\n\n                    <span class=\"iptar-rektor-label-icon\">\n                        \u2726\n                    <\/span>\n\n                    <div>\n\n                        <strong>\n                            IPTAR\n                        <\/strong>\n\n                        <span>\n                            Islam \u2022 Pendidikan \u2022 Teknologi\n                        <\/span>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n\n\n        <!-- =================================================\n             SAMBUTAN \u2014 KANAN\n        ================================================== -->\n\n        <div class=\"iptar-rektor-content\">\n\n\n            <!-- EYEBROW -->\n\n            <div class=\"iptar-rektor-eyebrow\">\n\n                <span class=\"iptar-rektor-line\"><\/span>\n\n                <span>\n                    SAMBUTAN REKTOR\n                <\/span>\n\n            <\/div>\n\n\n\n            <!-- TITLE -->\n\n            <h2 class=\"iptar-rektor-title\">\n\n                Selamat Datang\n                <span>di IPTAR<\/span>\n\n            <\/h2>\n\n\n\n            <!-- SAMBUTAN -->\n\n            <div class=\"iptar-rektor-text\">\n\n                <p>\n                    <strong>\n                        Institut Pendidikan dan Teknologi \u2018Aisyiyah Riau\n                    <\/strong>\n                <\/p>\n\n\n                <p>\n                    Berada di atas tanah Melayu Riau yang sarat dengan\n                    warisan budaya dan kearifan lokal, kehadiran Institut\n                    Pendidikan dan Teknologi \u2018Aisyiyah Riau (IPTAR) adalah\n                    sebuah ikhtiar suci. Kami hadir dengan tekad bulat\n                    untuk turut serta membangun negeri dengan mencetak\n                    Sumber Daya Manusia yang unggul, kompeten, dan berdaya\n                    saing tinggi.\n                <\/p>\n\n\n                <p>\n                    Unggul tidak hanya dalam penguasaan ilmu pengetahuan\n                    dan teknologi, tetapi juga unggul dalam akhlak dan\n                    karakter yang islami serta bermartabat. Dengan\n                    integrasi keislaman, kemelayuan, dan keindonesiaan,\n                    IPTAR berkomitmen melahirkan generasi yang mampu\n                    menjawab tantangan zaman tanpa tercerabut dari akar\n                    identitas dan nilai-nilai luhurnya.\n                <\/p>\n\n\n                <p>\n                    Semoga kehadiran kami menjadi pencerah dan pembawa\n                    kemaslahatan bagi Riau dan Indonesia.\n                <\/p>\n\n            <\/div>\n\n\n\n            <!-- SIGNATURE -->\n\n            <div class=\"iptar-rektor-signature\">\n\n                <div class=\"iptar-signature-line\"><\/div>\n\n                <div class=\"iptar-rektor-name\">\n\n                    <strong>\n                        Rektor IPTAR\n                    <\/strong>\n\n                    <span>\n                        Institut Pendidikan dan Teknologi\n                        \u2018Aisyiyah Riau\n                    <\/span>\n\n                <\/div>\n\n            <\/div>\n\n\n        <\/div>\n\n    <\/div>\n\n\n\n    <!-- =================================================\n         BOTTOM BAR\n    ================================================== -->\n\n    <div class=\"iptar-rektor-bottom\">\n\n        <div class=\"iptar-rektor-bottom-left\">\n\n            <span class=\"iptar-bottom-dot\"><\/span>\n\n            <strong>\n                IPTAR\n            <\/strong>\n\n            <span>\n                Institut Pendidikan dan Teknologi \u2018Aisyiyah Riau\n            <\/span>\n\n        <\/div>\n\n\n        <div class=\"iptar-rektor-bottom-right\">\n\n            <span>\n                Pendidikan \u2022 Teknologi \u2022 Islam Berkemajuan\n            <\/span>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<style>\n\n\/* =========================================================\n   RESET\n========================================================= *\/\n\n.iptar-rektor-section,\n.iptar-rektor-section * {\n    box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   FULL WIDTH\n========================================================= *\/\n\n.iptar-rektor-section {\n\n    width: 100vw;\n\n    max-width: 100vw;\n\n    margin-left:\n        calc(50% - 50vw);\n\n    margin-right:\n        calc(50% - 50vw);\n\n    overflow: hidden;\n\n    background:\n        #ffffff;\n\n    color:\n        #172033;\n\n    font-family:\n        \"Poppins\",\n        Arial,\n        sans-serif;\n\n}\n\n\n\/* =========================================================\n   MAIN CONTAINER\n========================================================= *\/\n\n.iptar-rektor-container {\n\n    width: 100%;\n\n    min-height: 650px;\n\n    display: grid;\n\n    grid-template-columns:\n        48% 52%;\n\n    align-items: stretch;\n\n}\n\n\n\/* =========================================================\n   PHOTO AREA\n========================================================= *\/\n\n.iptar-rektor-photo-area {\n\n    position: relative;\n\n    min-height: 650px;\n\n}\n\n\n\/* =========================================================\n   PHOTO\n========================================================= *\/\n\n.iptar-rektor-photo {\n\n    position: absolute;\n\n    inset: 0;\n\n    overflow: hidden;\n\n    border-radius:\n        0\n        140px\n        0\n        0;\n\n    background:\n        #eaf4ff;\n\n}\n\n\n\/* =========================================================\n   IMAGE\n========================================================= *\/\n\n.iptar-rektor-photo img {\n\n    width: 100%;\n\n    height: 100%;\n\n    display: block;\n\n    object-fit: cover;\n\n    object-position: center;\n\n}\n\n\n\/* =========================================================\n   OVERLAY\n========================================================= *\/\n\n.iptar-rektor-overlay {\n\n    position: absolute;\n\n    inset: 0;\n\n    z-index: 2;\n\n    pointer-events: none;\n\n    background:\n        linear-gradient(\n            180deg,\n            rgba(\n                18,\n                61,\n                130,\n                .02\n            ) 40%,\n            rgba(\n                18,\n                61,\n                130,\n                .30\n            ) 100%\n        );\n\n}\n\n\n\/* =========================================================\n   YELLOW DECORATION\n========================================================= *\/\n\n.iptar-rektor-yellow {\n\n    position: absolute;\n\n    left: 0;\n\n    bottom: 0;\n\n    z-index: 4;\n\n    width: 180px;\n\n    height: 180px;\n\n    background:\n        #f5c542;\n\n    clip-path:\n        polygon(\n            0 0,\n            100% 100%,\n            0 100%\n        );\n\n}\n\n\n\/* =========================================================\n   PHOTO LABEL\n========================================================= *\/\n\n.iptar-rektor-photo-label {\n\n    position: absolute;\n\n    left: 35px;\n\n    bottom: 35px;\n\n    z-index: 10;\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 12px;\n\n    padding:\n        13px\n        20px;\n\n    background:\n        rgba(\n            255,\n            255,\n            255,\n            .96\n        );\n\n    border-left:\n        4px solid\n        #f5c542;\n\n    box-shadow:\n        0 15px 40px\n        rgba(\n            0,\n            0,\n            0,\n            .15\n        );\n\n}\n\n\n\/* ICON *\/\n\n.iptar-rektor-label-icon {\n\n    width: 40px;\n\n    height: 40px;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    flex-shrink: 0;\n\n    border-radius: 50%;\n\n    color:\n        #f5c542;\n\n    background:\n        #1e5b;\n\n    font-size: 20px;\n\n}\n\n\n.iptar-rektor-photo-label strong {\n\n    display: block;\n\n    color:\n        #123d82;\n\n    font-size: 14px;\n\n}\n\n\n.iptar-rektor-photo-label span {\n\n    font-size: 9px;\n\n    color:\n        #7a8494;\n\n}\n\n\n\/* =========================================================\n   RIGHT CONTENT\n========================================================= *\/\n\n.iptar-rektor-content {\n\n    display: flex;\n\n    flex-direction: column;\n\n    justify-content: center;\n\n    padding:\n        70px\n        7vw\n        65px\n        6vw;\n\n}\n\n\n\/* =========================================================\n   EYEBROW\n========================================================= *\/\n\n.iptar-rektor-eyebrow {\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 12px;\n\n    margin-bottom: 20px;\n\n    color:\n        #1e5b;\n\n    font-size: 11px;\n\n    font-weight: 700;\n\n    letter-spacing: 1.5px;\n\n}\n\n\n.iptar-rektor-line {\n\n    width: 38px;\n\n    height: 3px;\n\n    border-radius: 10px;\n\n    background:\n        #f5c542;\n\n}\n\n\n\/* =========================================================\n   TITLE\n========================================================= *\/\n\n.iptar-rektor-title {\n\n    margin:\n        0\n        0\n        25px;\n\n    color:\n        #123d8;\n\n    font-family:\n        Georgia,\n        \"Times New Roman\",\n        serif;\n\n    font-size:\n        clamp(\n            44px,\n            5vw,\n            70px\n        );\n\n    line-height:\n        1.04;\n\n    letter-spacing:\n        -2px;\n\n    font-weight:\n        700;\n\n}\n\n\n.iptar-rektor-title span {\n\n    display: block;\n\n    color:\n        #1e5b;\n\n}\n\n\n\/* =========================================================\n   TEXT\n========================================================= *\/\n\n.iptar-rektor-text {\n\n    max-width:\n        780px;\n\n    color:\n        #5d6879;\n\n    font-size:\n        14px;\n\n    line-height:\n        1.8;\n\n}\n\n\n.iptar-rektor-text p {\n\n    margin:\n        0\n        0\n        15px;\n\n}\n\n\n.iptar-rektor-text p:first-child {\n\n    margin-bottom:\n        18px;\n\n    color:\n        #123d;\n\n    font-size:\n        15px;\n\n}\n\n\n.iptar-rektor-text strong {\n\n    color:\n        #123d82;\n\n}\n\n\n\/* =========================================================\n   SIGNATURE\n========================================================= *\/\n\n.iptar-rektor-signature {\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 15px;\n\n    margin-top:\n        20px;\n\n}\n\n\n.iptar-signature-line {\n\n    width:\n        40px;\n\n    height:\n        3px;\n\n    background:\n        #f5c542;\n\n}\n\n\n.iptar-rektor-name strong {\n\n    display: block;\n\n    color:\n        #123d82;\n\n    font-size:\n        13px;\n\n}\n\n\n.iptar-rektor-name span {\n\n    display: block;\n\n    margin-top:\n        2px;\n\n    color:\n        #7a8494;\n\n    font-size:\n        9px;\n\n}\n\n\n\/* =========================================================\n   BOTTOM\n========================================================= *\/\n\n.iptar-rektor-bottom {\n\n    min-height:\n        65px;\n\n    display:\n        flex;\n\n    align-items:\n        center;\n\n    justify-content:\n        space-between;\n\n    padding:\n        0\n        7vw;\n\n    border-top:\n        2px solid\n        #1e5bb8;\n\n}\n\n\n.iptar-rektor-bottom-left {\n\n    display:\n        flex;\n\n    align-items:\n        center;\n\n    gap:\n        10px;\n\n    color:\n        #7b8492;\n\n    font-size:\n        10px;\n\n}\n\n\n.iptar-bottom-dot {\n\n    width:\n        8px;\n\n    height:\n        8px;\n\n    flex-shrink:\n        0;\n\n    border-radius:\n        50%;\n\n    background:\n        #f5c542;\n\n}\n\n\n.iptar-rektor-bottom-left strong {\n\n    color:\n        #123d82;\n\n    font-size:\n        13px;\n\n}\n\n\n.iptar-rektor-bottom-right {\n\n    color:\n        #7b8492;\n\n    font-size:\n        10px;\n\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 1100px) {\n\n    .iptar-rektor-container {\n\n        min-height:\n            580px;\n\n        grid-template-columns:\n            48% 52%;\n\n    }\n\n\n    .iptar-rektor-photo-area {\n\n        min-height:\n            580px;\n\n    }\n\n\n    .iptar-rektor-content {\n\n        padding:\n            55px\n            5vw\n            50px\n            5vw;\n\n    }\n\n\n    .iptar-rektor-photo {\n\n        border-radius:\n            0\n            90px\n            0\n            0;\n\n    }\n\n\n    .iptar-rektor-text {\n\n        font-size:\n            13px;\n\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n    .iptar-rektor-section {\n\n        width:\n            100vw;\n\n        max-width:\n            100vw;\n\n        margin-left:\n            calc(50% - 50vw);\n\n        margin-right:\n            calc(50% - 50vw);\n\n    }\n\n\n    .iptar-rektor-container {\n\n        display:\n            flex;\n\n        flex-direction:\n            column;\n\n        min-height:\n            auto;\n\n    }\n\n\n    \/* PHOTO *\/\n\n    .iptar-rektor-photo-area {\n\n        width:\n            100%;\n\n        height:\n            430px;\n\n        min-height:\n            430px;\n\n    }\n\n\n    .iptar-rektor-photo {\n\n        border-radius:\n            0\n            70px\n            0\n            0;\n\n    }\n\n\n    \/* CONTENT *\/\n\n    .iptar-rektor-content {\n\n        padding:\n            45px\n            20px\n            45px;\n\n    }\n\n\n    .iptar-rektor-eyebrow {\n\n        font-size:\n            9px;\n\n        letter-spacing:\n            .8px;\n\n    }\n\n\n    .iptar-rektor-line {\n\n        width:\n            25px;\n\n        height:\n            2px;\n\n    }\n\n\n    .iptar-rektor-title {\n\n        font-size:\n            42px;\n\n        letter-spacing:\n            -1px;\n\n        margin-bottom:\n            20px;\n\n    }\n\n\n    .iptar-rektor-text {\n\n        font-size:\n            13px;\n\n        line-height:\n            1.75;\n\n    }\n\n\n    .iptar-rektor-text p {\n\n        margin-bottom:\n            14px;\n\n    }\n\n\n    .iptar-rektor-text p:first-child {\n\n        font-size:\n            14px;\n\n    }\n\n\n    \/* PHOTO LABEL *\/\n\n    .iptar-rektor-photo-label {\n\n        left:\n            18px;\n\n        bottom:\n            18px;\n\n        padding:\n            10px\n            13px;\n\n    }\n\n\n    .iptar-rektor-label-icon {\n\n        width:\n            32px;\n\n        height:\n            32px;\n\n        font-size:\n            15px;\n\n    }\n\n\n    .iptar-rektor-photo-label strong {\n\n        font-size:\n            12px;\n\n    }\n\n\n    .iptar-rektor-photo-label span {\n\n        font-size:\n            8px;\n\n    }\n\n\n    \/* YELLOW *\/\n\n    .iptar-rektor-yellow {\n\n        width:\n            100px;\n\n        height:\n            100px;\n\n    }\n\n\n    \/* BOTTOM *\/\n\n    .iptar-rektor-bottom {\n\n        min-height:\n            55px;\n\n        padding:\n            0\n            20px;\n\n    }\n\n\n    .iptar-rektor-bottom-left span:last-child {\n\n        display:\n            none;\n\n    }\n\n\n    .iptar-rektor-bottom-right {\n\n        display:\n            none;\n\n    }\n\n}\n\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2791cde e-flex e-con-boxed e-con e-parent\" data-id=\"2791cde\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-06d042c elementor-widget elementor-widget-html\" data-id=\"06d042c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     IPTAR \u2014 KABAR IPTAR\n     PORTAL BERITA DINAMIS\n     HTML + CSS + JAVASCRIPT\n     \n     Data otomatis dari WordPress Posts\n     \/wp-json\/wp\/v2\/posts\n========================================================= -->\n\n<section class=\"iptar-kabar\">\n\n    <!-- =====================================================\n         HEADER SECTION\n    ====================================================== -->\n\n    <div class=\"iptar-kabar-head\">\n\n        <div class=\"iptar-kabar-heading\">\n\n            <div class=\"iptar-kabar-eyebrow\">\n                <span><\/span>\n                INFORMASI TERKINI\n            <\/div>\n\n            <h2>\n                Kabar <em>IPTAR<\/em>\n            <\/h2>\n\n        <\/div>\n\n        <div class=\"iptar-kabar-intro\">\n            Berita, informasi, kegiatan, prestasi, penelitian,\n            pengabdian, dan kabar terbaru Institut Pendidikan\n            dan Teknologi \u2018Aisyiyah Riau.\n        <\/div>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         LOADING\n    ====================================================== -->\n\n    <div id=\"iptarKabarLoading\" class=\"iptar-kabar-loading\">\n\n        <div class=\"iptar-loader\"><\/div>\n\n        <span>Memuat kabar IPTAR...<\/span>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         ERROR\n    ====================================================== -->\n\n    <div id=\"iptarKabarError\" class=\"iptar-kabar-error\">\n\n        <div class=\"iptar-error-icon\">!<\/div>\n\n        <strong>Kabar IPTAR belum dapat dimuat<\/strong>\n\n        <span>\n            Silakan coba beberapa saat lagi.\n        <\/span>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         PORTAL BERITA\n    ====================================================== -->\n\n    <div id=\"iptarKabarPortal\" class=\"iptar-kabar-portal\">\n\n\n        <!-- =================================================\n             BERITA UTAMA\n        ================================================== -->\n\n        <article\n            id=\"iptarKabarFeatured\"\n            class=\"iptar-kabar-featured\">\n        <\/article>\n\n\n        <!-- =================================================\n             BERITA TERBARU\n        ================================================== -->\n\n        <div class=\"iptar-kabar-side\">\n\n            <div class=\"iptar-kabar-side-title\">\n\n                <span><\/span>\n\n                BERITA TERBARU\n\n            <\/div>\n\n            <div id=\"iptarKabarSideList\"><\/div>\n\n        <\/div>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         GRID BERITA\n    ====================================================== -->\n\n    <div\n        id=\"iptarKabarGrid\"\n        class=\"iptar-kabar-grid\">\n    <\/div>\n\n\n    <!-- =====================================================\n         FOOTER SECTION\n    ====================================================== -->\n\n    <div class=\"iptar-kabar-footer\">\n\n        <div class=\"iptar-kabar-footer-line\"><\/div>\n\n        <a\n            href=\"\/category\/berita\/\"\n            class=\"iptar-kabar-more\">\n\n            <span>\n                Lihat Semua Kabar IPTAR\n            <\/span>\n\n            <b>\u2192<\/b>\n\n        <\/a>\n\n        <div class=\"iptar-kabar-footer-line\"><\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================================\n   RESET\n========================================================= *\/\n\n.iptar-kabar,\n.iptar-kabar * {\n    box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   FULL WIDTH\n========================================================= *\/\n\n.iptar-kabar {\n\n    width: 100vw;\n\n    max-width: 100vw;\n\n    margin-left: calc(50% - 50vw);\n\n    margin-right: calc(50% - 50vw);\n\n    padding: 90px 7vw;\n\n    background: #F6FBF4;\n\n    color: #315A38;\n\n    font-family:\n        \"Poppins\",\n        Arial,\n        sans-serif;\n\n    overflow: hidden;\n\n}\n\n\n\/* =========================================================\n   HEADER\n========================================================= *\/\n\n.iptar-kabar-head {\n\n    max-width: 1400px;\n\n    margin: 0 auto 45px;\n\n    display: flex;\n\n    justify-content: space-between;\n\n    align-items: flex-end;\n\n    gap: 50px;\n\n}\n\n\n\/* =========================================================\n   EYEBROW\n========================================================= *\/\n\n.iptar-kabar-eyebrow {\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 12px;\n\n    margin-bottom: 14px;\n\n    color: #65B84A;\n\n    font-size: 11px;\n\n    font-weight: 700;\n\n    letter-spacing: 1.8px;\n\n}\n\n\n.iptar-kabar-eyebrow span {\n\n    display: block;\n\n    width: 38px;\n\n    height: 3px;\n\n    border-radius: 20px;\n\n    background: #E8C547;\n\n}\n\n\n\/* =========================================================\n   TITLE\n========================================================= *\/\n\n.iptar-kabar-heading h2 {\n\n    margin: 0;\n\n    color: #236B35;\n\n    font-family:\n        Georgia,\n        \"Times New Roman\",\n        serif;\n\n    font-size: clamp(\n        44px,\n        5vw,\n        68px\n    );\n\n    line-height: 1;\n\n    letter-spacing: -2px;\n\n}\n\n\n.iptar-kabar-heading h2 em {\n\n    color: #65B84A;\n\n    font-style: normal;\n\n}\n\n\n\/* =========================================================\n   INTRO\n========================================================= *\/\n\n.iptar-kabar-intro {\n\n    max-width: 460px;\n\n    color: #68736A;\n\n    font-size: 13px;\n\n    line-height: 1.8;\n\n}\n\n\n\/* =========================================================\n   LOADING\n========================================================= *\/\n\n.iptar-kabar-loading {\n\n    min-height: 300px;\n\n    display: flex;\n\n    flex-direction: column;\n\n    align-items: center;\n\n    justify-content: center;\n\n    gap: 14px;\n\n    color: #68736A;\n\n    font-size: 12px;\n\n}\n\n\n.iptar-loader {\n\n    width: 38px;\n\n    height: 38px;\n\n    border: 3px solid #DCEBD8;\n\n    border-top-color: #65B84A;\n\n    border-radius: 50%;\n\n    animation:\n        iptarLoader 1s linear infinite;\n\n}\n\n\n@keyframes iptarLoader {\n\n    to {\n        transform: rotate(360deg);\n    }\n\n}\n\n\n\/* =========================================================\n   ERROR\n========================================================= *\/\n\n.iptar-kabar-error {\n\n    display: none;\n\n    max-width: 600px;\n\n    margin: 0 auto;\n\n    padding: 40px;\n\n    text-align: center;\n\n    background: #FFFFFF;\n\n    border: 1px solid #DCEBD8;\n\n}\n\n\n.iptar-error-icon {\n\n    width: 40px;\n\n    height: 40px;\n\n    margin: 0 auto 15px;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    border-radius: 50%;\n\n    background: #EAF6E5;\n\n    color: #236B35;\n\n    font-weight: 700;\n\n}\n\n\n.iptar-kabar-error strong {\n\n    display: block;\n\n    margin-bottom: 7px;\n\n    color: #236B35;\n\n}\n\n\n.iptar-kabar-error span {\n\n    color: #8A948C;\n\n    font-size: 12px;\n\n}\n\n\n\/* =========================================================\n   PORTAL\n========================================================= *\/\n\n.iptar-kabar-portal {\n\n    max-width: 1400px;\n\n    margin: 0 auto;\n\n    display: grid;\n\n    grid-template-columns:\n        minmax(0, 1.6fr)\n        minmax(340px, 1fr);\n\n    gap: 25px;\n\n}\n\n\n\/* =========================================================\n   FEATURED\n========================================================= *\/\n\n.iptar-kabar-featured {\n\n    position: relative;\n\n    min-height: 520px;\n\n    overflow: hidden;\n\n    background: #236B35;\n\n    border-radius:\n        0\n        75px\n        0\n        0;\n\n}\n\n\n.iptar-featured-link {\n\n    position: absolute;\n\n    inset: 0;\n\n    display: block;\n\n    color: inherit;\n\n    text-decoration: none !important;\n\n}\n\n\n\/* =========================================================\n   FEATURE IMAGE\n========================================================= *\/\n\n.iptar-featured-img {\n\n    position: absolute;\n\n    inset: 0;\n\n    width: 100%;\n\n    height: 100%;\n\n    object-fit: cover;\n\n    transition:\n        transform .7s ease;\n\n}\n\n\n.iptar-kabar-featured:hover\n.iptar-featured-img {\n\n    transform: scale(1.05);\n\n}\n\n\n\/* =========================================================\n   FEATURE OVERLAY\n========================================================= *\/\n\n.iptar-featured-overlay {\n\n    position: absolute;\n\n    inset: 0;\n\n    background:\n        linear-gradient(\n            180deg,\n            rgba(35,107,53,0.03) 20%,\n            rgba(20,55,29,0.90) 100%\n        );\n\n}\n\n\n\/* =========================================================\n   FEATURE CONTENT\n========================================================= *\/\n\n.iptar-featured-content {\n\n    position: absolute;\n\n    z-index: 5;\n\n    left: 0;\n\n    right: 0;\n\n    bottom: 0;\n\n    padding: 38px;\n\n}\n\n\n.iptar-featured-category {\n\n    display: inline-block;\n\n    margin-bottom: 13px;\n\n    padding: 6px 12px;\n\n    color: #315A38;\n\n    background: #E8C547;\n\n    font-size: 9px;\n\n    font-weight: 700;\n\n    letter-spacing: .8px;\n\n    text-transform: uppercase;\n\n}\n\n\n.iptar-featured-title {\n\n    margin: 0 0 13px;\n\n    color: #FFFFFF;\n\n    font-size:\n        clamp(\n            25px,\n            3vw,\n            40px\n        );\n\n    line-height: 1.15;\n\n    font-weight: 700;\n\n}\n\n\n.iptar-featured-excerpt {\n\n    max-width: 720px;\n\n    margin: 0 0 17px;\n\n    color:\n        rgba(\n            255,\n            255,\n            255,\n            .82\n        );\n\n    font-size: 12px;\n\n    line-height: 1.7;\n\n}\n\n\n.iptar-featured-meta {\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 10px;\n\n    color:\n        rgba(\n            255,\n            255,\n            255,\n            .70\n        );\n\n    font-size: 10px;\n\n}\n\n\n.iptar-featured-dot {\n\n    width: 5px;\n\n    height: 5px;\n\n    border-radius: 50%;\n\n    background: #E8C547;\n\n}\n\n\n\/* =========================================================\n   SIDE NEWS\n========================================================= *\/\n\n.iptar-kabar-side {\n\n    display: flex;\n\n    flex-direction: column;\n\n    gap: 15px;\n\n}\n\n\n.iptar-kabar-side-title {\n\n    height: 40px;\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 10px;\n\n    padding-left: 5px;\n\n    color: #236B35;\n\n    font-size: 11px;\n\n    font-weight: 700;\n\n    letter-spacing: 1.2px;\n\n}\n\n\n.iptar-kabar-side-title span {\n\n    width: 28px;\n\n    height: 3px;\n\n    border-radius: 20px;\n\n    background: #E8C547;\n\n}\n\n\n\/* =========================================================\n   SIDE CARD\n========================================================= *\/\n\n.iptar-side-item {\n\n    min-height: 145px;\n\n    display: grid;\n\n    grid-template-columns:\n        135px\n        1fr;\n\n    overflow: hidden;\n\n    background: #FFFFFF;\n\n    border:\n        1px solid\n        #DCEBD8;\n\n    transition:\n        .3s ease;\n\n}\n\n\n.iptar-side-item:hover {\n\n    transform: translateX(-5px);\n\n    border-color: #65B84A;\n\n    box-shadow:\n        0 15px 35px\n        rgba(\n            35,\n            107,\n            53,\n            .10\n        );\n\n}\n\n\n.iptar-side-img {\n\n    width: 100%;\n\n    height: 100%;\n\n    min-height: 145px;\n\n    object-fit: cover;\n\n    transition:\n        transform .5s ease;\n\n}\n\n\n.iptar-side-item:hover\n.iptar-side-img {\n\n    transform: scale(1.06);\n\n}\n\n\n.iptar-side-content {\n\n    padding: 16px;\n\n}\n\n\n.iptar-side-category {\n\n    color: #65B84A;\n\n    font-size: 8px;\n\n    font-weight: 700;\n\n    text-transform: uppercase;\n\n    letter-spacing: .7px;\n\n}\n\n\n.iptar-side-title {\n\n    display: -webkit-box;\n\n    overflow: hidden;\n\n    margin: 7px 0 9px;\n\n    color: #315A38;\n\n    font-size: 14px;\n\n    line-height: 1.4;\n\n    font-weight: 700;\n\n    -webkit-line-clamp: 2;\n\n    -webkit-box-orient: vertical;\n\n}\n\n\n.iptar-side-date {\n\n    color: #9AA49B;\n\n    font-size: 9px;\n\n}\n\n\n\/* =========================================================\n   GRID\n========================================================= *\/\n\n.iptar-kabar-grid {\n\n    max-width: 1400px;\n\n    margin: 25px auto 0;\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(3, 1fr);\n\n    gap: 25px;\n\n}\n\n\n\/* =========================================================\n   GRID CARD\n========================================================= *\/\n\n.iptar-grid-card {\n\n    display: block;\n\n    overflow: hidden;\n\n    color: inherit;\n\n    text-decoration: none !important;\n\n    background: #FFFFFF;\n\n    border:\n        1px solid\n        #DCEBD8;\n\n    transition:\n        .35s ease;\n\n}\n\n\n.iptar-grid-card:hover {\n\n    transform: translateY(-7px);\n\n    border-color: #C5DEBF;\n\n    box-shadow:\n        0 18px 40px\n        rgba(\n            35,\n            107,\n            53,\n            .10\n        );\n\n}\n\n\n\/* =========================================================\n   GRID IMAGE\n========================================================= *\/\n\n.iptar-grid-image-wrap {\n\n    position: relative;\n\n    height: 210px;\n\n    overflow: hidden;\n\n}\n\n\n.iptar-grid-img {\n\n    width: 100%;\n\n    height: 100%;\n\n    object-fit: cover;\n\n    transition:\n        transform .6s ease;\n\n}\n\n\n.iptar-grid-card:hover\n.iptar-grid-img {\n\n    transform: scale(1.07);\n\n}\n\n\n.iptar-grid-category {\n\n    position: absolute;\n\n    left: 15px;\n\n    bottom: 15px;\n\n    padding: 5px 9px;\n\n    color: #315A38;\n\n    background: #E8C547;\n\n    font-size: 8px;\n\n    font-weight: 700;\n\n    text-transform: uppercase;\n\n}\n\n\n\/* =========================================================\n   GRID CONTENT\n========================================================= *\/\n\n.iptar-grid-content {\n\n    padding: 20px;\n\n}\n\n\n.iptar-grid-date {\n\n    color: #9AA49B;\n\n    font-size: 9px;\n\n}\n\n\n.iptar-grid-title {\n\n    display: -webkit-box;\n\n    overflow: hidden;\n\n    margin: 8px 0;\n\n    color: #315A38;\n\n    font-size: 16px;\n\n    line-height: 1.4;\n\n    font-weight: 700;\n\n    -webkit-line-clamp: 2;\n\n    -webkit-box-orient: vertical;\n\n}\n\n\n.iptar-grid-excerpt {\n\n    display: -webkit-box;\n\n    overflow: hidden;\n\n    margin: 0;\n\n    color: #78837A;\n\n    font-size: 11px;\n\n    line-height: 1.7;\n\n    -webkit-line-clamp: 3;\n\n    -webkit-box-orient: vertical;\n\n}\n\n\n\/* =========================================================\n   FOOTER\n========================================================= *\/\n\n.iptar-kabar-footer {\n\n    max-width: 1400px;\n\n    margin: 45px auto 0;\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 25px;\n\n}\n\n\n.iptar-kabar-footer-line {\n\n    flex: 1;\n\n    height: 1px;\n\n    background: #D6E5D2;\n\n}\n\n\n.iptar-kabar-more {\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 20px;\n\n    padding:\n        13px\n        20px;\n\n    color: #236B35 !important;\n\n    text-decoration: none !important;\n\n    background: #FFFFFF;\n\n    border:\n        1px solid\n        #CFE0CB;\n\n    font-size: 11px;\n\n    font-weight: 600;\n\n    white-space: nowrap;\n\n    transition: .3s ease;\n\n}\n\n\n.iptar-kabar-more:hover {\n\n    color: #FFFFFF !important;\n\n    background: #236B35;\n\n    border-color: #236B35;\n\n}\n\n\n.iptar-kabar-more b {\n\n    font-size: 18px;\n\n    font-weight: 400;\n\n    transition: .3s ease;\n\n}\n\n\n.iptar-kabar-more:hover b {\n\n    transform: translateX(5px);\n\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 1000px) {\n\n    .iptar-kabar {\n\n        padding:\n            70px 5vw;\n\n    }\n\n\n    .iptar-kabar-head {\n\n        flex-direction: column;\n\n        align-items: flex-start;\n\n        gap: 15px;\n\n    }\n\n\n    .iptar-kabar-portal {\n\n        grid-template-columns: 1fr;\n\n    }\n\n\n    .iptar-kabar-featured {\n\n        min-height: 480px;\n\n    }\n\n\n    .iptar-kabar-grid {\n\n        grid-template-columns:\n            repeat(2, 1fr);\n\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n    .iptar-kabar {\n\n        width: 100vw;\n\n        max-width: 100vw;\n\n        margin-left:\n            calc(50% - 50vw);\n\n        margin-right:\n            calc(50% - 50vw);\n\n        padding:\n            60px 20px;\n\n    }\n\n\n    .iptar-kabar-head {\n\n        margin-bottom: 30px;\n\n    }\n\n\n    .iptar-kabar-eyebrow {\n\n        font-size: 9px;\n\n        letter-spacing: 1px;\n\n    }\n\n\n    .iptar-kabar-eyebrow span {\n\n        width: 25px;\n\n        height: 2px;\n\n    }\n\n\n    .iptar-kabar-heading h2 {\n\n        font-size: 43px;\n\n        letter-spacing: -1.5px;\n\n    }\n\n\n    .iptar-kabar-intro {\n\n        font-size: 12px;\n\n        line-height: 1.7;\n\n    }\n\n\n    \/* FEATURE *\/\n\n    .iptar-kabar-featured {\n\n        min-height: 430px;\n\n        border-radius:\n            0\n            55px\n            0\n            0;\n\n    }\n\n\n    .iptar-featured-content {\n\n        padding: 22px;\n\n    }\n\n\n    .iptar-featured-title {\n\n        font-size: 25px;\n\n    }\n\n\n    .iptar-featured-excerpt {\n\n        font-size: 11px;\n\n    }\n\n\n    \/* SIDE *\/\n\n    .iptar-kabar-side {\n\n        gap: 12px;\n\n    }\n\n\n    .iptar-side-item {\n\n        min-height: 115px;\n\n        grid-template-columns:\n            105px\n            1fr;\n\n    }\n\n\n    .iptar-side-img {\n\n        min-height: 115px;\n\n    }\n\n\n    .iptar-side-content {\n\n        padding: 12px;\n\n    }\n\n\n    .iptar-side-title {\n\n        font-size: 12px;\n\n    }\n\n\n    \/* GRID *\/\n\n    .iptar-kabar-grid {\n\n        grid-template-columns: 1fr;\n\n        gap: 15px;\n\n    }\n\n\n    .iptar-grid-image-wrap {\n\n        height: 210px;\n\n    }\n\n\n    .iptar-grid-title {\n\n        font-size: 15px;\n\n    }\n\n\n    \/* FOOTER *\/\n\n    .iptar-kabar-footer {\n\n        gap: 10px;\n\n    }\n\n\n    .iptar-kabar-footer-line {\n\n        display: none;\n\n    }\n\n\n    .iptar-kabar-more {\n\n        width: 100%;\n\n        justify-content: center;\n\n    }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width: 400px) {\n\n    .iptar-side-item {\n\n        grid-template-columns:\n            90px\n            1fr;\n\n    }\n\n\n    .iptar-side-img {\n\n        min-height: 110px;\n\n    }\n\n\n    .iptar-side-title {\n\n        font-size: 11px;\n\n    }\n\n}\n\n<\/style>\n\n\n<script>\n\ndocument.addEventListener(\n    \"DOMContentLoaded\",\n    function () {\n\n\n        \/* =================================================\n           WORDPRESS REST API\n        ================================================= *\/\n\n        const apiURL =\n            window.location.origin +\n            \"\/wp-json\/wp\/v2\/posts\" +\n            \"?per_page=7\" +\n            \"&_embed\";\n\n\n        const loading =\n            document.getElementById(\n                \"iptarKabarLoading\"\n            );\n\n\n        const error =\n            document.getElementById(\n                \"iptarKabarError\"\n            );\n\n\n        const portal =\n            document.getElementById(\n                \"iptarKabarPortal\"\n            );\n\n\n        const featured =\n            document.getElementById(\n                \"iptarKabarFeatured\"\n            );\n\n\n        const side =\n            document.getElementById(\n                \"iptarKabarSideList\"\n            );\n\n\n        const grid =\n            document.getElementById(\n                \"iptarKabarGrid\"\n            );\n\n\n\n        \/* =================================================\n           FORMAT TANGGAL\n        ================================================= *\/\n\n        function formatDate(\n            value\n        ) {\n\n            const date =\n                new Date(value);\n\n\n            return date.toLocaleDateString(\n                \"id-ID\",\n                {\n                    day: \"numeric\",\n\n                    month: \"long\",\n\n                    year: \"numeric\"\n                }\n            );\n\n        }\n\n\n\n        \/* =================================================\n           BERSIHKAN HTML\n        ================================================= *\/\n\n        function cleanText(\n            html\n        ) {\n\n            const temp =\n                document.createElement(\n                    \"div\"\n                );\n\n\n            temp.innerHTML =\n                html || \"\";\n\n\n            return temp.textContent\n                .replace(\n                    \/\\s+\/g,\n                    \" \"\n                )\n                .trim();\n\n        }\n\n\n\n        \/* =================================================\n           IMAGE\n        ================================================= *\/\n\n        function getImage(\n            post\n        ) {\n\n            try {\n\n                const media =\n                    post._embedded &&\n                    post._embedded[\n                        \"wp:featuredmedia\"\n                    ];\n\n\n                if (\n                    media &&\n                    media[0] &&\n                    media[0].source_url\n                ) {\n\n                    return media[0].source_url;\n\n                }\n\n            }\n            catch (e) {}\n\n\n            return \"\";\n\n        }\n\n\n\n        \/* =================================================\n           CATEGORY\n        ================================================= *\/\n\n        function getCategory(\n            post\n        ) {\n\n            try {\n\n                const terms =\n                    post._embedded &&\n                    post._embedded[\n                        \"wp:term\"\n                    ];\n\n\n                if (terms) {\n\n                    for (\n                        let i = 0;\n                        i < terms.length;\n                        i++\n                    ) {\n\n                        for (\n                            let j = 0;\n                            j < terms[i].length;\n                            j++\n                        ) {\n\n                            if (\n                                terms[i][j]\n                                .taxonomy\n                                ===\n                                \"category\"\n                            ) {\n\n                                return\n                                    terms[i][j]\n                                    .name;\n\n                            }\n\n                        }\n\n                    }\n\n                }\n\n            }\n            catch (e) {}\n\n\n            return \"Kabar IPTAR\";\n\n        }\n\n\n\n        \/* =================================================\n           FEATURED\n        ================================================= *\/\n\n        function renderFeatured(\n            post\n        ) {\n\n            const title =\n                cleanText(\n                    post.title.rendered\n                );\n\n\n            const excerpt =\n                cleanText(\n                    post.excerpt.rendered\n                );\n\n\n            const image =\n                getImage(post);\n\n\n            const category =\n                getCategory(post);\n\n\n            featured.innerHTML = `\n\n                <a\n                    href=\"${post.link}\"\n                    class=\"iptar-featured-link\"\n                >\n\n                    ${\n                        image\n                        ?\n                        `\n                        <img decoding=\"async\"\n                            src=\"${image}\"\n                            alt=\"${title}\"\n                            class=\"iptar-featured-img\"\n                        >\n                        `\n                        :\n                        `\n                        <div\n                            class=\"iptar-featured-img\"\n                            style=\"\n                                background:\n                                linear-gradient(\n                                    135deg,\n                                    #236B35,\n                                    #65B84A\n                                );\n                            \"\n                        ><\/div>\n                        `\n                    }\n\n                    <div\n                        class=\"iptar-featured-overlay\"\n                    ><\/div>\n\n\n                    <div\n                        class=\"iptar-featured-content\"\n                    >\n\n                        <span\n                            class=\"\n                            iptar-featured-category\n                            \"\n                        >\n                            ${category}\n                        <\/span>\n\n\n                        <h3\n                            class=\"\n                            iptar-featured-title\n                            \"\n                        >\n                            ${title}\n                        <\/h3>\n\n\n                        <p\n                            class=\"\n                            iptar-featured-excerpt\n                            \"\n                        >\n                            ${excerpt}\n                        <\/p>\n\n\n                        <div\n                            class=\"\n                            iptar-featured-meta\n                            \"\n                        >\n\n                            <span>\n                                ${formatDate(\n                                    post.date\n                                )}\n                            <\/span>\n\n                            <span\n                                class=\"\n                                iptar-featured-dot\n                                \"\n                            ><\/span>\n\n                            <span>\n                                IPTAR\n                            <\/span>\n\n                        <\/div>\n\n                    <\/div>\n\n                <\/a>\n\n            `;\n\n        }\n\n\n\n        \/* =================================================\n           SIDE NEWS\n        ================================================= *\/\n\n        function renderSide(\n            posts\n        ) {\n\n            side.innerHTML = \"\";\n\n\n            posts.forEach(\n                function(post)\n                {\n\n                    const title =\n                        cleanText(\n                            post.title.rendered\n                        );\n\n\n                    const image =\n                        getImage(post);\n\n\n                    const category =\n                        getCategory(post);\n\n\n                    side.innerHTML += `\n\n                        <a\n                            href=\"${post.link}\"\n                            class=\"\n                            iptar-side-item\n                            \"\n                        >\n\n                            ${\n                                image\n                                ?\n                                `\n                                <img decoding=\"async\"\n                                    src=\"${image}\"\n                                    alt=\"${title}\"\n                                    class=\"\n                                    iptar-side-img\n                                    \"\n                                >\n                                `\n                                :\n                                `\n                                <div\n                                    class=\"\n                                    iptar-side-img\n                                    \"\n                                    style=\"\n                                        background:\n                                        #236B35;\n                                    \"\n                                ><\/div>\n                                `\n                            }\n\n\n                            <div\n                                class=\"\n                                iptar-side-content\n                                \"\n                            >\n\n                                <div\n                                    class=\"\n                                    iptar-side-category\n                                    \"\n                                >\n                                    ${category}\n                                <\/div>\n\n\n                                <div\n                                    class=\"\n                                    iptar-side-title\n                                    \"\n                                >\n                                    ${title}\n                                <\/div>\n\n\n                                <div\n                                    class=\"\n                                    iptar-side-date\n                                    \"\n                                >\n                                    ${formatDate(\n                                        post.date\n                                    )}\n                                <\/div>\n\n                            <\/div>\n\n                        <\/a>\n\n                    `;\n\n                }\n            );\n\n        }\n\n\n\n        \/* =================================================\n           GRID NEWS\n        ================================================= *\/\n\n        function renderGrid(\n            posts\n        ) {\n\n            grid.innerHTML = \"\";\n\n\n            posts.forEach(\n                function(post)\n                {\n\n                    const title =\n                        cleanText(\n                            post.title.rendered\n                        );\n\n\n                    const excerpt =\n                        cleanText(\n                            post.excerpt.rendered\n                        );\n\n\n                    const image =\n                        getImage(post);\n\n\n                    const category =\n                        getCategory(post);\n\n\n                    grid.innerHTML += `\n\n                        <a\n                            href=\"${post.link}\"\n                            class=\"\n                            iptar-grid-card\n                            \"\n                        >\n\n                            <div\n                                class=\"\n                                iptar-grid-image-wrap\n                                \"\n                            >\n\n                                ${\n                                    image\n                                    ?\n                                    `\n                                    <img decoding=\"async\"\n                                        src=\"${image}\"\n                                        alt=\"${title}\"\n                                        class=\"\n                                        iptar-grid-img\n                                        \"\n                                    >\n                                    `\n                                    :\n                                    `\n                                    <div\n                                        class=\"\n                                        iptar-grid-img\n                                        \"\n                                        style=\"\n                                            background:\n                                            linear-gradient(\n                                                135deg,\n                                                #236B35,\n                                                #65B84A\n                                            );\n                                        \"\n                                    ><\/div>\n                                    `\n                                }\n\n\n                                <span\n                                    class=\"\n                                    iptar-grid-category\n                                    \"\n                                >\n                                    ${category}\n                                <\/span>\n\n                            <\/div>\n\n\n                            <div\n                                class=\"\n                                iptar-grid-content\n                                \"\n                            >\n\n                                <div\n                                    class=\"\n                                    iptar-grid-date\n                                    \"\n                                >\n                                    ${formatDate(\n                                        post.date\n                                    )}\n                                <\/div>\n\n\n                                <h3\n                                    class=\"\n                                    iptar-grid-title\n                                    \"\n                                >\n                                    ${title}\n                                <\/h3>\n\n\n                                <p\n                                    class=\"\n                                    iptar-grid-excerpt\n                                    \"\n                                >\n                                    ${excerpt}\n                                <\/p>\n\n                            <\/div>\n\n                        <\/a>\n\n                    `;\n\n                }\n            );\n\n        }\n\n\n\n        \/* =================================================\n           REQUEST WORDPRESS\n        ================================================= *\/\n\n        fetch(apiURL)\n\n            .then(\n                function(response)\n                {\n\n                    if (!response.ok) {\n\n                        throw new Error(\n                            \"REST API Error\"\n                        );\n\n                    }\n\n                    return response.json();\n\n                }\n            )\n\n            .then(\n                function(posts)\n                {\n\n                    if (\n                        !posts ||\n                        posts.length === 0\n                    ) {\n\n                        throw new Error(\n                            \"Tidak ada berita\"\n                        );\n\n                    }\n\n\n                    \/* BERITA UTAMA *\/\n\n                    renderFeatured(\n                        posts[0]\n                    );\n\n\n                    \/* BERITA 2-4 *\/\n\n                    renderSide(\n                        posts.slice(\n                            1,\n                            4\n                        )\n                    );\n\n\n                    \/* BERITA 5-7 *\/\n\n                    renderGrid(\n                        posts.slice(\n                            4,\n                            7\n                        )\n                    );\n\n\n                    loading.style.display =\n                        \"none\";\n\n\n                    portal.style.display =\n                        \"grid\";\n\n\n                    grid.style.display =\n                        \"grid\";\n\n                }\n            )\n\n            .catch(\n                function(err)\n                {\n\n                    console.error(\n                        \"IPTAR Kabar:\",\n                        err\n                    );\n\n\n                    loading.style.display =\n                        \"none\";\n\n\n                    error.style.display =\n                        \"block\";\n\n                }\n            );\n\n    }\n);\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fb91677 e-con-full e-flex e-con e-parent\" data-id=\"fb91677\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-040e066 elementor-widget elementor-widget-html\" data-id=\"040e066\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================\n     PRESTASI MAHASISWA IPTAR \u2014 FULL WIDTH\n     Tempel seluruh kode ke Widget HTML Elementor\n========================================== -->\n\n<section class=\"iptar-achievement\" id=\"prestasi-mahasiswa\">\n    <div class=\"iptar-achievement__container\">\n\n        <!-- JUDUL -->\n        <header class=\"iptar-achievement__header\">\n            <span class=\"iptar-achievement__label\">\n                MAHASISWA BERPRESTASI\n            <\/span>\n\n            <h2>Prestasi Mahasiswa IPTAR<\/h2>\n\n            <div class=\"iptar-achievement__ornament\">\n                <span><\/span>\n                <span><\/span>\n            <\/div>\n\n            <p>\n                Memfasilitasi mahasiswa unggul, inovatif, dan berprestasi\n                di tingkat regional, nasional, maupun internasional.\n            <\/p>\n        <\/header>\n\n        <!-- DAFTAR PRESTASI -->\n        <div class=\"iptar-achievement__grid\">\n\n            <!-- PRESTASI 1 -->\n            <article class=\"iptar-achievement__card\">\n                <div class=\"iptar-achievement__photo\">\n                    <img decoding=\"async\"\n                        src=\"https:\/\/iptar.ac.id\/wp-content\/uploads\/2026\/01\/Desain-tanpa-judul.png\"\n                        alt=\"Cahaya Rizki Rahmadila Hade\"\n                        loading=\"lazy\"\n                    >\n\n                    <span class=\"iptar-achievement__rank\">\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                            <path d=\"M12 2l2.9 5.88 6.49.94-4.7 4.58 1.11 6.47L12 16.82 6.2 19.87l1.11-6.47-4.7-4.58 6.49-.94L12 2z\"\/>\n                        <\/svg>\n                        Juara 2\n                    <\/span>\n                <\/div>\n\n                <div class=\"iptar-achievement__content\">\n                    <span class=\"iptar-achievement__level\">\n                        Tingkat Nasional\n                    <\/span>\n\n                    <h3>Cahaya Rizki Rahmadila Hade<\/h3>\n\n                    <p class=\"iptar-achievement__program\">\n                        Program Studi Pendidikan Guru Pendidikan Anak Usia dini\n                    <\/p>\n\n                    <div class=\"iptar-achievement__divider\"><\/div>\n\n                    <h4>\n                        Juara 2 Lomba Disain poster tingkat Naisional\n                    <\/h4>\n\n                    <p class=\"iptar-achievement__description\">\n                        Berhasil meraih prestasi melalui Lomba disain oposter tingkat nasional.\n                    <\/p>\n\n                    <div class=\"iptar-achievement__footer\">\n                        <span class=\"iptar-achievement__year\">\n                            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                                <path d=\"M7 2v2H5a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3h-2V2h-2v2H9V2H7zm12 8H5V8h14v2z\"\/>\n                            <\/svg>\n                            Tahun 2026\n                        <\/span>\n\n                        <span class=\"iptar-achievement__category\">\n                            Akademik\n                        <\/span>\n                    <\/div>\n                <\/div>\n            <\/article>\n\n            <!-- PRESTASI 2 -->\n            <article class=\"iptar-achievement__card\">\n                <div class=\"iptar-achievement__photo\">\n                    <img decoding=\"async\"\n                        src=\"https:\/\/iptar.ac.id\/wp-content\/uploads\/2025\/12\/2.png\"\n                        alt=\"Nama Mahasiswa Kedua\"\n                        loading=\"lazy\"\n                    >\n\n                    <span class=\"iptar-achievement__rank\">\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                            <path d=\"M12 2l2.9 5.88 6.49.94-4.7 4.58 1.11 6.47L12 16.82 6.2 19.87l1.11-6.47-4.7-4.58 6.49-.94L12 2z\"\/>\n                        <\/svg>\n                        Juara 2\n                    <\/span>\n                <\/div>\n\n                <div class=\"iptar-achievement__content\">\n                    <span class=\"iptar-achievement__level\">\n                        Tingkat Provinsi\n                    <\/span>\n\n                    <h3>Azelfa Azzuri<\/h3>\n\n                    <p class=\"iptar-achievement__program\">\n                        Program Studi Pendidikan Guru Pendidikan Anak Usia Dini\n                    <\/p>\n\n                    <div class=\"iptar-achievement__divider\"><\/div>\n\n                    <h4>\n                        Juara 2 Lomba Penyuluhan dari di Univeristas Hangtuah Pekanbaru\n                    <\/h4>\n\n                    <p class=\"iptar-achievement__description\">\n                        Menghasilkan Penyuluhan untuk mendukung proses pembelajaran anak usia dini.\n                    <\/p>\n\n                    <div class=\"iptar-achievement__footer\">\n                        <span class=\"iptar-achievement__year\">\n                            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                                <path d=\"M7 2v2H5a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3h-2V2h-2v2H9V2H7zm12 8H5V8h14v2z\"\/>\n                            <\/svg>\n                            Tahun 2026\n                        <\/span>\n\n                        <span class=\"iptar-achievement__category\">\n                            Pendidikan\n                        <\/span>\n                    <\/div>\n                <\/div>\n            <\/article>\n\n            <!-- PRESTASI 3 -->\n            <article class=\"iptar-achievement__card\">\n                <div class=\"iptar-achievement__photo\">\n                    <img decoding=\"async\"\n                        src=\"https:\/\/iptar.ac.id\/wp-content\/uploads\/2025\/11\/3-1-e1787561530567.png\"\n                        alt=\"Nama Mahasiswa Ketiga\"\n                        loading=\"lazy\"\n                    >\n\n                    <span class=\"iptar-achievement__rank\">\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                            <path d=\"M12 2l2.9 5.88 6.49.94-4.7 4.58 1.11 6.47L12 16.82 6.2 19.87l1.11-6.47-4.7-4.58 6.49-.94L12 2z\"\/>\n                        <\/svg>\n                        JUara 2\n                    <\/span>\n                <\/div>\n\n                <div class=\"iptar-achievement__content\">\n                    <span class=\"iptar-achievement__level\">\n                        Tingkat Nasional\n                    <\/span>\n\n                    <h3>Nurlailatul Godri<\/h3>\n\n                    <p class=\"iptar-achievement__program\">\n                        Program Studi Sistem dan Teknologi Informasi\n                    <\/p>\n\n                    <div class=\"iptar-achievement__divider\"><\/div>\n\n                    <h4>\n                        Juara 2 Lomba poster anti bullying di kampus\n                    <\/h4>\n\n                    <p class=\"iptar-achievement__description\">\n                        Menghasilkan poster berupa himbauan untuk tidak melakukan aksi bullying di lingkungan kampus.\n                    <\/p>\n\n                    <div class=\"iptar-achievement__footer\">\n                        <span class=\"iptar-achievement__year\">\n                            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                                <path d=\"M7 2v2H5a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3h-2V2h-2v2H9V2H7zm12 8H5V8h14v2z\"\/>\n                            <\/svg>\n                            Tahun 2026\n                        <\/span>\n\n                        <span class=\"iptar-achievement__category\">\n                            Nonakademik\n                        <\/span>\n                    <\/div>\n                <\/div>\n            <\/article>\n\n        <\/div>\n\n        <!-- TOMBOL -->\n        <div class=\"iptar-achievement__action\">\n            <a href=\"\/prestasi-mahasiswa\/\" class=\"iptar-achievement__button\">\n                Lihat Semua Prestasi\n\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                    <path d=\"M13.17 5.59 18.58 11H3v2h15.58l-5.41 5.41L14.59 19.83 22 12.41 14.59 5z\"\/>\n                <\/svg>\n            <\/a>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<style>\n\/* =========================================\n   PRESTASI MAHASISWA IPTAR \u2014 FULL WIDTH\n========================================= *\/\n\n.iptar-achievement,\n.iptar-achievement * {\n    box-sizing: border-box;\n}\n\n.iptar-achievement {\n    --green-dark: #164b36;\n    --green-primary: #287453;\n    --green-light: #72c678;\n    --green-lime: #b9dc59;\n    --yellow: #f2c94c;\n    --text-dark: #173b2d;\n\n    position: relative;\n    left: 50%;\n    width: 100vw;\n    max-width: 100vw;\n    margin-left: -50vw;\n    margin-right: -50vw;\n    padding: 90px 40px;\n    overflow: hidden;\n\n    background:\n        radial-gradient(\n            circle at 7% 10%,\n            rgba(185, 220, 89, 0.20),\n            transparent 25%\n        ),\n        radial-gradient(\n            circle at 95% 90%,\n            rgba(114, 198, 120, 0.18),\n            transparent 28%\n        ),\n        linear-gradient(\n            135deg,\n            #164b36 0%,\n            #286c4e 100%\n        );\n\n    font-family: Arial, Helvetica, sans-serif;\n}\n\n\/* Dekorasi latar *\/\n.iptar-achievement::before,\n.iptar-achievement::after {\n    content: \"\";\n    position: absolute;\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    border-radius: 50%;\n    pointer-events: none;\n}\n\n.iptar-achievement::before {\n    top: -270px;\n    right: -120px;\n    width: 460px;\n    height: 460px;\n}\n\n.iptar-achievement::after {\n    bottom: -230px;\n    left: -130px;\n    width: 390px;\n    height: 390px;\n}\n\n\/* Pembungkus isi *\/\n.iptar-achievement__container {\n    position: relative;\n    z-index: 2;\n    width: 100%;\n    max-width: 1450px;\n    margin: 0 auto;\n}\n\n\/* Judul *\/\n.iptar-achievement__header {\n    max-width: 760px;\n    margin: 0 auto 52px;\n    text-align: center;\n}\n\n.iptar-achievement__label {\n    display: inline-block;\n    margin-bottom: 14px;\n    padding: 8px 16px;\n\n    border: 1px solid rgba(255, 255, 255, 0.25);\n    border-radius: 50px;\n    background: rgba(255, 255, 255, 0.10);\n\n    color: #e2f5b7;\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 1.8px;\n}\n\n.iptar-achievement__header h2 {\n    margin: 0;\n    color: #ffffff;\n    font-size: clamp(32px, 4vw, 48px);\n    font-weight: 700;\n    line-height: 1.2;\n}\n\n.iptar-achievement__ornament {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 5px;\n    margin: 18px 0 15px;\n}\n\n.iptar-achievement__ornament span:first-child {\n    width: 9px;\n    height: 4px;\n    border-radius: 10px;\n    background: var(--green-lime);\n}\n\n.iptar-achievement__ornament span:last-child {\n    width: 60px;\n    height: 4px;\n    border-radius: 10px;\n    background: var(--green-light);\n}\n\n.iptar-achievement__header p {\n    max-width: 670px;\n    margin: 0 auto;\n\n    color: rgba(255, 255, 255, 0.84);\n    font-size: 16px;\n    line-height: 1.7;\n}\n\n\/* Grid prestasi *\/\n.iptar-achievement__grid {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 28px;\n    width: 100%;\n}\n\n\/* Kartu *\/\n.iptar-achievement__card {\n    position: relative;\n    overflow: hidden;\n\n    border: 1px solid rgba(255, 255, 255, 0.14);\n    border-radius: 20px;\n    background: #ffffff;\n\n    box-shadow: 0 20px 45px rgba(4, 33, 23, 0.25);\n\n    transition:\n        transform 0.3s ease,\n        box-shadow 0.3s ease;\n}\n\n.iptar-achievement__card:hover {\n    transform: translateY(-7px);\n    box-shadow: 0 28px 55px rgba(4, 33, 23, 0.34);\n}\n\n\/* Foto *\/\n.iptar-achievement__photo {\n    position: relative;\n    width: 100%;\n    height: 370px;\n    overflow: hidden;\n    background: #dceee1;\n}\n\n.iptar-achievement__photo::after {\n    content: \"\";\n    position: absolute;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    height: 45%;\n\n    background: linear-gradient(\n        to top,\n        rgba(12, 63, 43, 0.55),\n        transparent\n    );\n\n    pointer-events: none;\n}\n\n.iptar-achievement__photo img {\n    display: block;\n    width: 100%;\n    height: 100%;\n\n    object-fit: cover;\n    object-position: center top;\n}\n\n\/* Label juara *\/\n.iptar-achievement__rank {\n    position: absolute;\n    z-index: 2;\n    top: 18px;\n    left: 18px;\n\n    display: inline-flex;\n    align-items: center;\n    gap: 7px;\n\n    padding: 9px 14px;\n    border-radius: 50px;\n\n    background: var(--yellow);\n    color: #4d3900;\n\n    box-shadow: 0 7px 20px rgba(0, 0, 0, 0.18);\n\n    font-size: 13px;\n    font-weight: 700;\n}\n\n.iptar-achievement__rank svg {\n    width: 15px;\n    height: 15px;\n    fill: currentColor;\n}\n\n\/* Isi kartu *\/\n.iptar-achievement__content {\n    padding: 27px;\n}\n\n.iptar-achievement__level {\n    display: inline-block;\n    margin-bottom: 11px;\n\n    color: var(--green-primary);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.7px;\n    text-transform: uppercase;\n}\n\n.iptar-achievement__content h3 {\n    margin: 0 0 8px;\n\n    color: var(--text-dark);\n    font-size: 23px;\n    font-weight: 700;\n    line-height: 1.3;\n}\n\n.iptar-achievement__program {\n    min-height: 43px;\n    margin: 0;\n\n    color: #698077;\n    font-size: 14px;\n    line-height: 1.5;\n}\n\n.iptar-achievement__divider {\n    width: 48px;\n    height: 3px;\n    margin: 19px 0;\n\n    border-radius: 20px;\n\n    background: linear-gradient(\n        90deg,\n        var(--green-light),\n        var(--green-lime)\n    );\n}\n\n.iptar-achievement__content h4 {\n    margin: 0 0 11px;\n\n    color: #205840;\n    font-size: 18px;\n    font-weight: 700;\n    line-height: 1.45;\n}\n\n.iptar-achievement__description {\n    margin: 0;\n\n    color: #61736b;\n    font-size: 14px;\n    line-height: 1.65;\n}\n\n\/* Bagian bawah kartu *\/\n.iptar-achievement__footer {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 10px;\n\n    margin-top: 22px;\n    padding-top: 18px;\n\n    border-top: 1px solid #e5eee8;\n}\n\n.iptar-achievement__year {\n    display: inline-flex;\n    align-items: center;\n    gap: 7px;\n\n    color: #557067;\n    font-size: 13px;\n    font-weight: 600;\n}\n\n.iptar-achievement__year svg {\n    width: 15px;\n    height: 15px;\n    fill: var(--green-primary);\n}\n\n.iptar-achievement__category {\n    display: inline-block;\n    padding: 6px 11px;\n\n    border-radius: 50px;\n    background: #e6f5e9;\n\n    color: var(--green-primary);\n    font-size: 11px;\n    font-weight: 700;\n}\n\n\/* Tombol *\/\n.iptar-achievement__action {\n    margin-top: 45px;\n    text-align: center;\n}\n\n.iptar-achievement__button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n\n    min-height: 52px;\n    padding: 14px 26px;\n\n    border: 1px solid rgba(255, 255, 255, 0.60);\n    border-radius: 50px;\n\n    background: #ffffff;\n    color: var(--green-dark) !important;\n\n    box-shadow: 0 12px 30px rgba(3, 39, 25, 0.22);\n\n    font-size: 14px;\n    font-weight: 700;\n    text-decoration: none !important;\n\n    transition:\n        background 0.25s ease,\n        color 0.25s ease,\n        transform 0.25s ease;\n}\n\n.iptar-achievement__button:hover {\n    transform: translateY(-3px);\n    background: var(--green-lime);\n    color: #173e2d !important;\n}\n\n.iptar-achievement__button svg {\n    width: 18px;\n    height: 18px;\n    fill: currentColor;\n}\n\n\/* Tablet *\/\n@media (max-width: 1024px) {\n    .iptar-achievement {\n        padding: 75px 25px;\n    }\n\n    .iptar-achievement__grid {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n        gap: 24px;\n    }\n\n    .iptar-achievement__photo {\n        height: 360px;\n    }\n}\n\n\/* HP *\/\n@media (max-width: 767px) {\n    .iptar-achievement {\n        padding: 58px 16px;\n    }\n\n    .iptar-achievement__header {\n        margin-bottom: 36px;\n    }\n\n    .iptar-achievement__header h2 {\n        font-size: 30px;\n    }\n\n    .iptar-achievement__header p {\n        font-size: 14px;\n    }\n\n    .iptar-achievement__grid {\n        grid-template-columns: 1fr;\n        gap: 22px;\n    }\n\n    .iptar-achievement__photo {\n        height: 340px;\n    }\n\n    .iptar-achievement__content {\n        padding: 23px;\n    }\n\n    .iptar-achievement__content h3 {\n        font-size: 21px;\n    }\n}\n\n\/* HP kecil *\/\n@media (max-width: 380px) {\n    .iptar-achievement__photo {\n        height: 290px;\n    }\n\n    .iptar-achievement__footer {\n        align-items: flex-start;\n        flex-direction: column;\n    }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fbe38be e-con-full e-flex e-con e-parent\" data-id=\"fbe38be\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8099790 elementor-widget elementor-widget-html\" data-id=\"8099790\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     SECTION KERJA SAMA IPTAR\n     Elementor HTML Widget\n========================================================= -->\n\n<section class=\"iptar-partner-section\" id=\"iptarKerjasama\">\n\n    <!-- Decorative Background -->\n    <div class=\"iptar-partner-blob blob-one\"><\/div>\n    <div class=\"iptar-partner-blob blob-two\"><\/div>\n    <div class=\"iptar-partner-dots\"><\/div>\n\n    <div class=\"iptar-partner-container\">\n\n        <!-- =========================\n             HEADER\n        ========================== -->\n        <div class=\"iptar-partner-header\">\n\n            <div class=\"iptar-partner-badge\">\n                <span class=\"badge-icon\">\n                    <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\"\n                        fill=\"none\"\n                        stroke=\"currentColor\"\n                        stroke-width=\"2\">\n                        <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                        <line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"><\/line>\n                        <path d=\"M12 2a15.3 15.3 0 0 1 4 10\n                                 15.3 15.3 0 0 1-4 10\n                                 15.3 15.3 0 0 1-4-10\n                                 15.3 15.3 0 0 1 4-10z\">\n                        <\/path>\n                    <\/svg>\n                <\/span>\n\n                KOLABORASI & JEJARING\n            <\/div>\n\n            <h2 class=\"iptar-partner-title\">\n                Mitra Kerja Sama\n                <span>IPTAR<\/span>\n            <\/h2>\n\n            <div class=\"iptar-title-line\">\n                <span><\/span>\n                <i><\/i>\n                <span><\/span>\n            <\/div>\n\n            <p class=\"iptar-partner-desc\">\n                Institut Pendidikan dan Teknologi 'Aisyiyah Riau\n                membangun jejaring kolaborasi dengan berbagai perguruan tinggi\n                di tingkat regional, nasional, dan internasional untuk\n                memperkuat pendidikan, penelitian, pengabdian kepada masyarakat,\n                serta pengembangan institusi.\n            <\/p>\n\n        <\/div>\n\n\n        <!-- =========================\n             HIGHLIGHT LEVEL\n        ========================== -->\n        <div class=\"iptar-partner-levels\">\n\n            <!-- Internasional -->\n            <div class=\"iptar-level-card level-international\">\n\n                <div class=\"level-icon\">\n                    <svg width=\"25\" height=\"25\" viewBox=\"0 0 24 24\"\n                        fill=\"none\"\n                        stroke=\"currentColor\"\n                        stroke-width=\"2\">\n                        <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                        <line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"><\/line>\n                        <path d=\"M12 2a15.3 15.3 0 0 1 4 10\n                                 15.3 15.3 0 0 1-4 10\n                                 15.3 15.3 0 0 1-4-10\n                                 15.3 15.3 0 0 1 4-10z\">\n                        <\/path>\n                    <\/svg>\n                <\/div>\n\n                <div>\n                    <span class=\"level-number\">Internasional<\/span>\n                    <span class=\"level-label\">\n                        Jejaring Perguruan Tinggi Global\n                    <\/span>\n                <\/div>\n\n            <\/div>\n\n\n            <!-- Nasional -->\n            <div class=\"iptar-level-card level-national\">\n\n                <div class=\"level-icon\">\n                    <svg width=\"25\" height=\"25\" viewBox=\"0 0 24 24\"\n                        fill=\"none\"\n                        stroke=\"currentColor\"\n                        stroke-width=\"2\">\n                        <path d=\"M3 21h18\"><\/path>\n                        <path d=\"M5 21V10\"><\/path>\n                        <path d=\"M19 21V10\"><\/path>\n                        <path d=\"M9 21V10\"><\/path>\n                        <path d=\"M15 21V10\"><\/path>\n                        <path d=\"M2 10l10-7 10 7\"><\/path>\n                    <\/svg>\n                <\/div>\n\n                <div>\n                    <span class=\"level-number\">Nasional<\/span>\n                    <span class=\"level-label\">\n                        PTMA & Perguruan Tinggi Indonesia\n                    <\/span>\n                <\/div>\n\n            <\/div>\n\n\n            <!-- Riau -->\n            <div class=\"iptar-level-card level-riau\">\n\n                <div class=\"level-icon\">\n                    <svg width=\"25\" height=\"25\" viewBox=\"0 0 24 24\"\n                        fill=\"none\"\n                        stroke=\"currentColor\"\n                        stroke-width=\"2\">\n                        <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13\n                                 a9 9 0 0 1 18 0z\">\n                        <\/path>\n                        <circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\n                    <\/svg>\n                <\/div>\n\n                <div>\n                    <span class=\"level-number\">Regional Riau<\/span>\n                    <span class=\"level-label\">\n                        Kolaborasi Perguruan Tinggi Daerah\n                    <\/span>\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- =========================\n             FILTER\n        ========================== -->\n        <div class=\"iptar-partner-filter\">\n\n            <button class=\"iptar-filter-btn active\" data-filter=\"all\">\n                Semua Mitra\n            <\/button>\n\n            <button class=\"iptar-filter-btn\" data-filter=\"internasional\">\n                Internasional\n            <\/button>\n\n            <button class=\"iptar-filter-btn\" data-filter=\"nasional\">\n                Nasional\n            <\/button>\n\n            <button class=\"iptar-filter-btn\" data-filter=\"riau\">\n                Riau\n            <\/button>\n\n        <\/div>\n\n\n        <!-- =========================\n             PARTNER GRID\n             Diisi otomatis oleh JS\n        ========================== -->\n\n        <div class=\"iptar-partner-grid\" id=\"iptarPartnerGrid\"><\/div>\n\n\n        <!-- =========================\n             NETWORK BANNER\n        ========================== -->\n\n        <div class=\"iptar-network-banner\">\n\n            <div class=\"network-decoration network-dec-one\"><\/div>\n            <div class=\"network-decoration network-dec-two\"><\/div>\n\n            <div class=\"network-icon\">\n\n                <svg width=\"36\" height=\"36\"\n                    viewBox=\"0 0 24 24\"\n                    fill=\"none\"\n                    stroke=\"currentColor\"\n                    stroke-width=\"1.8\">\n\n                    <path d=\"M16 21v-2a4 4 0 0 0-4-4H6\n                             a4 4 0 0 0-4 4v2\">\n                    <\/path>\n\n                    <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\n\n                    <path d=\"M22 21v-2a4 4 0 0 0-3-3.87\">\n                    <\/path>\n\n                    <path d=\"M16 3.13a4 4 0 0 1 0 7.75\">\n                    <\/path>\n\n                <\/svg>\n\n            <\/div>\n\n            <div class=\"network-content\">\n\n                <span class=\"network-small\">\n                    MEMBANGUN JEJARING BERKELANJUTAN\n                <\/span>\n\n                <h3>\n                    Bersinergi, Berkolaborasi,\n                    <span>Tumbuh Bersama.<\/span>\n                <\/h3>\n\n                <p>\n                    IPTAR terus memperluas kemitraan strategis untuk\n                    menciptakan ekosistem pendidikan tinggi yang inovatif,\n                    inklusif, dan memberikan dampak nyata bagi masyarakat.\n                <\/p>\n\n            <\/div>\n\n            <div class=\"network-pattern\">\n                <span><\/span>\n                <span><\/span>\n                <span><\/span>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n\n<style>\n\n\/* ========================================================\n   IPTAR PARTNER SECTION\n======================================================== *\/\n\n.iptar-partner-section {\n\n    --iptar-green: #079447;\n    --iptar-green-dark: #04743a;\n    --iptar-green-light: #dff7e8;\n\n    --iptar-yellow: #ffd438;\n    --iptar-orange: #f59e0b;\n    --iptar-orange-dark: #e77800;\n\n    --iptar-text: #16372a;\n    --iptar-muted: #64756c;\n\n    \/*\n    FULL WIDTH BREAKOUT ELEMENTOR\n    *\/\n    width: 100vw;\n    max-width: 100vw;\n\n    margin-left: calc(50% - 50vw);\n    margin-right: calc(50% - 50vw);\n\n    position: relative;\n\n    padding: 88px 0 80px;\n\n    overflow: hidden;\n\n    background:\n\n        radial-gradient(\n            circle at 3% 12%,\n            rgba(255,212,56,.25),\n            transparent 24%\n        ),\n\n        radial-gradient(\n            circle at 94% 88%,\n            rgba(245,158,11,.15),\n            transparent 25%\n        ),\n\n        linear-gradient(\n            180deg,\n            #f9fffb 0%,\n            #f2fff7 48%,\n            #fffdf4 100%\n        );\n\n    font-family:\n        \"Segoe UI\",\n        -apple-system,\n        BlinkMacSystemFont,\n        Roboto,\n        Arial,\n        sans-serif;\n\n    box-sizing: border-box;\n}\n\n\n.iptar-partner-section * {\n    box-sizing: border-box;\n}\n\n\n\/* ========================================================\n   CONTAINER\n======================================================== *\/\n\n.iptar-partner-container {\n\n    width: 100%;\n\n    max-width: 1460px;\n\n    margin: 0 auto;\n\n    padding-left: clamp(20px, 5vw, 75px);\n    padding-right: clamp(20px, 5vw, 75px);\n\n    position: relative;\n\n    z-index: 5;\n}\n\n\n\/* ========================================================\n   BACKGROUND DECORATION\n======================================================== *\/\n\n.iptar-partner-blob {\n\n    position: absolute;\n\n    border-radius: 50%;\n\n    pointer-events: none;\n\n    filter: blur(2px);\n}\n\n\n.blob-one {\n\n    width: 360px;\n    height: 360px;\n\n    top: -180px;\n    right: -100px;\n\n    border: 70px solid rgba(7,148,71,.045);\n}\n\n\n.blob-two {\n\n    width: 320px;\n    height: 320px;\n\n    bottom: -180px;\n    left: -110px;\n\n    border: 65px solid rgba(245,158,11,.06);\n}\n\n\n.iptar-partner-dots {\n\n    position: absolute;\n\n    width: 140px;\n    height: 140px;\n\n    top: 105px;\n    left: 2%;\n\n    opacity: .25;\n\n    background-image:\n        radial-gradient(\n            #079447 2px,\n            transparent 2px\n        );\n\n    background-size: 16px 16px;\n}\n\n\n\/* ========================================================\n   HEADER\n======================================================== *\/\n\n.iptar-partner-header {\n\n    max-width: 850px;\n\n    margin: 0 auto 45px;\n\n    text-align: center;\n\n    position: relative;\n}\n\n\n.iptar-partner-badge {\n\n    display: inline-flex;\n\n    align-items: center;\n\n    gap: 8px;\n\n    padding: 8px 15px;\n\n    margin-bottom: 17px;\n\n    border: 1px solid rgba(7,148,71,.16);\n\n    border-radius: 100px;\n\n    background:\n        rgba(255,255,255,.82);\n\n    box-shadow:\n        0 8px 25px rgba(7,148,71,.07);\n\n    backdrop-filter: blur(10px);\n\n    color: var(--iptar-green);\n\n    font-size: 11px;\n\n    font-weight: 800;\n\n    letter-spacing: 1.8px;\n}\n\n\n.badge-icon {\n\n    width: 26px;\n    height: 26px;\n\n    display: flex;\n\n    align-items: center;\n    justify-content: center;\n\n    border-radius: 50%;\n\n    background:\n        linear-gradient(\n            135deg,\n            #e6f9ed,\n            #fff7c8\n        );\n}\n\n\n.iptar-partner-title {\n\n    margin: 0;\n\n    color: #173e2d;\n\n    font-size:\n        clamp(\n            32px,\n            4vw,\n            51px\n        );\n\n    font-weight: 800;\n\n    line-height: 1.12;\n\n    letter-spacing: -1.6px;\n}\n\n\n.iptar-partner-title span {\n\n    position: relative;\n\n    color: var(--iptar-green);\n}\n\n\n.iptar-partner-title span::after {\n\n    content: \"\";\n\n    position: absolute;\n\n    left: 6%;\n    right: 3%;\n\n    bottom: -5px;\n\n    height: 8px;\n\n    border-radius: 50%;\n\n    background:\n        rgba(255,196,20,.34);\n\n    transform: rotate(-1deg);\n\n    z-index: -1;\n}\n\n\n.iptar-title-line {\n\n    margin: 20px auto 20px;\n\n    display: flex;\n\n    justify-content: center;\n    align-items: center;\n\n    gap: 7px;\n}\n\n\n.iptar-title-line span {\n\n    width: 30px;\n    height: 3px;\n\n    border-radius: 100px;\n\n    background:\n        linear-gradient(\n            90deg,\n            #1daa60,\n            #ffc928\n        );\n}\n\n\n.iptar-title-line i {\n\n    width: 8px;\n    height: 8px;\n\n    display: block;\n\n    border-radius: 50%;\n\n    background: var(--iptar-orange);\n}\n\n\n.iptar-partner-desc {\n\n    max-width: 790px;\n\n    margin: 0 auto;\n\n    color: #63766b;\n\n    font-size: 15px;\n\n    line-height: 1.85;\n}\n\n\n\/* ========================================================\n   PARTNER LEVEL CARDS\n======================================================== *\/\n\n.iptar-partner-levels {\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(3, minmax(0, 1fr));\n\n    gap: 18px;\n\n    max-width: 1050px;\n\n    margin: 0 auto 43px;\n}\n\n\n.iptar-level-card {\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 14px;\n\n    padding: 17px 20px;\n\n    min-height: 85px;\n\n    background:\n        rgba(255,255,255,.82);\n\n    border:\n        1px solid rgba(15,102,61,.08);\n\n    border-radius: 18px;\n\n    box-shadow:\n        0 12px 35px rgba(14,78,49,.07);\n\n    backdrop-filter: blur(10px);\n\n    transition:\n        transform .3s ease,\n        box-shadow .3s ease;\n}\n\n\n.iptar-level-card:hover {\n\n    transform: translateY(-4px);\n\n    box-shadow:\n        0 18px 40px rgba(14,78,49,.11);\n}\n\n\n.level-icon {\n\n    width: 51px;\n    height: 51px;\n\n    min-width: 51px;\n\n    display: flex;\n\n    align-items: center;\n    justify-content: center;\n\n    border-radius: 15px;\n}\n\n\n.level-international .level-icon {\n\n    color: #078347;\n\n    background:\n        linear-gradient(\n            135deg,\n            #dcf8e8,\n            #ebfff3\n        );\n}\n\n\n.level-national .level-icon {\n\n    color: #d78a00;\n\n    background:\n        linear-gradient(\n            135deg,\n            #fff2ba,\n            #fffbe9\n        );\n}\n\n\n.level-riau .level-icon {\n\n    color: #e87300;\n\n    background:\n        linear-gradient(\n            135deg,\n            #ffe2bd,\n            #fff4e3\n        );\n}\n\n\n.level-number {\n\n    display: block;\n\n    margin-bottom: 2px;\n\n    color: #183d2e;\n\n    font-size: 15px;\n\n    font-weight: 800;\n}\n\n\n.level-label {\n\n    display: block;\n\n    color: #76857d;\n\n    font-size: 11.5px;\n\n    line-height: 1.45;\n}\n\n\n\/* ========================================================\n   FILTER\n======================================================== *\/\n\n.iptar-partner-filter {\n\n    display: flex;\n\n    align-items: center;\n    justify-content: center;\n\n    flex-wrap: wrap;\n\n    gap: 9px;\n\n    margin-bottom: 35px;\n}\n\n\n.iptar-filter-btn {\n\n    padding: 10px 19px;\n\n    border:\n        1px solid rgba(7,148,71,.12);\n\n    border-radius: 100px;\n\n    background: #ffffff;\n\n    color: #597066;\n\n    font-size: 12.5px;\n\n    font-weight: 700;\n\n    cursor: pointer;\n\n    outline: none;\n\n    box-shadow:\n        0 5px 15px rgba(20,70,50,.04);\n\n    transition:\n        color .25s ease,\n        background .25s ease,\n        border-color .25s ease,\n        transform .25s ease,\n        box-shadow .25s ease;\n}\n\n\n.iptar-filter-btn:hover {\n\n    color: var(--iptar-green);\n\n    border-color:\n        rgba(7,148,71,.28);\n\n    transform: translateY(-2px);\n}\n\n\n.iptar-filter-btn.active {\n\n    color: #ffffff;\n\n    border-color: transparent;\n\n    background:\n        linear-gradient(\n            135deg,\n            #06984b,\n            #04763b\n        );\n\n    box-shadow:\n        0 8px 22px\n        rgba(6,152,75,.22);\n}\n\n\n\/* ========================================================\n   GRID\n======================================================== *\/\n\n.iptar-partner-grid {\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(4, minmax(0, 1fr));\n\n    gap: 18px;\n\n    transition: .3s ease;\n}\n\n\n\/* ========================================================\n   PARTNER CARD\n======================================================== *\/\n\n.iptar-partner-card {\n\n    position: relative;\n\n    min-height: 235px;\n\n    padding: 23px 20px 19px;\n\n    display: flex;\n\n    flex-direction: column;\n\n    align-items: center;\n\n    text-align: center;\n\n    border-radius: 22px;\n\n    background:\n        rgba(255,255,255,.94);\n\n    border:\n        1px solid rgba(15,104,62,.09);\n\n    box-shadow:\n        0 12px 32px\n        rgba(38,77,56,.065);\n\n    overflow: hidden;\n\n    transition:\n        transform .35s ease,\n        box-shadow .35s ease,\n        border-color .35s ease,\n        opacity .3s ease;\n}\n\n\n.iptar-partner-card::before {\n\n    content: \"\";\n\n    position: absolute;\n\n    top: 0;\n    left: 0;\n\n    width: 100%;\n    height: 4px;\n\n    opacity: 0;\n\n    background:\n        linear-gradient(\n            90deg,\n            #079447,\n            #acd638,\n            #ffd12e,\n            #f7941d\n        );\n\n    transition: opacity .3s ease;\n}\n\n\n.iptar-partner-card:hover {\n\n    transform:\n        translateY(-8px);\n\n    border-color:\n        rgba(7,148,71,.21);\n\n    box-shadow:\n        0 22px 52px\n        rgba(23,81,52,.12);\n}\n\n\n.iptar-partner-card:hover::before {\n\n    opacity: 1;\n}\n\n\n\/* hidden filter *\/\n\n.iptar-partner-card.iptar-hidden {\n\n    display: none;\n}\n\n\n\/* ========================================================\n   CATEGORY LABEL\n======================================================== *\/\n\n.iptar-card-category {\n\n    align-self: flex-start;\n\n    display: inline-flex;\n\n    align-items: center;\n\n    gap: 5px;\n\n    padding: 5px 9px;\n\n    margin-bottom: 12px;\n\n    border-radius: 100px;\n\n    font-size: 9.5px;\n\n    line-height: 1;\n\n    text-transform: uppercase;\n\n    font-weight: 800;\n\n    letter-spacing: .7px;\n}\n\n\n.category-internasional {\n\n    color: #047644;\n\n    background: #e2f8ea;\n}\n\n\n.category-nasional {\n\n    color: #a26900;\n\n    background: #fff4c8;\n}\n\n\n.category-riau {\n\n    color: #c35d00;\n\n    background: #ffead4;\n}\n\n\n\/* ========================================================\n   LOGO\n======================================================== *\/\n\n.iptar-logo-area {\n\n    width: 100%;\n\n    height: 92px;\n\n    display: flex;\n\n    align-items: center;\n    justify-content: center;\n\n    margin-bottom: 13px;\n\n    padding: 4px 10px;\n}\n\n\n.iptar-partner-logo {\n\n    display: block;\n\n    max-width: 135px;\n\n    max-height: 86px;\n\n    width: auto;\n    height: auto;\n\n    object-fit: contain;\n\n    transition:\n        transform .35s ease;\n}\n\n\n.iptar-partner-card:hover\n.iptar-partner-logo {\n\n    transform: scale(1.055);\n}\n\n\n\/* ========================================================\n   FALLBACK LOGO\n======================================================== *\/\n\n.iptar-logo-fallback {\n\n    width: 66px;\n    height: 66px;\n\n    display: none;\n\n    align-items: center;\n    justify-content: center;\n\n    border-radius: 18px;\n\n    background:\n        linear-gradient(\n            135deg,\n            #daf6e4,\n            #fff0a6\n        );\n\n    color: #087743;\n\n    font-size: 20px;\n\n    font-weight: 900;\n}\n\n\n\/* ========================================================\n   NAME\n======================================================== *\/\n\n.iptar-partner-name {\n\n    margin: 0 0 5px;\n\n    color: #173d2d;\n\n    font-size: 14px;\n\n    font-weight: 800;\n\n    line-height: 1.35;\n}\n\n\n.iptar-partner-location {\n\n    margin: 0;\n\n    color: #86938c;\n\n    font-size: 10.8px;\n\n    line-height: 1.5;\n}\n\n\n.iptar-partner-card-link {\n\n    position: absolute;\n\n    inset: 0;\n\n    z-index: 10;\n}\n\n\n\/* ========================================================\n   NETWORK BANNER\n======================================================== *\/\n\n.iptar-network-banner {\n\n    position: relative;\n\n    display: grid;\n\n    grid-template-columns:\n        auto minmax(0, 1fr);\n\n    align-items: center;\n\n    gap: 23px;\n\n    margin-top: 55px;\n\n    padding:\n        32px 38px;\n\n    border-radius: 25px;\n\n    overflow: hidden;\n\n    color: #ffffff;\n\n    background:\n\n        linear-gradient(\n            120deg,\n            #04733a 0%,\n            #079447 55%,\n            #1aab59 100%\n        );\n\n    box-shadow:\n        0 20px 50px\n        rgba(6,125,64,.18);\n}\n\n\n.network-icon {\n\n    position: relative;\n\n    z-index: 3;\n\n    width: 72px;\n    height: 72px;\n\n    display: flex;\n\n    align-items: center;\n    justify-content: center;\n\n    border-radius: 21px;\n\n    color: #ffffff;\n\n    background:\n        rgba(255,255,255,.13);\n\n    border:\n        1px solid rgba(255,255,255,.18);\n\n    backdrop-filter: blur(12px);\n}\n\n\n.network-content {\n\n    position: relative;\n\n    z-index: 3;\n\n    max-width: 800px;\n}\n\n\n.network-small {\n\n    display: block;\n\n    margin-bottom: 5px;\n\n    color: #ffe583;\n\n    font-size: 10px;\n\n    font-weight: 800;\n\n    letter-spacing: 1.5px;\n}\n\n\n.network-content h3 {\n\n    margin: 0 0 7px;\n\n    color: #ffffff;\n\n    font-size:\n        clamp(\n            20px,\n            2vw,\n            28px\n        );\n\n    font-weight: 800;\n\n    line-height: 1.3;\n}\n\n\n.network-content h3 span {\n\n    color: #ffda43;\n}\n\n\n.network-content p {\n\n    max-width: 800px;\n\n    margin: 0;\n\n    color: rgba(255,255,255,.79);\n\n    font-size: 12.5px;\n\n    line-height: 1.7;\n}\n\n\n\/* Decorative banner circles *\/\n\n.network-decoration {\n\n    position: absolute;\n\n    border-radius: 50%;\n}\n\n\n.network-dec-one {\n\n    width: 240px;\n    height: 240px;\n\n    top: -150px;\n    right: 70px;\n\n    background:\n        rgba(255,215,56,.10);\n}\n\n\n.network-dec-two {\n\n    width: 170px;\n    height: 170px;\n\n    right: -45px;\n    bottom: -100px;\n\n    border:\n        38px solid\n        rgba(255,255,255,.08);\n}\n\n\n.network-pattern {\n\n    position: absolute;\n\n    right: 30px;\n\n    top: 50%;\n\n    transform:\n        translateY(-50%);\n\n    display: flex;\n\n    gap: 7px;\n\n    opacity: .12;\n}\n\n\n.network-pattern span {\n\n    display: block;\n\n    width: 10px;\n    height: 80px;\n\n    border-radius: 100px;\n\n    transform: rotate(35deg);\n\n    background: #ffffff;\n}\n\n\n\/* ========================================================\n   REVEAL ANIMATION\n======================================================== *\/\n\n.iptar-partner-card {\n\n    opacity: 0;\n\n    transform:\n        translateY(18px);\n}\n\n\n.iptar-partner-card.iptar-visible {\n\n    opacity: 1;\n\n    transform:\n        translateY(0);\n}\n\n\n.iptar-partner-card.iptar-visible:hover {\n\n    transform:\n        translateY(-8px);\n}\n\n\n\/* ========================================================\n   TABLET\n======================================================== *\/\n\n@media (max-width: 1100px) {\n\n    .iptar-partner-section {\n\n        padding-top: 70px;\n    }\n\n\n    .iptar-partner-grid {\n\n        grid-template-columns:\n            repeat(3, minmax(0,1fr));\n    }\n\n}\n\n\n\/* ========================================================\n   TABLET KECIL\n======================================================== *\/\n\n@media (max-width: 850px) {\n\n    .iptar-partner-levels {\n\n        grid-template-columns: 1fr;\n\n        max-width: 600px;\n    }\n\n\n    .iptar-level-card {\n\n        min-height: auto;\n    }\n\n\n    .iptar-partner-grid {\n\n        grid-template-columns:\n            repeat(2, minmax(0,1fr));\n    }\n\n}\n\n\n\/* ========================================================\n   MOBILE\n======================================================== *\/\n\n@media (max-width: 600px) {\n\n    .iptar-partner-section {\n\n        padding:\n            58px 0 55px;\n    }\n\n\n    .iptar-partner-container {\n\n        padding-left: 17px;\n        padding-right: 17px;\n    }\n\n\n    .iptar-partner-header {\n\n        margin-bottom: 34px;\n    }\n\n\n    .iptar-partner-title {\n\n        letter-spacing: -1px;\n    }\n\n\n    .iptar-partner-desc {\n\n        font-size: 13.5px;\n\n        line-height: 1.75;\n    }\n\n\n    .iptar-partner-levels {\n\n        margin-bottom: 32px;\n    }\n\n\n    .iptar-partner-filter {\n\n        justify-content: flex-start;\n\n        flex-wrap: nowrap;\n\n        overflow-x: auto;\n\n        padding-bottom: 8px;\n\n        margin-left: -2px;\n        margin-right: -2px;\n\n        scrollbar-width: none;\n    }\n\n\n    .iptar-partner-filter::-webkit-scrollbar {\n\n        display: none;\n    }\n\n\n    .iptar-filter-btn {\n\n        white-space: nowrap;\n\n        flex-shrink: 0;\n    }\n\n\n    .iptar-partner-grid {\n\n        grid-template-columns:\n            repeat(2, minmax(0,1fr));\n\n        gap: 11px;\n    }\n\n\n    .iptar-partner-card {\n\n        min-height: 215px;\n\n        padding:\n            18px 12px 15px;\n\n        border-radius: 18px;\n    }\n\n\n    .iptar-logo-area {\n\n        height: 80px;\n\n        padding-left: 5px;\n        padding-right: 5px;\n    }\n\n\n    .iptar-partner-logo {\n\n        max-width: 105px;\n        max-height: 72px;\n    }\n\n\n    .iptar-partner-name {\n\n        font-size: 12px;\n    }\n\n\n    .iptar-partner-location {\n\n        font-size: 9.5px;\n    }\n\n\n    .iptar-card-category {\n\n        font-size: 8px;\n\n        padding: 5px 7px;\n    }\n\n\n    .iptar-network-banner {\n\n        grid-template-columns: 1fr;\n\n        gap: 16px;\n\n        padding:\n            27px 23px;\n\n        margin-top: 38px;\n    }\n\n\n    .network-icon {\n\n        width: 58px;\n        height: 58px;\n\n        border-radius: 17px;\n    }\n\n}\n\n\n\/* ========================================================\n   SMALL MOBILE\n======================================================== *\/\n\n@media (max-width: 390px) {\n\n    .iptar-partner-grid {\n\n        grid-template-columns: 1fr;\n    }\n\n\n    .iptar-partner-card {\n\n        min-height: 215px;\n    }\n\n\n    .iptar-partner-logo {\n\n        max-width: 130px;\n    }\n\n}\n\n<\/style>\n\n\n<script>\n\n(function () {\n\n\/* ========================================================\n   DATA MITRA IPTAR\n======================================================== *\/\n\nconst partners = [\n\n    \/* =====================================================\n       INTERNASIONAL\n    ===================================================== *\/\n\n    {\n        name:\n            \"Universiti Tun Abdul Razak\",\n\n        short:\n            \"UNIRAZAK\",\n\n        location:\n            \"Kuala Lumpur, Malaysia\",\n\n        category:\n            \"internasional\",\n\n        label:\n            \"Internasional\",\n\n        url:\n            \"https:\/\/unirazak.edu.my\/\",\n\n        logo:\n            \"https:\/\/keystoneacademic-res.cloudinary.com\/image\/upload\/c_pad%2Cw_3840%2Ch_1280\/dpr_auto\/f_auto\/q_auto\/v1\/element\/20\/201037_UNIRAZAK_logo.png\",\n\n        fallback:\n            \"https:\/\/www.google.com\/s2\/favicons?domain=unirazak.edu.my&sz=256\"\n    },\n\n\n    {\n        name:\n            \"Universiti Muhammadiyah Malaysia\",\n\n        short:\n            \"UMAM\",\n\n        location:\n            \"Perlis, Malaysia\",\n\n        category:\n            \"internasional\",\n\n        label:\n            \"Internasional\",\n\n        url:\n            \"https:\/\/umam.edu.my\/\",\n\n        logo:\n            \"https:\/\/umam.edu.my\/sites\/default\/files\/Logo%20UMAM%20offical-04.png\",\n\n        fallback:\n            \"https:\/\/www.google.com\/s2\/favicons?domain=umam.edu.my&sz=256\"\n    },\n\n\n    \/* =====================================================\n       NASIONAL\n    ===================================================== *\/\n\n    {\n        name:\n            \"Jaringan Perguruan Tinggi Muhammadiyah & 'Aisyiyah\",\n\n        short:\n            \"PTMA\",\n\n        location:\n            \"Seluruh Indonesia\",\n\n        category:\n            \"nasional\",\n\n        label:\n            \"Jaringan PTMA\",\n\n        url:\n            \"https:\/\/muhammadiyah.or.id\/\",\n\n        logo:\n            \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/d\/d1\/Emblem_of_Muhammadiyah.svg\/3840px-Emblem_of_Muhammadiyah.svg.png\",\n\n        fallback:\n            \"https:\/\/www.google.com\/s2\/favicons?domain=muhammadiyah.or.id&sz=256\"\n    },\n\n\n    {\n        name:\n            \"Universitas Nusantara PGRI Kediri\",\n\n        short:\n            \"UNP\",\n\n        location:\n            \"Kediri, Jawa Timur\",\n\n        category:\n            \"nasional\",\n\n        label:\n            \"Nasional\",\n\n        url:\n            \"https:\/\/unpkediri.ac.id\/\",\n\n        \/*\n        Menggunakan favicon institusi agar lebih stabil\n        dibanding hotlink logo pihak ketiga.\n        *\/\n\n        logo:\n            \"https:\/\/www.google.com\/s2\/favicons?domain=unpkediri.ac.id&sz=256\",\n\n        fallback:\n            \"\"\n    },\n\n\n    {\n        name:\n            \"Universitas Pignatelli Triputra\",\n\n        short:\n            \"UPITRA\",\n\n        location:\n            \"Surakarta, Jawa Tengah\",\n\n        category:\n            \"nasional\",\n\n        label:\n            \"Nasional\",\n\n        url:\n            \"https:\/\/www.upitra.ac.id\/\",\n\n        logo:\n            \"https:\/\/www.upitra.ac.id\/public\/images\/logo_upitra.png\",\n\n        fallback:\n            \"https:\/\/www.google.com\/s2\/favicons?domain=upitra.ac.id&sz=256\"\n    },\n\n\n    {\n        name:\n            \"Universitas Negeri Semarang\",\n\n        short:\n            \"UNNES\",\n\n        location:\n            \"Semarang, Jawa Tengah\",\n\n        category:\n            \"nasional\",\n\n        label:\n            \"Nasional\",\n\n        url:\n            \"https:\/\/unnes.ac.id\/\",\n\n        logo:\n            \"https:\/\/iconlogovector.com\/uploads\/images\/2024\/01\/md-65b854fedbc15-Universitas-Negeri-Semarang-U.webp\",\n\n        fallback:\n            \"https:\/\/www.google.com\/s2\/favicons?domain=unnes.ac.id&sz=256\"\n    },\n\n\n    \/* =====================================================\n       RIAU\n    ===================================================== *\/\n\n    {\n        name:\n            \"UIN Sultan Syarif Kasim Riau\",\n\n        short:\n            \"UIN SUSKA\",\n\n        location:\n            \"Pekanbaru, Riau\",\n\n        category:\n            \"riau\",\n\n        label:\n            \"Riau\",\n\n        url:\n            \"https:\/\/uin-suska.ac.id\/\",\n\n        logo:\n            \"https:\/\/laris.lab-si.uin-suska.ac.id\/storage\/thumbnail\/QTMsBm60gxJ5FMvY4BZZmpb31sxgurZd62vaAphf.png\",\n\n        fallback:\n            \"https:\/\/www.google.com\/s2\/favicons?domain=uin-suska.ac.id&sz=256\"\n    },\n\n\n    {\n        name:\n            \"Universitas Riau\",\n\n        short:\n            \"UNRI\",\n\n        location:\n            \"Pekanbaru, Riau\",\n\n        category:\n            \"riau\",\n\n        label:\n            \"Riau\",\n\n        url:\n            \"https:\/\/unri.ac.id\/\",\n\n        logo:\n            \"https:\/\/registrasiulang.unri.ac.id\/assets\/informasi\/img\/LogoUR.png\",\n\n        fallback:\n            \"https:\/\/www.google.com\/s2\/favicons?domain=unri.ac.id&sz=256\"\n    },\n\n\n    {\n        name:\n            \"Universitas Lancang Kuning\",\n\n        short:\n            \"UNILAK\",\n\n        location:\n            \"Pekanbaru, Riau\",\n\n        category:\n            \"riau\",\n\n        label:\n            \"Riau\",\n\n        url:\n            \"https:\/\/unilak.ac.id\/\",\n\n        logo:\n            \"https:\/\/assets.nsd.co.id\/images\/kampus\/logo\/Universitas-Lancang-Kuning-Pekanbaru-1080x1045.jpg\",\n\n        fallback:\n            \"https:\/\/www.google.com\/s2\/favicons?domain=unilak.ac.id&sz=256\"\n    },\n\n\n    {\n        name:\n            \"Universitas Sains dan Teknologi Indonesia\",\n\n        short:\n            \"USTI\",\n\n        location:\n            \"Pekanbaru, Riau\",\n\n        category:\n            \"riau\",\n\n        label:\n            \"Riau\",\n\n        url:\n            \"https:\/\/usti.ac.id\/\",\n\n        logo:\n            \"https:\/\/usti.ac.id\/prog_file_gambar\/67599140a7b13.png\",\n\n        fallback:\n            \"https:\/\/www.google.com\/s2\/favicons?domain=usti.ac.id&sz=256\"\n    },\n\n\n    {\n        name:\n            \"Universitas Muhammadiyah Riau\",\n\n        short:\n            \"UMRI\",\n\n        location:\n            \"Pekanbaru, Riau\",\n\n        category:\n            \"riau\",\n\n        label:\n            \"Riau\",\n\n        url:\n            \"https:\/\/umri.ac.id\/\",\n\n        logo:\n            \"https:\/\/www.google.com\/s2\/favicons?domain=umri.ac.id&sz=256\",\n\n        fallback:\n            \"\"\n    }\n\n];\n\n\n\/* ========================================================\n   GRID ELEMENT\n======================================================== *\/\n\nconst grid =\n    document.getElementById(\n        \"iptarPartnerGrid\"\n    );\n\n\nif (!grid) return;\n\n\n\/* ========================================================\n   CREATE PARTNER CARD\n======================================================== *\/\n\nfunction createPartnerCard(partner) {\n\n    const card =\n        document.createElement(\"article\");\n\n\n    card.className =\n        \"iptar-partner-card\";\n\n\n    card.setAttribute(\n        \"data-category\",\n        partner.category\n    );\n\n\n    \/* CATEGORY CLASS *\/\n\n    let categoryClass =\n        \"category-\" +\n        partner.category;\n\n\n    \/* CARD CONTENT *\/\n\n    card.innerHTML = `\n\n        <div class=\"iptar-card-category ${categoryClass}\">\n            ${partner.label}\n        <\/div>\n\n\n        <div class=\"iptar-logo-area\">\n\n            <img\n                class=\"iptar-partner-logo\"\n                src=\"${partner.logo}\"\n                alt=\"Logo ${partner.name}\"\n                loading=\"lazy\"\n                decoding=\"async\"\n            >\n\n            <div class=\"iptar-logo-fallback\">\n                ${partner.short}\n            <\/div>\n\n        <\/div>\n\n\n        <h3 class=\"iptar-partner-name\">\n            ${partner.name}\n        <\/h3>\n\n\n        <p class=\"iptar-partner-location\">\n            ${partner.location}\n        <\/p>\n\n\n        <a\n            href=\"${partner.url}\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            class=\"iptar-partner-card-link\"\n            aria-label=\"Kunjungi website ${partner.name}\">\n        <\/a>\n\n    `;\n\n\n    \/* ====================================================\n       IMAGE FALLBACK\n    ==================================================== *\/\n\n    const img =\n        card.querySelector(\n            \".iptar-partner-logo\"\n        );\n\n\n    const fallbackBox =\n        card.querySelector(\n            \".iptar-logo-fallback\"\n        );\n\n\n    let fallbackUsed = false;\n\n\n    img.addEventListener(\n        \"error\",\n        function () {\n\n            \/*\n            Jika logo utama gagal,\n            gunakan favicon.\n            *\/\n\n            if (\n                partner.fallback &&\n                !fallbackUsed\n            ) {\n\n                fallbackUsed = true;\n\n                img.src =\n                    partner.fallback;\n\n                return;\n\n            }\n\n\n            \/*\n            Jika favicon juga gagal,\n            tampilkan singkatan.\n            *\/\n\n            img.style.display =\n                \"none\";\n\n\n            fallbackBox.style.display =\n                \"flex\";\n\n        }\n    );\n\n\n    return card;\n\n}\n\n\n\/* ========================================================\n   RENDER PARTNERS\n======================================================== *\/\n\npartners.forEach(\n    function(partner, index) {\n\n        const card =\n            createPartnerCard(partner);\n\n\n        \/*\n        Delay animasi\n        *\/\n\n        card.style.transitionDelay =\n            (index * 45) + \"ms\";\n\n\n        grid.appendChild(card);\n\n    }\n);\n\n\n\/* ========================================================\n   FILTER\n======================================================== *\/\n\nconst filterButtons =\n    document.querySelectorAll(\n        \"#iptarKerjasama .iptar-filter-btn\"\n    );\n\n\nconst cards =\n    grid.querySelectorAll(\n        \".iptar-partner-card\"\n    );\n\n\nfilterButtons.forEach(\n    function(button) {\n\n        button.addEventListener(\n            \"click\",\n            function() {\n\n                const filter =\n                    button.getAttribute(\n                        \"data-filter\"\n                    );\n\n\n                \/* ACTIVE BUTTON *\/\n\n                filterButtons.forEach(\n                    function(btn) {\n\n                        btn.classList.remove(\n                            \"active\"\n                        );\n\n                    }\n                );\n\n\n                button.classList.add(\n                    \"active\"\n                );\n\n\n                \/* FILTER CARD *\/\n\n                cards.forEach(\n                    function(card) {\n\n                        const category =\n                            card.getAttribute(\n                                \"data-category\"\n                            );\n\n\n                        if (\n                            filter === \"all\" ||\n                            category === filter\n                        ) {\n\n                            card.classList.remove(\n                                \"iptar-hidden\"\n                            );\n\n                            \/*\n                            animate kembali\n                            *\/\n\n                            card.classList.remove(\n                                \"iptar-visible\"\n                            );\n\n\n                            setTimeout(\n                                function() {\n\n                                    card.classList.add(\n                                        \"iptar-visible\"\n                                    );\n\n                                },\n                                40\n                            );\n\n                        } else {\n\n                            card.classList.add(\n                                \"iptar-hidden\"\n                            );\n\n                        }\n\n                    }\n                );\n\n            }\n        );\n\n    }\n);\n\n\n\/* ========================================================\n   SCROLL REVEAL\n======================================================== *\/\n\nif (\n    \"IntersectionObserver\"\n    in window\n) {\n\n    const observer =\n        new IntersectionObserver(\n\n            function(entries) {\n\n                entries.forEach(\n                    function(entry) {\n\n                        if (\n                            entry.isIntersecting\n                        ) {\n\n                            entry.target\n                                .classList\n                                .add(\n                                    \"iptar-visible\"\n                                );\n\n\n                            observer.unobserve(\n                                entry.target\n                            );\n\n                        }\n\n                    }\n                );\n\n            },\n\n            {\n                threshold: .08\n            }\n\n        );\n\n\n    cards.forEach(\n        function(card) {\n\n            observer.observe(\n                card\n            );\n\n        }\n    );\n\n} else {\n\n    \/*\n    Browser lama\n    *\/\n\n    cards.forEach(\n        function(card) {\n\n            card.classList.add(\n                \"iptar-visible\"\n            );\n\n        }\n    );\n\n}\n\n})();\n\n<\/script>\n\n<\/section>\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>INSTITUT PENDIDIKAN DAN TEKNOLOGI &#8216;AISYIYAH RIAU Mewujudkan Generasi Unggul Berkemajuan Menjadi bagian dari perjalanan pendidikan tinggi yang memadukan ilmu pengetahuan, [&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":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"unboxed","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"disabled","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"disabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-12","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.4 (Yoast SEO v28.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Beranda - Institut Pendidikan dan Teknologi &#039;Aisyiyah riau<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/iptar.ac.id\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Beranda\" \/>\n<meta property=\"og:description\" content=\"INSTITUT PENDIDIKAN DAN TEKNOLOGI &#8216;AISYIYAH RIAU Mewujudkan Generasi Unggul Berkemajuan Menjadi bagian dari perjalanan pendidikan tinggi yang memadukan ilmu pengetahuan, [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/iptar.ac.id\/\" \/>\n<meta property=\"og:site_name\" content=\"Institut Pendidikan dan Teknologi &#039;Aisyiyah riau\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-07T14:59:18+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"23 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/iptar.ac.id\\\/\",\"url\":\"https:\\\/\\\/iptar.ac.id\\\/\",\"name\":\"Beranda - Institut Pendidikan dan Teknologi &#039;Aisyiyah riau\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/iptar.ac.id\\\/#website\"},\"datePublished\":\"2025-11-10T11:19:41+00:00\",\"dateModified\":\"2026-09-07T14:59:18+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/iptar.ac.id\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/iptar.ac.id\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/iptar.ac.id\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/iptar.ac.id\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Beranda\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/iptar.ac.id\\\/#website\",\"url\":\"https:\\\/\\\/iptar.ac.id\\\/\",\"name\":\"Institut Pendidikan dan Teknologi 'Aisyiyah riau\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/iptar.ac.id\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/iptar.ac.id\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/iptar.ac.id\\\/#organization\",\"name\":\"Institut Pendidikan dan Teknologi 'Aisyiyah riau\",\"url\":\"https:\\\/\\\/iptar.ac.id\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/iptar.ac.id\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/iptar.ac.id\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/cropped-iptar-bandage-1-scaled-1.png\",\"contentUrl\":\"https:\\\/\\\/iptar.ac.id\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/cropped-iptar-bandage-1-scaled-1.png\",\"width\":2560,\"height\":890,\"caption\":\"Institut Pendidikan dan Teknologi 'Aisyiyah riau\"},\"image\":{\"@id\":\"https:\\\/\\\/iptar.ac.id\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Beranda - Institut Pendidikan dan Teknologi &#039;Aisyiyah riau","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/iptar.ac.id\/","og_locale":"en_US","og_type":"article","og_title":"Beranda","og_description":"INSTITUT PENDIDIKAN DAN TEKNOLOGI &#8216;AISYIYAH RIAU Mewujudkan Generasi Unggul Berkemajuan Menjadi bagian dari perjalanan pendidikan tinggi yang memadukan ilmu pengetahuan, [&hellip;]","og_url":"https:\/\/iptar.ac.id\/","og_site_name":"Institut Pendidikan dan Teknologi &#039;Aisyiyah riau","article_modified_time":"2026-09-07T14:59:18+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"23 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/iptar.ac.id\/","url":"https:\/\/iptar.ac.id\/","name":"Beranda - Institut Pendidikan dan Teknologi &#039;Aisyiyah riau","isPartOf":{"@id":"https:\/\/iptar.ac.id\/#website"},"datePublished":"2025-11-10T11:19:41+00:00","dateModified":"2026-09-07T14:59:18+00:00","breadcrumb":{"@id":"https:\/\/iptar.ac.id\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/iptar.ac.id\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/iptar.ac.id\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/iptar.ac.id\/"},{"@type":"ListItem","position":2,"name":"Beranda"}]},{"@type":"WebSite","@id":"https:\/\/iptar.ac.id\/#website","url":"https:\/\/iptar.ac.id\/","name":"Institut Pendidikan dan Teknologi 'Aisyiyah riau","description":"","publisher":{"@id":"https:\/\/iptar.ac.id\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/iptar.ac.id\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/iptar.ac.id\/#organization","name":"Institut Pendidikan dan Teknologi 'Aisyiyah riau","url":"https:\/\/iptar.ac.id\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/iptar.ac.id\/#\/schema\/logo\/image\/","url":"https:\/\/iptar.ac.id\/wp-content\/uploads\/2025\/11\/cropped-iptar-bandage-1-scaled-1.png","contentUrl":"https:\/\/iptar.ac.id\/wp-content\/uploads\/2025\/11\/cropped-iptar-bandage-1-scaled-1.png","width":2560,"height":890,"caption":"Institut Pendidikan dan Teknologi 'Aisyiyah riau"},"image":{"@id":"https:\/\/iptar.ac.id\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/iptar.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/iptar.ac.id\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/iptar.ac.id\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/iptar.ac.id\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/iptar.ac.id\/index.php\/wp-json\/wp\/v2\/comments?post=12"}],"version-history":[{"count":265,"href":"https:\/\/iptar.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":1266,"href":"https:\/\/iptar.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/12\/revisions\/1266"}],"wp:attachment":[{"href":"https:\/\/iptar.ac.id\/index.php\/wp-json\/wp\/v2\/media?parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}