{"id":939,"date":"2026-10-05T19:15:13","date_gmt":"2026-10-05T13:45:13","guid":{"rendered":"https:\/\/www.sunbioit.com\/resources\/?page_id=939"},"modified":"2026-10-05T19:22:46","modified_gmt":"2026-10-05T13:52:46","slug":"blog","status":"publish","type":"page","link":"https:\/\/www.sunbioit.com\/resources\/blog\/","title":{"rendered":"Blog"},"content":{"rendered":"<header class=\"wp-block-template-part\">\n<div class=\"wp-block-group alignwide has-base-background-color has-background has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"padding-top:20px;padding-bottom:20px\">\n<!-- External FontAwesome CSS & Poppins Font -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&amp;display=swap\" rel=\"stylesheet\">\n\n<style>\n    \/* Force clear WordPress block container padding\/margins and set root reset *\/\n    html, body {\n        margin: 0 !important;\n        padding: 0 !important;\n        width: 100% !important;\n        overflow-x: hidden !important;\n    }\n\n    \/* Fixed Top Navbar Wrapper *\/\n    .sunbio-main-navbar {\n        width: 100vw !important;\n        max-width: 100vw !important;\n        position: fixed !important;\n        top: 0 !important;\n        left: 0 !important;\n        right: 0 !important;\n        margin: 0 !important;\n        background: rgba(255, 255, 255, 0.98) !important;\n        backdrop-filter: blur(12px);\n        box-shadow: 0 4px 25px rgba(0, 0, 0, 0.06);\n        z-index: 99999 !important;\n        font-family: 'Poppins', sans-serif;\n        box-sizing: border-box;\n        border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n    }\n\n    .sunbio-nav-container {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        width: 100% !important;\n        max-width: 100% !important;\n        margin: 0 !important;\n        padding: 12px 40px !important;\n        box-sizing: border-box;\n        height: 95px;\n    }\n\n.sunbio-navbar-brand {\n    padding: 0;\n    display: flex;\n    align-items: center;\n    text-decoration: none;\n    border: none !important;\n    outline: none !important;\n    box-shadow: none !important;\n}\n\n.sunbio-navbar-brand a {\n    text-decoration: none !important;\n    outline: none !important;\n    box-shadow: none !important;\n    border: none !important;\n}\n\n.sunbio-navbar-brand a:focus,\n.sunbio-navbar-brand a:active,\n.sunbio-navbar-brand a:focus-visible,\n.sunbio-navbar-brand img:focus,\n.sunbio-navbar-brand img:active {\n    outline: none !important;\n    box-shadow: none !important;\n    border: none !important;\n}\n\n.sunbio-navbar-brand img {\n    max-height: 72px !important;\n    width: auto !important;\n    object-fit: contain;\n    display: block;\n    transition: transform 0.3s ease;\n    outline: none !important;\n    border: none !important;\n    box-shadow: none !important;\n}\n\n    .sunbio-nav-menu {\n        list-style: none;\n        display: flex;\n        align-items: center;\n        gap: 6px;\n        margin: 0;\n        padding: 0;\n    }\n\n    .sunbio-nav-menu li a.nav-link.GetInNew {\n        color: #0f172a !important;\n        font-size: 15px;\n        font-weight: 600;\n        padding: 8px 16px !important;\n        border-radius: 10px;\n        text-decoration: none;\n        white-space: nowrap;\n        transition: all 0.25s ease;\n        display: flex;\n        align-items: center;\n        gap: 6px;\n        position: relative;\n    }\n\n    .sunbio-nav-menu li a.nav-link.GetInNew:hover,\n    .sunbio-nav-menu li a.nav-link.GetInNew.active,\n    .sunbio-dropdown.active > a.nav-link.GetInNew {\n        color: #0b2a6b !important;\n        background-color: #f1f5f9;\n    }\n\n    \/* Dropdown Styling *\/\n    .sunbio-dropdown {\n        position: relative !important;\n    }\n\n    .services-arrow {\n        display: inline-block;\n        font-size: 11px;\n        transition: transform 0.3s ease;\n    }\n\n    .sunbio-dropdown.active .services-arrow {\n        transform: rotate(180deg);\n    }\nbody {\n        padding-top: 95px !important;\n    }\n\n    .sunbio-dropdown-menu {\n        display: none;\n        position: absolute !important;\n        top: 100% !important;\n        left: 0 !important;\n        right: auto !important;\n        background-color: #ffffff;\n        box-shadow: 0 15px 35px rgba(11, 42, 107, 0.12);\n        border-radius: 14px;\n        list-style: none;\n        padding: 8px;\n        min-width: 250px;\n        border: 1px solid rgba(11, 42, 107, 0.08);\n        z-index: 100000;\n    }\n\n    .sunbio-dropdown-menu li a.dropdown-item {\n        display: block;\n        padding: 10px 16px;\n        color: #1e293b !important;\n        font-size: 14px;\n        font-weight: 600;\n        border-radius: 8px;\n        text-decoration: none;\n        white-space: nowrap;\n        transition: all 0.2s ease;\n    }\n\n    .sunbio-dropdown-menu li a.dropdown-item:hover {\n        background: #f0f4ff !important;\n        color: #0b2a6b !important;\n    }\n\n    \/* Desktop Automatic Hover *\/\n    @media (min-width: 993px) {\n        .sunbio-dropdown:hover .sunbio-dropdown-menu {\n            display: block !important;\n        }\n        .sunbio-dropdown:hover .services-arrow {\n            transform: rotate(180deg);\n        }\n    }\n\n    .sunbio-dropdown.active .sunbio-dropdown-menu {\n        display: block !important;\n    }\n\n    \/* Get in touch button *\/\n    .get-in-touch {\n        background: linear-gradient(135deg, #b4cc2e 0%, #8fb118 100%);\n        color: #0f172a !important;\n        font-weight: 700;\n        border-radius: 12px;\n        padding: 10px 24px;\n        text-align: center;\n        text-decoration: none;\n        display: inline-block;\n        font-size: 15px;\n        box-shadow: 0 4px 15px rgba(180, 204, 46, 0.35);\n        white-space: nowrap;\n        margin-left: 8px;\n    }\n\n    \/* Mobile Hamburger Button *\/\n    .sunbio-toggler {\n        display: none;\n        background-color: #f1f5f9 !important;\n        border: none;\n        padding: 8px 12px;\n        border-radius: 8px;\n        cursor: pointer;\n    }\n\n    .sunbio-toggler i {\n        color: #0b2a6b !important;\n        font-size: 20px;\n    }\n\n    \/* Mobile & Tablet Responsive Layout Rules (<= 992px) *\/\n    @media (max-width: 992px) {\n        .sunbio-nav-container {\n            padding: 10px 20px !important;\n            height: 80px;\n        }\n\n        .sunbio-navbar-brand img {\n            max-height: 55px !important;\n        }\n\n        .sunbio-toggler {\n            display: block !important;\n        }\n\n        .sunbio-nav-menu {\n            display: none !important;\n            position: absolute !important;\n            top: 80px !important;\n            left: 0 !important;\n            width: 100% !important;\n            background: #ffffff !important;\n            flex-direction: column !important;\n            align-items: flex-start !important;\n            padding: 18px !important;\n            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1) !important;\n            gap: 8px !important;\n            box-sizing: border-box !important;\n            border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;\n            max-height: calc(100vh - 80px) !important;\n            overflow-y: auto !important;\n            z-index: 99998 !important;\n        }\n\n        .sunbio-nav-menu.mobile-open {\n            display: flex !important;\n        }\n\n        .sunbio-nav-menu li {\n            width: 100% !important;\n        }\n\n        .sunbio-nav-menu li a.nav-link.GetInNew {\n            display: flex !important;\n            justify-content: space-between !important;\n            padding: 10px 16px !important;\n            width: 100% !important;\n            box-sizing: border-box !important;\n        }\n\n        .sunbio-dropdown-menu {\n            display: none;\n            position: static !important;\n            box-shadow: none !important;\n            border: none !important;\n            padding: 6px 0 6px 15px !important;\n            margin-top: 4px !important;\n            background: #f8fafc !important;\n            width: 100% !important;\n        }\n\n        .sunbio-dropdown.active .sunbio-dropdown-menu {\n            display: block !important;\n        }\n\n        .sunbio-dropdown-menu li a.dropdown-item {\n            padding: 8px 12px !important;\n        }\n\n        .get-in-touch {\n            display: block !important;\n            width: 100% !important;\n            text-align: center !important;\n            box-sizing: border-box !important;\n            margin-top: 10px !important;\n            margin-left: 0 !important;\n        }\n    }\n<\/style>\n\n<header class=\"sunbio-main-navbar\">\n    <div class=\"sunbio-nav-container\">\n        <a class=\"sunbio-navbar-brand\" href=\"https:\/\/www.sunbioit.com\/\">\n            <img decoding=\"async\" src=\"https:\/\/www.sunbioit.com\/images\/sunbio-it-solutions-company-logo.webp\" alt=\"Sunbio Logo\">\n        <\/a>\n        \n        <!-- Hamburger Toggler Button -->\n        <button class=\"sunbio-toggler\" type=\"button\" id=\"sunbioMenuToggle\" aria-label=\"Toggle navigation\">\n            <i class=\"fa fa-bars\" id=\"Menu\"><\/i>\n        <\/button>\n\n        <!-- Navigation Menu List -->\n        <ul class=\"sunbio-nav-menu\" id=\"sunbioNavMenu\">\n            <li><a class=\"nav-link GetInNew\" href=\"https:\/\/www.sunbioit.com\/\">Home<\/a><\/li>\n            <li><a class=\"nav-link GetInNew\" href=\"https:\/\/www.sunbioit.com\/aboutus\">About<\/a><\/li>\n            \n            <!-- Services Dropdown with all 5 Options -->\n            <li class=\"sunbio-dropdown dropdown\" id=\"sunbioServicesDropdown\">\n                <a class=\"nav-link GetInNew dropdown-toggle\" href=\"https:\/\/www.sunbioit.com\/industrial-automation-services\" id=\"servicesDropdown\" role=\"button\" aria-expanded=\"false\">\n                    Services <i class=\"fa fa-chevron-down services-arrow\" aria-hidden=\"true\"><\/i>\n                <\/a>\n                <ul class=\"sunbio-dropdown-menu dropdown-menu\" aria-labelledby=\"servicesDropdown\">\n                    <li><a class=\"dropdown-item\" href=\"https:\/\/www.sunbioit.com\/industrial-automation-services\">Industrial Automation Services<\/a><\/li>\n                    <li><a class=\"dropdown-item\" href=\"https:\/\/www.sunbioit.com\/industry-4-0\">Industry 4.0<\/a><\/li>\n                    <li><a class=\"dropdown-item\" href=\"https:\/\/www.sunbioit.com\/smart-agriculture\">Agriculture IoT<\/a><\/li>\n                    <li><a class=\"dropdown-item\" href=\"https:\/\/www.sunbioit.com\/image-analytics\">Image Analytics<\/a><\/li>\n                    <li><a class=\"dropdown-item\" href=\"https:\/\/www.sunbioit.com\/ai-ml-services\">AIML Automation<\/a><\/li>\n                <\/ul>\n            <\/li>\n\n            <li><a class=\"nav-link GetInNew\" href=\"https:\/\/www.sunbioit.com\/internet-of-things\">Products<\/a><\/li>\n            <li><a class=\"nav-link GetInNew\" href=\"https:\/\/www.sunbioit.com\/careers\">Careers<\/a><\/li>\n                 <!-- Resources -->\n            <li class=\"sunbio-dropdown dropdown\" id=\"sunbioServicesDropdown\">\n\n                <a class=\"nav-link GetInNew dropdown-toggle\" href=\"https:\/\/www.sunbioit.com\/resources\/\" id=\"servicesDropdown\" role=\"button\" aria-expanded=\"false\">\n                    Resources <i class=\"fa fa-chevron-down services-arrow\" aria-hidden=\"true\"><\/i>\n                <\/a>\n\n                <ul class=\"sunbio-dropdown-menu\" aria-labelledby=\"servicesDropdown\">\n\n                    <li>\n                        <a class=\"dropdown-item\" href=\"https:\/\/www.sunbioit.com\/resources\/blog\/\">\n                            Blog\n                        <\/a>\n                    <\/li>\n\n                    <li>\n                        <a class=\"dropdown-item\" href=\"https:\/\/www.sunbioit.com\/resources\/case-studies\/\">\n                            Case Studies\n                        <\/a>\n                    <\/li>\n                <\/ul>\n\n            <\/li>\n            <li><a class=\"get-in-touch\" href=\"https:\/\/www.sunbioit.com\/connect\">Book a Free Demo<\/a><\/li>\n        <\/ul>\n    <\/div>\n<\/header>\n<script>\n\/\/ Navbar Interactive Toggle Logic for Mobile & Desktop\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n    const menuToggle = document.getElementById('sunbioMenuToggle');\n    const navMenu = document.getElementById('sunbioNavMenu');\n    const servicesDropdown = document.getElementById('sunbioServicesDropdown');\n    const servicesDropdownToggle = document.getElementById('servicesDropdown');\n\n    if (menuToggle && navMenu) {\n        menuToggle.onclick = function (e) {\n            e.stopPropagation();\n            navMenu.classList.toggle('mobile-open');\n            const icon = menuToggle.querySelector('i');\n            if (icon) {\n                icon.classList.toggle('fa-bars');\n                icon.classList.toggle('fa-xmark');\n            }\n        };\n    }\n\n    if (servicesDropdownToggle && servicesDropdown) {\n        servicesDropdownToggle.onclick = function (e) {\n            if (window.innerWidth <= 992) {\n                e.preventDefault();\n                servicesDropdown.classList.toggle('active');\n            }\n        };\n    }\n\n    \/\/ Close menu and dropdowns when clicking anywhere outside\n    document.onclick = function (event) {\n        if (!event.target.closest('.sunbio-main-navbar')) {\n            if (navMenu) navMenu.classList.remove('mobile-open');\n            if (servicesDropdown) servicesDropdown.classList.remove('active');\n            const icon = menuToggle?.querySelector('i');\n            if (icon) {\n                icon.classList.add('fa-bars');\n                icon.classList.remove('fa-xmark');\n            }\n        }\n    };\n});\n<\/script>\n<\/div>\n<\/header>\n\n<main id=\"sunbio-blog-page\">\n\n<!-- HERO -->\n\n<section class=\"sunbio-blog-hero\">\n\n    <div class=\"sunbio-blog-hero-overlay\"><\/div>\n\n    <div class=\"sunbio-blog-hero-content\">\n\n        <span class=\"sunbio-blog-eyebrow\">\n            SUNBIO IT SOLUTIONS\n        <\/span>\n\n        <h1>\n            The Frontline of Innovation\n        <\/h1>\n\n        <p>\n            Insights on Artificial Intelligence, IoT,\n            Industry 4.0, automation and Smart Agriculture.\n        <\/p>\n        <!-- HERO BUTTONS -->\n\n        <div class=\"sunbio-blog-actions\">\n\n            <a\n                href=\"https:\/\/www.sunbioit.com\/connect\"\n                class=\"sunbio-primary-button\">\n                Book a Free Demo\n            <\/a>\n\n            <a\n                href=\"https:\/\/www.sunbioit.com\/resources\/case-studies\"\n                class=\"sunbio-secondary-button\">\n                Explore Case Studies\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- BLOG CONTENT -->\n\n<section\n    id=\"sunbio-blog-content\"\n    class=\"sunbio-blog-content\">\n\n    <div class=\"sunbio-blog-container\">\n\n\n        <!--  BLOG HEADING -->\n\n        <div class=\"sunbio-blog-heading\">\n\n            <span class=\"sunbio-label\">\n                SUNBIO INSIGHTS\n            <\/span>\n\n            <h2>\n                Latest Blogs\n            <\/h2>\n\n            <p>\n                Explore technology insights, industry trends\n                and practical solutions from SunBio IT Solutions.\n            <\/p>\n\n        <\/div>\n\n\n        <!--  TOPIC FILTER -->\n\n        <div\n            class=\"sunbio-topic-filter\"\n            aria-label=\"Blog Topics\">\n\n            <button\n                type=\"button\"\n                class=\"sunbio-topic active\"\n                data-topic=\"all\">\n                All\n            <\/button>\n\n            <button\n                type=\"button\"\n                class=\"sunbio-topic\"\n                data-topic=\"aiml\">\n                AI \/ ML\n            <\/button>\n\n            <button\n                type=\"button\"\n                class=\"sunbio-topic\"\n                data-topic=\"industry-4-0\">\n                Industry 4.0\n            <\/button>\n\n            <button\n                type=\"button\"\n                class=\"sunbio-topic\"\n                data-topic=\"iot\">\n                IoT\n            <\/button>\n\n            <button\n                type=\"button\"\n                class=\"sunbio-topic\"\n                data-topic=\"smart-agriculture\">\n                Smart Agriculture\n            <\/button>\n\n        <\/div>\n\n\n        <!-- FILTER STATUS -->\n\n        <div\n            id=\"sunbio-filter-status\"\n            class=\"sunbio-filter-status\">\n\n            Loading blogs...\n\n        <\/div>\n\n        <!-- SEARCH -->\n\n        <div class=\"sunbio-blog-search\">\n\n            <input\n                type=\"search\"\n                id=\"sunbio-blog-search\"\n                placeholder=\"Search blogs...\"\n                autocomplete=\"off\"\n                aria-label=\"Search blogs\">\n\n            <button\n                type=\"button\"\n                id=\"sunbio-search-clear\"\n                aria-label=\"Clear search\">\n                \u00d7\n            <\/button>\n\n        <\/div>\n\n\n        <!--  BLOG RESULTS -->\n\n        <div id=\"sunbio-blog-results\">\n\n            <!-- BLOG GRID -->\n\n            <div\n                id=\"sunbio-blog-grid\"\n                class=\"sunbio-blog-grid\">\n\n                <div class=\"sunbio-blog-loading\">\n\n                    <div class=\"sunbio-loading-spinner\"><\/div>\n\n                    <p>\n                        Loading blogs...\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- EMPTY RESULT -->\n\n            <div\n                id=\"sunbio-blog-empty\"\n                class=\"sunbio-blog-empty\"\n                style=\"display:none;\">\n\n                <div class=\"sunbio-empty-icon\">\n                    \ud83d\udd0e\n                <\/div>\n\n                <h3>\n                    No blogs found\n                <\/h3>\n\n                <p>\n                    Try another keyword or topic.\n                <\/p>\n\n            <\/div>\n\n\n            <!-- PAGINATION -->\n\n            <nav\n                id=\"sunbio-blog-pagination\"\n                class=\"sunbio-blog-pagination\"\n                aria-label=\"Blog pagination\">\n            <\/nav>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- CTA -->\n\n<section class=\"sunbio-blog-cta\">\n\n    <div class=\"sunbio-blog-cta-inner\">\n\n        <img decoding=\"async\"\n            src=\"https:\/\/www.sunbioit.com\/resources\/wp-content\/uploads\/2026\/09\/SunBio_Logo.png\"\n            alt=\"SunBio IT Solutions\"\n            loading=\"lazy\">\n\n        <span class=\"sunbio-label\">\n            INNOVATION \u2022 TECHNOLOGY \u2022 SUSTAINABILITY\n        <\/span>\n\n        <h2>\n            Innovation That Creates Real-World Impact\n        <\/h2>\n\n        <p>\n            Building intelligent solutions with AI, IoT,\n            automation and Industry 4.0 technologies.\n        <\/p>\n\n        <a\n            href=\"https:\/\/www.sunbioit.com\/aboutus\"\n            class=\"sunbio-cta-button\">\n            About SunBio\n        <\/a>\n\n    <\/div>\n\n<\/section>\n\n\n<\/main>\n\n<footer class=\"wp-block-template-part\">\n<div class=\"wp-block-group alignfull has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-8b3e1e01 wp-block-group-is-layout-constrained\" style=\"background:linear-gradient(135deg, #1e99eb 0%, #36b9e7 50%, #d3f032 100%);margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">\n<div class=\"wp-block-columns alignfull are-vertically-aligned-top is-layout-flex wp-container-core-columns-is-layout-3a88641f wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<!-- Load FontAwesome and Poppins Font -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&amp;display=swap\" rel=\"stylesheet\">\n\n<style>\n    \/* Reset default WordPress block gaps and container padding *\/\n    .wp-block-template-part, \n    .wp-block-group,\n    .wp-block-columns,\n    .wp-block-column {\n        padding: 0 !important;\n        margin: 0 !important;\n        max-width: 100% !important;\n    }\n    \/*  SUNBIO FOOTER *\/\n\n    .sunbio-footer {\n        background: #071b2d;\n        color: #ffffff;\n        padding: 42px 0 20px;\n        margin: 0;\n        width: 100%;\n        position: relative;\n        box-sizing: border-box;\n        font-family: 'Poppins', sans-serif;\n        font-size: 13px;\n    }\n\n    \/* Top Green Accent *\/\n    .sunbio-footer::before {\n        content: \"\";\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 3px;\n        background: linear-gradient(\n            90deg,\n            #9acd32,\n            #d3f032,\n            #9acd32\n        );\n    }\n\n    \/*  MAIN FOOTER GRID *\/\n\n    .sunbio-footer-grid {\n        width: 100%;\n        max-width: 1450px;\n        margin: 0 auto;\n        padding: 0 25px;\n        box-sizing: border-box;\n\n        display: grid;\n\n        \/*\n            6 columns:\n            1. About\n            2. Company\n            3. AI & Industry 4.0\n            4. Smart Agriculture\n            5. IoT Products\n            6. Contact\n        *\/\n\n        grid-template-columns:\n            1.45fr\n            0.55fr\n            1.05fr\n            1fr\n            1.05fr\n            1.75fr;\n\n        gap: 30px;\n\n        align-items: start;\n    }\n\n    \/*  COMMON COLUMN *\/\n\n    .footer-column {\n        min-width: 0;\n        display: flex;\n        flex-direction: column;\n    }\n\n    \/*  ABOUT COLUMN *\/\n\n    .footer-logo {\n        width: 145px;\n        max-width: 100%;\n        height: auto;\n        display: block;\n        margin: 0 0 12px;\n    }\n\n    .footer-about p {\n        margin: 0 0 16px;\n        padding: 0;\n\n        color: #aebdca;\n        font-size: 12.5px;\n        line-height: 1.75;\n\n        text-align: justify;\n    }\n\n    \/*  SOCIAL ICONS *\/\n\n    .footer-social {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        margin-top: 2px;\n    }\n\n    .footer-social a {\n        width: 32px;\n        height: 32px;\n\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n\n        background: rgba(255, 255, 255, 0.07);\n        border: 1px solid rgba(255, 255, 255, 0.14);\n\n        color: #ffffff;\n        border-radius: 50%;\n\n        font-size: 12px;\n        text-decoration: none;\n\n        transition:\n            background-color 0.25s ease,\n            border-color 0.25s ease,\n            color 0.25s ease,\n            transform 0.25s ease;\n    }\n\n    .footer-social a:hover {\n        background: #9acd32;\n        border-color: #9acd32;\n        color: #071b2d;\n        transform: translateY(-3px);\n    }\n\n    \/*  HEADINGS *\/\n\n    .footer-column h4 {\n        margin: 0;\n        padding: 0;\n\n        color: #ffffff;\n        font-family: 'Poppins', sans-serif;\n\n        font-size: 14px;\n        font-weight: 700;\n        line-height: 1.4;\n\n        letter-spacing: 0.25px;\n    }\n\n    .footer-heading-line {\n        display: block;\n\n        width: 28px;\n        height: 2px;\n\n        margin: 8px 0 15px;\n\n        background: #9acd32;\n        border-radius: 5px;\n    }\n\n    \/*  FOOTER MENU *\/\n\n    .footer-menu {\n        list-style: none;\n        margin: 0;\n        padding: 0;\n    }\n    .footer-menu li {\n        margin: 0 0 10px;\n        padding: 0;\n    }\n\n    .footer-menu li:last-child {\n        margin-bottom: 0;\n    }\n\n    .footer-menu li a {\n        display: inline-block;\n\n        color: #aebdca;\n\n        font-family: 'Poppins', sans-serif;\n        font-size: 12px;\n        font-weight: 400;\n\n        line-height: 1.5;\n\n        text-decoration: none;\n\n        transition:\n            color 0.2s ease,\n            padding-left 0.2s ease;\n    }\n\n    .footer-menu li a:hover {\n        color: #d3f032;\n        padding-left: 4px;\n    }\n\n    \/*  CONTACT SECTION *\/\n\n    .contact-item {\n        display: flex;\n        align-items: flex-start;\n\n        gap: 10px;\n\n        margin: 0 0 13px;\n        padding: 0;\n\n        color: inherit;\n        text-decoration: none;\n\n        min-width: 0;\n    }\n\n    .contact-item:last-child {\n        margin-bottom: 0;\n    }\n\n    .contact-icon {\n        width: 32px;\n        height: 32px;\n        min-width: 32px;\n\n        display: flex;\n        align-items: center;\n        justify-content: center;\n\n        background: rgba(154, 205, 50, 0.12);\n        color: #d3f032;\n\n        border-radius: 8px;\n\n        font-size: 12px;\n\n        transition:\n            background-color 0.2s ease,\n            color 0.2s ease;\n    }\n\n    .contact-item:hover .contact-icon {\n        background: #9acd32;\n        color: #071b2d;\n    }\n\n    .contact-text-wrap {\n        min-width: 0;\n\n        display: flex;\n        flex-direction: column;\n\n        text-align: left;\n    }\n\n    .contact-text-wrap small {\n        margin: 0 0 2px;\n\n        color: #7f94a5;\n\n        font-size: 9px;\n        font-weight: 500;\n\n        text-transform: uppercase;\n        letter-spacing: 0.8px;\n\n        line-height: 1.4;\n    }\n\n    .contact-text-wrap strong,\n    .contact-text-wrap span {\n        margin: 0;\n\n        color: #ffffff;\n\n        font-family: 'Poppins', sans-serif;\n\n        font-size: 11.5px;\n        font-weight: 500;\n\n        line-height: 1.55;\n\n        transition: color 0.2s ease;\n    }\n\n    .contact-item:hover strong,\n    .contact-item:hover span {\n        color: #d3f032;\n    }\n\n    \/*  BOTTOM FOOTER *\/\n\n    .footer-bottom {\n        width: 100%;\n        max-width: 1450px;\n\n        margin: 30px auto 0;\n        padding: 13px 45px 0;\n\n        box-sizing: border-box;\n\n        border-top: 1px solid rgba(255, 255, 255, 0.08);\n\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n\n        gap: 20px;\n\n        color: #728696;\n        font-size: 11px;\n    }\n\n    .copyright {\n        margin: 0;\n        padding: 0;\n\n        color: #728696;\n\n        font-family: 'Poppins', sans-serif;\n        line-height: 1.5;\n    }\n\n    .footer-policy {\n        display: flex;\n        align-items: center;\n\n        gap: 9px;\n    }\n\n    .footer-policy a {\n        color: #9aaab7;\n\n        font-family: 'Poppins', sans-serif;\n        font-size: 11px;\n\n        text-decoration: none;\n\n        transition: color 0.2s ease;\n    }\n\n    .footer-policy a:hover {\n        color: #d3f032;\n    }\n\n    .policy-divider {\n        color: #405362;\n    }\n\n    \/*  LARGE TABLET \/ SMALL DESKTOP *\/\n\n    @media (max-width: 1250px) {\n\n        .sunbio-footer-grid {\n            grid-template-columns:\n                1.4fr\n                0.8fr\n                1fr\n                1fr\n                0.9fr\n                1.3fr;\n\n            gap: 22px;\n            padding-left: 30px;\n            padding-right: 30px;\n        }\n\n        .footer-bottom {\n            padding-left: 30px;\n            padding-right: 30px;\n        }\n\n        .footer-column h4 {\n            font-size: 13px;\n        }\n\n        .footer-menu li a {\n            font-size: 11.5px;\n        }\n\n        .contact-text-wrap strong,\n        .contact-text-wrap span {\n            font-size: 11px;\n        }\n    }\n\n    \/*  TABLET *\/\n\n    @media (max-width: 1050px) {\n\n        .sunbio-footer-grid {\n            grid-template-columns: repeat(3, 1fr);\n            gap: 32px 25px;\n        }\n\n        \/*\n            About occupies the full first row.\n        *\/\n\n        .footer-column.footer-about {\n            grid-column: 1 \/ -1;\n        }\n\n        .footer-about p {\n            max-width: 650px;\n        }\n    }\n\n    \/*  MOBILE *\/\n\n    @media (max-width: 768px) {\n\n        .sunbio-footer {\n            padding: 35px 0 18px;\n        }\n\n        .sunbio-footer-grid {\n            grid-template-columns: 1fr;\n            gap: 28px;\n\n            padding-left: 20px;\n            padding-right: 20px;\n        }\n\n        .footer-column.footer-about {\n            grid-column: auto;\n        }\n\n        .footer-logo {\n            width: 140px;\n        }\n\n        .footer-about p {\n            max-width: 100%;\n            font-size: 12px;\n            line-height: 1.7;\n        }\n\n        .footer-column h4 {\n            font-size: 14px;\n        }\n\n        .footer-menu li {\n            margin-bottom: 8px;\n        }\n\n        .footer-menu li a {\n            font-size: 12px;\n        }\n\n        .contact-text-wrap strong,\n        .contact-text-wrap span {\n            font-size: 11.5px;\n        }\n\n        .footer-bottom {\n            margin-top: 30px;\n\n            flex-direction: column;\n            justify-content: center;\n\n            text-align: center;\n\n            gap: 10px;\n\n            padding: 15px 20px 0;\n        }\n\n        .footer-policy {\n            justify-content: center;\n            flex-wrap: wrap;\n        }\n    }\n\n    \/*  SMALL MOBILE *\/\n\n    @media (max-width: 420px) {\n\n        .sunbio-footer-grid {\n            padding-left: 16px;\n            padding-right: 16px;\n        }\n\n        .footer-social a {\n            width: 30px;\n            height: 30px;\n            font-size: 11px;\n        }\n\n        .footer-bottom {\n            padding-left: 16px;\n            padding-right: 16px;\n        }\n    }\n<\/style>\n\n\n<!--  SUNBIO FOOTER -->\n\n<footer class=\"sunbio-footer\">\n\n    <div class=\"sunbio-footer-grid\">\n\n        <!--   COLUMN 1 \u2014 ABOUT -->\n\n        <div class=\"footer-column footer-about\">\n\n            <img decoding=\"async\"\n                src=\"https:\/\/www.sunbioit.com\/resources\/wp-content\/uploads\/2026\/09\/SunBioFooter.png\"\n                alt=\"SunBio IT Solutions\"\n                class=\"footer-logo\"\n                loading=\"lazy\"\n            >\n\n            <p>\n                SunBio IT Solutions, founded in 2012, delivers\n                innovative AI, Internet of Things, Industry 4.0,\n                automation and smart technology solutions for\n                businesses and industries.\n            <\/p>\n\n            <div class=\"footer-social\">\n\n                <a href=\"https:\/\/www.facebook.com\/sunbio.it.solution\/\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"SunBio Facebook\">\n                    <i class=\"fa-brands fa-facebook-f\"><\/i>\n                <\/a>\n\n                <a href=\"https:\/\/www.instagram.com\/sunbio_it_solutions\/\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"SunBio Instagram\">\n                    <i class=\"fa-brands fa-instagram\"><\/i>\n                <\/a>\n\n                <a href=\"https:\/\/www.youtube.com\/@SunBio_IT_Solutions\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"SunBio YouTube\">\n                    <i class=\"fa-brands fa-youtube\"><\/i>\n                <\/a>\n\n                <a href=\"https:\/\/www.linkedin.com\/company\/sunbio-it-solutions\/\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"SunBio LinkedIn\">\n                    <i class=\"fa-brands fa-linkedin-in\"><\/i>\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!--   COLUMN 2 \u2014 COMPANY -->\n\n        <div class=\"footer-column\">\n\n            <h4>Company<\/h4>\n            <span class=\"footer-heading-line\"><\/span>\n\n            <ul class=\"footer-menu\">\n\n                <li>\n                    <a href=\"https:\/\/www.sunbioit.com\/\">Home<\/a>\n                <\/li>\n\n                <li>\n                    <a href=\"https:\/\/www.sunbioit.com\/aboutus\">About Us<\/a>\n                <\/li>\n\n                <li>\n                    <a href=\"https:\/\/www.sunbioit.com\/industrial-automation-services\">Services<\/a>\n                <\/li>\n\n                <li>\n                    <a href=\"https:\/\/www.sunbioit.com\/internet-of-things\">Products<\/a>\n                <\/li>\n\n                <li>\n                    <a href=\"https:\/\/www.sunbioit.com\/careers\">Careers<\/a>\n                <\/li>\n\n                <li>\n                    <a href=\"https:\/\/www.sunbioit.com\/connect\">Contact<\/a>\n                <\/li>\n\n                <li>\n                    <a href=\"https:\/\/www.sunbioit.com\/resources\/blog\/\">Blog<\/a>\n                <\/li>\n                <li>\n                    <a href=\"https:\/\/www.sunbioit.com\/resources\/case-studies\/\">Case Studies<\/a>\n                <\/li>\n\n            <\/ul>\n\n        <\/div>\n\n\n        <!--   COLUMN 3 \u2014 AI & INDUSTRY 4.0 -->\n\n        <div class=\"footer-column\">\n\n            <h4>AI &amp; Industry 4.0<\/h4>\n            <span class=\"footer-heading-line\"><\/span>\n\n            <ul class=\"footer-menu\">\n\n                <li>\n                    <a href=\"https:\/\/www.sunbioit.com\/image-analytics\">\n                        Image Analytics\n                    <\/a>\n                <\/li>\n\n                <li>\n                    <a href=\"https:\/\/www.sunbioit.com\/industry-4-0\">\n                        Industry 4.0\n                    <\/a>\n                <\/li>\n\n                <li>\n                    <a href=\"https:\/\/www.sunbioit.com\/ai-ml-services\">\n                        AI \/ ML Services\n                    <\/a>\n                <\/li>\n\n                <li>\n                    <a href=\"https:\/\/www.sunbioit.com\/custom-industry-software\">\n                        Custom Industry Software\n                    <\/a>\n                <\/li>\n\n                <li>\n                    <a href=\"https:\/\/www.sunbioit.com\/ai-vision-camera-counter\">\n                        AI Vision Camera\n                    <\/a>\n                <\/li>\n\n                <li>\n                    <a href=\"https:\/\/www.sunbioit.com\/anpr-solutions\">\n                        ANPR Solutions\n                    <\/a>\n                <\/li>\n\n                <li>\n                    <a href=\"https:\/\/www.sunbioit.com\/ai-defect-detection\">\n                        AI Defect Detection\n                    <\/a>\n                <\/li>\n\n                <li>\n                    <a href=\"https:\/\/www.sunbioit.com\/cell-plate-analytics\">\n                        Cell Plate Analytics\n                    <\/a>\n                <\/li>\n\n            <\/ul>\n\n        <\/div>\n\n\n        <!--   COLUMN 4 \u2014 SMART AGRICULTURE -->\n\n        <div class=\"footer-column\">\n\n            <h4>Smart Agriculture<\/h4>\n            <span class=\"footer-heading-line\"><\/span>\n\n            <ul class=\"footer-menu\">\n\n                <li>\n                    <a href=\"https:\/\/www.sunbioit.com\/smart-agriculture\">\n                        Agriculture\n                    <\/a>\n                <\/li>\n\n                <li>\n                    <a href=\"https:\/\/www.sunbioit.com\/agri-lens\">\n                        Agri Lens\n                    <\/a>\n                <\/li>\n\n                <li>\n                    <a href=\"https:\/\/www.sunbioit.com\/7-in-1-soil-sensor\">\n                        7-in-1 Soil Sensor\n                    <\/a>\n                <\/li>\n\n                <li>\n                    <a href=\"https:\/\/www.sunbioit.com\/motor-controller-device\">\n                        Motor Controller\n                    <\/a>\n                <\/li>\n\n                <li>\n                    <a href=\"https:\/\/www.sunbioit.com\/smart-irrigation-system\">\n                        Smart Irrigation System\n                    <\/a>\n                <\/li>\n\n                <li>\n                    <a href=\"https:\/\/www.sunbioit.com\/soil-moisture-sensor\">\n                        Soil Moisture Sensor\n                    <\/a>\n                <\/li>\n\n                <li>\n                    <a href=\"https:\/\/www.sunbioit.com\/soil-npk-sensor\">\n                        Soil NPK Sensor\n                    <\/a>\n                <\/li>\n\n                <li>\n                    <a href=\"https:\/\/www.sunbioit.com\/soil-ph-sensor\">\n                        Soil pH Sensor\n                    <\/a>\n                <\/li>\n\n            <\/ul>\n\n        <\/div>\n\n\n        <!--   COLUMN 5 \u2014 IOT PRODUCTS -->\n\n        <div class=\"footer-column\">\n\n            <h4>IoT Products<\/h4>\n            <span class=\"footer-heading-line\"><\/span>\n\n            <ul class=\"footer-menu\">\n\n                <li>\n                    <a href=\"https:\/\/www.sunbioit.com\/agricultural-iot-gateway-device\">\n                        Agricultural IoT Gateway\n                    <\/a>\n                <\/li>\n\n                <li>\n                    <a href=\"https:\/\/www.sunbioit.com\/automatic-weather-station\">\n                        Automatic Weather Station\n                    <\/a>\n                <\/li>\n\n                <li>\n                    <a href=\"https:\/\/www.sunbioit.com\/deep-freezer-iot-device\">\n                        Deep Freezer IoT\n                    <\/a>\n                <\/li>\n\n                <li>\n                    <a href=\"https:\/\/www.sunbioit.com\/industrial-iiot-gateway\">\n                        Industrial IIoT Gateway\n                    <\/a>\n                <\/li>\n\n                <li>\n                    <a href=\"https:\/\/www.sunbioit.com\/industrial-vibration-sensor\">\n                        Vibration Sensor\n                    <\/a>\n                <\/li>\n\n            <\/ul>\n\n        <\/div>\n\n\n        <!--   COLUMN 6 \u2014 CONTACT -->\n\n        <div class=\"footer-column\">\n\n            <h4>Contact Us<\/h4>\n            <span class=\"footer-heading-line\"><\/span>\n\n\n            <!-- Phone -->\n\n            <a\n                href=\"tel:+919686822266\"\n                class=\"contact-item\"\n            >\n\n                <span class=\"contact-icon\">\n                    <i class=\"fas fa-phone-alt\"><\/i>\n                <\/span>\n\n                <span class=\"contact-text-wrap\">\n\n                    <small>Phone<\/small>\n\n                    <strong>\n                        +91 96868 22266\n                    <\/strong>\n\n                <\/span>\n\n            <\/a>\n\n\n            <!-- Email -->\n\n            <a\n                href=\"mailto:info@sunbioit.com\"\n                class=\"contact-item\"\n            >\n\n                <span class=\"contact-icon\">\n                    <i class=\"fas fa-envelope\"><\/i>\n                <\/span>\n\n                <span class=\"contact-text-wrap\">\n\n                    <small>Email<\/small>\n\n                    <strong>\n                        info@sunbioit.com\n                    <\/strong>\n\n                <\/span>\n\n            <\/a>\n\n\n            <!-- Address -->\n\n            <a href=\"https:\/\/maps.app.goo.gl\/27Gxp9fJmNCsDWqz5\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"contact-item\">\n\n                <span class=\"contact-icon\">\n                    <i class=\"fas fa-map-marker-alt\"><\/i>\n                <\/span>\n\n                <span class=\"contact-text-wrap\">\n\n                    <small>Office<\/small>\n\n                    <strong>\n                        Sun Bio IT Solutions Private Limited,<br>\n                        3rd B Cross Rd, Kalyanamal Layout,<br>\n                        Banaswadi, Bengaluru,<br>\n                        Karnataka &#8211; 560043\n                    <\/strong>\n\n                <\/span>\n\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n\n\n    <!--    FOOTER BOTTOM -->\n\n    <div class=\"footer-bottom\">\n\n        <div class=\"copyright\">\n            &copy; 2026 Sun Bio IT Solutions Private Limited.\n            All Rights Reserved.\n        <\/div>\n\n        <div class=\"footer-policy\">\n\n            <a href=\"https:\/\/www.sunbioit.com\/privacy-policy\">\n                Privacy Policy\n            <\/a>\n\n            <span class=\"policy-divider\">|<\/span>\n\n            <a href=\"https:\/\/www.sunbioit.com\/terms-conditions\">\n                Terms &amp; Conditions\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n\n<\/footer>\n\n\n<\/div>\n<\/div>\n<\/div>\n<\/footer>\n\n<style>\n\n\/*  GLOBAL *\/\n\n#sunbio-blog-page {\n\n    width: 100%;\n\n    margin: 0;\n\n    padding: 0;\n\n    font-family:\n        'Poppins',\n        Arial,\n        sans-serif;\n\n    color: #071b2d;\n\n    background: #ffffff;\n\n}\n\n\n#sunbio-blog-page *,\n#sunbio-blog-page *::before,\n#sunbio-blog-page *::after {\n\n    box-sizing: border-box;\n\n}\n\n\n\/* HERO *\/\n\n.sunbio-blog-hero {\n\n    position: relative;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    min-height: 350px;\n\n    padding:\n        55px\n        20px;\n\n    text-align: center;\n\n    background-image:\n        url(\n            \"https:\/\/sunbioit.com\/resources\/wp-content\/uploads\/2024\/01\/alexandre-debieve-FO7JIlwjOtU-unsplash-scaled.jpg\"\n        );\n\n    background-size: cover;\n\n    background-position: center;\n\n}\n\n\n.sunbio-blog-hero-overlay {\n\n    position: absolute;\n\n    inset: 0;\n\n    background:\n        linear-gradient(\n            135deg,\n            rgba(7,27,45,.20),\n            rgba(7,27,45,.82)\n        );\n\n}\n\n\n.sunbio-blog-hero-content {\n\n    position: relative;\n\n    z-index: 2;\n\n    width: 100%;\n\n    max-width: 820px;\n\n    margin: 0 auto;\n\n}\n\n\n.sunbio-blog-eyebrow {\n\n    display: block;\n\n    margin-bottom: 14px;\n\n    color: #d3f032;\n\n    font-size: 11px;\n\n    font-weight: 800;\n\n    letter-spacing: 3px;\n\n}\n\n\n.sunbio-blog-hero h1 {\n\n    margin: 0;\n\n    color: #ffffff;\n\n    font-size:\n        clamp(\n            36px,\n            5vw,\n            58px\n        );\n\n    line-height: 1.12;\n\n    font-weight: 700;\n\n}\n\n\n.sunbio-blog-hero p {\n\n    max-width: 650px;\n\n    margin:\n        18px auto\n        28px;\n\n    color:\n        rgba(\n            255,\n            255,\n            255,\n            .88\n        );\n\n    font-size: 15px;\n\n    line-height: 1.7;\n\n}\n\n\n\/*  SEARCH *\/\n\n.sunbio-blog-search {\n\n    display: flex;\n\n    align-items: center;\n\n    width:\n        min(\n            620px,\n            100%\n        );\n\n    height: 54px;\n\n    margin:\n        0 auto\n        20px;\n\n    padding:\n        4px\n        6px\n        4px\n        17px;\n\n    background: #ffffff;\n\n    border-radius: 8px;\n\n    box-shadow:\n        0 12px 35px\n        rgba(\n            0,\n            0,\n            0,\n            .25\n        );\n\n}\n\n\n.sunbio-blog-search input {\n\n    flex: 1;\n\n    width: 100%;\n\n    min-width: 0;\n\n    height: 44px;\n\n    padding: 0;\n\n    border: 0 !important;\n\n    outline: none !important;\n\n    box-shadow: none !important;\n\n    background:\n        transparent !important;\n\n    color: #071b2d;\n\n    font-family: inherit;\n\n    font-size: 13px;\n\n}\n\n\n.sunbio-blog-search input::placeholder {\n\n    color: #94a3b8;\n\n}\n\n\n#sunbio-search-clear {\n\n    display: none;\n\n    align-items: center;\n\n    justify-content: center;\n\n    width: 35px;\n\n    height: 35px;\n\n    margin-right: 2px;\n\n    border: 0;\n\n    border-radius: 50%;\n\n    background: #f1f5f9;\n\n    color: #64748b;\n\n    font-size: 20px;\n\n    line-height: 1;\n\n    cursor: pointer;\n\n}\n\n\n#sunbio-search-clear:hover {\n\n    background: #e2e8f0;\n\n    color: #071b2d;\n\n}\n\n\n\/*  HERO BUTTONS *\/\n\n.sunbio-blog-actions {\n\n    display: flex;\n\n    justify-content: center;\n\n    gap: 10px;\n\n    flex-wrap: wrap;\n\n}\n\n\n.sunbio-primary-button,\n.sunbio-secondary-button {\n\n    display: inline-flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    min-height: 43px;\n\n    padding:\n        0 21px;\n\n    border-radius: 6px;\n\n    text-decoration: none !important;\n\n    font-size: 12px;\n\n    font-weight: 700;\n\n}\n\n\n.sunbio-primary-button {\n\n    background: #9acd32;\n\n    color: #071b2d !important;\n\n}\n\n\n.sunbio-primary-button:hover {\n\n    background: #d3f032;\n\n}\n\n\n.sunbio-secondary-button {\n\n    border:\n        1px solid\n        rgba(\n            255,\n            255,\n            255,\n            .45\n        );\n\n    background:\n        rgba(\n            255,\n            255,\n            255,\n            .08\n        );\n\n    color: #ffffff !important;\n\n}\n\n\n.sunbio-secondary-button:hover {\n\n    background: #ffffff;\n\n    color: #071b2d !important;\n\n}\n\n\n\/* CONTENT *\/\n\n.sunbio-blog-content {\n\n    width: 100%;\n\n    padding:\n        15px\n        20px\n        15px;\n\n    background: #f8fafc;\n\n}\n\n\n.sunbio-blog-container {\n\n    width: 100%;\n\n    max-width: 1040px;\n\n    margin: 0 auto;\n\n}\n\n\n\/*  HEADING *\/\n\n.sunbio-blog-heading {\n\n    max-width: 700px;\n\n    margin:\n        0 auto\n        28px;\n\n    text-align: center;\n\n}\n\n\n.sunbio-label {\n\n    display: block;\n\n    margin-bottom: 7px;\n\n    color: #168ee8;\n\n    font-size: 10px;\n\n    font-weight: 800;\n\n    letter-spacing: 2px;\n\n}\n\n\n.sunbio-blog-heading h2 {\n\n    margin:\n        0 0 9px;\n\n    color: #071b2d;\n\n    font-size: 36px;\n\n    line-height: 1.2;\n\n    font-weight: 700;\n\n}\n\n\n.sunbio-blog-heading p {\n\n    margin: 0;\n\n    color: #64748b;\n\n    font-size: 13px;\n\n    line-height: 1.7;\n\n}\n\n\n\/* TOPIC FILTER *\/\n\n.sunbio-topic-filter {\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    flex-wrap: wrap;\n\n    gap: 8px;\n\n    margin:\n        0 auto\n        14px;\n\n}\n\n\n.sunbio-topic {\n\n    padding:\n        8px\n        15px;\n\n    border:\n        1px solid\n        #dbe3eb;\n\n    border-radius: 30px;\n\n    background: #ffffff;\n\n    color: #475569;\n\n    font-family: inherit;\n\n    font-size: 12px;\n\n    font-weight: 600;\n\n    cursor: pointer;\n\n    transition:\n        all .2s ease;\n\n}\n\n\n.sunbio-topic:hover {\n\n    border-color:\n        #9acd32;\n\n    background:\n        #f8fce9;\n\n}\n\n\n.sunbio-topic.active {\n\n    border-color:\n        #071b2d;\n\n    background:\n        #071b2d;\n\n    color:\n        #ffffff;\n\n}\n\n\n\/* STATUS *\/\n\n.sunbio-filter-status {\n\n    min-height: 20px;\n\n    margin:\n        0 0\n        25px;\n\n    color: #64748b;\n\n    text-align: center;\n\n    font-size: 12px;\n\n}\n\n\n\/*  RESULTS *\/\n\n#sunbio-blog-results {\n\n    width: 100%;\n\n    max-width: 1140px;\n\n    margin: 0 auto;\n\n}\n\n\n\/*  BLOG GRID *\/\n\n.sunbio-blog-grid {\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(\n            3,\n            minmax(\n                0,\n                1fr\n            )\n        );\n\n    gap: 24px;\n\n    width: 100%;\n\n}\n\n\n\/* POST CARD *\/\n\n.sunbio-post-item {\n\n    display: flex;\n\n    flex-direction: column;\n\n    min-width: 0;\n\n    overflow: hidden;\n\n    border:\n        1px solid\n        #e2e8f0;\n\n    border-radius: 10px;\n\n    background:\n        #ffffff;\n\n    box-shadow:\n        0 3px 12px\n        rgba(\n            15,\n            23,\n            42,\n            .045\n        );\n\n    transition:\n        transform .2s ease,\n        box-shadow .2s ease;\n\n}\n\n\n.sunbio-post-item:hover {\n\n    transform:\n        translateY(-4px);\n\n    box-shadow:\n        0 12px 28px\n        rgba(\n            15,\n            23,\n            42,\n            .10\n        );\n\n}\n\n\n\/*  IMAGE *\/\n\n.sunbio-post-image {\n\n    width: 100%;\n\n    overflow: hidden;\n\n    background:\n        #eef2f6;\n\n}\n\n\n.sunbio-post-image-link {\n\n    display: block;\n\n    width: 100%;\n\n    text-decoration:\n        none !important;\n\n}\n\n\n.sunbio-post-image img {\n\n    display: block;\n\n    width: 100%;\n\n    height: 205px;\n\n    object-fit: cover;\n\n    transition:\n        transform .35s ease;\n\n}\n\n\n.sunbio-post-item:hover\n.sunbio-post-image img {\n\n    transform:\n        scale(1.035);\n\n}\n\n\n.sunbio-post-image-placeholder {\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    height: 205px;\n\n    background:\n        linear-gradient(\n            135deg,\n            #071b2d,\n            #123957\n        );\n\n    color: #d3f032;\n\n    font-size: 13px;\n\n    font-weight: 700;\n\n}\n\n\n\/*  CARD CONTENT *\/\n\n.sunbio-post-content {\n\n    display: flex;\n\n    flex-direction: column;\n\n    flex: 1;\n\n    padding:\n        18px\n        18px\n        20px;\n\n}\n\n\n\/*  CATEGORY *\/\n\n.sunbio-post-category {\n\n    align-self:\n        flex-start;\n\n    margin-bottom: 8px;\n\n    padding:\n        4px\n        9px;\n\n    border-radius: 20px;\n\n    background:\n        #eef7ff;\n\n    color:\n        #168ee8;\n\n    font-size: 9px;\n\n    font-weight: 700;\n\n    line-height: 1.4;\n\n}\n\n\n\/*  DATE *\/\n\n.sunbio-post-date {\n\n    margin-bottom: 7px;\n\n    color:\n        #94a3b8;\n\n    font-size: 10px;\n\n    line-height: 1.4;\n\n}\n\n\n\/*  TITLE *\/\n\n.sunbio-post-title {\n\n    margin:\n        0 0 9px;\n\n    font-size: 15px;\n\n    line-height: 1.4;\n\n    font-weight: 700;\ntext-align: center;\n\n}\n\n\n.sunbio-post-title a {\n\n    color:\n        #071b2d;\n\n    text-decoration:\n        none !important;\noutline: none !important;\n\n    box-shadow: none !important;\n\n}\n.sunbio-post-title a:focus,\n.sunbio-post-title a:active {\n\n    outline: none !important;\n\n    box-shadow: none !important;\n\n}\n\n\n.sunbio-post-title a:hover {\n\n    color:\n        #168ee8;\n\n}\n\n\n\/* EXCERPT *\/\n\n.sunbio-post-excerpt {\n\n    display:\n        -webkit-box;\n\n    overflow: hidden;\n\n    margin:\n        0 0 15px;\n\n    color:\n        #64748b;\n\n    font-size: 12px;\n\n    line-height: 1.65;\n\n    -webkit-box-orient:\n        vertical;\n\n    -webkit-line-clamp:\n        3;\ntext-align:justify;\n\n}\n\n\n\/*  READ MORE *\/\n\n.sunbio-post-read-more {\n\n    display: inline-flex;\n\n    align-items: center;\n\n    gap: 5px;\n\n    align-self:\n        flex-start;\n\n    margin-top: auto;\n\n    color:\n        #168ee8 !important;\n\n    text-decoration:\n        none !important;\n\n    font-size: 11px;\n\n    font-weight: 700;\n\n}\n\n\n.sunbio-post-read-more:hover {\n\n    color:\n        #071b2d !important;\n\n}\n\n\n.sunbio-post-read-more span {\n\n    transition:\n        transform .2s ease;\n\n}\n\n\n.sunbio-post-read-more:hover span {\n\n    transform:\n        translateX(3px);\n\n}\n\n\n\/*  LOADING *\/\n\n.sunbio-blog-loading {\n\n    grid-column:\n        1 \/ -1;\n\n    min-height:\n        180px;\n\n    display:\n        flex;\n\n    flex-direction:\n        column;\n\n    align-items:\n        center;\n\n    justify-content:\n        center;\n\n    color:\n        #64748b;\n\n    text-align:\n        center;\n\n}\n\n\n.sunbio-blog-loading p {\n\n    margin:\n        12px 0 0;\n\n    font-size:\n        12px;\n\n}\n\n\n.sunbio-loading-spinner {\n\n    width:\n        32px;\n\n    height:\n        32px;\n\n    border:\n        3px solid\n        #e2e8f0;\n\n    border-top-color:\n        #9acd32;\n\n    border-radius:\n        50%;\n\n    animation:\n        sunbio-spin\n        .8s linear infinite;\n\n}\n\n\n@keyframes sunbio-spin {\n\n    to {\n\n        transform:\n            rotate(360deg);\n\n    }\n\n}\n\n\n\/* EMPTY RESULT  *\/\n\n.sunbio-blog-empty {\n\n    width: 100%;\n\n    margin:\n        25px 0;\n\n    padding:\n        50px 20px;\n\n    border:\n        1px solid\n        #e2e8f0;\n\n    border-radius:\n        10px;\n\n    background:\n        #ffffff;\n\n    text-align:\n        center;\n\n}\n\n\n.sunbio-empty-icon {\n\n    margin-bottom:\n        12px;\n\n    font-size:\n        26px;\n\n}\n\n\n.sunbio-blog-empty h3 {\n\n    margin:\n        0 0 7px;\n\n    color:\n        #071b2d;\n\n    font-size:\n        20px;\n\n}\n\n\n.sunbio-blog-empty p {\n\n    margin:\n        0;\n\n    color:\n        #64748b;\n\n    font-size:\n        12px;\n\n}\n\n\n\/* API ERROR *\/\n\n.sunbio-blog-api-error {\n\n    grid-column:\n        1 \/ -1;\n\n    padding:\n        45px 20px;\n\n    border:\n        1px solid\n        #e2e8f0;\n\n    border-radius:\n        10px;\n\n    background:\n        #ffffff;\n\n    text-align:\n        center;\n\n}\n\n\n.sunbio-blog-api-error h3 {\n\n    margin:\n        0 0 8px;\n\n    color:\n        #071b2d;\n\n    font-size:\n        20px;\n\n}\n\n\n.sunbio-blog-api-error p {\n\n    margin:\n        0;\n\n    color:\n        #64748b;\n\n    font-size:\n        12px;\n\n}\n\n\n\/*  PAGINATION *\/\n\n.sunbio-blog-pagination {\n\n    display:\n        flex;\n\n    align-items:\n        center;\n\n    justify-content:\n        center;\n\n    flex-wrap:\n        wrap;\n\n    gap:\n        6px;\n\n    margin:\n        30px 0 5px;\n\n}\n\n\n.sunbio-page-button {\n\n    display:\n        inline-flex;\n\n    align-items:\n        center;\n\n    justify-content:\n        center;\n\n    min-width:\n        36px;\n\n    height:\n        36px;\n\n    padding:\n        0 9px;\n\n    border:\n        1px solid\n        #dfe6ed;\n\n    border-radius:\n        6px;\n\n    background:\n        #ffffff;\n\n    color:\n        #475569;\n\n    font-family:\n        inherit;\n\n    font-size:\n        11px;\n\n    font-weight:\n        600;\n\n    cursor:\n        pointer;\n\n    transition:\n        all .2s ease;\n\n}\n\n\n.sunbio-page-button:hover:not(:disabled) {\n\n    border-color:\n        #9acd32;\n\n    background:\n        #f8fce9;\n\n    color:\n        #071b2d;\n\n}\n\n\n.sunbio-page-button.active {\n\n    border-color:\n        #071b2d;\n\n    background:\n        #071b2d;\n\n    color:\n        #ffffff;\n\n}\n\n\n.sunbio-page-button:disabled {\n\n    opacity:\n        .4;\n\n    cursor:\n        not-allowed;\n\n}\n\n\n\/*  CTA *\/\n\n.sunbio-blog-cta {\n\n    padding:\n        25px 20px;\n\n    background:\n        #ffffff;\n\n    text-align:\n        center;\n\n}\n\n\n.sunbio-blog-cta-inner {\n\n    max-width:\n        680px;\n\n    margin:\n        0 auto;\n\n}\n\n\n.sunbio-blog-cta img {\n\n    display:\n        block;\n\n    width:\n        155px;\n\n    max-width:\n        70%;\n\n    height:\n        auto;\n\n    margin:\n        0 auto 18px;\n\n}\n\n\n.sunbio-blog-cta h2 {\n\n    margin:\n        0 0 10px;\n\n    color:\n        #071b2d;\n\n    font-size:\n        30px;\n\n    line-height:\n        1.25;\n\n}\n\n\n.sunbio-blog-cta p {\n\n    margin:\n        0 auto 20px;\n\n    color:\n        #64748b;\n\n    font-size:\n        13px;\n\n    line-height:\n        1.7;\n\n}\n\n\n.sunbio-cta-button {\n\n    display:\n        inline-flex;\n\n    align-items:\n        center;\n\n    justify-content:\n        center;\n\n    min-height:\n        42px;\n\n    padding:\n        0 22px;\n\n    border-radius:\n        6px;\n\n    background:\n        #071b2d;\n\n    color:\n        #ffffff !important;\n\n    text-decoration:\n        none !important;\n\n    font-size:\n        12px;\n\n    font-weight:\n        700;\n\n}\n\n\n.sunbio-cta-button:hover {\n\n    background:\n        #9acd32;\n\n    color:\n        #071b2d !important;\n\n}\n\n\n\/* TABLET *\/\n\n@media (max-width:1024px) {\n\n    .sunbio-blog-container,\n    #sunbio-blog-results {\n\n        max-width:\n            850px;\n\n    }\n\n\n    .sunbio-blog-grid {\n\n        grid-template-columns:\n            repeat(\n                2,\n                minmax(\n                    0,\n                    1fr\n                )\n            );\n\n    }\n\n}\n\n\n\/* MOBILE *\/\n\n@media (max-width:640px) {\n\n    .sunbio-blog-hero {\n\n        min-height:\n            auto;\n\n        padding:\n            55px 15px;\n\n    }\n\n\n    .sunbio-blog-hero h1 {\n\n        font-size:\n            35px;\n\n    }\n\n\n    .sunbio-blog-hero p {\n\n        font-size:\n            13px;\n\n    }\n\n\n    .sunbio-blog-search {\n\n        height:\n            50px;\n\n    }\n\n\n    .sunbio-blog-actions {\n\n        flex-direction:\n            column;\n\n    }\n\n\n    .sunbio-primary-button,\n    .sunbio-secondary-button {\n\n        width:\n            100%;\n\n    }\n\n\n    .sunbio-blog-content {\n\n        padding:\n            50px 15px 60px;\n\n    }\n\n\n    .sunbio-blog-heading h2 {\n\n        font-size:\n            30px;\n\n    }\n\n\n    .sunbio-blog-grid {\n\n        grid-template-columns:\n            minmax(\n                0,\n                1fr\n            );\n\n        gap:\n            18px;\n\n    }\n\n\n    .sunbio-post-image img,\n    .sunbio-post-image-placeholder {\n\n        height:\n            200px;\n\n    }\n\n\n    .sunbio-blog-cta {\n\n        padding:\n            55px 15px;\n\n    }\n\n\n    .sunbio-blog-cta h2 {\n\n        font-size:\n            27px;\n\n    }\n\n}\n\n<\/style>\n\n<script>\n(function () {\n    \"use strict\";\n\n    \/* =========================================================\n       SUNBIO BLOG CONFIGURATION\n       ========================================================= *\/\n\n    const API_BASE = window.location.origin + \"\/resources\/wp-json\/wp\/v2\/\";\n    const POSTS_PER_PAGE = 9;\n\n    \/*\n     * EXPLICITLY ALLOW ONLY BLOG SUBCATEGORIES\n     * (Excludes Case Studies and other unwanted categories)\n     *\/\n    const ALLOWED_CATEGORY_SLUGS = [\n        \"aiml\",\n        \"industry-4-0\",\n        \"iot\",\n        \"smart-agriculture\"\n    ];\n\n\n    \/* =========================================================\n       STATE\n       ========================================================= *\/\n\n    let allPosts = [];\n    let filteredPosts = [];\n\n    let currentPage = 1;\n    let activeTopic = \"all\";\n    let searchText = \"\";\n\n\n    \/* =========================================================\n       DOM ELEMENTS\n       ========================================================= *\/\n\n    const grid = document.getElementById(\"sunbio-blog-grid\");\n    const empty = document.getElementById(\"sunbio-blog-empty\");\n    const pagination = document.getElementById(\"sunbio-blog-pagination\");\n    const search = document.getElementById(\"sunbio-blog-search\");\n    const clearButton = document.getElementById(\"sunbio-search-clear\");\n    const status = document.getElementById(\"sunbio-filter-status\");\n\n    const topicButtons = Array.from(\n        document.querySelectorAll(\".sunbio-topic\")\n    );\n\n\n    \/* =========================================================\n       HTML ESCAPE\n       ========================================================= *\/\n\n    function escapeHTML(value) {\n        if (!value) {\n            return \"\";\n        }\n        const div = document.createElement(\"div\");\n        div.textContent = String(value);\n        return div.innerHTML;\n    }\n\n\n    \/* =========================================================\n       REMOVE HTML\n       ========================================================= *\/\n\n    function stripHTML(value) {\n        if (!value) {\n            return \"\";\n        }\n        const div = document.createElement(\"div\");\n        div.innerHTML = value;\n        return (div.textContent || div.innerText || \"\").trim();\n    }\n\n\n    \/* =========================================================\n       EXCERPT\n       ========================================================= *\/\n\n    function getExcerpt(post) {\n        if (!post.excerpt || !post.excerpt.rendered) {\n            return \"\";\n        }\n        return stripHTML(post.excerpt.rendered).trim();\n    }\n\n\n    \/* =========================================================\n       FEATURED IMAGE\n       ========================================================= *\/\n\n    function getFeaturedImage(post) {\n        if (\n            post._embedded &&\n            post._embedded[\"wp:featuredmedia\"] &&\n            post._embedded[\"wp:featuredmedia\"][0]\n        ) {\n            const media = post._embedded[\"wp:featuredmedia\"][0];\n            if (media.source_url) {\n                return media.source_url;\n            }\n            if (media.media_details && media.media_details.sizes) {\n                const sizes = media.media_details.sizes;\n                if (sizes.medium_large && sizes.medium_large.source_url) {\n                    return sizes.medium_large.source_url;\n                }\n                if (sizes.large && sizes.large.source_url) {\n                    return sizes.large.source_url;\n                }\n                if (sizes.medium && sizes.medium.source_url) {\n                    return sizes.medium.source_url;\n                }\n            }\n        }\n        return \"\";\n    }\n\n\n    \/* =========================================================\n       CATEGORIES\n       ========================================================= *\/\n\n    function getCategoryNames(post) {\n        if (!post._embedded || !post._embedded[\"wp:term\"]) {\n            return [];\n        }\n        const termGroups = post._embedded[\"wp:term\"];\n        let categories = [];\n\n        termGroups.forEach(function (group) {\n            if (!Array.isArray(group)) {\n                return;\n            }\n            group.forEach(function (term) {\n                if (term && term.taxonomy === \"category\") {\n                    categories.push({\n                        id: term.id,\n                        name: term.name || \"\",\n                        slug: term.slug || \"\"\n                    });\n                }\n            });\n        });\n\n        return categories;\n    }\n\n\n    \/* =========================================================\n       STRICT BLOG CHECK (Excludes Case Studies)\n       ========================================================= *\/\n\n    function isBlogCategoryPost(post) {\n        const categories = getCategoryNames(post);\n\n        \/\/ Check if the post belongs to a Case Study category\/slug\n        const isCaseStudy = categories.some(function (cat) {\n            const name = cat.name.toLowerCase();\n            const slug = cat.slug.toLowerCase();\n            return name.includes(\"case study\") || slug.includes(\"case-study\") || slug.includes(\"case study\");\n        });\n\n        if (isCaseStudy) {\n            return false;\n        }\n\n        \/\/ Ensure it strictly matches one of the allowed blog subcategories\n        return categories.some(function (cat) {\n            const slug = cat.slug.toLowerCase();\n            return ALLOWED_CATEGORY_SLUGS.includes(slug);\n        });\n    }\n\n\n    \/* =========================================================\n       DATE FORMAT\n       ========================================================= *\/\n\n    function formatDate(dateString) {\n        if (!dateString) {\n            return \"\";\n        }\n        const date = new Date(dateString);\n        if (Number.isNaN(date.getTime())) {\n            return \"\";\n        }\n        return date.toLocaleDateString(\"en-IN\", {\n            day: \"2-digit\",\n            month: \"short\",\n            year: \"numeric\"\n        });\n    }\n\n\n    \/* =========================================================\n       TOPIC FILTER (UI Buttons)\n       ========================================================= *\/\n\n    function topicMatches(post) {\n        if (activeTopic === \"all\") {\n            return true;\n        }\n\n        const categories = getCategoryNames(post);\n        return categories.some(function (cat) {\n            return cat.slug.toLowerCase() === activeTopic.toLowerCase();\n        });\n    }\n\n\n    \/* =========================================================\n       SEARCH FILTER\n       ========================================================= *\/\n\n    function searchMatches(post) {\n        if (!searchText) {\n            return true;\n        }\n\n        const title = stripHTML(\n            post.title && post.title.rendered ? post.title.rendered : \"\"\n        ).toLowerCase();\n\n        const excerpt = getExcerpt(post).toLowerCase();\n\n        const content = stripHTML(\n            post.content && post.content.rendered ? post.content.rendered : \"\"\n        ).toLowerCase();\n\n        const categories = getCategoryNames(post).map(function (category) {\n            return (category.name + \" \" + category.slug);\n        }).join(\" \").toLowerCase();\n\n        return (\n            title.includes(searchText) ||\n            excerpt.includes(searchText) ||\n            content.includes(searchText) ||\n            categories.includes(searchText)\n        );\n    }\n\n\n    \/* =========================================================\n       APPLY FILTERS\n       ========================================================= *\/\n\n    function applyFilters() {\n        filteredPosts = allPosts.filter(function (post) {\n            return isBlogCategoryPost(post) && topicMatches(post) && searchMatches(post);\n        });\n\n        currentPage = 1;\n        renderPosts();\n    }\n\n\n    \/* =========================================================\n       CREATE CARD\n       ========================================================= *\/\n\n    function createPostCard(post) {\n        const title = stripHTML(\n            post.title && post.title.rendered ? post.title.rendered : \"Untitled Blog\"\n        );\n        const excerpt = getExcerpt(post);\n        const image = getFeaturedImage(post);\n        const url = post.link || \"#\";\n        const date = formatDate(post.date);\n        const categories = getCategoryNames(post);\n\n        let categoryHTML = \"\";\n        if (categories.length) {\n            categoryHTML = `\n                <div class=\"sunbio-post-category\">\n                    ${escapeHTML(categories[0].name)}\n                <\/div>\n            `;\n        } else {\n            categoryHTML = `\n                <div class=\"sunbio-post-category\">\n                    SunBio Insights\n                <\/div>\n            `;\n        }\n\n        let imageHTML = \"\";\n        if (image) {\n            imageHTML = `\n                <a href=\"${escapeHTML(url)}\" class=\"sunbio-post-image-link\" aria-label=\"${escapeHTML(title)}\">\n                    <img decoding=\"async\" src=\"${escapeHTML(image)}\" alt=\"${escapeHTML(title)}\" loading=\"lazy\">\n                <\/a>\n            `;\n        } else {\n            imageHTML = `\n                <a href=\"${escapeHTML(url)}\" class=\"sunbio-post-image-link sunbio-post-image-placeholder\" aria-label=\"${escapeHTML(title)}\">\n                    <span>SunBio IT Solutions<\/span>\n                <\/a>\n            `;\n        }\n\n        let excerptHTML = \"\";\n        if (excerpt) {\n            excerptHTML = `<p class=\"sunbio-post-excerpt\">${escapeHTML(excerpt)}<\/p>`;\n        }\n\n        return `\n            <article class=\"sunbio-post-item\">\n                <div class=\"sunbio-post-image\">${imageHTML}<\/div>\n                <div class=\"sunbio-post-content\">\n                    ${categoryHTML}\n                    <div class=\"sunbio-post-date\">${escapeHTML(date)}<\/div>\n                    <h3 class=\"sunbio-post-title\">\n                        <a href=\"${escapeHTML(url)}\">${escapeHTML(title)}<\/a>\n                    <\/h3>\n                    ${excerptHTML}\n                    <a href=\"${escapeHTML(url)}\" class=\"sunbio-post-read-more\">\n                        Read Article <span aria-hidden=\"true\">\u2192<\/span>\n                    <\/a>\n                <\/div>\n            <\/article>\n        `;\n    }\n\n\n    \/* =========================================================\n       RENDER POSTS\n       ========================================================= *\/\n\n    function renderPosts() {\n        if (!grid) {\n            return;\n        }\n\n        const totalPosts = filteredPosts.length;\n        const totalPages = Math.ceil(totalPosts \/ POSTS_PER_PAGE);\n\n        if (totalPages > 0 && currentPage > totalPages) {\n            currentPage = totalPages;\n        }\n\n        const start = (currentPage - 1) * POSTS_PER_PAGE;\n        const end = start + POSTS_PER_PAGE;\n        const pagePosts = filteredPosts.slice(start, end);\n\n        grid.innerHTML = \"\";\n\n        if (pagePosts.length === 0) {\n            grid.style.display = \"none\";\n            if (empty) {\n                empty.style.display = \"block\";\n            }\n            if (pagination) {\n                pagination.innerHTML = \"\";\n            }\n        } else {\n            grid.style.display = \"grid\";\n            if (empty) {\n                empty.style.display = \"none\";\n            }\n            pagePosts.forEach(function (post) {\n                grid.insertAdjacentHTML(\"beforeend\", createPostCard(post));\n            });\n            renderPagination(totalPages);\n        }\n\n        updateStatus(totalPosts, totalPages);\n    }\n\n\n    \/* =========================================================\n       PAGINATION\n       ========================================================= *\/\n\n    function renderPagination(totalPages) {\n        if (!pagination) {\n            return;\n        }\n        pagination.innerHTML = \"\";\n\n        if (totalPages <= 1) {\n            return;\n        }\n\n        const fragment = document.createDocumentFragment();\n\n        const previous = document.createElement(\"button\");\n        previous.type = \"button\";\n        previous.className = \"sunbio-page-button\";\n        previous.textContent = \"\u2039\";\n        previous.disabled = currentPage === 1;\n        previous.setAttribute(\"aria-label\", \"Previous page\");\n        previous.addEventListener(\"click\", function () {\n            if (currentPage > 1) {\n                currentPage--;\n                renderPosts();\n                scrollToPosts();\n            }\n        });\n        fragment.appendChild(previous);\n\n        const maxVisiblePages = 7;\n        let startPage = Math.max(1, currentPage - Math.floor(maxVisiblePages \/ 2));\n        let endPage = Math.min(totalPages, startPage + maxVisiblePages - 1);\n        if (endPage - startPage + 1 < maxVisiblePages) {\n            startPage = Math.max(1, endPage - maxVisiblePages + 1);\n        }\n\n        for (let page = startPage; page <= endPage; page++) {\n            const button = document.createElement(\"button\");\n            button.type = \"button\";\n            button.className = \"sunbio-page-button\";\n            button.textContent = page;\n            if (page === currentPage) {\n                button.classList.add(\"active\");\n                button.setAttribute(\"aria-current\", \"page\");\n            }\n            button.addEventListener(\"click\", function () {\n                currentPage = page;\n                renderPosts();\n                scrollToPosts();\n            });\n            fragment.appendChild(button);\n        }\n\n        const next = document.createElement(\"button\");\n        next.type = \"button\";\n        next.className = \"sunbio-page-button\";\n        next.textContent = \"\u203a\";\n        next.disabled = currentPage === totalPages;\n        next.setAttribute(\"aria-label\", \"Next page\");\n        next.addEventListener(\"click\", function () {\n            if (currentPage < totalPages) {\n                currentPage++;\n                renderPosts();\n                scrollToPosts();\n            }\n        });\n        fragment.appendChild(next);\n\n        pagination.appendChild(fragment);\n    }\n\n\n    \/* =========================================================\n       STATUS\n       ========================================================= *\/\n\n    function updateStatus(totalPosts, totalPages) {\n        if (!status) {\n            return;\n        }\n\n        if (totalPosts === 0) {\n            if (searchText) {\n                status.textContent = 'No results for \"' + searchText + '\"';\n            } else {\n                status.textContent = \"No blogs found\";\n            }\n            return;\n        }\n\n        const start = (currentPage - 1) * POSTS_PER_PAGE + 1;\n        const end = Math.min(currentPage * POSTS_PER_PAGE, totalPosts);\n        let statusText = \"Showing \" + start + \"\u2013\" + end + \" of \" + totalPosts + \" blogs\";\n\n        if (searchText) {\n            statusText += ' matching \"' + searchText + '\"';\n        }\n        status.textContent = statusText;\n    }\n\n\n    \/* =========================================================\n       SCROLL\n       ========================================================= *\/\n\n    function scrollToPosts() {\n        const results = document.getElementById(\"sunbio-blog-results\");\n        if (!results) {\n            return;\n        }\n        const rect = results.getBoundingClientRect();\n        window.scrollTo({\n            top: window.scrollY + rect.top - 90,\n            behavior: \"smooth\"\n        });\n    }\n\n\n    \/* =========================================================\n       LOAD WORDPRESS POSTS\n       ========================================================= *\/\n\n    async function loadPosts() {\n        try {\n            if (grid) {\n                grid.innerHTML = `\n                    <div class=\"sunbio-blog-loading\">\n                        <div class=\"sunbio-loading-spinner\"><\/div>\n                        <p>Loading blogs...<\/p>\n                    <\/div>\n                `;\n            }\n\n            const url = API_BASE + \"posts?per_page=100&page=1&_embed=1\";\n            console.log(\"SunBio Blog API URL:\", url);\n\n            const response = await fetch(url, {\n                method: \"GET\",\n                headers: { \"Accept\": \"application\/json\" }\n            });\n\n            if (!response.ok) {\n                throw new Error(\"WordPress REST API error: \" + response.status);\n            }\n\n            const posts = await response.json();\n            if (!Array.isArray(posts)) {\n                throw new Error(\"Invalid WordPress API response.\");\n            }\n\n            allPosts = posts;\n            allPosts.sort(function (a, b) {\n                return new Date(b.date) - new Date(a.date);\n            });\n\n            console.log(\"SunBio Blog: Posts loaded =\", allPosts.length);\n            applyFilters();\n\n        } catch (error) {\n            console.error(\"SunBio Blog:\", error);\n            if (grid) {\n                grid.innerHTML = `\n                    <div class=\"sunbio-blog-api-error\">\n                        <h3>Blogs could not be loaded<\/h3>\n                        <p>Please refresh the page and try again.<\/p>\n                    <\/div>\n                `;\n            }\n            if (status) {\n                status.textContent = \"Unable to load blogs.\";\n            }\n        }\n    }\n\n\n    \/* =========================================================\n       TOPIC BUTTONS\n       ========================================================= *\/\n\n    topicButtons.forEach(function (button) {\n        button.addEventListener(\"click\", function () {\n            topicButtons.forEach(function (item) {\n                item.classList.remove(\"active\");\n            });\n            button.classList.add(\"active\");\n            activeTopic = (button.dataset.topic || \"all\").toLowerCase();\n            applyFilters();\n            scrollToPosts();\n        });\n    });\n\n\n    \/* =========================================================\n       SEARCH INPUT\n       ========================================================= *\/\n\n    if (search) {\n        search.addEventListener(\"input\", function () {\n            searchText = search.value.trim().toLowerCase();\n            if (clearButton) {\n                clearButton.style.display = searchText ? \"flex\" : \"none\";\n            }\n            applyFilters();\n        });\n\n        search.addEventListener(\"keydown\", function (event) {\n            if (event.key === \"Escape\") {\n                search.value = \"\";\n                searchText = \"\";\n                if (clearButton) {\n                    clearButton.style.display = \"none\";\n                }\n                applyFilters();\n            }\n        });\n    }\n\n\n    \/* =========================================================\n       CLEAR SEARCH\n       ========================================================= *\/\n\n    if (clearButton) {\n        clearButton.addEventListener(\"click\", function () {\n            if (search) {\n                search.value = \"\";\n                searchText = \"\";\n                search.focus();\n            }\n            clearButton.style.display = \"none\";\n            applyFilters();\n        });\n    }\n\n\n    \/* =========================================================\n       INITIALIZE\n       ========================================================= *\/\n\n    if (document.readyState === \"loading\") {\n        document.addEventListener(\"DOMContentLoaded\", loadPosts);\n    } else {\n        loadPosts();\n    }\n\n})();\n<\/script>","protected":false},"excerpt":{"rendered":"<p>SUNBIO IT SOLUTIONS The Frontline of Innovation Insights on Artificial Intelligence, IoT, Industry 4.0, automation and Smart Agriculture. Book a Free Demo Explore Case Studies SUNBIO INSIGHTS Latest Blogs Explore technology insights, industry trends and practical solutions from SunBio IT Solutions. All AI \/ ML Industry 4.0 IoT Smart Agriculture Loading blogs&#8230; \u00d7 Loading blogs&#8230; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":12,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-wide","meta":{"footnotes":""},"class_list":["post-939","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/www.sunbioit.com\/resources\/wp-json\/wp\/v2\/pages\/939","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sunbioit.com\/resources\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.sunbioit.com\/resources\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.sunbioit.com\/resources\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sunbioit.com\/resources\/wp-json\/wp\/v2\/comments?post=939"}],"version-history":[{"count":2,"href":"https:\/\/www.sunbioit.com\/resources\/wp-json\/wp\/v2\/pages\/939\/revisions"}],"predecessor-version":[{"id":942,"href":"https:\/\/www.sunbioit.com\/resources\/wp-json\/wp\/v2\/pages\/939\/revisions\/942"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.sunbioit.com\/resources\/wp-json\/wp\/v2\/media\/12"}],"wp:attachment":[{"href":"https:\/\/www.sunbioit.com\/resources\/wp-json\/wp\/v2\/media?parent=939"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}