{"id":215,"date":"2026-09-04T12:18:13","date_gmt":"2026-09-04T08:48:13","guid":{"rendered":"http:\/\/life2bio.com\/?page_id=215"},"modified":"2026-11-09T20:01:19","modified_gmt":"2026-11-09T16:31:19","slug":"download","status":"publish","type":"page","link":"https:\/\/life2bio.com\/index.php\/download\/","title":{"rendered":"Download"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"215\" class=\"elementor elementor-215\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3049bff e-flex e-con-boxed e-con e-parent\" data-id=\"3049bff\" 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-952379a elementor-widget elementor-widget-cg_downloads_page\" data-id=\"952379a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"cg_downloads_page.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n        <style>\n            html, body { overflow-x: hidden !important; }\n\n            \/* Default Light Mode Variables *\/\n            .cg-downloads-page {\n                --cg-primary: #1C7161;\n                --cg-accent: #2d9b85;\n                --cg-filter-bar-bg: #ffffff;\n                --cg-filter-btn-bg: #f3f4f6;\n                --cg-filter-btn-text: #374151;\n                --cg-search-bg: #f3f4f6;\n                --cg-search-text: #111827;\n                --cg-search-border: #e5e7eb;\n                --cg-sec-bg: #f9fafb;\n                --cg-card-bg: #ffffff;\n                --cg-card-border: #f3f4f6;\n                --cg-card-title-color: #111827;\n                --cg-card-desc-color: #4b5563;\n                --cg-meta-color: #6b7280;\n                --cg-btn-bg: #f3f4f6;\n                --cg-btn-color: #111827;\n                --cg-cta-bg: #ffffff;\n                --cg-cta-title-color: #111827;\n                --cg-cta-desc-color: #4b5563;\n                \n                font-family: inherit;\n                width: 100vw !important;\n                max-width: 100vw !important;\n                left: 50% !important;\n                transform: translateX(-50%) !important;\n                margin-left: 0 !important;\n                margin-right: 0 !important;\n                position: relative;\n                transition: background-color 0.3s ease, color 0.3s ease;\n            }\n            \n            .cg-container { max-width: 1280px; margin: 0 auto; padding: 0 24px; }\n            \n            \/* HERO *\/\n            .cg-hero-section { \n                position: relative; \n                padding: 80px 0; \n                overflow: hidden; \n                background: linear-gradient(135deg, var(--cg-primary) 0%, var(--cg-accent) 100%); \n            }\n            @media(min-width: 1024px) { .cg-hero-section { padding: 112px 0; } }\n            .cg-hero-blob { position: absolute; border-radius: 50%; filter: blur(80px); opacity: 0.2; }\n            .cg-blob-1 { top: 80px; left: 40px; width: 288px; height: 288px; background: var(--cg-accent); }\n            .cg-blob-2 { bottom: 80px; right: 40px; width: 384px; height: 384px; background: var(--cg-primary); }\n            .cg-hero-content { position: relative; z-index: 10; max-width: 768px; }\n            .cg-badge { display: inline-flex; align-items: center; gap: 8px; backdrop-filter: blur(4px); border: 1px solid rgba(255,255,255,0.2); padding: 8px 16px; border-radius: 999px; font-size: 14px; font-weight: 500; margin-bottom: 24px; }\n            .cg-hero-title { font-size: 36px; font-weight: 900; line-height: 1.2; margin-bottom: 24px; color: #ffffff; }\n            @media(min-width: 768px) { .cg-hero-title { font-size: 48px; } }\n            @media(min-width: 1024px) { .cg-hero-title { font-size: 60px; } }\n            .cg-hero-title span { color: var(--cg-accent); }\n            .cg-hero-desc { font-size: 18px; line-height: 1.7; color: rgba(255,255,255,0.9); }\n            @media(min-width: 768px) { .cg-hero-desc { font-size: 20px; } }\n\n            \/* FILTER BAR *\/\n            .cg-filter-bar { \n                padding: 24px 0; \n                background-color: var(--cg-filter-bar-bg) !important; \n                border-bottom: 1px solid var(--cg-search-border) !important; \n                position: sticky; \n                top: 72px; \n                z-index: 40; \n                transition: background-color 0.3s, border-color 0.3s; \n            }\n            .cg-filter-wrap { display: flex; flex-direction: column; gap: 24px; }\n            @media(min-width: 1024px) { .cg-filter-wrap { flex-direction: row; align-items: center; justify-content: space-between; } }\n            .cg-filter-btns { display: flex; flex-wrap: wrap; gap: 8px; }\n            .cg-filter-btn { \n                padding: 10px 20px; \n                border-radius: 12px; \n                font-size: 14px; \n                font-weight: 700; \n                border: none; \n                cursor: pointer; \n                background-color: var(--cg-filter-btn-bg);\n                color: var(--cg-filter-btn-text);\n                transition: all 0.3s ease; \n            }\n            .cg-filter-btn.active, .cg-filter-btn:hover { \n                box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1); \n                background-color: var(--cg-primary) !important;\n                color: #ffffff !important;\n            }\n            .cg-search-wrap { position: relative; width: 100%; }\n            @media(min-width: 1024px) { .cg-search-wrap { width: 320px; } }\n            .cg-search-icon { position: absolute; top: 50%; transform: translateY(-50%); left: 12px; color: #9ca3af; }\n            .cg-search-input { \n                width: 100%; \n                border-radius: 12px; \n                padding: 10px 12px 10px 40px; \n                font-size: 14px; \n                border: 1px solid var(--cg-search-border) !important; \n                background-color: var(--cg-search-bg) !important;\n                color: var(--cg-search-text) !important;\n                outline: none; \n                transition: all 0.3s ease; \n            }\n            .cg-search-input:focus { box-shadow: 0 0 0 2px rgba(28,113,97,0.2); }\n\n            \/* LIST & CARDS *\/\n            .cg-downloads-list { \n                padding: 80px 0; \n                background-color: var(--cg-sec-bg) !important; \n                transition: background-color 0.3s ease; \n            }\n            @media(min-width: 1024px) { .cg-downloads-list { padding: 112px 0; } }\n            .cg-results-info { font-size: 14px; color: var(--cg-card-desc-color); margin-bottom: 32px; }\n            .cg-results-count { font-weight: 700; color: var(--cg-primary); }\n\n            .cg-downloads-grid { display: grid; grid-template-columns: 1fr; gap: 24px; }\n            @media(min-width: 768px) { .cg-downloads-grid { grid-template-columns: repeat(2, 1fr); } }\n            @media(min-width: 1024px) { .cg-downloads-grid { grid-template-columns: repeat(3, 1fr); } }\n\n            .cg-download-card {\n                border: 1px solid var(--cg-card-border) !important; \n                background-color: var(--cg-card-bg) !important;\n                border-radius: 16px; \n                padding: 24px;\n                transition: all 0.3s ease; \n                display: flex; \n                flex-direction: column;\n            }\n            .cg-download-card:hover { transform: translateY(-8px); box-shadow: 0 25px 50px -12px rgba(0,0,0,0.12); }\n\n            .cg-card-header { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 16px; }\n            .cg-card-icon {\n                width: 56px; height: 56px; border-radius: 12px;\n                display: flex; align-items: center; justify-content: center;\n                transition: transform 0.3s ease;\n            }\n            .cg-download-card:hover .cg-card-icon { transform: scale(1.1); }\n            .cg-card-icon i { font-size: 28px; color: #ffffff; }\n            .cg-card-type {\n                font-size: 12px; font-weight: 700; padding: 6px 12px; border-radius: 999px;\n            }\n\n            .cg-card-title { \n                font-size: 18px; \n                font-weight: 700; \n                margin-bottom: 8px; \n                line-height: 1.4; \n                color: var(--cg-card-title-color) !important;\n                transition: color 0.3s ease; \n            }\n            .cg-card-desc { \n                font-size: 14px; \n                line-height: 1.6; \n                margin-bottom: 16px; \n                color: var(--cg-card-desc-color) !important;\n                display: -webkit-box; \n                -webkit-line-clamp: 2; \n                -webkit-box-orient: vertical; \n                overflow: hidden; \n                flex-grow: 1; \n            }\n\n            .cg-card-meta { \n                display: flex; \n                align-items: center; \n                gap: 16px; \n                font-size: 12px; \n                margin-bottom: 16px; \n                padding-bottom: 16px; \n                border-bottom: 1px solid var(--cg-card-border); \n                color: var(--cg-meta-color) !important;\n            }\n            .cg-meta-item { display: flex; align-items: center; gap: 4px; }\n\n            .cg-download-btn {\n                display: flex; align-items: center; justify-content: center; gap: 8px;\n                padding: 12px; border-radius: 12px; font-size: 14px; font-weight: 700;\n                text-decoration: none; \n                background-color: var(--cg-btn-bg) !important;\n                color: var(--cg-btn-color) !important;\n                transition: all 0.3s ease;\n            }\n            .cg-download-btn svg { stroke: var(--cg-btn-color); transition: transform 0.3s ease; }\n            .cg-download-btn:hover {\n                background-color: var(--cg-primary) !important;\n                color: #ffffff !important;\n            }\n            .cg-download-btn:hover svg { stroke: #ffffff !important; transform: translateY(-2px); }\n\n            .cg-no-results { text-align: center; padding: 80px 0; display: none; }\n            .cg-no-results svg { color: #9ca3af; margin-bottom: 16px; }\n            .cg-no-results h3 { font-size: 20px; font-weight: 700; color: var(--cg-card-title-color); margin-bottom: 8px; }\n            .cg-no-results p { color: var(--cg-card-desc-color); }\n\n            \/* CTA *\/\n            .cg-cta-section { \n                padding: 80px 0; \n                text-align: center; \n                background-color: var(--cg-cta-bg) !important;\n                transition: background-color 0.3s ease;\n            }\n            @media(min-width: 1024px) { .cg-cta-section { padding: 112px 0; } }\n            .cg-cta-content { max-width: 640px; margin: 0 auto; }\n            .cg-cta-title { \n                font-size: 30px; \n                font-weight: 900; \n                line-height: 1.2; \n                margin-bottom: 24px; \n                color: var(--cg-cta-title-color) !important;\n            }\n            @media(min-width: 768px) { .cg-cta-title { font-size: 36px; } }\n            .cg-cta-desc { \n                font-size: 18px; \n                line-height: 1.7; \n                margin-bottom: 32px; \n                color: var(--cg-cta-desc-color) !important;\n            }\n            .cg-btn { display: inline-flex; align-items: center; gap: 8px; padding: 16px 32px; border-radius: 12px; font-size: 16px; font-weight: 700; text-decoration: none; transition: all 0.3s ease; }\n            .cg-btn-primary { box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1); }\n            .cg-btn-primary:hover { transform: scale(0.96); }\n            .cg-btn svg { transition: transform 0.3s; }\n            .cg-btn:hover svg { transform: translateX(-4px); }\n\n            \/* ============================================================== *\/\n            \/* ULTRA-STABLE DARK MODE OVERRIDES (Two-Way Reactive)           *\/\n            \/* ============================================================== *\/\n            html.dark .cg-downloads-page:not(.is-light),\n            body.dark .cg-downloads-page:not(.is-light),\n            body.dark-mode .cg-downloads-page:not(.is-light),\n            [data-theme=\"dark\"] .cg-downloads-page:not(.is-light),\n            .cg-downloads-page.is-dark {\n                --cg-filter-bar-bg: #111827 !important;\n                --cg-filter-btn-bg: #1f2937 !important;\n                --cg-filter-btn-text: #d1d5db !important;\n                --cg-search-bg: #1f2937 !important;\n                --cg-search-text: #f9fafb !important;\n                --cg-search-border: #374151 !important;\n                --cg-sec-bg: #0f172a !important;       \n                --cg-card-bg: #1e293b !important;      \n                --cg-card-border: #334155 !important;\n                --cg-card-title-color: #f8fafc !important;\n                --cg-card-desc-color: #94a3b8 !important;\n                --cg-meta-color: #94a3b8 !important;\n                --cg-btn-bg: #334155 !important;\n                --cg-btn-color: #f8fafc !important;\n                --cg-cta-bg: #0b1120 !important;       \n                --cg-cta-title-color: #f8fafc !important;\n                --cg-cta-desc-color: #94a3b8 !important;\n            }\n        <\/style>\n\n        <div class=\"cg-downloads-page\" id=\"cg-downloads-wrapper\">\n\n                            <section class=\"cg-hero-section\">\n                    <div class=\"cg-hero-blob cg-blob-1\"><\/div>\n                    <div class=\"cg-hero-blob cg-blob-2\"><\/div>\n                    <div class=\"cg-container\">\n                        <div class=\"cg-hero-content\">\n                                                            <div class=\"cg-badge\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/><polyline points=\"7 10 12 15 17 10\"\/><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"\/><\/svg> <span>Resource Center<\/span><\/div>\n                                                        <h1 class=\"cg-hero-title\">Download Our<br><span>Resources<\/span><\/h1>\n                                                            <p class=\"cg-hero-desc\">Access our comprehensive library of catalogs, specifications, research papers, and official documents.<\/p>\n                                                    <\/div>\n                    <\/div>\n                <\/section>\n            \n                            <section class=\"cg-filter-bar\">\n                    <div class=\"cg-container\">\n                        <div class=\"cg-filter-wrap\">\n                            <div class=\"cg-filter-btns\">\n                                                                                                            <button class=\"cg-filter-btn active\" data-category=\"all\">\n                                            All                                        <\/button>\n                                                                            <button class=\"cg-filter-btn \" data-category=\"catalog\">\n                                            Catalogs                                        <\/button>\n                                                                            <button class=\"cg-filter-btn \" data-category=\"legal\">\n                                            Legal Documents                                        <\/button>\n                                                                            <button class=\"cg-filter-btn \" data-category=\"certificate\">\n                                            Certificates                                        <\/button>\n                                                                            <button class=\"cg-filter-btn \" data-category=\"brochure\">\n                                            Brochures                                        <\/button>\n                                                                                                <\/div>\n                                                            <div class=\"cg-search-wrap\">\n                                    <span class=\"cg-search-icon\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><path d=\"m21 21-4.3-4.3\"\/><\/svg><\/span>\n                                    <input type=\"text\" id=\"cg-download-search\" class=\"cg-search-input\" placeholder=\"Search files...\">\n                                <\/div>\n                                                    <\/div>\n                    <\/div>\n                <\/section>\n            \n                            <section class=\"cg-downloads-list\">\n                    <div class=\"cg-container\">\n                                                    <div class=\"cg-results-info\">\n                                <span id=\"cg-results-count\" class=\"cg-results-count\">0<\/span> files found\n                            <\/div>\n                        \n                        \n                        <div id=\"cg-no-results\" class=\"cg-no-results\">\n                            <svg width=\"64\" height=\"64\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z\"\/><polyline points=\"14 2 14 8 20 8\"\/><\/svg>\n                            <h3>No files found<\/h3>\n                            <p>Try adjusting your search or filter criteria.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/section>\n            \n                            <section class=\"cg-cta-section\">\n                    <div class=\"cg-container\">\n                        <div class=\"cg-cta-content\">\n                            <h2 class=\"cg-cta-title\">Need Specific Information?<br><span>Contact Our Team<\/span><\/h2>\n                            <p class=\"cg-cta-desc\">If you cannot find the document you are looking for, our support team is ready to assist you.<\/p>\n                            <a href=\"http:\/\/life2bio.com\/index.php\/contact\/\" class=\"cg-btn cg-btn-primary\">\n                                Contact Us <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m12 19-7-7 7-7\"\/><path d=\"M19 12H5\"\/><\/svg>                            <\/a>\n                        <\/div>\n                    <\/div>\n                <\/section>\n            \n        <\/div>\n\n        <script>\n        (function() {\n            \/\/ Smooth Two-Way Theme Switcher\n            function syncTheme() {\n                const html = document.documentElement;\n                const body = document.body;\n                const wrapper = document.getElementById('cg-downloads-wrapper');\n                if (!wrapper) return;\n\n                \/\/ 1. Explicit Light check first!\n                const isExplicitLight = html.classList.contains('light') || \n                                       body.classList.contains('light') || \n                                       html.getAttribute('data-theme') === 'light' || \n                                       body.getAttribute('data-theme') === 'light' ||\n                                       html.getAttribute('data-color-mode') === 'light';\n\n                \/\/ 2. Dark check\n                const isDark = html.classList.contains('dark') || \n                               body.classList.contains('dark') || \n                               body.classList.contains('dark-mode') || \n                               html.getAttribute('data-theme') === 'dark' ||\n                               body.getAttribute('data-theme') === 'dark' ||\n                               html.getAttribute('data-color-mode') === 'dark';\n\n                if (isExplicitLight) {\n                    wrapper.classList.remove('is-dark');\n                    wrapper.classList.add('is-light');\n                } else if (isDark) {\n                    wrapper.classList.add('is-dark');\n                    wrapper.classList.remove('is-light');\n                } else {\n                    \/\/ Fallback to light if nothing is specified\n                    wrapper.classList.remove('is-dark');\n                    wrapper.classList.remove('is-light');\n                }\n            }\n\n            \/\/ Real-time DOM Observer for instantaneous toggle reaction\n            const observer = new MutationObserver(syncTheme);\n            observer.observe(document.documentElement, { attributes: true, attributeFilter: ['class', 'data-theme', 'data-color-mode'] });\n            observer.observe(document.body, { attributes: true, attributeFilter: ['class', 'data-theme', 'data-color-mode'] });\n            \n            \/\/ Initial call\n            syncTheme();\n\n            \/\/ Filter & Search Logic\n            const filterBtns = document.querySelectorAll('.cg-filter-btn');\n            const searchInput = document.getElementById('cg-download-search');\n            const downloadCards = document.querySelectorAll('.cg-download-card');\n            const resultsCount = document.getElementById('cg-results-count');\n            const noResults = document.getElementById('cg-no-results');\n            const downloadsGrid = document.getElementById('cg-downloads-grid');\n\n            if (!downloadCards.length) return;\n\n            let activeCategory = 'all';\n            let searchQuery = '';\n\n            function filterDownloads() {\n                let visibleCount = 0;\n                const query = searchQuery.toLowerCase();\n\n                downloadCards.forEach(card => {\n                    const category = card.getAttribute('data-category') || '';\n                    const title = card.getAttribute('data-title') || '';\n                    const desc = card.getAttribute('data-desc') || '';\n\n                    const matchesCategory = (activeCategory === 'all' || category === activeCategory);\n                    const matchesSearch = (query === '' || title.includes(query) || desc.includes(query));\n\n                    if (matchesCategory && matchesSearch) {\n                        card.style.display = 'flex';\n                        visibleCount++;\n                    } else {\n                        card.style.display = 'none';\n                    }\n                });\n\n                if (resultsCount) resultsCount.textContent = visibleCount;\n                \n                if (visibleCount === 0) {\n                    if (noResults) noResults.style.display = 'block';\n                    if (downloadsGrid) downloadsGrid.style.display = 'none';\n                } else {\n                    if (noResults) noResults.style.display = 'none';\n                    if (downloadsGrid) downloadsGrid.style.display = 'grid';\n                }\n            }\n\n            filterDownloads();\n\n            filterBtns.forEach(btn => {\n                btn.addEventListener('click', function() {\n                    filterBtns.forEach(b => b.classList.remove('active'));\n                    this.classList.add('active');\n                    activeCategory = this.getAttribute('data-category');\n                    filterDownloads();\n                });\n            });\n\n            if (searchInput) {\n                searchInput.addEventListener('input', function() {\n                    searchQuery = this.value;\n                    filterDownloads();\n                });\n            }\n        })();\n        <\/script>\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\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>Resource Center Download OurResources Access our comprehensive library of catalogs, specifications, research papers, and official documents. All Catalogs Legal Documents Certificates Brochures 0 files found No files found Try adjusting your search or filter criteria. Need Specific Information?Contact Our Team If you cannot find the document you are looking for, our support team is ready [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-215","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/life2bio.com\/index.php\/wp-json\/wp\/v2\/pages\/215","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/life2bio.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/life2bio.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/life2bio.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/life2bio.com\/index.php\/wp-json\/wp\/v2\/comments?post=215"}],"version-history":[{"count":17,"href":"https:\/\/life2bio.com\/index.php\/wp-json\/wp\/v2\/pages\/215\/revisions"}],"predecessor-version":[{"id":590,"href":"https:\/\/life2bio.com\/index.php\/wp-json\/wp\/v2\/pages\/215\/revisions\/590"}],"wp:attachment":[{"href":"https:\/\/life2bio.com\/index.php\/wp-json\/wp\/v2\/media?parent=215"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}