CINXE.COM

ProtaGene | Analytical Excellence | Biologic Drug & Cell & Gene Therapy

<!doctype html> <html lang="en-US"> <head> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-N5VPFDF');</script> <!-- End Google Tag Manager --> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <script> var gform;gform||(document.addEventListener("gform_main_scripts_loaded",function(){gform.scriptsLoaded=!0}),window.addEventListener("DOMContentLoaded",function(){gform.domLoaded=!0}),gform={domLoaded:!1,scriptsLoaded:!1,initializeOnLoaded:function(o){gform.domLoaded&&gform.scriptsLoaded?o():!gform.domLoaded&&gform.scriptsLoaded?window.addEventListener("DOMContentLoaded",o):document.addEventListener("gform_main_scripts_loaded",o)},hooks:{action:{},filter:{}},addAction:function(o,n,r,t){gform.addHook("action",o,n,r,t)},addFilter:function(o,n,r,t){gform.addHook("filter",o,n,r,t)},doAction:function(o){gform.doHook("action",o,arguments)},applyFilters:function(o){return gform.doHook("filter",o,arguments)},removeAction:function(o,n){gform.removeHook("action",o,n)},removeFilter:function(o,n,r){gform.removeHook("filter",o,n,r)},addHook:function(o,n,r,t,i){null==gform.hooks[o][n]&&(gform.hooks[o][n]=[]);var e=gform.hooks[o][n];null==i&&(i=n+"_"+e.length),gform.hooks[o][n].push({tag:i,callable:r,priority:t=null==t?10:t})},doHook:function(n,o,r){var t;if(r=Array.prototype.slice.call(r,1),null!=gform.hooks[n][o]&&((o=gform.hooks[n][o]).sort(function(o,n){return o.priority-n.priority}),o.forEach(function(o){"function"!=typeof(t=o.callable)&&(t=window[t]),"action"==n?t.apply(null,r):r[0]=t.apply(null,r)})),"filter"==n)return r[0]},removeHook:function(o,n,t,i){var r;null!=gform.hooks[o][n]&&(r=(r=gform.hooks[o][n]).filter(function(o,n,r){return!!(null!=i&&i!=o.tag||null!=t&&t!=o.priority)}),gform.hooks[o][n]=r)}}); </script> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> <!-- This site is optimized with the Yoast SEO plugin v23.9 - https://yoast.com/wordpress/plugins/seo/ --> <title>ProtaGene | Analytical Excellence | Biologic Drug &amp; Cell &amp; Gene Therapy</title> <meta name="description" content="ProtaGene is a world-leading CRO partner for the biopharmaceutical and gene and cell therapy industries. From research through product commercialization, we provide the most advanced, integrated, and complete protein and gene analytic capabilities and packages for biologic therapeutics as well as gene and cell therapy platforms." /> <link rel="canonical" href="https://www.protagene.com/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="website" /> <meta property="og:title" content="ProtaGene | Analytical Excellence | Biologic Drug &amp; Cell &amp; Gene Therapy" /> <meta property="og:description" content="ProtaGene is a world-leading CRO partner for the biopharmaceutical and gene and cell therapy industries. From research through product commercialization, we provide the most advanced, integrated, and complete protein and gene analytic capabilities and packages for biologic therapeutics as well as gene and cell therapy platforms." /> <meta property="og:url" content="https://www.protagene.com/" /> <meta property="og:site_name" content="ProtaGene" /> <meta property="article:modified_time" content="2023-08-01T10:45:33+00:00" /> <meta name="twitter:card" content="summary_large_image" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://www.protagene.com/","url":"https://www.protagene.com/","name":"ProtaGene | Analytical Excellence | Biologic Drug & Cell & Gene Therapy","isPartOf":{"@id":"https://www.protagene.com/#website"},"datePublished":"2021-11-08T21:48:39+00:00","dateModified":"2023-08-01T10:45:33+00:00","description":"ProtaGene is a world-leading CRO partner for the biopharmaceutical and gene and cell therapy industries. From research through product commercialization, we provide the most advanced, integrated, and complete protein and gene analytic capabilities and packages for biologic therapeutics as well as gene and cell therapy platforms.","breadcrumb":{"@id":"https://www.protagene.com/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://www.protagene.com/"]}]},{"@type":"BreadcrumbList","@id":"https://www.protagene.com/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home"}]},{"@type":"WebSite","@id":"https://www.protagene.com/#website","url":"https://www.protagene.com/","name":"ProtaGene","description":"CRO | Analytics for Biologics and Cell &amp; Gene Therapy","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.protagene.com/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}</script> <!-- / Yoast SEO plugin. --> <script> window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/www.protagene.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.6.2"}}; /*! This file is auto-generated */ !function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83d\udc26\u200d\u2b1b","\ud83d\udc26\u200b\u2b1b")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings); </script> <link rel='stylesheet' id='eo-leaflet.js-css' href='https://www.protagene.com/wp-content/plugins/event-organiser/lib/leaflet/leaflet.min.css?ver=1.4.0' media='all' /> <style id='eo-leaflet.js-inline-css'> .leaflet-popup-close-button{box-shadow:none!important;} </style> <style id='wp-emoji-styles-inline-css'> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link rel='stylesheet' id='wp-block-library-css' href='https://www.protagene.com/wp-includes/css/dist/block-library/style.min.css?ver=6.6.2' media='all' /> <style id='safe-svg-svg-icon-style-inline-css'> .safe-svg-cover{text-align:center}.safe-svg-cover .safe-svg-inside{display:inline-block;max-width:100%}.safe-svg-cover svg{height:100%;max-height:100%;max-width:100%;width:100%} </style> <style id='classic-theme-styles-inline-css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='sage/app.css-css' href='https://www.protagene.com/wp-content/themes/protagene/public/styles/app.css' media='all' /> <link rel='stylesheet' id='ald-styles-css' href='https://www.protagene.com/wp-content/plugins/ajax-load-more-anything/assets/styles.min.css?ver=3.3.8' media='all' /> <script src="https://www.protagene.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script> <script src="https://www.protagene.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script> <link rel="https://api.w.org/" href="https://www.protagene.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://www.protagene.com/wp-json/wp/v2/pages/7" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.protagene.com/xmlrpc.php?rsd" /> <link rel='shortlink' href='https://www.protagene.com/' /> <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://www.protagene.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.protagene.com%2F" /> <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://www.protagene.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.protagene.com%2F&#038;format=xml" /> <script type="application/ld+json"> { "@context": https://schema.org, "@type": "Organization", "url": https://www.protagene.com/, "logo": https://www.protagene.com/wp-content/themes/protagene/public/images/protagene_logo_png.png } </script><link rel="preload" href="" as="font" crossorigin> <link rel="preload" href="" as="font" crossorigin> <link rel="preload" href="" as="font" crossorigin> <link rel="preload" href="" as="font" crossorigin><link rel="icon" href="https://www.protagene.com/wp-content/uploads/2022/01/cropped-favicon-32x32.png" sizes="32x32" /> <link rel="icon" href="https://www.protagene.com/wp-content/uploads/2022/01/cropped-favicon-192x192.png" sizes="192x192" /> <link rel="apple-touch-icon" href="https://www.protagene.com/wp-content/uploads/2022/01/cropped-favicon-180x180.png" /> <meta name="msapplication-TileImage" content="https://www.protagene.com/wp-content/uploads/2022/01/cropped-favicon-270x270.png" /> <style id="wp-custom-css"> /* For Refactor - later */ .two-col-new .gfield-choice-input+label{ padding-left:5px; /* max-width:100%!important; */ } .two-col-new .gfield_checkbox{ column-count:inherit!important; } .two-col-new .gchoice { display:flex } #gform_9 #field_9_7 { align-self:flex-end!important; } #gform_9 #input_9_7{ width: 100%!important; max-width: 100%!important; min-width: max-content; } #gform_9 #field_9_19{ /* display:none; */ align-self:flex-end; } #gform_9 #field_9_19 { margin:0px!important; } .gform_validation_error .validation_message { font-size:11px!important; } .gform_validation_error #gform_9 #field_9_19{ /* display:none; */ margin-top:12.5px!important; align-self:flex-start!important; } .gform_validation_error #gform_9 #field_9_7 { margin-top:12.5px!important; align-self:flex-start!important; } #gform_9 #gform_submit_button_9 { margin-top: 2rem; display: inline-flex; cursor: pointer; border-width: 1px; border-style: solid; --tw-border-opacity: 1; border-color: rgba(233, 90, 41, var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 0.5rem; padding-bottom: 0.5rem; --tw-text-opacity: 1; color: rgba(233, 90, 41, var(--tw-text-opacity)); } .page-id-2508 #input_2_7_6_container{ max-width:100%; flex:100%; width:100%; } .widecat { min-width:380px!important; width:100%; } .widecat .address_country{ flex:100%!important; } html body .page-id-2508 .widecat{ width:375px!important; } html .page-id-2508 #input_9_19{ /* display:none!important; */ } @media only screen and (max-width: 997px) { .widecat{ min-width:85%!important; } } @media only screen and (max-width: 650px) { .widecat{ min-width: 90vw!important; } .widecat .address_country{ flex:100%!important; padding-right: 0px!important; margin-right: 0px; width: 100%; max-width: 100%; } #input_9_1,#input_9_2, #input_9_3, #input_9_4, #input_9_5, #input_9_7_6, #input_9_19{ max-width: 85vw!important; } } #gform_10 #field_10_24::before { content:"Which phase applies to your job function?"; padding-bottom:10px; display:flex; display:none; } /* #gform_10 #field_10_23::before { content:"Which phase applies to your job function?"; padding-bottom:10px; display:flex; } */ #gform_10 #field_10_11::before { content:"Which phase applies to your job function?"; padding-bottom:10px; display:flex; display:none; } /* Temp styles - should be removed after clients aprove */ /* For Refactor - later */ #gform_10 #field_10_7 { align-self:flex-end!important; } #gform_10 #input_10_7{ width: 100%!important; max-width: 100%!important; min-width: max-content; } #gform_10 #field_10_19{ /* display:none; */ align-self:flex-end; } #gform_10 #field_10_19 { margin:0px!important; } .gform_validation_error .validation_message { font-size:11px!important; } .gform_validation_error #gform_10 #field_10_19{ /* display:none; */ margin-top:12.5px!important; align-self:flex-start!important; } .gform_validation_error #gform_10 #field_10_7 { margin-top:12.5px!important; align-self:flex-start!important; } #gform_10 #gform_submit_button_9 { margin-top: 2rem; display: inline-flex; cursor: pointer; border-width: 1px; border-style: solid; --tw-border-opacity: 1; border-color: rgba(233, 90, 41, var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 0.5rem; padding-bottom: 0.5rem; --tw-text-opacity: 1; color: rgba(233, 90, 41, var(--tw-text-opacity)); } .page-id-2508 #input_2_7_6_container{ max-width:100%; flex:100%; width:100%; } #gform_submit_button_10, #gform_submit_button_12 { margin-top: 2rem; display: inline-flex; cursor: pointer; border-width: 1px; border-style: solid; --tw-border-opacity: 1; border-color: rgba(233, 90, 41, var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 0.5rem; padding-bottom: 0.5rem; --tw-text-opacity: 1; color: rgba(233, 90, 41, var(--tw-text-opacity)); } #gform_submit_button_12 { background-color: transparent; } #validation_message_10_7{ display:none; } </style> <style type="text/css"></style> <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet"> <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script> <link rel="stylesheet" href="https://use.typekit.net/sak6rxo.css"> <script id="usercentrics-cmp" src="https://app.usercentrics.eu/browser-ui/latest/loader.js" data-settings-id="Cy-FfEH9q" async></script> <!-- SalesViewer� --> <script>!(function (s, a, l, e, sv, i, ew, er) {try {(a =s[a] || s[l] || function () {throw "no_xhr";}),(sv = i = "//salesviewer.org"),(ew = function(x){(s = new Image()), (s.src = "//salesviewer.org/tle.gif?sva=s7I9o5h6B4J1&u="+window.location+"&e=" + encodeURIComponent(x))}),(l = s.SV_XHR = function (d) {return ((er = new a()),(er.onerror = function () {if (sv != i) return ew("load_err"); (sv = "//www.salesviewer.com/t"), setTimeout(l.bind(null, d), 0);}),(er.onload = function () {(s.execScript || s.eval).call(er, er.responseText);}),er.open("POST", sv, !0),(er.withCredentials = true),er.send(d),er);}),l("h_json=" + 1 * ("JSON" in s && void 0 !== JSON.parse) + "&h_wc=1&h_event=" + 1 * ("addEventListener" in s) + "&sva=" + e);} catch (x) {ew(x)}})(window, "XDomainRequest", "XMLHttpRequest", "s7I9o5h6B4J1");</script> <noscript><img src="//salesviewer.org/s7I9o5h6B4J1.gif" style="visibility:hidden;" /></noscript> <!-- End SalesViewer� --> </head> <body class="home page-template-default page page-id-7 wp-embed-responsive max-w-screen overflow-x-hidden"> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N5VPFDF" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <div id="app"> <div class="relative inline header-container" style="z-index:10001;"> <style> @-moz-document url-prefix() { .header-container .absolute.w-screen { margin-top: 15px; } } </style> <div class="absolute top-0 left-0 w-screen"> <div class="bg-midnight-500 text-white hidden lg:block z-10 relative"> <div class="container"> <div class="topnav pl-4 py-1 ml-auto flex flex-wrap justify-end items-center font-heading"> <a href="/company/careers" class="flex items-center py-2 px-3 h-full hover:text-orange transition duration-200 ease-in-out text-sm">Careers</a> <div class="pipe">|</div> <a href="/resources" class="flex items-center py-2 px-3 h-full hover:text-orange transition duration-200 ease-in-out text-sm">Resources</a> <div class="pipe">|</div> <a href="/contact" class="flex items-center py-2 px-3 h-full hover:text-orange transition duration-200 ease-in-out text-sm">Contact</a> <div id="searchHolderDesktop" class=" relative inline-flex items-center "> <form role="search" method="get" class="search-form" action="https://www.protagene.com/"> <label> <span class="screen-reader-text">Search for:</span> <input type="search" class="search-field" placeholder="Search &hellip;" value="" name="s"> </label> <input type="submit" class="button" value="Search"> </form> <button class="search-icon focus:outline-none outline-none border-none focus:border-none flex items-center py-2 h-full text-white hover:text-orange transition duration-200 ease-in-out cursor-pointer"> <svg class="w-5 h-auto fill-current" version="1.2" baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 28 28" xml:space="preserve"> <path d="M28 26.6l-7.1-7.1c1.8-2.1 2.8-4.7 2.8-7.7C23.7 5.3 18.4 0 11.9 0 5.3 0 0 5.3 0 11.9c0 6.5 5.3 11.9 11.9 11.9 2.9 0 5.6-1.1 7.7-2.8l7.1 7.1 1.3-1.5zM2 11.9C2 6.4 6.4 2 11.9 2s9.9 4.4 9.9 9.9-4.4 9.9-9.9 9.9S2 17.3 2 11.9z"/> </svg> </button> </div> </div> </div> </div> <header class="relative bg-navy-900 "> <div class="hidden lg:block absolute left-0 bottom-full w-screen h-screen underlay bg-gray-100 transition-all duration-300 ease-in-out"></div> <div class="container"> <div class="flex"> <div class="w-auto relative py-4 lg:px-4 logo-container"> <div class="hidden lg:block"> <a class="active-only brand inline-block pr-12 relative z-10" href="https://www.protagene.com/"> <svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" width="232px" height="41px" viewBox="0 0 232 41" version="1.1"> <defs> <path d="M0.1624 0.2942L21.211 0.2942L21.211 21.9262L0.1624 21.9262L0.1624 0.2942Z" id="path_1"/> <clipPath id="mask_1"> <use xlink:href="#path_1"/> </clipPath> </defs> <g id="Group-32-Copy"> <path d="M52.2957 15.9358C52.2957 12.5158 50.0287 10.8458 46.0527 10.8458L40.2467 10.8458L40.2467 21.1448L46.0527 21.1448C50.0287 21.1448 52.2957 19.4348 52.2957 15.9358M57.3457 15.7768C57.3457 22.1388 53.3297 25.8368 46.3307 25.8368L40.2467 25.8368L40.2467 34.0288L34.9187 34.0288L34.9187 6.1938L46.3307 6.1938C53.3297 6.1938 57.3457 9.6528 57.3457 15.7768" id="Fill-1" fill="#213351" fill-rule="evenodd" stroke="none"/> <path d="M71.9055 13.5759L71.9055 12.5779C67.0885 12.1609 64.6325 13.2669 62.8545 15.0839C61.1855 16.7909 59.8095 18.9059 59.6435 22.2339L59.6265 22.2559L59.6265 22.5759C59.6245 22.6829 59.6105 22.7789 59.6105 22.8889L59.6265 22.9059L59.6265 33.9489L64.5985 33.9489L64.5985 23.6479C64.5985 21.5269 65.1415 19.9029 66.2295 18.7749C67.3155 17.6489 68.8275 17.0849 70.7635 17.0849C71.1075 17.0849 71.4925 17.1249 71.9165 17.2049L71.9165 13.5729L71.9055 13.5759Z" id="Fill-3" fill="#213351" fill-rule="evenodd" stroke="none"/> <path d="M77.6356 23.4514C77.6356 27.2684 80.1006 29.8924 83.5996 29.8924C87.1386 29.8924 89.6046 27.2684 89.6046 23.4514C89.6046 19.6344 87.1386 17.0494 83.5996 17.0494C80.1006 17.0494 77.6356 19.6344 77.6356 23.4514M94.8536 23.3714C94.8536 29.8534 90.2806 34.2274 83.5996 34.2274C76.9586 34.2274 72.3866 29.8534 72.3866 23.3714C72.3866 16.9304 76.9586 12.5964 83.5996 12.5964C90.2806 12.5964 94.8536 16.9304 94.8536 23.3714" id="Fill-5" fill="#213351" fill-rule="evenodd" stroke="none"/> <path d="M110.205 32.716C108.574 33.71 106.745 34.267 104.877 34.267C101.417 34.267 98.6339 32.279 98.6339 27.904L98.6339 17.407L95.6509 17.407L95.6109 13.629L98.6339 13.629L98.6339 7.784L103.763 7.784L103.763 13.629L109.847 13.629L109.847 17.407L103.763 17.407L103.763 26.99C103.763 29.018 104.599 29.695 105.99 29.695C106.865 29.695 107.859 29.376 109.012 28.82L110.205 32.716Z" id="Fill-7" fill="#213351" fill-rule="evenodd" stroke="none"/> <path d="M126.497 26.6321L126.497 24.7241L121.129 24.7241C118.386 24.7241 117.113 25.4791 117.113 27.3481C117.113 29.1381 118.545 30.2901 120.891 30.2901C123.873 30.2901 126.219 28.7001 126.497 26.6321L126.497 26.6321ZM126.537 34.0281L126.537 31.4441C125.065 33.3131 122.68 34.2671 119.658 34.2671C115.085 34.2671 112.222 31.4441 112.222 27.6661C112.222 23.7301 115.125 21.3041 120.294 21.2641L126.497 21.2641L126.497 20.7071C126.497 18.2421 124.867 16.7711 121.685 16.7711C119.697 16.7711 117.551 17.4461 115.363 18.7591L113.494 15.1801C116.557 13.4701 118.942 12.5561 122.839 12.5561C128.406 12.5561 131.548 15.3791 131.587 20.1111L131.627 34.0281L126.537 34.0281Z" id="Fill-9" fill="#213351" fill-rule="evenodd" stroke="none"/> <path d="M155.431 20.1907L160.084 20.1907L160.084 30.6487C157.221 32.7957 152.926 34.2667 149.069 34.2667C140.758 34.2667 134.357 28.1037 134.357 20.1107C134.357 12.1187 140.877 6.0347 149.387 6.0347C153.404 6.0347 157.499 7.5857 160.283 10.0107L157.261 13.9077C155.153 11.9597 152.21 10.7667 149.387 10.7667C144.019 10.7667 139.804 14.8627 139.804 20.1107C139.804 25.3997 144.059 29.4957 149.427 29.4957C151.335 29.4957 153.523 28.8197 155.431 27.7457L155.431 20.1907Z" id="Fill-11" fill="#213351" fill-rule="evenodd" stroke="none"/> <path d="M179.215 21.7414C179.096 18.5994 176.988 16.6114 173.767 16.6114C170.705 16.6114 168.558 18.5994 168.081 21.7414L179.215 21.7414ZM183.907 25.2004L168.2 25.2004C168.876 28.2224 171.183 30.0524 174.284 30.0524C176.471 30.0524 178.499 29.2174 180.01 27.6664L182.794 30.5684C180.687 32.8754 177.584 34.2274 173.847 34.2274C167.246 34.2274 162.911 29.8534 162.911 23.4514C162.911 16.9704 167.365 12.5954 173.728 12.5954C181.203 12.5954 184.424 17.4864 183.907 25.2004L183.907 25.2004Z" id="Fill-13" fill="#213351" fill-rule="evenodd" stroke="none"/> <path d="M207.491 20.7473L207.491 34.0283L202.282 34.0283L202.282 22.2583C202.282 19.2753 200.492 17.4463 197.55 17.4463C194.051 17.4863 191.982 20.0713 191.982 23.5703L191.982 34.0283L186.813 34.0283L186.813 12.7543L191.982 12.7543L191.982 16.7303C193.494 13.9073 196.158 12.5963 199.617 12.5563C204.509 12.5563 207.491 15.6973 207.491 20.7473" id="Fill-15" fill="#213351" fill-rule="evenodd" stroke="none"/> <g id="Group-19" transform="translate(210 12.3012)"> <path d="M0.1624 0.2942L21.211 0.2942L21.211 21.9262L0.1624 21.9262L0.1624 0.2942Z" id="Clip-18" fill="none" fill-rule="evenodd" stroke="none"/> <g clip-path="url(#mask_1)"> <path d="M16.4654 9.4402C16.3464 6.2982 14.2384 4.3102 11.0184 4.3102C7.9564 4.3102 5.8094 6.2982 5.3314 9.4402L16.4654 9.4402ZM21.1574 12.8992L5.4504 12.8992C6.1274 15.9212 8.4334 17.7512 11.5344 17.7512C13.7224 17.7512 15.7494 16.9162 17.2614 15.3652L20.0444 18.2672C17.9374 20.5742 14.8354 21.9262 11.0974 21.9262C4.4964 21.9262 0.1624 17.5522 0.1624 11.1502C0.1624 4.6692 4.6154 0.2942 10.9784 0.2942C18.4534 0.2942 21.6754 5.1852 21.1574 12.8992L21.1574 12.8992Z" id="Fill-17" fill="#213351" fill-rule="evenodd" stroke="none"/> </g> </g> <path d="M13.4354 20.1556L6.7154 13.4356L13.4354 6.7156L20.1554 13.4356L13.4354 20.1556Z" id="Fill-20" fill="#ED7351" fill-rule="evenodd" stroke="none"/> <path d="M20.1506 26.8708L13.4306 20.1508L20.1506 13.4308L26.8706 20.1508L20.1506 26.8708Z" id="Fill-22" fill="#213351" fill-rule="evenodd" stroke="none"/> <path d="M13.4354 33.586L6.7154 26.866L13.4354 20.146L20.1554 26.866L13.4354 33.586Z" id="Fill-24" fill="#8BC43F" fill-rule="evenodd" stroke="none"/> <path d="M6.7202 40.3012L0.0002 33.5812L6.7202 26.8612L13.4402 33.5812L6.7202 40.3012Z" id="Fill-26" fill="#27A8DF" fill-rule="evenodd" stroke="none"/> <path d="M6.7202 26.8708L0.0002 20.1508L6.7202 13.4308L13.4402 20.1508L6.7202 26.8708Z" id="Fill-28" fill="#F7941D" fill-rule="evenodd" stroke="none"/> <path d="M6.7202 13.4404L0.0002 6.7204L6.7202 0.0004L13.4402 6.7204L6.7202 13.4404Z" id="Fill-30" fill="#F6B9A8" fill-rule="evenodd" stroke="none"/> </g> </svg> </a> </div> <a class="not-active-only brand inline-block pr-12 relative z-10" href="https://www.protagene.com/"> <svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" width="232px" height="41px" viewBox="0 0 232 41" version="1.1"> <defs> <path d="M0.1624 0.2942L21.211 0.2942L21.211 21.9262L0.1624 21.9262L0.1624 0.2942Z" id="path_1"/> <clipPath id="mask_1"> <use xlink:href="#path_1"/> </clipPath> </defs> <g id="Group-32"> <path d="M52.2957 15.9358C52.2957 12.5158 50.0287 10.8458 46.0527 10.8458L40.2467 10.8458L40.2467 21.1448L46.0527 21.1448C50.0287 21.1448 52.2957 19.4348 52.2957 15.9358M57.3457 15.7768C57.3457 22.1388 53.3297 25.8368 46.3307 25.8368L40.2467 25.8368L40.2467 34.0288L34.9187 34.0288L34.9187 6.1938L46.3307 6.1938C53.3297 6.1938 57.3457 9.6528 57.3457 15.7768" id="Fill-1" fill="#FFFFFF" fill-rule="evenodd" stroke="none"/> <path d="M71.9055 13.5759L71.9055 12.5779C67.0885 12.1609 64.6325 13.2669 62.8545 15.0839C61.1855 16.7909 59.8095 18.9059 59.6435 22.2339L59.6265 22.2559L59.6265 22.5759C59.6245 22.6829 59.6105 22.7789 59.6105 22.8889L59.6265 22.9059L59.6265 33.9489L64.5985 33.9489L64.5985 23.6479C64.5985 21.5269 65.1415 19.9029 66.2295 18.7749C67.3155 17.6489 68.8275 17.0849 70.7635 17.0849C71.1075 17.0849 71.4925 17.1249 71.9165 17.2049L71.9165 13.5729L71.9055 13.5759Z" id="Fill-3" fill="#FFFFFF" fill-rule="evenodd" stroke="none"/> <path d="M77.6356 23.4514C77.6356 27.2684 80.1006 29.8924 83.5996 29.8924C87.1386 29.8924 89.6046 27.2684 89.6046 23.4514C89.6046 19.6344 87.1386 17.0494 83.5996 17.0494C80.1006 17.0494 77.6356 19.6344 77.6356 23.4514M94.8536 23.3714C94.8536 29.8534 90.2806 34.2274 83.5996 34.2274C76.9586 34.2274 72.3866 29.8534 72.3866 23.3714C72.3866 16.9304 76.9586 12.5964 83.5996 12.5964C90.2806 12.5964 94.8536 16.9304 94.8536 23.3714" id="Fill-5" fill="#FFFFFF" fill-rule="evenodd" stroke="none"/> <path d="M110.205 32.716C108.574 33.71 106.745 34.267 104.877 34.267C101.417 34.267 98.6339 32.279 98.6339 27.904L98.6339 17.407L95.6509 17.407L95.6109 13.629L98.6339 13.629L98.6339 7.784L103.763 7.784L103.763 13.629L109.847 13.629L109.847 17.407L103.763 17.407L103.763 26.99C103.763 29.018 104.599 29.695 105.99 29.695C106.865 29.695 107.859 29.376 109.012 28.82L110.205 32.716Z" id="Fill-7" fill="#FFFFFF" fill-rule="evenodd" stroke="none"/> <path d="M126.497 26.6321L126.497 24.7241L121.129 24.7241C118.386 24.7241 117.113 25.4791 117.113 27.3481C117.113 29.1381 118.545 30.2901 120.891 30.2901C123.873 30.2901 126.219 28.7001 126.497 26.6321L126.497 26.6321ZM126.537 34.0281L126.537 31.4441C125.065 33.3131 122.68 34.2671 119.658 34.2671C115.085 34.2671 112.222 31.4441 112.222 27.6661C112.222 23.7301 115.125 21.3041 120.294 21.2641L126.497 21.2641L126.497 20.7071C126.497 18.2421 124.867 16.7711 121.685 16.7711C119.697 16.7711 117.551 17.4461 115.363 18.7591L113.494 15.1801C116.557 13.4701 118.942 12.5561 122.839 12.5561C128.406 12.5561 131.548 15.3791 131.587 20.1111L131.627 34.0281L126.537 34.0281Z" id="Fill-9" fill="#FFFFFF" fill-rule="evenodd" stroke="none"/> <path d="M155.431 20.1907L160.084 20.1907L160.084 30.6487C157.221 32.7957 152.926 34.2667 149.069 34.2667C140.758 34.2667 134.357 28.1037 134.357 20.1107C134.357 12.1187 140.877 6.0347 149.387 6.0347C153.404 6.0347 157.499 7.5857 160.283 10.0107L157.261 13.9077C155.153 11.9597 152.21 10.7667 149.387 10.7667C144.019 10.7667 139.804 14.8627 139.804 20.1107C139.804 25.3997 144.059 29.4957 149.427 29.4957C151.335 29.4957 153.523 28.8197 155.431 27.7457L155.431 20.1907Z" id="Fill-11" fill="#FFFFFF" fill-rule="evenodd" stroke="none"/> <path d="M179.215 21.7414C179.096 18.5994 176.988 16.6114 173.767 16.6114C170.705 16.6114 168.558 18.5994 168.081 21.7414L179.215 21.7414ZM183.907 25.2004L168.2 25.2004C168.876 28.2224 171.183 30.0524 174.284 30.0524C176.471 30.0524 178.499 29.2174 180.01 27.6664L182.794 30.5684C180.687 32.8754 177.584 34.2274 173.847 34.2274C167.246 34.2274 162.911 29.8534 162.911 23.4514C162.911 16.9704 167.365 12.5954 173.728 12.5954C181.203 12.5954 184.424 17.4864 183.907 25.2004L183.907 25.2004Z" id="Fill-13" fill="#FFFFFF" fill-rule="evenodd" stroke="none"/> <path d="M207.491 20.7473L207.491 34.0283L202.282 34.0283L202.282 22.2583C202.282 19.2753 200.492 17.4463 197.55 17.4463C194.051 17.4863 191.982 20.0713 191.982 23.5703L191.982 34.0283L186.813 34.0283L186.813 12.7543L191.982 12.7543L191.982 16.7303C193.494 13.9073 196.158 12.5963 199.617 12.5563C204.509 12.5563 207.491 15.6973 207.491 20.7473" id="Fill-15" fill="#FFFFFF" fill-rule="evenodd" stroke="none"/> <g id="Group-19" transform="translate(210 12.3012)"> <path d="M0.1624 0.2942L21.211 0.2942L21.211 21.9262L0.1624 21.9262L0.1624 0.2942Z" id="Clip-18" fill="none" fill-rule="evenodd" stroke="none"/> <g clip-path="url(#mask_1)"> <path d="M16.4654 9.4402C16.3464 6.2982 14.2384 4.3102 11.0184 4.3102C7.9564 4.3102 5.8094 6.2982 5.3314 9.4402L16.4654 9.4402ZM21.1574 12.8992L5.4504 12.8992C6.1274 15.9212 8.4334 17.7512 11.5344 17.7512C13.7224 17.7512 15.7494 16.9162 17.2614 15.3652L20.0444 18.2672C17.9374 20.5742 14.8354 21.9262 11.0974 21.9262C4.4964 21.9262 0.1624 17.5522 0.1624 11.1502C0.1624 4.6692 4.6154 0.2942 10.9784 0.2942C18.4534 0.2942 21.6754 5.1852 21.1574 12.8992L21.1574 12.8992Z" id="Fill-17" fill="#FFFFFF" fill-rule="evenodd" stroke="none"/> </g> </g> <path d="M13.4354 20.1556L6.7154 13.4356L13.4354 6.7156L20.1554 13.4356L13.4354 20.1556Z" id="Fill-20" fill="#ED7351" fill-rule="evenodd" stroke="none"/> <path d="M20.1506 26.8708L13.4306 20.1508L20.1506 13.4308L26.8706 20.1508L20.1506 26.8708Z" id="Fill-22" fill="#E85026" fill-rule="evenodd" stroke="none"/> <path d="M13.4354 33.586L6.7154 26.866L13.4354 20.146L20.1554 26.866L13.4354 33.586Z" id="Fill-24" fill="#8BC43F" fill-rule="evenodd" stroke="none"/> <path d="M6.7202 40.3012L0.0002 33.5812L6.7202 26.8612L13.4402 33.5812L6.7202 40.3012Z" id="Fill-26" fill="#27A8DF" fill-rule="evenodd" stroke="none"/> <path d="M6.7202 26.8708L0.0002 20.1508L6.7202 13.4308L13.4402 20.1508L6.7202 26.8708Z" id="Fill-28" fill="#F7941D" fill-rule="evenodd" stroke="none"/> <path d="M6.7202 13.4404L0.0002 6.7204L6.7202 0.0004L13.4402 6.7204L6.7202 13.4404Z" id="Fill-30" fill="#F6B9A8" fill-rule="evenodd" stroke="none"/> </g> </svg> </a> </div> <nav id="mainNav" class=" closed min-w-[320px] w-full px-4 lg:pr-0 lg:-mr-3 z-10 bg-navy-900 lg:bg-transparent h-screen lg:h-auto pt-8 lg:pt-0 fixed top-0 right-0 lg:relative ml-auto flex flex-col lg:flex-row lg:justify-end lg:items-center font-heading"> <div class="flex justify-end lg:hidden"> <button class="closeMenu text-white hover:text-orange-500"> <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" /> </svg> </button> </div> <div itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children dropdown relative"><a title="Company" href="#" class="main-item min-h-6 lg:min-h-0 flex items-center justify-between lg:inline-block text-sm text-white hover:text-orange-500 py-3 lg:px-3 transition duration-200 ease-in-out cursor-pointer pointer-actions-none">Company<div class="dropdown-menu-open lg:hidden w-6 h-6 transition duration-200 ease-in-out"></div><div class="dropdown-menu-close hidden w-6 h-6 transition duration-200 ease-in-out"></div></a> <ul class="dropdown-menu lg:absolute top-full left-0 w-full min-w-225px text-left lg:pt-4 hidden" role="menu"> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-post_type menu-item-object-page"><a title="About, History &#038; Values" href="https://www.protagene.com/company/about-history-values/" class="dropdown-item flex w-full py-3 lg:px-4 pl-4 leading-tight text-sm text-white hover:text-orange-500 transition duration-200 ease-in-out" role="menuitem">About, History &#038; Values</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-post_type menu-item-object-page"><a title="Leadership" href="https://www.protagene.com/company/leadership/" class="dropdown-item flex w-full py-3 lg:px-4 pl-4 leading-tight text-sm text-white hover:text-orange-500 transition duration-200 ease-in-out" role="menuitem">Leadership</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-post_type menu-item-object-page"><a title="News &#038; Events" href="https://www.protagene.com/company/news-events/" class="dropdown-item flex w-full py-3 lg:px-4 pl-4 leading-tight text-sm text-white hover:text-orange-500 transition duration-200 ease-in-out" role="menuitem">News &#038; Events</a></li></ul> </div><div itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children dropdown relative"><a title="Biologic Drug Analytics" href="https://www.protagene.com/connect/biologic-drug-analytics/" class="main-item min-h-6 lg:min-h-0 flex items-center justify-between lg:inline-block text-sm text-white hover:text-orange-500 py-3 lg:px-3 transition duration-200 ease-in-out cursor-pointer pointer-actions-none">Biologic Drug Analytics<div class="dropdown-menu-open lg:hidden w-6 h-6 transition duration-200 ease-in-out"></div><div class="dropdown-menu-close hidden w-6 h-6 transition duration-200 ease-in-out"></div></a> <ul class="dropdown-menu lg:absolute top-full left-0 w-full min-w-225px text-left lg:pt-4 hidden" role="menu"> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-post_type menu-item-object-page"><a title="Product Characterization &#038; Attribute Analysis" href="https://www.protagene.com/biologic-drug-analytics/product-characterization-attributes/" class="dropdown-item flex w-full py-3 lg:px-4 pl-4 leading-tight text-sm text-white hover:text-orange-500 transition duration-200 ease-in-out" role="menuitem">Product Characterization &#038; Attribute Analysis</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-post_type menu-item-object-page"><a title="Product and Process Development" href="https://www.protagene.com/biologic-drug-analytics/product-and-process-development/" class="dropdown-item flex w-full py-3 lg:px-4 pl-4 leading-tight text-sm text-white hover:text-orange-500 transition duration-200 ease-in-out" role="menuitem">Product and Process Development</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-post_type menu-item-object-page"><a title="Manufacturing and QC" href="https://www.protagene.com/biologic-drug-analytics/manufacturing-and-qc/" class="dropdown-item flex w-full py-3 lg:px-4 pl-4 leading-tight text-sm text-white hover:text-orange-500 transition duration-200 ease-in-out" role="menuitem">Manufacturing and QC</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-post_type menu-item-object-page"><a title="Biosimilar Program Support" href="https://www.protagene.com/biologic-drug-analytics/biosimilar-program-support/" class="dropdown-item flex w-full py-3 lg:px-4 pl-4 leading-tight text-sm text-white hover:text-orange-500 transition duration-200 ease-in-out" role="menuitem">Biosimilar Program Support</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-post_type menu-item-object-page"><a title="Clinical Sample&nbsp;<i>In Vivo</i>&nbsp;CQA Mapping" href="https://www.protagene.com/biologic-drug-analytics/clinical-sample-in-vivo-cqa-mapping/" class="dropdown-item flex w-full py-3 lg:px-4 pl-4 leading-tight text-sm text-white hover:text-orange-500 transition duration-200 ease-in-out" role="menuitem">Clinical Sample&nbsp;<i>In Vivo</i>&nbsp;CQA Mapping</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-post_type menu-item-object-page"><a title="Cell-based Assays" href="https://www.protagene.com/biologic-drug-analytics/cell-based-assays/" class="dropdown-item flex w-full py-3 lg:px-4 pl-4 leading-tight text-sm text-white hover:text-orange-500 transition duration-200 ease-in-out" role="menuitem">Cell-based Assays</a></li></ul> </div><div itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children dropdown relative"><a title="Cell &#038; Gene Analytics" href="https://www.protagene.com/connect/cell-gene-analytics/" class="main-item min-h-6 lg:min-h-0 flex items-center justify-between lg:inline-block text-sm text-white hover:text-orange-500 py-3 lg:px-3 transition duration-200 ease-in-out cursor-pointer pointer-actions-none">Cell &#038; Gene Analytics<div class="dropdown-menu-open lg:hidden w-6 h-6 transition duration-200 ease-in-out"></div><div class="dropdown-menu-close hidden w-6 h-6 transition duration-200 ease-in-out"></div></a> <ul class="dropdown-menu lg:absolute top-full left-0 w-full min-w-225px text-left lg:pt-4 hidden" role="menu"> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-post_type menu-item-object-page"><a title="Molecular Bioanalysis" href="https://www.protagene.com/molecular-bioanalytical-solutions/" class="dropdown-item flex w-full py-3 lg:px-4 pl-4 leading-tight text-sm text-white hover:text-orange-500 transition duration-200 ease-in-out" role="menuitem">Molecular Bioanalysis</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-post_type menu-item-object-page"><a title="Integration Site Analysis" href="https://www.protagene.com/gene-cell-analytics/integration-site-analysis/" class="dropdown-item flex w-full py-3 lg:px-4 pl-4 leading-tight text-sm text-white hover:text-orange-500 transition duration-200 ease-in-out" role="menuitem">Integration Site Analysis</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-post_type menu-item-object-page"><a title="Vector Characterization" href="https://www.protagene.com/gene-cell-analytics/vector-analytics/" class="dropdown-item flex w-full py-3 lg:px-4 pl-4 leading-tight text-sm text-white hover:text-orange-500 transition duration-200 ease-in-out" role="menuitem">Vector Characterization</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-post_type menu-item-object-page"><a title="Bioinformatics - NGS Data Analytics" href="https://www.protagene.com/gene-cell-analytics/bioinformatics/" class="dropdown-item flex w-full py-3 lg:px-4 pl-4 leading-tight text-sm text-white hover:text-orange-500 transition duration-200 ease-in-out" role="menuitem">Bioinformatics &#8211; NGS Data Analytics</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-post_type menu-item-object-page"><a title="Genome and Gene Editing" href="https://www.protagene.com/gene-cell-analytics/genetic-analytics/" class="dropdown-item flex w-full py-3 lg:px-4 pl-4 leading-tight text-sm text-white hover:text-orange-500 transition duration-200 ease-in-out" role="menuitem">Genome and Gene Editing</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-post_type menu-item-object-page"><a title="Gene Expression Quantitation" href="https://www.protagene.com/gene-cell-analytics/gene-expression-analysis/" class="dropdown-item flex w-full py-3 lg:px-4 pl-4 leading-tight text-sm text-white hover:text-orange-500 transition duration-200 ease-in-out" role="menuitem">Gene Expression Quantitation</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-post_type menu-item-object-page"><a title="Commercial Patient Testing" href="https://www.protagene.com/commercial-patient-testing/" class="dropdown-item flex w-full py-3 lg:px-4 pl-4 leading-tight text-sm text-white hover:text-orange-500 transition duration-200 ease-in-out" role="menuitem">Commercial Patient Testing</a></li></ul> </div><div itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-post_type menu-item-object-page"><a title="Quality Systems" href="https://www.protagene.com/quality-systems/" class="main-item min-h-6 lg:min-h-0 flex items-center justify-between lg:inline-block leading-relaxed lg:leading-none text-sm text-white hover:text-orange-500 py-3 lg:px-3 transition duration-200 ease-in-out cursor-pointer pointer-actions-none">Quality Systems</a></div><div itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-post_type menu-item-object-page"><a title="Program Partnering" href="https://www.protagene.com/program-partnering/" class="main-item min-h-6 lg:min-h-0 flex items-center justify-between lg:inline-block leading-relaxed lg:leading-none text-sm text-white hover:text-orange-500 py-3 lg:px-3 transition duration-200 ease-in-out cursor-pointer pointer-actions-none">Program Partnering</a></div> <div class="block lg:hidden"> <div itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-post_type menu-item-object-page"><a title="Commercial Patient Testing" href="https://www.protagene.com/commercial-patient-testing/" class="main-item min-h-6 lg:min-h-0 flex items-center justify-between lg:inline-block leading-relaxed lg:leading-none text-sm text-white hover:text-orange-500 py-3 lg:px-3 transition duration-200 ease-in-out cursor-pointer pointer-actions-none">Commercial Patient Testing</a></div><div itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-post_type menu-item-object-page"><a title="Resources" href="https://www.protagene.com/resources/" class="main-item min-h-6 lg:min-h-0 flex items-center justify-between lg:inline-block leading-relaxed lg:leading-none text-sm text-white hover:text-orange-500 py-3 lg:px-3 transition duration-200 ease-in-out cursor-pointer pointer-actions-none">Resources</a></div><div itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-custom menu-item-object-custom"><a title="Careers" href="https://careers.protagene.com" class="main-item min-h-6 lg:min-h-0 flex items-center justify-between lg:inline-block leading-relaxed lg:leading-none text-sm text-white hover:text-orange-500 py-3 lg:px-3 transition duration-200 ease-in-out cursor-pointer pointer-actions-none">Careers</a></div><div itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-post_type menu-item-object-page"><a title="Contact Us" href="https://www.protagene.com/contact/" class="main-item min-h-6 lg:min-h-0 flex items-center justify-between lg:inline-block leading-relaxed lg:leading-none text-sm text-white hover:text-orange-500 py-3 lg:px-3 transition duration-200 ease-in-out cursor-pointer pointer-actions-none">Contact Us</a></div> </div> </nav> <button class="block lg:hidden openMenu ml-auto text-white hover:text-orange-500 py-4"> <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" /> </svg> </button> </div> </div> </header> </div> </div> <script> var navDrawer = document.querySelector('nav#mainNav'), hamburgerBtn = document.querySelector('button.openMenu'), closeBtn = document.querySelector('button.closeMenu'); hamburgerBtn.onclick = function() { openMenu() } closeBtn.onclick = function() { closeMenu() } function closeMenu() { navDrawer.classList.add('closed') } function openMenu() { navDrawer.classList.remove('closed') } </script> <main class="main overflow-x-hidden"> <section class="relative w-full bg-midnight-500 homepage-hero overflow-hidden pt-[79px] lg:pt-[123px]"> <div class="container-fluid px-0 relative z-20"> <div class="container-fluid px-0 relative z-20"> <div class="flex flex-wrap relative z-20"> <div class="w-full relative flex items-center video-container"> <video autoplay="autoplay" muted loop playsinline id="myVideo"> <source src="https://www.protagene.com/wp-content/uploads/2023/03/Inside_Protagene_for_Website_Untitled_MPEG_4_33.mp4" type="video/mp4"> </video> <!-- <div class="max-w-[500px] relative z-20 px-8 py-24 lg:py-8 homepage__hero-text overlay flex-wrap"> --> <div class="overlay flex-wrap"> <h1 data-aos="fade-down" class="text-white leading-tight font-bold"> Elevate Your Analytics </h1> <h2 data-aos="fade-down" data-aos-delay="100" class="text-white leading-snug my-4 font-bold"> Custom Solutions to Reach Your Development Milestones </h2> <p data-aos="fade-down" data-aos-delay="200" class="text-white"> From research to commercial product release, we provide leading global biopharmaceutical, cell, and gene therapy developers advanced, integrated, and complete analytical solutions and expert consultation to support our global clients’ decision-making throughout the development process. </p> <div class="container-fluid relative pt-8" data-aos="fade-down" data-aos-delay="300"> <div class="flex justify-left"> <button id="button" class="transition-all duration-500 ease-in-out bg-orange-500 text-white text-lg font-bold py-4 px-8 focus:outline-none focus:shadow-outline hover:shadow-outline" onclick="window.open('https://www.protagene.com/contact/','_self')"> Contact Us </button> </div> <div class="" id="divBlock" style="display:none; transition: all 2s ease-in-out"> <div class="py-2 px-4 bg-orange-500 text-white flex"> Schedule a 30-minute introductory call to learn how analytical excellence can accelerate your development program. </div> </div> </div> </div> </div> <div class="w-full grid grid-cols-2 sm:grid-cols-2"> <a href="https://www.protagene.com/connect/biologic-drug-analytics/" class="aspect-w-1 aspect-h overflow-hidden group"> <div class=""> <img decoding="async" class="absolute top-0 left-0 w-full h-full z-10 object-cover object-right not-lazy w-full h-full" src="https://www.protagene.com/wp-content/uploads/2023/03/Artboard-–-1-1.png" alt=""> <h2 class="px-8 pb-8 lg:px-12 lg:pb-12 text-2xl sm:text-xl font-semibold absolute bottom-0 z-20 text-white leading-tight"> Biologic Drug Analytics</h2> <div class="absolute z-30 top-full group-hover:top-0 w-full h-full bg-navy-500 flex items-end p-8 lg:p-12 transition-all duration-500 ease-in-out"> <p class="text-white text-lg sm:text-md font-semibold" id="hover-text">Advanced analytics and complete data packages for all stages of biotherapeutic development.</p> </div> <div class="absolute z-40 top-6 right-6 w-[36px] text-white group-hover:text-orange-500 transition duration-500 ease-in-out"> <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 29 29" class="w-full h-auto fill-none stroke-current"><path d="M28 28V1H1M28 1 1 28"/></svg> </div> </div> </a> <a href="https://www.protagene.com/connect/cell-gene-analytics/" class="aspect-w-1 aspect-h overflow-hidden group"> <div class=""> <img decoding="async" class="absolute top-0 left-0 w-full h-full z-10 object-cover object-right not-lazy w-full h-full" src="https://www.protagene.com/wp-content/uploads/2023/03/Artboard-–-2-1.png" alt=""> <h2 class="px-8 pb-8 lg:px-12 lg:pb-12 text-2xl sm:text-xl font-semibold absolute bottom-0 z-20 text-white leading-tight"> Cell &#038; Gene Therapeutic Analytics</h2> <div class="absolute z-30 top-full group-hover:top-0 w-full h-full bg-orange-500 flex items-end p-8 lg:p-12 transition-all duration-500 ease-in-out"> <p class="text-white text-lg sm:text-md font-semibold" id="hover-text">Industry leader innovating vector analytics advancing gene therapy safety.</p> </div> <div class="absolute z-40 top-6 right-6 w-[36px] text-white group-hover:text-navy-900 transition duration-500 ease-in-out"> <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 29 29" class="w-full h-auto fill-none stroke-current"><path d="M28 28V1H1M28 1 1 28"/></svg> </div> </div> </a> </div> </div> <div class="absolute top-0 left-0 w-full h-full hidden lg:block"> <div class="container-fluid relative pointer-events-none"> <div class="w-full lg:w-1/4 2xl:w-1/6"> <div class="aspect-w-1 overflow-hidden relative group"> <div class="box"></div> </div> <div class="aspect-w-1 overflow-hidden relative group"> <div class="box"></div> </div> </div> </div> </div> <div class="w-full lg:w-1/4 2xl:w-1/6"> <div class="aspect-w-1 overflow-hidden relative group"> <div class="box"></div> </div> <div class="aspect-w-1 overflow-hidden relative group"> <div class="box"></div> </div> </div> </div> </div> </div> </section> <script> if (window.matchMedia("(min-width: 768px)").matches) { const button = document.getElementById('button'); button.addEventListener('mouseover', function() { document.getElementById('divBlock').style.display = 'block'; }); button.addEventListener('mouseout', function() { document.getElementById('divBlock').style.display = 'none'; }); } </script> <section class="bg-gray-200 text-black overflow-hidden"> <div class="container"> <div class="flex flex-wrap items-stretch lg:flex-row"> <div class="w-full lg:w-1/2 py-8 px-4 lg:py-70 lg:pr-32 lg:pl-20 lg:pr-32 lg:pl-8"> <h2 class="text-orange-500 mb-4"> Speed Time to Market with Cutting-Edge Molecular Bioanalysis Approaches </h2> <div class="richtext"> <p>ProtaGene is excited to announce our expanded <a href="https://www.protagene.com/molecular-bioanalytical-solutions/?utm_source=PGNSite&amp;utm_medium=PGNHome&amp;utm_campaign=HomeBioA" target="_blank" rel="noopener">molecular bioanalytical solutions</a> capacity and capabilities – explicitly tailored for gene therapy developers. Our molecular bioanalytical solutions are designed to enable preclinical assessment of safety risks and monitoring of gene therapies in the clinic.</p> <p>​</p> </div> <div class="mt-8"> <a href="https://www.protagene.com/molecular-bioanalytical-solutions/" class="font-semibold inline-flex px-4 py-2 border-2 border-solid border-orange-500 text-orange-500 hover:text-white hover:bg-orange-500"> Learn More </a> </div> </div> <div class="w-full lg:w-1/2 relative"> <img decoding="async" src="https://www.protagene.com/wp-content/uploads/2023/05/ProtageneMay2023_19.jpeg" class="object-cover w-full lg:h-full" alt=""> </div> </div> </div> </section> <section class="w-full bg-white text-black"> <div class="container mx-auto py-8 lg:pt-85 lg:pb-50"> <h2 class="text-center text-orange-500"> Analytical Solutions from Research to Market </h2> <div class="div lg:px-100"> <p class="mt-4 text-center"> Our scientific expertise, experience across a wide range of therapeutics and regions, multi-continent foundation, and commitment to quality provide complete analytic solutions for protein biologics and cell and gene therapeutics throughout products’ development and regulatory life cycles—from discovery to market. </p> </div> </div> <div class="py-8 lg:py-50 container"> <div class=" w-full lg:px-100"> <div class="analytical-solutions-slider flex flex-wrap w-full justify-center items-start"> <div class="active123 group slide-item w-full md:w-1/2 mb-8 md:mb-16 lg:w-1/3 px-2"> <div class="text-lime-500 flex justify-center"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="270px" height="89px" viewBox="0 0 270 89" version="1.1"> <!-- Generator: Sketch 59.1 (86144) - https://sketch.com --> <title>Group</title> <desc>Created with Sketch.</desc> <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Analytical-Solutions-from-Research-to-Market_OnWhite" transform="translate(-1.000000, -89.000000)"> <g id="Group" transform="translate(1.000000, 89.000000)"> <rect id="Rectangle" fill="currentColor" x="0" y="0" width="270" height="7"/> <path d="M138,85 L134.227273,85 C85.3589028,85 105.827073,9 64.8139611,9 L55,9" id="Stroke-3-Copy-3" stroke="currentColor" stroke-width="1.2" transform="translate(96.500000, 47.000000) rotate(-270.000000) translate(-96.500000, -47.000000) "/> <path d="M216,85 L212.227273,85 C163.358903,85 183.827073,9 142.813961,9 L133,9" id="Stroke-3-Copy-4" stroke="currentColor" stroke-width="1.2" transform="translate(174.500000, 47.000000) scale(-1, 1) rotate(-270.000000) translate(-174.500000, -47.000000) "/> </g> </g> </g> </svg> </div> <div class="w-full"> <div class="flex w-full items-center justify-around"> <div class="py-2 w-1/3 text-center font-bold"> Research </div> <div class="py-2 w-1/3 text-center font-bold"> Preclinical </div> </div> <div class="bottom-lines text-lime-500 flex justify-center"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="155px" height="89px" viewBox="0 0 155 89" version="1.1"> <!-- Generator: Sketch 59.1 (86144) - https://sketch.com --> <title>Group 2</title> <desc>Created with Sketch.</desc> <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Analytical-Solutions-from-Research-to-Market_OnWhite" transform="translate(-59.000000, -216.000000)"> <g id="Group-2" transform="translate(60.000000, 216.000000)"> <path d="M156,80 L152.227273,80 C103.358903,80 123.827073,4 82.8139611,4 L73,4" id="Stroke-3-Copy-7" stroke="currentColor" stroke-width="1.2" transform="translate(114.500000, 42.000000) rotate(-90.000000) translate(-114.500000, -42.000000) "/> <path d="M80,80 L76.2272727,80 C27.3589028,80 47.8270727,4 6.81396113,4 L-3,4" id="Stroke-3-Copy-8" stroke="currentColor" stroke-width="1.2" transform="translate(38.500000, 42.000000) scale(-1, 1) rotate(-90.000000) translate(-38.500000, -42.000000) "/> <rect id="Rectangle-Copy-4" fill="currentColor" transform="translate(76.500000, 83.500000) rotate(-315.000000) translate(-76.500000, -83.500000) " x="73" y="80" width="7" height="7"/> </g> </g> </g> </svg> </div> </div> <div class="bottom-text"> <p class="pt-4 font-bold text-center text-lime-500"> Discovery – Pre-clinical </p> <div class=" pt-2 px-4"> <p class="text-center"> Biologic Candidate Evaluation, Optimization and Selection&nbsp;into&nbsp;IND </p> </div> </div> </div> <div class=" group slide-item w-full md:w-1/2 mb-8 md:mb-16 lg:w-1/3 px-2"> <div class="text-orange-500 flex justify-center"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="270px" height="89px" viewBox="0 0 270 89" version="1.1"> <!-- Generator: Sketch 59.1 (86144) - https://sketch.com --> <title>Group 3</title> <desc>Created with Sketch.</desc> <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Analytical-Solutions-from-Research-to-Market_OnWhite" transform="translate(-291.000000, -89.000000)"> <g id="Group-3" transform="translate(291.000000, 89.000000)"> <rect id="Rectangle-Copy" fill="currentColor" x="0" y="0" width="270" height="7"/> <path d="M125,99 L121.227273,99 C72.3589028,99 92.8270727,-4 51.8139611,-4 L42,-4" id="Stroke-3" stroke="currentColor" stroke-width="1.2" transform="translate(83.500000, 47.500000) rotate(-270.000000) translate(-83.500000, -47.500000) "/> <path d="M233,99 L229.227273,99 C180.358903,99 200.827073,-4 159.813961,-4 L150,-4" id="Stroke-3-Copy-2" stroke="currentColor" stroke-width="1.2" transform="translate(191.500000, 47.500000) scale(-1, 1) rotate(-270.000000) translate(-191.500000, -47.500000) "/> <line x1="137.5" y1="4" x2="137.5" y2="89" id="Path-6" stroke="currentColor" stroke-width="1.2"/> </g> </g> </g> </svg> </div> <div class="w-full"> <div class="flex w-full items-center justify-around"> <div class="py-2 w-1/3 text-center font-bold"> Phase I </div> <div class="py-2 w-1/3 text-center font-bold"> Phase II </div> <div class="py-2 w-1/3 text-center font-bold"> Phase III </div> </div> <div class="bottom-lines text-orange-500 flex justify-center"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="213px" height="89px" viewBox="0 0 213 89" version="1.1"> <!-- Generator: Sketch 59.1 (86144) - https://sketch.com --> <title>Group 4</title> <desc>Created with Sketch.</desc> <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Analytical-Solutions-from-Research-to-Market_OnWhite" transform="translate(-322.000000, -216.000000)"> <g id="Group-4" transform="translate(323.000000, 215.500000)"> <path d="M200,95 L196.227273,95 C147.358903,95 167.827073,-10 126.813961,-10 L117,-10" id="Stroke-3-Copy-9" stroke="currentColor" stroke-width="1.2" transform="translate(158.500000, 42.500000) rotate(-90.000000) translate(-158.500000, -42.500000) "/> <path d="M94,95 L90.2272727,95 C41.3589028,95 61.8270727,-10 20.8139611,-10 L11,-10" id="Stroke-3-Copy-10" stroke="currentColor" stroke-width="1.2" transform="translate(52.500000, 42.500000) scale(-1, 1) rotate(-90.000000) translate(-52.500000, -42.500000) "/> <rect id="Rectangle-Copy-5" fill="#E95A29" transform="translate(105.500000, 84.000000) rotate(-315.000000) translate(-105.500000, -84.000000) " x="102" y="80.5" width="7" height="7"/> <line x1="105.5" y1="1" x2="105.5" y2="83.5" id="Path-6-Copy" stroke="currentColor" stroke-width="1.2"/> </g> </g> </g> </svg> </div> </div> <div class="bottom-text"> <p class="pt-4 font-bold text-center text-orange-500"> Phase I – Phase III </p> <div class=" pt-2 px-4"> <p class="text-center"> Release, Clinical Data and Characterization Packages for Accelerating Phase I-III Programs&nbsp;through&nbsp;BLA </p> </div> </div> </div> <div class=" group slide-item w-full md:w-1/2 mb-8 md:mb-16 lg:w-1/3 px-2"> <div class="text-robin-500 flex justify-center"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="270px" height="89px" viewBox="0 0 270 89" version="1.1"> <!-- Generator: Sketch 59.1 (86144) - https://sketch.com --> <title>Group</title> <desc>Created with Sketch.</desc> <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Analytical-Solutions-from-Research-to-Market_OnWhite" transform="translate(-1.000000, -89.000000)"> <g id="Group" transform="translate(1.000000, 89.000000)"> <rect id="Rectangle" fill="currentColor" x="0" y="0" width="270" height="7"/> <path d="M138,85 L134.227273,85 C85.3589028,85 105.827073,9 64.8139611,9 L55,9" id="Stroke-3-Copy-3" stroke="currentColor" stroke-width="1.2" transform="translate(96.500000, 47.000000) rotate(-270.000000) translate(-96.500000, -47.000000) "/> <path d="M216,85 L212.227273,85 C163.358903,85 183.827073,9 142.813961,9 L133,9" id="Stroke-3-Copy-4" stroke="currentColor" stroke-width="1.2" transform="translate(174.500000, 47.000000) scale(-1, 1) rotate(-270.000000) translate(-174.500000, -47.000000) "/> </g> </g> </g> </svg> </div> <div class="w-full"> <div class="flex w-full items-center justify-around"> <div class="py-2 w-1/3 text-center font-bold"> Registration </div> <div class="py-2 w-1/3 text-center font-bold"> Market </div> </div> <div class="bottom-lines text-robin-500 flex justify-center"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="155px" height="89px" viewBox="0 0 155 89" version="1.1"> <!-- Generator: Sketch 59.1 (86144) - https://sketch.com --> <title>Group 2</title> <desc>Created with Sketch.</desc> <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Analytical-Solutions-from-Research-to-Market_OnWhite" transform="translate(-59.000000, -216.000000)"> <g id="Group-2" transform="translate(60.000000, 216.000000)"> <path d="M156,80 L152.227273,80 C103.358903,80 123.827073,4 82.8139611,4 L73,4" id="Stroke-3-Copy-7" stroke="currentColor" stroke-width="1.2" transform="translate(114.500000, 42.000000) rotate(-90.000000) translate(-114.500000, -42.000000) "/> <path d="M80,80 L76.2272727,80 C27.3589028,80 47.8270727,4 6.81396113,4 L-3,4" id="Stroke-3-Copy-8" stroke="currentColor" stroke-width="1.2" transform="translate(38.500000, 42.000000) scale(-1, 1) rotate(-90.000000) translate(-38.500000, -42.000000) "/> <rect id="Rectangle-Copy-4" fill="currentColor" transform="translate(76.500000, 83.500000) rotate(-315.000000) translate(-76.500000, -83.500000) " x="73" y="80" width="7" height="7"/> </g> </g> </g> </svg> </div> </div> <div class="bottom-text"> <p class="pt-4 font-bold text-center text-robin-500"> Registration – Market </p> <div class=" pt-2 px-4"> <p class="text-center"> Commercial-Stage Comparability Testing by Qualified Advanced&nbsp;Methods </p> </div> </div> </div> </div> </div> </div> </section> <style> @media(min-width:768px) { .slide-item .bottom-lines { overflow:hidden; position: relative; opacity:0; } .slide-item .bottom-text { opacity: 50%; } .slide-item .bottom-text p.font-bold { filter: grayscale(100%) } .slide-item:hover .bottom-lines { opacity: 100%; } .slide-item:hover .bottom-text { opacity: 100%; } .slide-item:hover .bottom-text p.font-bold { filter: grayscale(0%) } } </style> <section class="w-screen bg-navy-500 text-white py-50"> <div class="container"> <div class="flex flex-wrap items-center"> <div class="w-full md:w-1/3 flex justify-center items-start md:items-center h-[175px] md:h-full"> <div class="animation-frames relative no-ffox instrBaitLeft"> <div class="bg-center instrBaitLeft-fix hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00000.png)"> <img decoding="async" class="not-lazy" src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00000.png" alt="hero-animation"> </div> <div class="instrBaitLeft-fixer"> <div class="bg-center instrBaitLeft-frame " style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00000.png)"> <img decoding="async" data-index="0" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00000.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00001.png)"> <img decoding="async" data-index="1" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00001.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00002.png)"> <img decoding="async" data-index="2" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00002.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00003.png)"> <img decoding="async" data-index="3" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00003.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00004.png)"> <img decoding="async" data-index="4" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00004.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00005.png)"> <img decoding="async" data-index="5" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00005.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00006.png)"> <img decoding="async" data-index="6" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00006.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00007.png)"> <img decoding="async" data-index="7" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00007.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00008.png)"> <img decoding="async" data-index="8" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00008.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00009.png)"> <img decoding="async" data-index="9" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00009.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00010.png)"> <img decoding="async" data-index="10" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00010.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00011.png)"> <img decoding="async" data-index="11" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00011.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00012.png)"> <img decoding="async" data-index="12" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00012.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00013.png)"> <img decoding="async" data-index="13" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00013.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00014.png)"> <img decoding="async" data-index="14" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00014.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00015.png)"> <img decoding="async" data-index="15" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00015.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00016.png)"> <img decoding="async" data-index="16" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00016.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00017.png)"> <img decoding="async" data-index="17" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00017.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00018.png)"> <img decoding="async" data-index="18" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00018.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00019.png)"> <img decoding="async" data-index="19" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00019.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00020.png)"> <img decoding="async" data-index="20" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00020.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00021.png)"> <img decoding="async" data-index="21" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00021.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00022.png)"> <img decoding="async" data-index="22" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00022.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00023.png)"> <img decoding="async" data-index="23" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00023.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00024.png)"> <img decoding="async" data-index="24" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00024.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00025.png)"> <img decoding="async" data-index="25" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00025.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00026.png)"> <img decoding="async" data-index="26" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00026.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00027.png)"> <img decoding="async" data-index="27" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00027.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00028.png)"> <img decoding="async" data-index="28" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00028.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00029.png)"> <img decoding="async" data-index="29" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00029.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00030.png)"> <img decoding="async" data-index="30" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00030.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00031.png)"> <img decoding="async" data-index="31" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00031.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00032.png)"> <img decoding="async" data-index="32" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00032.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00033.png)"> <img decoding="async" data-index="33" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00033.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00034.png)"> <img decoding="async" data-index="34" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00034.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00035.png)"> <img decoding="async" data-index="35" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00035.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00036.png)"> <img decoding="async" data-index="36" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00036.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00037.png)"> <img decoding="async" data-index="37" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00037.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00038.png)"> <img decoding="async" data-index="38" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00038.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00039.png)"> <img decoding="async" data-index="39" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00039.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00040.png)"> <img decoding="async" data-index="40" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00040.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00041.png)"> <img decoding="async" data-index="41" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00041.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00042.png)"> <img decoding="async" data-index="42" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00042.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00043.png)"> <img decoding="async" data-index="43" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00043.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00044.png)"> <img decoding="async" data-index="44" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00044.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00045.png)"> <img decoding="async" data-index="45" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00045.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00046.png)"> <img decoding="async" data-index="46" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00046.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00047.png)"> <img decoding="async" data-index="47" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00047.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00048.png)"> <img decoding="async" data-index="48" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00048.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00049.png)"> <img decoding="async" data-index="49" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00049.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00050.png)"> <img decoding="async" data-index="50" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00050.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00051.png)"> <img decoding="async" data-index="51" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00051.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00052.png)"> <img decoding="async" data-index="52" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00052.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00053.png)"> <img decoding="async" data-index="53" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00053.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00054.png)"> <img decoding="async" data-index="54" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00054.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00055.png)"> <img decoding="async" data-index="55" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00055.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00056.png)"> <img decoding="async" data-index="56" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00056.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00057.png)"> <img decoding="async" data-index="57" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00057.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00058.png)"> <img decoding="async" data-index="58" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00058.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00059.png)"> <img decoding="async" data-index="59" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00059.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00060.png)"> <img decoding="async" data-index="60" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00060.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00061.png)"> <img decoding="async" data-index="61" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00061.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00062.png)"> <img decoding="async" data-index="62" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00062.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00063.png)"> <img decoding="async" data-index="63" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00063.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00064.png)"> <img decoding="async" data-index="64" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00064.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00065.png)"> <img decoding="async" data-index="65" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00065.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00066.png)"> <img decoding="async" data-index="66" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00066.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00067.png)"> <img decoding="async" data-index="67" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00067.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00068.png)"> <img decoding="async" data-index="68" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00068.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00069.png)"> <img decoding="async" data-index="69" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00069.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00070.png)"> <img decoding="async" data-index="70" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00070.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00071.png)"> <img decoding="async" data-index="71" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00071.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00072.png)"> <img decoding="async" data-index="72" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00072.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00073.png)"> <img decoding="async" data-index="73" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00073.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00074.png)"> <img decoding="async" data-index="74" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00074.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00075.png)"> <img decoding="async" data-index="75" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00075.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00076.png)"> <img decoding="async" data-index="76" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00076.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00077.png)"> <img decoding="async" data-index="77" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00077.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00078.png)"> <img decoding="async" data-index="78" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00078.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00079.png)"> <img decoding="async" data-index="79" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00079.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00080.png)"> <img decoding="async" data-index="80" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00080.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00081.png)"> <img decoding="async" data-index="81" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00081.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00082.png)"> <img decoding="async" data-index="82" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00082.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00083.png)"> <img decoding="async" data-index="83" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00083.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00084.png)"> <img decoding="async" data-index="84" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00084.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00085.png)"> <img decoding="async" data-index="85" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00085.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00086.png)"> <img decoding="async" data-index="86" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00086.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00087.png)"> <img decoding="async" data-index="87" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00087.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00088.png)"> <img decoding="async" data-index="88" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00088.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00089.png)"> <img decoding="async" data-index="89" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00089.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00090.png)"> <img decoding="async" data-index="90" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00090.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00091.png)"> <img decoding="async" data-index="91" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00091.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00092.png)"> <img decoding="async" data-index="92" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00092.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00093.png)"> <img decoding="async" data-index="93" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00093.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00094.png)"> <img decoding="async" data-index="94" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00094.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00095.png)"> <img decoding="async" data-index="95" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00095.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00096.png)"> <img decoding="async" data-index="96" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00096.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00097.png)"> <img decoding="async" data-index="97" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00097.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00098.png)"> <img decoding="async" data-index="98" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00098.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00099.png)"> <img decoding="async" data-index="99" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00099.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00100.png)"> <img decoding="async" data-index="100" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00100.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00101.png)"> <img decoding="async" data-index="101" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00101.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00102.png)"> <img decoding="async" data-index="102" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00102.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00103.png)"> <img decoding="async" data-index="103" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00103.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00104.png)"> <img decoding="async" data-index="104" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00104.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00105.png)"> <img decoding="async" data-index="105" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00105.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00106.png)"> <img decoding="async" data-index="106" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00106.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00107.png)"> <img decoding="async" data-index="107" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00107.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00108.png)"> <img decoding="async" data-index="108" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00108.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00109.png)"> <img decoding="async" data-index="109" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00109.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00110.png)"> <img decoding="async" data-index="110" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00110.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00111.png)"> <img decoding="async" data-index="111" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00111.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00112.png)"> <img decoding="async" data-index="112" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00112.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00113.png)"> <img decoding="async" data-index="113" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00113.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00114.png)"> <img decoding="async" data-index="114" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00114.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00115.png)"> <img decoding="async" data-index="115" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00115.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00116.png)"> <img decoding="async" data-index="116" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00116.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00117.png)"> <img decoding="async" data-index="117" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00117.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00118.png)"> <img decoding="async" data-index="118" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00118.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00119.png)"> <img decoding="async" data-index="119" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00119.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00120.png)"> <img decoding="async" data-index="120" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00120.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00121.png)"> <img decoding="async" data-index="121" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00121.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00122.png)"> <img decoding="async" data-index="122" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00122.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00123.png)"> <img decoding="async" data-index="123" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00123.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00124.png)"> <img decoding="async" data-index="124" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00124.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00125.png)"> <img decoding="async" data-index="125" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00125.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00126.png)"> <img decoding="async" data-index="126" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00126.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00127.png)"> <img decoding="async" data-index="127" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00127.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00128.png)"> <img decoding="async" data-index="128" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00128.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00129.png)"> <img decoding="async" data-index="129" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00129.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00130.png)"> <img decoding="async" data-index="130" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00130.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00131.png)"> <img decoding="async" data-index="131" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00131.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00132.png)"> <img decoding="async" data-index="132" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00132.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00133.png)"> <img decoding="async" data-index="133" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00133.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00134.png)"> <img decoding="async" data-index="134" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00134.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00135.png)"> <img decoding="async" data-index="135" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00135.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00136.png)"> <img decoding="async" data-index="136" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00136.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00137.png)"> <img decoding="async" data-index="137" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00137.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00138.png)"> <img decoding="async" data-index="138" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00138.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00139.png)"> <img decoding="async" data-index="139" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00139.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00140.png)"> <img decoding="async" data-index="140" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00140.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00141.png)"> <img decoding="async" data-index="141" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00141.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00142.png)"> <img decoding="async" data-index="142" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00142.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00143.png)"> <img decoding="async" data-index="143" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00143.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00144.png)"> <img decoding="async" data-index="144" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00144.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00145.png)"> <img decoding="async" data-index="145" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00145.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00146.png)"> <img decoding="async" data-index="146" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00146.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00147.png)"> <img decoding="async" data-index="147" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00147.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00148.png)"> <img decoding="async" data-index="148" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00148.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00149.png)"> <img decoding="async" data-index="149" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00149.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00150.png)"> <img decoding="async" data-index="150" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00150.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00151.png)"> <img decoding="async" data-index="151" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00151.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00152.png)"> <img decoding="async" data-index="152" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00152.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00153.png)"> <img decoding="async" data-index="153" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00153.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00154.png)"> <img decoding="async" data-index="154" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00154.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00155.png)"> <img decoding="async" data-index="155" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00155.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00156.png)"> <img decoding="async" data-index="156" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00156.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00157.png)"> <img decoding="async" data-index="157" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00157.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00158.png)"> <img decoding="async" data-index="158" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00158.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00159.png)"> <img decoding="async" data-index="159" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00159.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00160.png)"> <img decoding="async" data-index="160" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00160.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00161.png)"> <img decoding="async" data-index="161" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00161.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00162.png)"> <img decoding="async" data-index="162" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00162.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00163.png)"> <img decoding="async" data-index="163" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00163.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00164.png)"> <img decoding="async" data-index="164" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00164.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00165.png)"> <img decoding="async" data-index="165" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00165.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00166.png)"> <img decoding="async" data-index="166" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00166.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00167.png)"> <img decoding="async" data-index="167" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00167.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> <div class="bg-center instrBaitLeft-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00168.png)"> <img decoding="async" data-index="168" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00168.png" alt="hero-animation" onerror="stopAnimationLeft();"> </div> </div> </div> <style> @-moz-document url-prefix() { .no-ffox { display: none!important; } .ffox-only { display: block!important; } } </style> <script> function stopAnimationLeft() { jQuery('.instrBaitRight-fix, .instrBaitLeft-fix').removeClass('hidden'); jQuery('.instrBaitRight-fixer, .instrBaitLeft-fixer').addClass('hidden'); } jQuery(document).ready(function($){ let instrBaitLeftEl = document.querySelectorAll('.instrBaitLeft-frame') let instrBaitLefttotalFrames = instrBaitLeftEl.length - 1; let instrBaitLeftspeed = `25`; let instrBaitLeftanimationDuration = instrBaitLefttotalFrames * instrBaitLeftspeed; let instrBaitLefttimePerFrame = instrBaitLeftanimationDuration / instrBaitLefttotalFrames; // this is redundant with speed, but whatever let instrBaitLefttimeWhenLastUpdate; let instrBaitLefttimeFromLastUpdate; let instrBaitLeftframeNumber = 0; var instrBaitLeftimages = $('.instrBaitLeft img'); var instrBaitLeftloaded_images_total = 0; function instrBaitLeftstep(startTime) { // 'startTime' is provided by requestAnimationName function, and we can consider it as current time // first of all we calculate how much time has passed from the last time when frame was update if (!instrBaitLefttimeWhenLastUpdate) instrBaitLefttimeWhenLastUpdate = startTime; instrBaitLefttimeFromLastUpdate = startTime - instrBaitLefttimeWhenLastUpdate; // then we check if it is time to update the frame if (instrBaitLefttimeFromLastUpdate > instrBaitLefttimePerFrame) { // and update it accordingly // changing image src dynamically ( doesnt work with wpengine well ) //element.src = `${imagePath}${imgName}${instrBaitLeftframeNumber.toString().padStart(3, '0')}.png`; for (let i of instrBaitLeftEl) { i.classList.add('hidden') } if(instrBaitLeftEl[instrBaitLeftframeNumber]) { instrBaitLeftEl[instrBaitLeftframeNumber].classList.remove('hidden') } // reset the last update time instrBaitLefttimeWhenLastUpdate = startTime; // then increase the frame number or reset it if it is the last frame if (instrBaitLeftframeNumber >= instrBaitLefttotalFrames) { instrBaitLeftframeNumber = 0; } else { instrBaitLeftframeNumber = instrBaitLeftframeNumber + 1; } //console.log(instrBaitLeftframeNumber) //console.log(speed) } requestAnimationFrame(instrBaitLeftstep); } window.addEventListener('load', (event) => { requestAnimationFrame(instrBaitLeftstep); }); }); </script> <div class="ffox-only hidden"> <video src="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left01.webm" poster="https://www.protagene.com/wp-content/themes/protagene/public/images/02_Protagene_HP_Pattern_Desktop_Left_00000.png" autoplay loop muted playsinline></video> </div> </div> <div class="w-full md:w-1/3 bg-navy-500 flex flex-col px-8 md:px-4 py-10 z-10"> <h3 class="text-orange-500 text-center"> Our Analytical Systems </h3> <p class="text-center mt-4 mb-6"> Enabled by state-of-the-art technology, ProtaGene offers an extensive range of analytical capabilities to support your biotherapeutic or gene &amp; cell therapy projects. </p> <div class="mx-auto"> <a href="https://www.protagene.com/analytical-systems/" class="font-semibold inline-flex justify-center items-center px-4 py-2 border-2 border-solid border-orange-500 hover:bg-orange-500 text-orange-500 hover:text-white"> See Systems List </a> </div> </div> <div class="w-full md:w-1/3 flex justify-center items-end md:items-center h-[175px] md:h-full"> <div class="animation-frames relative no-ffox instrBaitRight"> <div class="bg-center instrBaitRight-fix hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00000.png)"> <img decoding="async" class="not-lazy" src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00000.png" alt="hero-animation"> </div> <div class="instrBaitRight-fixer"> <div class="bg-center instrBaitRight-frame " style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00000.png)"> <img decoding="async" data-index="0" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00000.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00001.png)"> <img decoding="async" data-index="1" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00001.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00002.png)"> <img decoding="async" data-index="2" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00002.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00003.png)"> <img decoding="async" data-index="3" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00003.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00004.png)"> <img decoding="async" data-index="4" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00004.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00005.png)"> <img decoding="async" data-index="5" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00005.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00006.png)"> <img decoding="async" data-index="6" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00006.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00007.png)"> <img decoding="async" data-index="7" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00007.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00008.png)"> <img decoding="async" data-index="8" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00008.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00009.png)"> <img decoding="async" data-index="9" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00009.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00010.png)"> <img decoding="async" data-index="10" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00010.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00011.png)"> <img decoding="async" data-index="11" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00011.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00012.png)"> <img decoding="async" data-index="12" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00012.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00013.png)"> <img decoding="async" data-index="13" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00013.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00014.png)"> <img decoding="async" data-index="14" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00014.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00015.png)"> <img decoding="async" data-index="15" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00015.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00016.png)"> <img decoding="async" data-index="16" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00016.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00017.png)"> <img decoding="async" data-index="17" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00017.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00018.png)"> <img decoding="async" data-index="18" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00018.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00019.png)"> <img decoding="async" data-index="19" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00019.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00020.png)"> <img decoding="async" data-index="20" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00020.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00021.png)"> <img decoding="async" data-index="21" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00021.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00022.png)"> <img decoding="async" data-index="22" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00022.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00023.png)"> <img decoding="async" data-index="23" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00023.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00024.png)"> <img decoding="async" data-index="24" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00024.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00025.png)"> <img decoding="async" data-index="25" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00025.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00026.png)"> <img decoding="async" data-index="26" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00026.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00027.png)"> <img decoding="async" data-index="27" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00027.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00028.png)"> <img decoding="async" data-index="28" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00028.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00029.png)"> <img decoding="async" data-index="29" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00029.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00030.png)"> <img decoding="async" data-index="30" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00030.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00031.png)"> <img decoding="async" data-index="31" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00031.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00032.png)"> <img decoding="async" data-index="32" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00032.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00033.png)"> <img decoding="async" data-index="33" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00033.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00034.png)"> <img decoding="async" data-index="34" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00034.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00035.png)"> <img decoding="async" data-index="35" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00035.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00036.png)"> <img decoding="async" data-index="36" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00036.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00037.png)"> <img decoding="async" data-index="37" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00037.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00038.png)"> <img decoding="async" data-index="38" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00038.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00039.png)"> <img decoding="async" data-index="39" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00039.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00040.png)"> <img decoding="async" data-index="40" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00040.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00041.png)"> <img decoding="async" data-index="41" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00041.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00042.png)"> <img decoding="async" data-index="42" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00042.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00043.png)"> <img decoding="async" data-index="43" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00043.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00044.png)"> <img decoding="async" data-index="44" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00044.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00045.png)"> <img decoding="async" data-index="45" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00045.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00046.png)"> <img decoding="async" data-index="46" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00046.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00047.png)"> <img decoding="async" data-index="47" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00047.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00048.png)"> <img decoding="async" data-index="48" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00048.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00049.png)"> <img decoding="async" data-index="49" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00049.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00050.png)"> <img decoding="async" data-index="50" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00050.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00051.png)"> <img decoding="async" data-index="51" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00051.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00052.png)"> <img decoding="async" data-index="52" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00052.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00053.png)"> <img decoding="async" data-index="53" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00053.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00054.png)"> <img decoding="async" data-index="54" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00054.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00055.png)"> <img decoding="async" data-index="55" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00055.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00056.png)"> <img decoding="async" data-index="56" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00056.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00057.png)"> <img decoding="async" data-index="57" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00057.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00058.png)"> <img decoding="async" data-index="58" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00058.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00059.png)"> <img decoding="async" data-index="59" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00059.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00060.png)"> <img decoding="async" data-index="60" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00060.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00061.png)"> <img decoding="async" data-index="61" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00061.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00062.png)"> <img decoding="async" data-index="62" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00062.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00063.png)"> <img decoding="async" data-index="63" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00063.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00064.png)"> <img decoding="async" data-index="64" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00064.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00065.png)"> <img decoding="async" data-index="65" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00065.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00066.png)"> <img decoding="async" data-index="66" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00066.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00067.png)"> <img decoding="async" data-index="67" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00067.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00068.png)"> <img decoding="async" data-index="68" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00068.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00069.png)"> <img decoding="async" data-index="69" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00069.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00070.png)"> <img decoding="async" data-index="70" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00070.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00071.png)"> <img decoding="async" data-index="71" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00071.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00072.png)"> <img decoding="async" data-index="72" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00072.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00073.png)"> <img decoding="async" data-index="73" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00073.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00074.png)"> <img decoding="async" data-index="74" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00074.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00075.png)"> <img decoding="async" data-index="75" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00075.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00076.png)"> <img decoding="async" data-index="76" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00076.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00077.png)"> <img decoding="async" data-index="77" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00077.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00078.png)"> <img decoding="async" data-index="78" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00078.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00079.png)"> <img decoding="async" data-index="79" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00079.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00080.png)"> <img decoding="async" data-index="80" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00080.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00081.png)"> <img decoding="async" data-index="81" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00081.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00082.png)"> <img decoding="async" data-index="82" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00082.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00083.png)"> <img decoding="async" data-index="83" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00083.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00084.png)"> <img decoding="async" data-index="84" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00084.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00085.png)"> <img decoding="async" data-index="85" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00085.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00086.png)"> <img decoding="async" data-index="86" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00086.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00087.png)"> <img decoding="async" data-index="87" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00087.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00088.png)"> <img decoding="async" data-index="88" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00088.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00089.png)"> <img decoding="async" data-index="89" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00089.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00090.png)"> <img decoding="async" data-index="90" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00090.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00091.png)"> <img decoding="async" data-index="91" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00091.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00092.png)"> <img decoding="async" data-index="92" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00092.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00093.png)"> <img decoding="async" data-index="93" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00093.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00094.png)"> <img decoding="async" data-index="94" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00094.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00095.png)"> <img decoding="async" data-index="95" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00095.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00096.png)"> <img decoding="async" data-index="96" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00096.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00097.png)"> <img decoding="async" data-index="97" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00097.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00098.png)"> <img decoding="async" data-index="98" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00098.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00099.png)"> <img decoding="async" data-index="99" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00099.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00100.png)"> <img decoding="async" data-index="100" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00100.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00101.png)"> <img decoding="async" data-index="101" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00101.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00102.png)"> <img decoding="async" data-index="102" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00102.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00103.png)"> <img decoding="async" data-index="103" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00103.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00104.png)"> <img decoding="async" data-index="104" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00104.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00105.png)"> <img decoding="async" data-index="105" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00105.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00106.png)"> <img decoding="async" data-index="106" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00106.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00107.png)"> <img decoding="async" data-index="107" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00107.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00108.png)"> <img decoding="async" data-index="108" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00108.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00109.png)"> <img decoding="async" data-index="109" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00109.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00110.png)"> <img decoding="async" data-index="110" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00110.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00111.png)"> <img decoding="async" data-index="111" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00111.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00112.png)"> <img decoding="async" data-index="112" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00112.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00113.png)"> <img decoding="async" data-index="113" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00113.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00114.png)"> <img decoding="async" data-index="114" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00114.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00115.png)"> <img decoding="async" data-index="115" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00115.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00116.png)"> <img decoding="async" data-index="116" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00116.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00117.png)"> <img decoding="async" data-index="117" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00117.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00118.png)"> <img decoding="async" data-index="118" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00118.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00119.png)"> <img decoding="async" data-index="119" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00119.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00120.png)"> <img decoding="async" data-index="120" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00120.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00121.png)"> <img decoding="async" data-index="121" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00121.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00122.png)"> <img decoding="async" data-index="122" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00122.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00123.png)"> <img decoding="async" data-index="123" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00123.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00124.png)"> <img decoding="async" data-index="124" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00124.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00125.png)"> <img decoding="async" data-index="125" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00125.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00126.png)"> <img decoding="async" data-index="126" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00126.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00127.png)"> <img decoding="async" data-index="127" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00127.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00128.png)"> <img decoding="async" data-index="128" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00128.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00129.png)"> <img decoding="async" data-index="129" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00129.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00130.png)"> <img decoding="async" data-index="130" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00130.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00131.png)"> <img decoding="async" data-index="131" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00131.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00132.png)"> <img decoding="async" data-index="132" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00132.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00133.png)"> <img decoding="async" data-index="133" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00133.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00134.png)"> <img decoding="async" data-index="134" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00134.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00135.png)"> <img decoding="async" data-index="135" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00135.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00136.png)"> <img decoding="async" data-index="136" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00136.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00137.png)"> <img decoding="async" data-index="137" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00137.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00138.png)"> <img decoding="async" data-index="138" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00138.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00139.png)"> <img decoding="async" data-index="139" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00139.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00140.png)"> <img decoding="async" data-index="140" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00140.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00141.png)"> <img decoding="async" data-index="141" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00141.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00142.png)"> <img decoding="async" data-index="142" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00142.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00143.png)"> <img decoding="async" data-index="143" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00143.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00144.png)"> <img decoding="async" data-index="144" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00144.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00145.png)"> <img decoding="async" data-index="145" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00145.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00146.png)"> <img decoding="async" data-index="146" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00146.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00147.png)"> <img decoding="async" data-index="147" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00147.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00148.png)"> <img decoding="async" data-index="148" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00148.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00149.png)"> <img decoding="async" data-index="149" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00149.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00150.png)"> <img decoding="async" data-index="150" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00150.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00151.png)"> <img decoding="async" data-index="151" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00151.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00152.png)"> <img decoding="async" data-index="152" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00152.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00153.png)"> <img decoding="async" data-index="153" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00153.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00154.png)"> <img decoding="async" data-index="154" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00154.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00155.png)"> <img decoding="async" data-index="155" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00155.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00156.png)"> <img decoding="async" data-index="156" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00156.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00157.png)"> <img decoding="async" data-index="157" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00157.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00158.png)"> <img decoding="async" data-index="158" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00158.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00159.png)"> <img decoding="async" data-index="159" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00159.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00160.png)"> <img decoding="async" data-index="160" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00160.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00161.png)"> <img decoding="async" data-index="161" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00161.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00162.png)"> <img decoding="async" data-index="162" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00162.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00163.png)"> <img decoding="async" data-index="163" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00163.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00164.png)"> <img decoding="async" data-index="164" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00164.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00165.png)"> <img decoding="async" data-index="165" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00165.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00166.png)"> <img decoding="async" data-index="166" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00166.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00167.png)"> <img decoding="async" data-index="167" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00167.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> <div class="bg-center instrBaitRight-frame hidden" style="background-image: url(https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00168.png)"> <img decoding="async" data-index="168" class="not-lazy " src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00168.png" alt="hero-animation" onerror="stopAnimationRight();"> </div> </div> </div> <style> @-moz-document url-prefix() { .no-ffox { display: none!important; } .ffox-only { display: block!important; } } </style> <script> function stopAnimationRight() { jQuery('.instrBaitRight-fix, .instrBaitLeft-fix').removeClass('hidden'); jQuery('.instrBaitRight-fixer, .instrBaitLeft-fixer').addClass('hidden'); } jQuery(document).ready(function($){ let instrBaitRightEl = document.querySelectorAll('.instrBaitRight-frame') let instrBaitRighttotalFrames = instrBaitRightEl.length - 1; let instrBaitRightspeed = `25`; let instrBaitRightanimationDuration = instrBaitRighttotalFrames * instrBaitRightspeed; let instrBaitRighttimePerFrame = instrBaitRightanimationDuration / instrBaitRighttotalFrames; // this is redundant with speed, but whatever let instrBaitRighttimeWhenLastUpdate; let instrBaitRighttimeFromLastUpdate; let instrBaitRightframeNumber = 0; var instrBaitRightimages = $('.instrBaitRight img'); var instrBaitRightloaded_images_total = 0; function instrBaitRightstep(startTime) { // 'startTime' is provided by requestAnimationName function, and we can consider it as current time // first of all we calculate how much time has passed from the last time when frame was update if (!instrBaitRighttimeWhenLastUpdate) instrBaitRighttimeWhenLastUpdate = startTime; instrBaitRighttimeFromLastUpdate = startTime - instrBaitRighttimeWhenLastUpdate; // then we check if it is time to update the frame if (instrBaitRighttimeFromLastUpdate > instrBaitRighttimePerFrame) { // and update it accordingly // changing image src dynamically ( doesnt work with wpengine well ) //element.src = `${imagePath}${imgName}${instrBaitRightframeNumber.toString().padStart(3, '0')}.png`; for (let i of instrBaitRightEl) { i.classList.add('hidden') } if(instrBaitRightEl[instrBaitRightframeNumber]) { instrBaitRightEl[instrBaitRightframeNumber].classList.remove('hidden') } // reset the last update time instrBaitRighttimeWhenLastUpdate = startTime; // then increase the frame number or reset it if it is the last frame if (instrBaitRightframeNumber >= instrBaitRighttotalFrames) { instrBaitRightframeNumber = 0; } else { instrBaitRightframeNumber = instrBaitRightframeNumber + 1; } //console.log(instrBaitRightframeNumber) //console.log(speed) } requestAnimationFrame(instrBaitRightstep); } window.addEventListener('load', (event) => { requestAnimationFrame(instrBaitRightstep); }); }); </script> <div class="ffox-only hidden"> <video src="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right01.webm" poster="https://www.protagene.com/wp-content/themes/protagene/public/images/01_Protagene_HP_Pattern_Desktop_Right_00000.png" autoplay loop muted playsinline></video> </div> </div> </div> </div> </section> <section class="py-8 lg:pt-100 lg:pb-70 homepage-resources"> <div class="container mx-auto relative"> <div class="flex flex-wrap"> <div class="w-full md:w-1/3 lg:w-1/4 py-6 lg:pl-50"> <h2 class="text-orange-500 lg:text-3xl"> Explore Our&nbsp;Resources </h2> <a href="/resources" class="font-semibold mt-8 inline-flex px-4 py-2 border-2 border-solid border-orange-500 text-orange-500 hover:text-white hover:bg-orange-500"> View All </a> <div class="latest-resources-nav mt-8"> <button class="h-12 w-12 text-gray-500 hover:text-orange-500 mr-2"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 50 50" style="enable-background:new 0 0 50 50;" xml:space="preserve"> <desc>Created with Sketch.</desc> <g id="Page"> <g id="Previous_Button" transform="translate(1.000000, 1.000000)"> <g id="Next_Button" transform="translate(24.000000, 24.000000) rotate(-180.000000) translate(-24.000000, -24.000000) "> <g id="Group-5-Copy-5" transform="translate(24.000000, 24.000000) rotate(-360.000000) translate(-24.000000, -24.000000) "> <g id="Group-3"> <g id="Oval-2"> <circle id="Oval" stroke="currentColor" fill="none" stroke-width="1.2" cx="24" cy="24" r="24"/> </g> <g id="arrow-right-copy-13" transform="translate(14.400000, 14.400000)"> <line id="Shape" stroke="currentColor" fill="none" stroke-width="1.2" x1="0" y1="9.6" x2="18.2" y2="9.6"/> <polyline id="Shape_00000163056058489615871660000008513966539602070960_" stroke="currentColor" fill="none" stroke-width="1.2" points="9.6,0 18.4,9.6 9.6,19.2 "/> </g> </g> </g> </g> </g> </g> </svg> </button> <button class="h-12 w-12 text-gray-500 hover:text-orange-500 "> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 50 50" style="enable-background:new 0 0 50 50;" xml:space="preserve"> <desc>Created with Sketch.</desc> <g id="Page"> <g id="_x30_1_x5F_Protagene_x5F_HP" transform="translate(-308.000000, -4249.000000)"> <g id="Next_Button" transform="translate(309.000000, 4250.000000)"> <g id="Group-5-Copy-5" transform="translate(24.000000, 24.000000) rotate(-360.000000) translate(-24.000000, -24.000000) "> <g id="Group-3"> <g id="Oval-2"> <circle id="Oval"stroke="currentColor" fill="none" stroke-width="1.2" cx="24" cy="24" r="24"/> </g> <g id="arrow-right-copy-13" transform="translate(14.400000, 14.400000)"> <line id="Shape" stroke="currentColor" fill="none" stroke-width="1.2" x1="0" y1="9.6" x2="18.4" y2="9.6"/> <polyline id="Shape_00000121271994067712221040000014576522509630759584_" stroke="currentColor" fill="none" stroke-width="1.2" points="9.6,0 18.4,9.6 9.6,19.2 "/> </g> </g> </g> </g> </g> </g> </svg> </button> </div> </div> <div class="w-full md:w-2/3 lg:w-3/4 relative"> <div class="absolute top-0 left-0 h-full"> </div> <div class="latest-resources"> <div class="slide border-l-2 border-gray-200 border-solid "> <article> <a href="https://www.protagene.com/wp-content/uploads/2024/08/ProtaGene_WhitePaper_Polysorbate_080724.pdf" target="_blank" class=" flex flex-col justify-between group p-6 min-h-[300px]"> <div> <div class="flex justify-between items-end"> <p class="text-sm group-hover:text-orange-500">White Paper</p> <div class="group-hover:text-orange-500"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30px" height="36px" viewBox="0 0 30 36" version="1.1"> <!-- Generator: Sketch 59.1 (86144) - https://sketch.com --> <title>Download_button</title> <desc>Created with Sketch.</desc> <g id="Page" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="01_Protagene_HP" transform="translate(-1046.000000, -4039.000000)" stroke="currentColor"> <g id="Download_button" transform="translate(1046.000000, 4038.000000)"> <g id="Group-2"> <g id="Group-5-Copy-2" transform="translate(14.994334, 14.888950) rotate(-225.000000) translate(-14.994334, -14.888950) translate(4.577667, 4.377586)" stroke-width="1.2"> <polyline id="Stroke-1" points="20.4415954 20.234375 20.4415954 0.578125 0.584045584 0.578125"/> <line x1="20.4415954" y1="0.578125" x2="0.584045584" y2="20.234375" id="Stroke-3"/> </g> <line x1="0.58" y1="36" x2="28.42" y2="36" id="Line-5" stroke-linecap="square"/> </g> </g> </g> </g> </svg> </div> </div> <h5 class="font-bold mt-4 text-base group-hover:text-orange-500">Content and Degradation of Polysorbates in Biopharmaceutical Formulations</h5> </div> <div class="flex flex-row flex-wrap mt-8 -mx-1 -my-1"> <div class="px-1 py-1"> <div class="text-xs py-1 px-2 bg-orange-500 border-orange-500 border-solid border-2 bg-opacity-50 rounded-full">Lot Release/QC/Stability </div> </div> </div> </a> </article> </div> <div class="slide border-l-2 border-gray-200 border-solid "> <article> <a href="https://www.protagene.com/wp-content/uploads/2024/07/ProtaGene_WhitePaper_AAVCapidLoading.pdf" target="_blank" class=" flex flex-col justify-between group p-6 min-h-[300px]"> <div> <div class="flex justify-between items-end"> <p class="text-sm group-hover:text-orange-500">White Paper</p> <div class="group-hover:text-orange-500"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30px" height="36px" viewBox="0 0 30 36" version="1.1"> <!-- Generator: Sketch 59.1 (86144) - https://sketch.com --> <title>Download_button</title> <desc>Created with Sketch.</desc> <g id="Page" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="01_Protagene_HP" transform="translate(-1046.000000, -4039.000000)" stroke="currentColor"> <g id="Download_button" transform="translate(1046.000000, 4038.000000)"> <g id="Group-2"> <g id="Group-5-Copy-2" transform="translate(14.994334, 14.888950) rotate(-225.000000) translate(-14.994334, -14.888950) translate(4.577667, 4.377586)" stroke-width="1.2"> <polyline id="Stroke-1" points="20.4415954 20.234375 20.4415954 0.578125 0.584045584 0.578125"/> <line x1="20.4415954" y1="0.578125" x2="0.584045584" y2="20.234375" id="Stroke-3"/> </g> <line x1="0.58" y1="36" x2="28.42" y2="36" id="Line-5" stroke-linecap="square"/> </g> </g> </g> </g> </svg> </div> </div> <h5 class="font-bold mt-4 text-base group-hover:text-orange-500">Quality Control of AAV Capsid Loading</h5> </div> <div class="flex flex-row flex-wrap mt-8 -mx-1 -my-1"> <div class="px-1 py-1"> <div class="text-xs py-1 px-2 bg-orange-500 border-orange-500 border-solid border-2 bg-opacity-50 rounded-full">Gene Therapy AAV/LVV </div> </div> <div class="px-1 py-1"> <div class="text-xs py-1 px-2 bg-orange-500 border-orange-500 border-solid border-2 bg-opacity-50 rounded-full">Lot Release/QC/Stability </div> </div> </div> </a> </article> </div> <div class="slide border-l-2 border-gray-200 border-solid "> <article> <a href="https://doi.org/10.3390/biomedicines12071495" target="_blank" class=" flex flex-col justify-between group p-6 min-h-[300px]"> <div> <div class="flex justify-between items-end"> <p class="text-sm group-hover:text-orange-500">Publications</p> <div class="group-hover:text-orange-500"> <div class="w-[29px] h-auto"> <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 29 29" class="w-full h-auto fill-none stroke-current"><path d="M28 28V1H1M28 1 1 28"/></svg> </div> </div> </div> <h5 class="font-bold mt-4 text-base group-hover:text-orange-500">Restoration of T and B Cell Differentiation after RAG1 Gene Transfer in Human RAG1 Defective Hematopoietic Stem Cells</h5> </div> <div class="flex flex-row flex-wrap mt-8 -mx-1 -my-1"> <div class="px-1 py-1"> <div class="text-xs py-1 px-2 bg-orange-500 border-orange-500 border-solid border-2 bg-opacity-50 rounded-full">Clinical </div> </div> <div class="px-1 py-1"> <div class="text-xs py-1 px-2 bg-orange-500 border-orange-500 border-solid border-2 bg-opacity-50 rounded-full">Gene Therapy AAV/LVV </div> </div> <div class="px-1 py-1"> <div class="text-xs py-1 px-2 bg-orange-500 border-orange-500 border-solid border-2 bg-opacity-50 rounded-full">Replication Competent RCA/RCL </div> </div> </div> </a> </article> </div> <div class="slide border-l-2 border-gray-200 border-solid "> <article> <a href="https://pubmed.ncbi.nlm.nih.gov/37936013/" target="_blank" class=" flex flex-col justify-between group p-6 min-h-[300px]"> <div> <div class="flex justify-between items-end"> <p class="text-sm group-hover:text-orange-500">Publications</p> <div class="group-hover:text-orange-500"> <div class="w-[29px] h-auto"> <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 29 29" class="w-full h-auto fill-none stroke-current"><path d="M28 28V1H1M28 1 1 28"/></svg> </div> </div> </div> <h5 class="font-bold mt-4 text-base group-hover:text-orange-500">LC-MS Approach to Decipher a Light Chain Chromatographic Peak Splitting of a Monoclonal Antibody</h5> </div> <div class="flex flex-row flex-wrap mt-8 -mx-1 -my-1"> <div class="px-1 py-1"> <div class="text-xs py-1 px-2 bg-orange-500 border-orange-500 border-solid border-2 bg-opacity-50 rounded-full">Bioanalytical LC-MS </div> </div> <div class="px-1 py-1"> <div class="text-xs py-1 px-2 bg-blue-500 border-blue-500 border-solid border-2 bg-opacity-50 rounded-full">Characterization </div> </div> <div class="px-1 py-1"> <div class="text-xs py-1 px-2 bg-orange-500 border-orange-500 border-solid border-2 bg-opacity-50 rounded-full">CMC IND/BLA </div> </div> <div class="px-1 py-1"> <div class="text-xs py-1 px-2 bg-orange-500 border-orange-500 border-solid border-2 bg-opacity-50 rounded-full">Lot Release/QC/Stability </div> </div> <div class="px-1 py-1"> <div class="text-xs py-1 px-2 bg-orange-500 border-orange-500 border-solid border-2 bg-opacity-50 rounded-full">Low Level Impurity ID </div> </div> <div class="px-1 py-1"> <div class="text-xs py-1 px-2 bg-orange-500 border-orange-500 border-solid border-2 bg-opacity-50 rounded-full">mAbs </div> </div> <div class="px-1 py-1"> <div class="text-xs py-1 px-2 bg-orange-500 border-orange-500 border-solid border-2 bg-opacity-50 rounded-full">Recombinant Proteins </div> </div> </div> </a> </article> </div> <div class="slide border-l-2 border-gray-200 border-solid "> <article> <a href="https://www.protagene.com/resources/10-key-studies-to-secure-a-successful-bla-submission/" target="_self" class=" flex flex-col justify-between group p-6 min-h-[300px]"> <div> <div class="flex justify-between items-end"> <p class="text-sm group-hover:text-orange-500">Articles</p> <div class="group-hover:text-orange-500"> <div class="w-[29px] h-auto"> <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 29 29" class="w-full h-auto fill-none stroke-current"><path d="M28 28V1H1M28 1 1 28"/></svg> </div> </div> </div> <h5 class="font-bold mt-4 text-base group-hover:text-orange-500">10 Key Studies to Secure a Successful BLA Submission</h5> </div> <div class="flex flex-row flex-wrap mt-8 -mx-1 -my-1"> <div class="px-1 py-1"> <div class="text-xs py-1 px-2 bg-orange-500 border-orange-500 border-solid border-2 bg-opacity-50 rounded-full">Biosimilars </div> </div> <div class="px-1 py-1"> <div class="text-xs py-1 px-2 bg-blue-500 border-blue-500 border-solid border-2 bg-opacity-50 rounded-full">Characterization </div> </div> <div class="px-1 py-1"> <div class="text-xs py-1 px-2 bg-orange-500 border-orange-500 border-solid border-2 bg-opacity-50 rounded-full">CMC IND/BLA </div> </div> <div class="px-1 py-1"> <div class="text-xs py-1 px-2 bg-orange-500 border-orange-500 border-solid border-2 bg-opacity-50 rounded-full">Disulfide Mapping </div> </div> <div class="px-1 py-1"> <div class="text-xs py-1 px-2 bg-orange-500 border-orange-500 border-solid border-2 bg-opacity-50 rounded-full">Glycosylation </div> </div> <div class="px-1 py-1"> <div class="text-xs py-1 px-2 bg-orange-500 border-orange-500 border-solid border-2 bg-opacity-50 rounded-full">Lot Release/QC/Stability </div> </div> <div class="px-1 py-1"> <div class="text-xs py-1 px-2 bg-orange-500 border-orange-500 border-solid border-2 bg-opacity-50 rounded-full">Low Level Impurity ID </div> </div> <div class="px-1 py-1"> <div class="text-xs py-1 px-2 bg-orange-500 border-orange-500 border-solid border-2 bg-opacity-50 rounded-full">mAbs </div> </div> <div class="px-1 py-1"> <div class="text-xs py-1 px-2 bg-orange-500 border-orange-500 border-solid border-2 bg-opacity-50 rounded-full">Molecular Bioanalysis NGS </div> </div> <div class="px-1 py-1"> <div class="text-xs py-1 px-2 bg-orange-500 border-orange-500 border-solid border-2 bg-opacity-50 rounded-full">Recombinant Proteins </div> </div> </div> </a> </article> </div> </div> </div> </div> </div> </section> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.3/tiny-slider.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.2/min/tiny-slider.js"></script> <style> .homepage-resources .tns-outer { border-right: 2px #e5e7eb solid; } </style> <script type="module"> var slider = tns({ container: '.latest-resources', mode: 'carousel', autoplay: true, autoplayButtonOutput: false, controls: true, autoHeight: true, nav: false, controlsContainer: '.latest-resources-nav', autoplay: false, items: 1, responsive: { 767: { items: 2 }, 1024: { items: 3 } } }); </script> <section class="overflow-y-hidden relative bg-cover bg-center"> <div class="absolute inset-0 plx-cell bg-center z-20" style="margin-top:-33%;margin-bottom:-33%;background-repeat:no-repeat;background-image: url('https://www.protagene.com/wp-content/themes/protagene/public/images/Img_MultipleCells_bg_w_compressed.jpg')"></div> <div class="absolute inset-0 bg-gradient-to-b from-[#272F31] to-[#1d2628] z-10"></div> <div class="container mx-auto relative z-30 lg:h-[492px] flex justify-center items-center py-16"> <div class="absolute top-0 bottom-0 h-full right-full bg-orange-600 w-screen "></div> <div class="absolute left-0 top-0 h-full z-1" style="z-index:1;"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="988px" height="490px" viewBox="0 0 988 490" version="1.1"> <!-- Generator: Sketch 59.1 (86144) - https://sketch.com --> <title>Img_MultipleCells_Pattern</title> <desc>Created with Sketch.</desc> <g id="Page" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="01_Protagene_HP" transform="translate(0.000000, -4367.000000)"> <g id="Img03_MultipleCells" transform="translate(0.000000, 4367.000000)"> <g id="Img_MultipleCells_Pattern"> <polygon id="Fill-1" fill="#E85026" points="0 49 33 49 33 0 0 0"/> <polygon id="Fill-2" fill="#EA603A" points="36 0 36 48.217225 67 49 67 0.78155"/> <polygon id="Fill-3" fill="#EC704E" points="73 0 73 47.43445 102 49 102 1.564325"/> <polygon id="Fill-4" fill="#EE8061" points="109 0 109 46.651675 136 49 136 2.3471"/> <polygon id="Fill-5" fill="#F09075" points="146 0 146 45.870125 170 49 170 3.129875"/> <polygon id="Fill-6" fill="#F3A089" points="182 0 182 45.08735 204 49 204 3.91265"/> <polygon id="Fill-7" fill="#F5AF9C" points="220 0 220 44.304575 240 49 240 4.6942"/> <polygon id="Fill-8" fill="#F7BFB0" points="255 0 255 43.520575 273 49 273 5.476975"/> <polygon id="Fill-9" fill="#F9CFC4" points="292 0 292 42.739025 309 49 309 6.25975"/> <polygon id="Fill-10" fill="#FBDFD7" points="327 0 327 41.95625 342 49 342 7.042525"/> <polygon id="Fill-11" fill="#FDEFEB" points="365 0 365 41.173475 378 49 378 7.8253"/> <polygon id="Fill-12" fill="#FFFFFF" points="401 0 401 40.3907 412 49 412 8.60685"/> <polygon id="Fill-13" fill="#FFFFFF" points="439 0 439 41.34865 449 49 449 7.65135"/> <polygon id="Fill-14" fill="#FFFFFF" points="477 0 477 42.30415 485 49 485 6.694625"/> <polygon id="Fill-15" fill="#FFFFFF" points="515 0 515 43.260875 522 49 522 5.739125"/> <polygon id="Fill-16" fill="#FFFFFF" points="552 0 552 44.216375 558 49 558 4.781175"/> <polygon id="Fill-17" fill="#FFFFFF" points="591 0 591 45.174325 596 49 596 3.825675"/> <polygon id="Fill-18" fill="#FFFFFF" points="628 0 628 46.129825 633 49 633 2.86895"/> <polygon id="Fill-19" fill="#FFFFFF" points="666 0 666 47.08655 670 49 670 1.91345"/> <polygon id="Fill-20" fill="#FFFFFF" points="704 0 704 48.04205 707 49 707 0.9555"/> <polygon id="Fill-21" fill="#FFFFFF" points="741 49 743 49 743 0 741 0"/> <polygon id="Fill-22" fill="#E85026" points="0 98 33 98 33 49 0 49"/> <polygon id="Fill-23" fill="#EA603A" points="67 99 36 98.217225 36 50 67 50.782775"/> <polygon id="Fill-24" fill="#EC704E" points="102 99 73 97.43445 73 50 102 51.56555"/> <polygon id="Fill-25" fill="#EE8061" points="136 99 109 96.6529 109 50 136 52.3471"/> <polygon id="Fill-26" fill="#F09075" points="170 99 146 95.870125 146 50 170 53.129875"/> <polygon id="Fill-27" fill="#F3A089" points="204 99 182 95.08735 182 50 204 53.91265"/> <polygon id="Fill-28" fill="#F5AF9C" points="240 99 220 94.304575 220 50 240 54.695425"/> <polygon id="Fill-29" fill="#F7BFB0" points="273 99 255 93.5218 255 50 273 55.4782"/> <polygon id="Fill-30" fill="#F9CFC4" points="309 99 292 92.739025 292 50 309 56.260975"/> <polygon id="Fill-31" fill="#FBDFD7" points="342 99 327 91.957475 327 50 342 57.042525"/> <polygon id="Fill-32" fill="#FDEFEB" points="378 99 365 91.1747 365 50 378 57.8253"/> <polygon id="Fill-33" fill="#FFFFFF" points="412 99 401 90.391925 401 50 412 58.608075"/> <polygon id="Fill-34" fill="#FFFFFF" points="438 91.1747 438 50 448 57.8253 448 99"/> <polygon id="Fill-35" fill="#FFFFFF" points="475 91.957475 475 50 483 57.04375 483 99"/> <polygon id="Fill-36" fill="#FFFFFF" points="511 92.739025 511 50 519 56.25975 519 99"/> <polygon id="Fill-37" fill="#FFFFFF" points="547 93.5218 547 50 554 55.476975 554 99"/> <polygon id="Fill-38" fill="#FFFFFF" points="584 94.304575 584 50 590 54.695425 590 99"/> <polygon id="Fill-39" fill="#FFFFFF" points="620 95.08735 620 50 626 53.91265 626 99"/> <polygon id="Fill-40" fill="#FFFFFF" points="657 95.870125 657 50 662 53.1311 662 99"/> <polygon id="Fill-41" fill="#FFFFFF" points="694 96.6529 694 50 698 52.348325 698 99"/> <polygon id="Fill-42" fill="#FFFFFF" points="730 97.43445 730 50 733 51.564325 733 99"/> <polygon id="Fill-43" fill="#FFFFFF" points="767 98.217225 767 50 770 50.782775 770 99"/> <polygon id="Fill-44" fill="#FFFFFF" points="804 99 806 99 806 50 804 50"/> <polygon id="Fill-45" fill="#E85026" points="0 147 33 147 33 98 0 98"/> <polygon id="Fill-46" fill="#EA603A" points="67 149 36 148.217225 36 100 67 100.782775"/> <polygon id="Fill-47" fill="#EC704E" points="102 149 73 147.43445 73 100 102 101.56555"/> <polygon id="Fill-48" fill="#EE8061" points="136 149 109 146.6529 109 100 136 102.3471"/> <polygon id="Fill-49" fill="#F09075" points="170 149 146 145.870125 146 100 170 103.129875"/> <polygon id="Fill-50" fill="#F3A089" points="204 149 182 145.08735 182 100 204 103.91265"/> <polygon id="Fill-51" fill="#F5AF9C" points="240 149 220 144.304575 220 100 240 104.695425"/> <polygon id="Fill-52" fill="#F7BFB0" points="273 149 255 143.5218 255 100 273 105.4782"/> <polygon id="Fill-53" fill="#F9CFC4" points="309 149 292 142.739025 292 100 309 106.260975"/> <polygon id="Fill-54" fill="#FBDFD7" points="342 149 327 141.957475 327 100 342 107.042525"/> <polygon id="Fill-55" fill="#FDEFEB" points="378 149 365 141.1747 365 100 378 107.8253"/> <polygon id="Fill-56" fill="#FFFFFF" points="412 149 401 140.391925 401 100 412 108.608075"/> <polygon id="Fill-57" fill="#FFFFFF" points="439 141.2531 439 100 449 107.748125 449 149"/> <polygon id="Fill-58" fill="#FFFFFF" points="476 142.11305 476 100 484 106.885725 484 149"/> <polygon id="Fill-59" fill="#FFFFFF" points="513 142.974225 513 100 520 106.025775 520 149"/> <polygon id="Fill-60" fill="#FFFFFF" points="549 143.8354 549 100 556 105.1646 556 149"/> <polygon id="Fill-61" fill="#FFFFFF" points="586 145.69535 586 101 592 105.303425 592 150"/> <polygon id="Fill-62" fill="#FFFFFF" points="625 146.556525 625 101 630 104.443475 630 150"/> <polygon id="Fill-63" fill="#FFFFFF" points="662 147.4177 662 101 666 103.5823 666 150"/> <polygon id="Fill-64" fill="#FFFFFF" points="698 148.278875 698 101 702 102.72235 702 150"/> <polygon id="Fill-65" fill="#FFFFFF" points="735 149.138825 735 101 738 101.85995 738 150"/> <polygon id="Fill-66" fill="#FFFFFF" points="773 151 775 151 775 102 773 102"/> <polygon id="Fill-67" fill="#E85026" points="0 196 33 196 33 147 0 147"/> <polygon id="Fill-68" fill="#EA613C" points="67 196 36 195.138825 36 147 67 147.861175"/> <polygon id="Fill-69" fill="#ED7351" points="102 196 73 194.278875 73 147 102 148.721125"/> <polygon id="Fill-70" fill="#EF8567" points="135 196 110 193.4177 110 147 135 149.5823"/> <polygon id="Fill-71" fill="#F1967D" points="169 196 146 192.556525 146 147 169 150.443475"/> <polygon id="Fill-72" fill="#F4A893" points="204 196 183 191.69535 183 147 204 151.30465"/> <polygon id="Fill-73" fill="#F6B9A8" points="238 196 219 190.8354 219 147 238 152.1646"/> <polygon id="Fill-74" fill="#F8CABE" points="272 196 255 189.974225 255 147 272 153.025775"/> <polygon id="Fill-75" fill="#FADCD4" points="308 196 293 189.11305 293 147 308 153.88695"/> <polygon id="Fill-76" fill="#FDEDE9" points="341 196 328 188.2531 328 147 341 154.7469"/> <polygon id="Fill-77" fill="#FFFFFF" points="377 196 366 187.391925 366 147 377 155.608075"/> <polygon id="Fill-78" fill="#FFFFFF" points="400 188.05465 400 147 410 154.946575 410 196"/> <polygon id="Fill-79" fill="#FFFFFF" points="435 188.71615 435 147 445 154.28385 445 196"/> <polygon id="Fill-80" fill="#FFFFFF" points="472 189.378875 472 147 480 153.62235 480 196"/> <polygon id="Fill-81" fill="#FFFFFF" points="507 190.040375 507 147 514 152.959625 514 196"/> <polygon id="Fill-82" fill="#FFFFFF" points="543 190.7031 543 147 550 152.298125 550 196"/> <polygon id="Fill-83" fill="#FFFFFF" points="578 191.3646 578 147 584 151.6354 584 196"/> <polygon id="Fill-84" fill="#FFFFFF" points="613 192.027325 613 147 619 150.972675 619 196"/> <polygon id="Fill-85" fill="#FFFFFF" points="649 192.688825 649 147 654 150.30995 654 196"/> <polygon id="Fill-86" fill="#FFFFFF" points="684 193.35155 684 147 688 149.64845 688 196"/> <polygon id="Fill-87" fill="#FFFFFF" points="719 194.01305 719 147 723 148.985725 723 196"/> <polygon id="Fill-88" fill="#FFFFFF" points="755 194.675775 755 147 758 148.324225 758 196"/> <polygon id="Fill-89" fill="#FFFFFF" points="790 195.337275 790 147 793 147.6615 793 196"/> <polygon id="Fill-90" fill="#FFFFFF" points="825 196 827 196 827 147 825 147"/> <polygon id="Fill-91" fill="#E85026" points="0 245 33 245 33 196 0 196"/> <polygon id="Fill-92" fill="#EA603A" points="67 245 36 244.217225 36 196 67 196.782775"/> <polygon id="Fill-93" fill="#EC704E" points="102 245 73 243.43445 73 196 102 197.56555"/> <polygon id="Fill-94" fill="#EE8061" points="136 245 109 242.6529 109 196 136 198.3471"/> <polygon id="Fill-95" fill="#F09075" points="170 245 146 241.870125 146 196 170 199.129875"/> <polygon id="Fill-96" fill="#F3A089" points="204 245 182 241.08735 182 196 204 199.91265"/> <polygon id="Fill-97" fill="#F5AF9C" points="240 245 220 240.304575 220 196 240 200.695425"/> <polygon id="Fill-98" fill="#F7BFB0" points="273 245 255 239.5218 255 196 273 201.4782"/> <polygon id="Fill-99" fill="#F9CFC4" points="309 245 292 238.739025 292 196 309 202.260975"/> <polygon id="Fill-100" fill="#FBDFD7" points="342 245 327 237.957475 327 196 342 203.042525"/> <polygon id="Fill-101" fill="#FDEFEB" points="378 245 365 237.1747 365 196 378 203.8253"/> <polygon id="Fill-102" fill="#FFFFFF" points="412 245 401 236.391925 401 196 412 204.608075"/> <polygon id="Fill-103" fill="#FFFFFF" points="438 237.109775 438 196 448 203.89145 448 245"/> <polygon id="Fill-104" fill="#FFFFFF" points="475 237.8264 475 196 485 203.1736 485 245"/> <polygon id="Fill-105" fill="#FFFFFF" points="512 238.54425 512 196 520 202.456975 520 245"/> <polygon id="Fill-106" fill="#FFFFFF" points="549 239.260875 549 196 556 201.7379 556 245"/> <polygon id="Fill-107" fill="#FFFFFF" points="585 239.978725 585 196 592 201.021275 592 245"/> <polygon id="Fill-108" fill="#FFFFFF" points="622 240.69535 622 196 628 200.303425 628 245"/> <polygon id="Fill-109" fill="#FFFFFF" points="660 242.4132 660 197 665 200.5868 665 246"/> <polygon id="Fill-110" fill="#FFFFFF" points="697 243.13105 697 197 702 199.870175 702 246"/> <polygon id="Fill-111" fill="#FFFFFF" points="734 243.847675 734 197 738 199.152325 738 246"/> <polygon id="Fill-112" fill="#FFFFFF" points="771 244.565525 771 197 774 198.434475 774 246"/> <polygon id="Fill-113" fill="#FFFFFF" points="808 245.28215 808 197 811 197.716625 811 246"/> <polygon id="Fill-114" fill="#FFFFFF" points="845 246 847 246 847 197 845 197"/> <polygon id="Fill-115" fill="#E85026" points="0 294 33 294 33 245 0 245"/> <polygon id="Fill-116" fill="#EA603A" points="67 294 36 293.217225 36 245 67 245.782775"/> <polygon id="Fill-117" fill="#EC704E" points="102 294 73 292.43445 73 245 102 246.56555"/> <polygon id="Fill-118" fill="#EE8061" points="136 294 109 291.6529 109 245 136 247.3471"/> <polygon id="Fill-119" fill="#F09075" points="170 294 146 290.870125 146 245 170 248.129875"/> <polygon id="Fill-120" fill="#F3A089" points="204 294 182 290.08735 182 245 204 248.91265"/> <polygon id="Fill-121" fill="#F5AF9C" points="240 294 220 289.304575 220 245 240 249.695425"/> <polygon id="Fill-122" fill="#F7BFB0" points="273 294 255 288.5218 255 245 273 250.4782"/> <polygon id="Fill-123" fill="#F9CFC4" points="309 294 292 287.739025 292 245 309 251.260975"/> <polygon id="Fill-124" fill="#FBDFD7" points="342 294 327 286.957475 327 245 342 252.042525"/> <polygon id="Fill-125" fill="#FDEFEB" points="378 294 365 286.1747 365 245 378 252.8253"/> <polygon id="Fill-126" fill="#FFFFFF" points="412 294 401 285.391925 401 245 412 253.608075"/> <polygon id="Fill-127" fill="#FFFFFF" points="437 286.006875 437 245 447 252.993125 447 294"/> <polygon id="Fill-128" fill="#FFFFFF" points="472 286.621825 472 245 482 252.378175 482 294"/> <polygon id="Fill-129" fill="#FFFFFF" points="508 287.236775 508 245 516 251.763225 516 294"/> <polygon id="Fill-130" fill="#FFFFFF" points="543 287.851725 543 245 551 251.1495 551 294"/> <polygon id="Fill-131" fill="#FFFFFF" points="579 288.466675 579 245 586 250.53455 586 294"/> <polygon id="Fill-132" fill="#FFFFFF" points="614 289.081625 614 245 620 249.9196 620 294"/> <polygon id="Fill-133" fill="#FFFFFF" points="649 289.69535 649 245 655 249.303425 655 294"/> <polygon id="Fill-134" fill="#FFFFFF" points="685 290.3103 685 245 690 248.688475 690 294"/> <polygon id="Fill-135" fill="#FFFFFF" points="720 290.92525 720 245 725 248.073525 725 294"/> <polygon id="Fill-136" fill="#FFFFFF" points="756 291.5402 756 245 760 247.458575 760 294"/> <polygon id="Fill-137" fill="#FFFFFF" points="791 292.15515 791 245 795 246.84485 795 294"/> <polygon id="Fill-138" fill="#FFFFFF" points="827 292.7701 827 245 830 246.2299 830 294"/> <polygon id="Fill-139" fill="#FFFFFF" points="862 293.38505 862 245 864 245.61495 864 294"/> <polygon id="Fill-140" fill="#FFFFFF" points="897 294 899 294 899 245 897 245"/> <polygon id="Fill-141" fill="#E85026" points="0 343 33 343 33 294 0 294"/> <polygon id="Fill-142" fill="#EA603A" points="67 343 36 342.217225 36 294 67 294.782775"/> <polygon id="Fill-143" fill="#EC704E" points="102 343 73 341.43445 73 294 102 295.56555"/> <polygon id="Fill-144" fill="#EE8061" points="136 343 109 340.6529 109 294 136 296.3471"/> <polygon id="Fill-145" fill="#F09075" points="170 343 146 339.870125 146 294 170 297.129875"/> <polygon id="Fill-146" fill="#F3A089" points="204 343 182 339.08735 182 294 204 297.91265"/> <polygon id="Fill-147" fill="#F5AF9C" points="240 343 220 338.304575 220 294 240 298.695425"/> <polygon id="Fill-148" fill="#F7BFB0" points="273 343 255 337.5218 255 294 273 299.4782"/> <polygon id="Fill-149" fill="#F9CFC4" points="309 343 292 336.739025 292 294 309 300.260975"/> <polygon id="Fill-150" fill="#FBDFD7" points="342 343 327 335.957475 327 294 342 301.042525"/> <polygon id="Fill-151" fill="#FDEFEB" points="378 343 365 335.1747 365 294 378 301.8253"/> <polygon id="Fill-152" fill="#FFFFFF" points="412 343 401 334.391925 401 294 412 302.608075"/> <polygon id="Fill-153" fill="#FFFFFF" points="438 335.05465 438 294 448 301.946575 448 343"/> <polygon id="Fill-154" fill="#FFFFFF" points="475 335.71615 475 294 485 301.28385 485 343"/> <polygon id="Fill-155" fill="#FFFFFF" points="511 336.378875 511 294 519 300.62235 519 343"/> <polygon id="Fill-156" fill="#FFFFFF" points="548 337.040375 548 294 555 299.959625 555 343"/> <polygon id="Fill-157" fill="#FFFFFF" points="584 337.7031 584 294 591 299.298125 591 343"/> <polygon id="Fill-158" fill="#FFFFFF" points="621 338.3646 621 294 627 298.6354 627 343"/> <polygon id="Fill-159" fill="#FFFFFF" points="658 339.027325 658 294 664 297.972675 664 343"/> <polygon id="Fill-160" fill="#FFFFFF" points="695 339.688825 695 294 700 297.30995 700 343"/> <polygon id="Fill-161" fill="#FFFFFF" points="732 340.35155 732 294 736 296.64845 736 343"/> <polygon id="Fill-162" fill="#FFFFFF" points="769 341.01305 769 294 773 295.985725 773 343"/> <polygon id="Fill-163" fill="#FFFFFF" points="805 341.675775 805 294 808 295.324225 808 343"/> <polygon id="Fill-164" fill="#FFFFFF" points="842 342.337275 842 294 845 294.6615 845 343"/> <polygon id="Fill-165" fill="#FFFFFF" points="878 343 880 343 880 294 878 294"/> <polygon id="Fill-166" fill="#E85026" points="0 392 33 392 33 343 0 343"/> <polygon id="Fill-167" fill="#EA603A" points="67 392 36 391.217225 36 343 67 343.782775"/> <polygon id="Fill-168" fill="#EC704E" points="102 392 73 390.43445 73 343 102 344.56555"/> <polygon id="Fill-169" fill="#EE8061" points="136 392 109 389.6529 109 343 136 345.3471"/> <polygon id="Fill-170" fill="#F09075" points="170 392 146 388.870125 146 343 170 346.129875"/> <polygon id="Fill-171" fill="#F3A089" points="204 392 182 388.08735 182 343 204 346.91265"/> <polygon id="Fill-172" fill="#F5AF9C" points="240 392 220 387.304575 220 343 240 347.695425"/> <polygon id="Fill-173" fill="#F7BFB0" points="273 392 255 386.5218 255 343 273 348.4782"/> <polygon id="Fill-174" fill="#F9CFC4" points="309 392 292 385.739025 292 343 309 349.260975"/> <polygon id="Fill-175" fill="#FBDFD7" points="342 392 327 384.957475 327 343 342 350.042525"/> <polygon id="Fill-176" fill="#FDEFEB" points="378 392 365 384.1747 365 343 378 350.8253"/> <polygon id="Fill-177" fill="#FFFFFF" points="412 392 401 383.391925 401 343 412 351.608075"/> <polygon id="Fill-178" fill="#FFFFFF" points="437 382.006875 437 341 447 348.993125 447 390"/> <polygon id="Fill-179" fill="#FFFFFF" points="472 382.621825 472 341 482 348.378175 482 390"/> <polygon id="Fill-180" fill="#FFFFFF" points="508 383.236775 508 341 516 347.763225 516 390"/> <polygon id="Fill-181" fill="#FFFFFF" points="543 383.851725 543 341 551 347.1495 551 390"/> <polygon id="Fill-182" fill="#FFFFFF" points="579 384.466675 579 341 586 346.53455 586 390"/> <polygon id="Fill-183" fill="#FFFFFF" points="614 385.081625 614 341 620 345.9196 620 390"/> <polygon id="Fill-184" fill="#FFFFFF" points="649 387.69535 649 343 655 347.303425 655 392"/> <polygon id="Fill-185" fill="#FFFFFF" points="685 388.3103 685 343 690 346.688475 690 392"/> <polygon id="Fill-186" fill="#FFFFFF" points="720 388.92525 720 343 725 346.073525 725 392"/> <polygon id="Fill-187" fill="#FFFFFF" points="756 389.5402 756 343 760 345.458575 760 392"/> <polygon id="Fill-188" fill="#FFFFFF" points="791 390.15515 791 343 795 344.84485 795 392"/> <polygon id="Fill-189" fill="#FFFFFF" points="827 390.7701 827 343 830 344.2299 830 392"/> <polygon id="Fill-190" fill="#FFFFFF" points="862 391.38505 862 343 864 343.61495 864 392"/> <polygon id="Fill-191" fill="#FFFFFF" points="897 392 899 392 899 343 897 343"/> <polygon id="Fill-192" fill="#E85026" points="0 441 33 441 33 392 0 392"/> <polygon id="Fill-193" fill="#EA603A" points="67 441 36 440.217225 36 392 67 392.782775"/> <polygon id="Fill-194" fill="#EC704E" points="102 441 73 439.43445 73 392 102 393.56555"/> <polygon id="Fill-195" fill="#EE8061" points="136 441 109 438.6529 109 392 136 394.3471"/> <polygon id="Fill-196" fill="#F09075" points="170 441 146 437.870125 146 392 170 395.129875"/> <polygon id="Fill-197" fill="#F3A089" points="204 441 182 437.08735 182 392 204 395.91265"/> <polygon id="Fill-198" fill="#F5AF9C" points="240 441 220 436.304575 220 392 240 396.695425"/> <polygon id="Fill-199" fill="#F7BFB0" points="273 441 255 435.5218 255 392 273 397.4782"/> <polygon id="Fill-200" fill="#F9CFC4" points="309 441 292 434.739025 292 392 309 398.260975"/> <polygon id="Fill-201" fill="#FBDFD7" points="342 441 327 433.957475 327 392 342 399.042525"/> <polygon id="Fill-202" fill="#FDEFEB" points="378 441 365 433.1747 365 392 378 399.8253"/> <polygon id="Fill-203" fill="#FFFFFF" points="412 441 401 432.391925 401 392 412 400.608075"/> <polygon id="Fill-204" fill="#FFFFFF" points="439 432.965225 439 392 449 400.03355 449 441"/> <polygon id="Fill-205" fill="#FFFFFF" points="476 433.53975 476 392 486 399.46025 486 441"/> <polygon id="Fill-206" fill="#FFFFFF" points="514 434.11305 514 392 522 398.885725 522 441"/> <polygon id="Fill-207" fill="#FFFFFF" points="551 434.687575 551 392 559 398.312425 559 441"/> <polygon id="Fill-208" fill="#FFFFFF" points="589 435.260875 589 392 596 397.7379 596 441"/> <polygon id="Fill-209" fill="#FFFFFF" points="626 435.8354 626 392 633 397.1646 633 441"/> <polygon id="Fill-210" fill="#FFFFFF" points="664 436.4087 664 392 670 396.590075 670 441"/> <polygon id="Fill-211" fill="#FFFFFF" points="701 436.983225 701 392 707 396.018 707 441"/> <polygon id="Fill-212" fill="#FFFFFF" points="739 437.556525 739 392 744 395.443475 744 441"/> <polygon id="Fill-213" fill="#FFFFFF" points="776 438.13105 776 392 781 394.870175 781 441"/> <polygon id="Fill-214" fill="#FFFFFF" points="813 438.70435 813 392 817 394.29565 817 441"/> <polygon id="Fill-215" fill="#FFFFFF" points="850 439.278875 850 392 854 393.72235 854 441"/> <polygon id="Fill-216" fill="#FFFFFF" points="888 439.852175 888 392 891 393.147825 891 441"/> <polygon id="Fill-217" fill="#FFFFFF" points="926 440.4267 926 392 928 392.574525 928 441"/> <polygon id="Fill-218" fill="#FFFFFF" points="964 441 966 441 966 392 964 392"/> <polygon id="Fill-219" fill="#E85026" points="0 490 33 490 33 441 0 441"/> <polygon id="Fill-220" fill="#EA603A" points="36 489.217225 67 490 67 441.782775 36 441"/> <polygon id="Fill-221" fill="#EC704E" points="73 488.43445 102 490 102 442.564325 73 441"/> <polygon id="Fill-222" fill="#EE8061" points="109 487.652841 136 490 136 443.347159 109 441"/> <polygon id="Fill-223" fill="#F09075" points="146 486.870125 170 490 170 444.1311 146 441"/> <polygon id="Fill-224" fill="#F3A089" points="182 486.087252 204 490 204 444.912748 182 441"/> <polygon id="Fill-225" fill="#F5AF9C" points="220 485.304575 240 490 240 445.695425 220 441"/> <polygon id="Fill-226" fill="#F7BFB0" points="255 484.521663 273 490 273 446.477112 255 441"/> <polygon id="Fill-227" fill="#F9CFC4" points="292 483.740094 309 490 309 447.259906 292 441"/> <polygon id="Fill-228" fill="#FBDFD7" points="327 482.957299 342 490 342 448.042701 327 441"/> <polygon id="Fill-229" fill="#FDEFEB" points="365 482.174504 378 490 378 448.825496 365 441"/> <polygon id="Fill-230" fill="#FFFFFF" points="401 481.39171 412 490 412 449.607065 401 441"/> <polygon id="Fill-231" fill="#FFFFFF" points="438 481.9297 448 490 448 449.069075 438 441"/> <polygon id="Fill-232" fill="#FFFFFF" points="474 482.467475 484 490 484 448.5313 474 441"/> <polygon id="Fill-233" fill="#FFFFFF" points="511 483.00525 519 490 519 447.993525 511 441"/> <polygon id="Fill-234" fill="#FFFFFF" points="547 483.544089 555 490 555 447.454686 547 441"/> <polygon id="Fill-235" fill="#FFFFFF" points="584 484.081877 591 490 591 446.916898 584 441"/> <polygon id="Fill-236" fill="#FFFFFF" points="620 484.6198 627 490 627 446.378975 620 441"/> <polygon id="Fill-237" fill="#FFFFFF" points="657 485.157575 663 490 663 445.8412 657 441"/> <polygon id="Fill-238" fill="#FFFFFF" points="693 485.69535 699 490 699 445.303425 693 441"/> <polygon id="Fill-239" fill="#FFFFFF" points="731 486.234256 736 490 736 444.764519 731 441"/> <polygon id="Fill-240" fill="#FFFFFF" points="767 486.772044 772 490 772 444.226731 767 441"/> <polygon id="Fill-241" fill="#FFFFFF" points="804 487.3099 808 490 808 443.688875 804 441"/> <polygon id="Fill-242" fill="#FFFFFF" points="840 487.847675 844 490 844 443.152325 840 441"/> <polygon id="Fill-243" fill="#FFFFFF" points="877 488.38545 880 490 880 442.61455 877 441"/> <polygon id="Fill-244" fill="#FFFFFF" points="913 488.924423 916 490 916 442.075577 913 441"/> <polygon id="Fill-245" fill="#FFFFFF" points="950 489.462212 952 490 952 441.537788 950 441"/> <polygon id="Fill-246" fill="#FFFFFF" points="986 490 988 490 988 441 986 441"/> </g> </g> </g> </g> </svg></div> <div class="cell-container relative"> <img decoding="async" data-aos="zoom-in" src="https://www.protagene.com/wp-content/themes/protagene/public/images/Img_MultipleCells_cells_scaled.png" alt=""> </div> </div> </section> <script type="module"> window.addEventListener('scroll', throttle(parallaxCells, 14)); function throttle(fn, wait) { var time = Date.now(); return function() { if ((time + wait - Date.now()) < 0) { fn(); time = Date.now(); } } }; function parallaxCells() { var viewportHeight = window.screen.height; var cellContainer = document.querySelector(".cell-container"); var cell = document.querySelector(".cell-container img"); var parallax = document.querySelectorAll(".plx-cell"); for (let i of parallax) { var relativeOffset = cellContainer.getBoundingClientRect(); var top = relativeOffset.top // You can adjust the 0.4 to change the speed var coords = (top * 0.15) + 'px' if( relativeOffset.top > ( viewportHeight * 0.5) ) { cellContainer.style.zIndex = 0; } else { cellContainer.style.zIndex = 1; } cell.style.transform = 'translateY(' + (coords * -1) + ')'; i.style.transform = 'translateY(' + coords + ')'; } }; </script> <section class="max-w-screen overflow-x-hidden"> <div class="container mx-auto px-0"> <div class="flex flex-wrap lg:-mx-4"> <div class="px-4 relative w-full lg:w-1/2 bg-midnight-900 text-white py-8 lg:py-18"> <div class="-z-1 hidden lg:block absolute top-0 right-0 bottom-0 w-screen bg-midnight-900"></div> <div> <h3 class="text-orange-500"> Subscribe to Our Email List </h3> <div class="py-6 lg:pr-16"> <script type="text/javascript"></script> <div class='gf_browser_unknown gform_wrapper gravity-theme gform-theme--no-framework' data-form-theme='gravity-theme' data-form-index='0' id='gform_wrapper_3' ><div id='gf_3' class='gform_anchor' tabindex='-1'></div> <div class='gform_heading'> <p class='gform_description'></p> </div><form method='post' enctype='multipart/form-data' target='gform_ajax_frame_3' id='gform_3' action='/#gf_3' data-formid='3' novalidate> <div class='gform-body gform_body'><div id='gform_fields_3' class='gform_fields top_label form_sublabel_below description_below validation_below'><div id="field_3_1" class="gfield gfield--type-text gfield--input-type-text gfield--width-half gfield_contains_required field_sublabel_below gfield--no-description field_description_below hidden_label field_validation_below gfield_visibility_visible" data-js-reload="field_3_1" ><label class='gfield_label gform-field-label' for='input_3_1'>First Name<span class="gfield_required"><span class="gfield_required gfield_required_text">(Required)</span></span></label><div class='ginput_container ginput_container_text'><input name='input_1' id='input_3_1' type='text' value='' class='large' placeholder='First Name*' aria-required="true" aria-invalid="false" /> </div></div><div id="field_3_2" class="gfield gfield--type-email gfield--input-type-email gfield--width-half gfield_contains_required field_sublabel_below gfield--no-description field_description_below hidden_label field_validation_below gfield_visibility_visible" data-js-reload="field_3_2" ><label class='gfield_label gform-field-label' for='input_3_2'>Email<span class="gfield_required"><span class="gfield_required gfield_required_text">(Required)</span></span></label><div class='ginput_container ginput_container_email'> <input name='input_2' id='input_3_2' type='email' value='' class='large' placeholder='Email*' aria-required="true" aria-invalid="false" /> </div></div><fieldset id="field_3_5" class="gfield gfield--type-consent gfield--type-choice gfield--input-type-consent field_sublabel_below gfield--no-description field_description_below hidden_label field_validation_below gfield_visibility_visible" data-js-reload="field_3_5" ><legend class='gfield_label gform-field-label gfield_label_before_complex' >Consent</legend><div class='ginput_container ginput_container_consent'><input name='input_5.1' id='input_3_5_1' type='checkbox' value='1' aria-invalid="false" /> <label class="gform-field-label gform-field-label--type-inline gfield_consent_label" for='input_3_5_1' >By submitting this form, you are consenting to receive emails from: ProtaGene GmbH. You can revoke your consent at any time by using the Unsubscribe link, found at the bottom of every email. Please see our <a href="https://www.protagene.com/privacy-policy/">Privacy Policy</a>.</label><input type='hidden' name='input_5.2' value='By submitting this form, you are consenting to receive emails from: ProtaGene GmbH. You can revoke your consent at any time by using the Unsubscribe link, found at the bottom of every email. Please see our &lt;a href=&quot;https://www.protagene.com/privacy-policy/&quot;&gt;Privacy Policy&lt;/a&gt;.' class='gform_hidden' /><input type='hidden' name='input_5.3' value='6' class='gform_hidden' /></div></fieldset><div id="field_3_6" class="gfield gfield--type-turnstile gfield--input-type-turnstile gfield--width-full field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_3_6" ><div class='ginput_container ginput_container_turnstile'><div class="cf-turnstile" data-js-turnstile data-callback="gf_turnstile_callback" data-before-interactive-callback="gf_turnstile_before_interactive_callback" data-theme="dark" data-sitekey="0x4AAAAAAAWG3ZPHE8vIgMxp"></div></div></div></div></div> <div class='gform_footer top_label'> <input type='submit' id='gform_submit_button_3' class='gform_button button' value='Submit' onclick='if(window["gf_submitting_3"]){return false;} if( !jQuery("#gform_3")[0].checkValidity || jQuery("#gform_3")[0].checkValidity()){window["gf_submitting_3"]=true;} ' onkeypress='if( event.keyCode == 13 ){ if(window["gf_submitting_3"]){return false;} if( !jQuery("#gform_3")[0].checkValidity || jQuery("#gform_3")[0].checkValidity()){window["gf_submitting_3"]=true;} jQuery("#gform_3").trigger("submit",[true]); }' /> <input type='hidden' name='gform_ajax' value='form_id=3&amp;title=&amp;description=1&amp;tabindex=0&amp;theme=gravity-theme' /> <input type='hidden' class='gform_hidden' name='is_submit_3' value='1' /> <input type='hidden' class='gform_hidden' name='gform_submit' value='3' /> <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' /> <input type='hidden' class='gform_hidden' name='state_3' value='WyJ7XCI1LjFcIjpcIjRmNmE0OTE5NDFiOGY1MGZjNWRiNzk1OWRlNTE1NzI1XCIsXCI1LjJcIjpcImI0MjRjYzA2NmMxOWY5ZWQwZTBjZGM5NDhhZWMzOGI1XCIsXCI1LjNcIjpcIjNlZDM2MDhiZjlkOGY1Mjg1MzRlN2FhMWZiZTlhNWRkXCJ9IiwiNTcwMzU4OGMzZDc3NTA3MmI0M2NkZTkyM2FiZTNjNjciXQ==' /> <input type='hidden' class='gform_hidden' name='gform_target_page_number_3' id='gform_target_page_number_3' value='0' /> <input type='hidden' class='gform_hidden' name='gform_source_page_number_3' id='gform_source_page_number_3' value='1' /> <input type='hidden' name='gform_field_values' value='' /> </div> </form> </div> <iframe style='display:none;width:0px;height:0px;' src='about:blank' name='gform_ajax_frame_3' id='gform_ajax_frame_3' title='This iframe contains the logic required to handle Ajax powered Gravity Forms.'></iframe> <script> gform.initializeOnLoaded( function() {gformInitSpinner( 3, 'https://www.protagene.com/wp-content/plugins/gravityforms/images/spinner.svg', true );jQuery('#gform_ajax_frame_3').on('load',function(){var contents = jQuery(this).contents().find('*').html();var is_postback = contents.indexOf('GF_AJAX_POSTBACK') >= 0;if(!is_postback){return;}var form_content = jQuery(this).contents().find('#gform_wrapper_3');var is_confirmation = jQuery(this).contents().find('#gform_confirmation_wrapper_3').length > 0;var is_redirect = contents.indexOf('gformRedirect(){') >= 0;var is_form = form_content.length > 0 && ! is_redirect && ! is_confirmation;var mt = parseInt(jQuery('html').css('margin-top'), 10) + parseInt(jQuery('body').css('margin-top'), 10) + 100;if(is_form){jQuery('#gform_wrapper_3').html(form_content.html());if(form_content.hasClass('gform_validation_error')){jQuery('#gform_wrapper_3').addClass('gform_validation_error');} else {jQuery('#gform_wrapper_3').removeClass('gform_validation_error');}setTimeout( function() { /* delay the scroll by 50 milliseconds to fix a bug in chrome */ jQuery(document).scrollTop(jQuery('#gform_wrapper_3').offset().top - mt); }, 50 );if(window['gformInitDatepicker']) {gformInitDatepicker();}if(window['gformInitPriceFields']) {gformInitPriceFields();}var current_page = jQuery('#gform_source_page_number_3').val();gformInitSpinner( 3, 'https://www.protagene.com/wp-content/plugins/gravityforms/images/spinner.svg', true );jQuery(document).trigger('gform_page_loaded', [3, current_page]);window['gf_submitting_3'] = false;}else if(!is_redirect){var confirmation_content = jQuery(this).contents().find('.GF_AJAX_POSTBACK').html();if(!confirmation_content){confirmation_content = contents;}jQuery('#gform_wrapper_3').replaceWith(confirmation_content);jQuery(document).scrollTop(jQuery('#gf_3').offset().top - mt);jQuery(document).trigger('gform_confirmation_loaded', [3]);window['gf_submitting_3'] = false;wp.a11y.speak(jQuery('#gform_confirmation_message_3').text());}else{jQuery('#gform_3').append(contents);if(window['gformRedirect']) {gformRedirect();}}jQuery(document).trigger("gform_pre_post_render", [{ formId: "3", currentPage: "current_page", abort: function() { this.preventDefault(); } }]); if (event && event.defaultPrevented) { return; } const gformWrapperDiv = document.getElementById( "gform_wrapper_3" ); if ( gformWrapperDiv ) { const visibilitySpan = document.createElement( "span" ); visibilitySpan.id = "gform_visibility_test_3"; gformWrapperDiv.insertAdjacentElement( "afterend", visibilitySpan ); } const visibilityTestDiv = document.getElementById( "gform_visibility_test_3" ); let postRenderFired = false; function triggerPostRender() { if ( postRenderFired ) { return; } postRenderFired = true; jQuery( document ).trigger( 'gform_post_render', [3, current_page] ); gform.utils.trigger( { event: 'gform/postRender', native: false, data: { formId: 3, currentPage: current_page } } ); if ( visibilityTestDiv ) { visibilityTestDiv.parentNode.removeChild( visibilityTestDiv ); } } function debounce( func, wait, immediate ) { var timeout; return function() { var context = this, args = arguments; var later = function() { timeout = null; if ( !immediate ) func.apply( context, args ); }; var callNow = immediate && !timeout; clearTimeout( timeout ); timeout = setTimeout( later, wait ); if ( callNow ) func.apply( context, args ); }; } const debouncedTriggerPostRender = debounce( function() { triggerPostRender(); }, 200 ); if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) { const observer = new MutationObserver( ( mutations ) => { mutations.forEach( ( mutation ) => { if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) { debouncedTriggerPostRender(); observer.disconnect(); } }); }); observer.observe( document.body, { attributes: true, childList: false, subtree: true, attributeFilter: [ 'style', 'class' ], }); } else { triggerPostRender(); } } );} ); </script> <script type="application/javascript"> const turnstileIframe_3 = document.getElementById( 'gform_ajax_frame_3' ); if ( turnstileIframe_3 ) { turnstileIframe_3.addEventListener('load',function(){ setTimeout( function() { const cfWrapper = document.querySelector( '.cf-turnstile' ); if ( ! cfWrapper ) { return; } turnstile.render( '.cf-turnstile' ); }, 0 ); }); } </script> </div> </div> </div> <div class="px-4 relative w-full lg:w-1/2 bg-orange-500 text-white py-8 lg:py-18 lg:pl-24"> <div class="-z-1 hidden lg:block absolute top-0 left-0 bottom-0 w-screen bg-orange-500"></div> <div> <h3> Talk to Our Experts </h3> <p class="py-6 lg:max-w-[350px]"> Whether you are looking to learn more about our platforms or get a project started, contact our team today to discover how ProtaGene can support your development programs. </p> <a href="/contact" class="font-semibold inline-flex py-2 px-4 border-white border-solid border-2 bg-orange-500 hover:bg-white hover:text-orange-500"> Contact Us </a> </div> </div> </div> </div> </section> </main> <script> AOS.init(); </script> <footer class="bg-gray-200 py-70 text-sm"> <div class="container"> <div class="flex"> <a class="brand inline-block pb-6 relative z-10" href="https://www.protagene.com/"> <svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" width="232px" height="41px" viewBox="0 0 232 41" version="1.1"> <defs> <path d="M0.1624 0.2942L21.211 0.2942L21.211 21.9262L0.1624 21.9262L0.1624 0.2942Z" id="path_1"/> <clipPath id="mask_1"> <use xlink:href="#path_1"/> </clipPath> </defs> <g id="Group-32-Copy"> <path d="M52.2957 15.9358C52.2957 12.5158 50.0287 10.8458 46.0527 10.8458L40.2467 10.8458L40.2467 21.1448L46.0527 21.1448C50.0287 21.1448 52.2957 19.4348 52.2957 15.9358M57.3457 15.7768C57.3457 22.1388 53.3297 25.8368 46.3307 25.8368L40.2467 25.8368L40.2467 34.0288L34.9187 34.0288L34.9187 6.1938L46.3307 6.1938C53.3297 6.1938 57.3457 9.6528 57.3457 15.7768" id="Fill-1" fill="#213351" fill-rule="evenodd" stroke="none"/> <path d="M71.9055 13.5759L71.9055 12.5779C67.0885 12.1609 64.6325 13.2669 62.8545 15.0839C61.1855 16.7909 59.8095 18.9059 59.6435 22.2339L59.6265 22.2559L59.6265 22.5759C59.6245 22.6829 59.6105 22.7789 59.6105 22.8889L59.6265 22.9059L59.6265 33.9489L64.5985 33.9489L64.5985 23.6479C64.5985 21.5269 65.1415 19.9029 66.2295 18.7749C67.3155 17.6489 68.8275 17.0849 70.7635 17.0849C71.1075 17.0849 71.4925 17.1249 71.9165 17.2049L71.9165 13.5729L71.9055 13.5759Z" id="Fill-3" fill="#213351" fill-rule="evenodd" stroke="none"/> <path d="M77.6356 23.4514C77.6356 27.2684 80.1006 29.8924 83.5996 29.8924C87.1386 29.8924 89.6046 27.2684 89.6046 23.4514C89.6046 19.6344 87.1386 17.0494 83.5996 17.0494C80.1006 17.0494 77.6356 19.6344 77.6356 23.4514M94.8536 23.3714C94.8536 29.8534 90.2806 34.2274 83.5996 34.2274C76.9586 34.2274 72.3866 29.8534 72.3866 23.3714C72.3866 16.9304 76.9586 12.5964 83.5996 12.5964C90.2806 12.5964 94.8536 16.9304 94.8536 23.3714" id="Fill-5" fill="#213351" fill-rule="evenodd" stroke="none"/> <path d="M110.205 32.716C108.574 33.71 106.745 34.267 104.877 34.267C101.417 34.267 98.6339 32.279 98.6339 27.904L98.6339 17.407L95.6509 17.407L95.6109 13.629L98.6339 13.629L98.6339 7.784L103.763 7.784L103.763 13.629L109.847 13.629L109.847 17.407L103.763 17.407L103.763 26.99C103.763 29.018 104.599 29.695 105.99 29.695C106.865 29.695 107.859 29.376 109.012 28.82L110.205 32.716Z" id="Fill-7" fill="#213351" fill-rule="evenodd" stroke="none"/> <path d="M126.497 26.6321L126.497 24.7241L121.129 24.7241C118.386 24.7241 117.113 25.4791 117.113 27.3481C117.113 29.1381 118.545 30.2901 120.891 30.2901C123.873 30.2901 126.219 28.7001 126.497 26.6321L126.497 26.6321ZM126.537 34.0281L126.537 31.4441C125.065 33.3131 122.68 34.2671 119.658 34.2671C115.085 34.2671 112.222 31.4441 112.222 27.6661C112.222 23.7301 115.125 21.3041 120.294 21.2641L126.497 21.2641L126.497 20.7071C126.497 18.2421 124.867 16.7711 121.685 16.7711C119.697 16.7711 117.551 17.4461 115.363 18.7591L113.494 15.1801C116.557 13.4701 118.942 12.5561 122.839 12.5561C128.406 12.5561 131.548 15.3791 131.587 20.1111L131.627 34.0281L126.537 34.0281Z" id="Fill-9" fill="#213351" fill-rule="evenodd" stroke="none"/> <path d="M155.431 20.1907L160.084 20.1907L160.084 30.6487C157.221 32.7957 152.926 34.2667 149.069 34.2667C140.758 34.2667 134.357 28.1037 134.357 20.1107C134.357 12.1187 140.877 6.0347 149.387 6.0347C153.404 6.0347 157.499 7.5857 160.283 10.0107L157.261 13.9077C155.153 11.9597 152.21 10.7667 149.387 10.7667C144.019 10.7667 139.804 14.8627 139.804 20.1107C139.804 25.3997 144.059 29.4957 149.427 29.4957C151.335 29.4957 153.523 28.8197 155.431 27.7457L155.431 20.1907Z" id="Fill-11" fill="#213351" fill-rule="evenodd" stroke="none"/> <path d="M179.215 21.7414C179.096 18.5994 176.988 16.6114 173.767 16.6114C170.705 16.6114 168.558 18.5994 168.081 21.7414L179.215 21.7414ZM183.907 25.2004L168.2 25.2004C168.876 28.2224 171.183 30.0524 174.284 30.0524C176.471 30.0524 178.499 29.2174 180.01 27.6664L182.794 30.5684C180.687 32.8754 177.584 34.2274 173.847 34.2274C167.246 34.2274 162.911 29.8534 162.911 23.4514C162.911 16.9704 167.365 12.5954 173.728 12.5954C181.203 12.5954 184.424 17.4864 183.907 25.2004L183.907 25.2004Z" id="Fill-13" fill="#213351" fill-rule="evenodd" stroke="none"/> <path d="M207.491 20.7473L207.491 34.0283L202.282 34.0283L202.282 22.2583C202.282 19.2753 200.492 17.4463 197.55 17.4463C194.051 17.4863 191.982 20.0713 191.982 23.5703L191.982 34.0283L186.813 34.0283L186.813 12.7543L191.982 12.7543L191.982 16.7303C193.494 13.9073 196.158 12.5963 199.617 12.5563C204.509 12.5563 207.491 15.6973 207.491 20.7473" id="Fill-15" fill="#213351" fill-rule="evenodd" stroke="none"/> <g id="Group-19" transform="translate(210 12.3012)"> <path d="M0.1624 0.2942L21.211 0.2942L21.211 21.9262L0.1624 21.9262L0.1624 0.2942Z" id="Clip-18" fill="none" fill-rule="evenodd" stroke="none"/> <g clip-path="url(#mask_1)"> <path d="M16.4654 9.4402C16.3464 6.2982 14.2384 4.3102 11.0184 4.3102C7.9564 4.3102 5.8094 6.2982 5.3314 9.4402L16.4654 9.4402ZM21.1574 12.8992L5.4504 12.8992C6.1274 15.9212 8.4334 17.7512 11.5344 17.7512C13.7224 17.7512 15.7494 16.9162 17.2614 15.3652L20.0444 18.2672C17.9374 20.5742 14.8354 21.9262 11.0974 21.9262C4.4964 21.9262 0.1624 17.5522 0.1624 11.1502C0.1624 4.6692 4.6154 0.2942 10.9784 0.2942C18.4534 0.2942 21.6754 5.1852 21.1574 12.8992L21.1574 12.8992Z" id="Fill-17" fill="#213351" fill-rule="evenodd" stroke="none"/> </g> </g> <path d="M13.4354 20.1556L6.7154 13.4356L13.4354 6.7156L20.1554 13.4356L13.4354 20.1556Z" id="Fill-20" fill="#ED7351" fill-rule="evenodd" stroke="none"/> <path d="M20.1506 26.8708L13.4306 20.1508L20.1506 13.4308L26.8706 20.1508L20.1506 26.8708Z" id="Fill-22" fill="#213351" fill-rule="evenodd" stroke="none"/> <path d="M13.4354 33.586L6.7154 26.866L13.4354 20.146L20.1554 26.866L13.4354 33.586Z" id="Fill-24" fill="#8BC43F" fill-rule="evenodd" stroke="none"/> <path d="M6.7202 40.3012L0.0002 33.5812L6.7202 26.8612L13.4402 33.5812L6.7202 40.3012Z" id="Fill-26" fill="#27A8DF" fill-rule="evenodd" stroke="none"/> <path d="M6.7202 26.8708L0.0002 20.1508L6.7202 13.4308L13.4402 20.1508L6.7202 26.8708Z" id="Fill-28" fill="#F7941D" fill-rule="evenodd" stroke="none"/> <path d="M6.7202 13.4404L0.0002 6.7204L6.7202 0.0004L13.4402 6.7204L6.7202 13.4404Z" id="Fill-30" fill="#F6B9A8" fill-rule="evenodd" stroke="none"/> </g> </svg> </a> </div> </div> <div class="container"> <div class="flex flex-wrap"> <div class="w-full lg:w-1/5"> <p class="mb-4 lg:mb-8"> <span class="uppercase"> <b>Europe</b> </span><br /> Inselwiesenstraße 10<br/> 74076 Heilbronn <br/> Germany<br/> Phone: <a class="text-black hover:text-orange-500" href="tel: +49 7131 74504-0"> +49 7131 74504-0</a> <br /> </p> <p class="mb-4 lg:mb-8"> <span class="uppercase"> <b>North America</b> </span><br /> 4 Burlington Woods Drive<br/> Burlington, MA 01803<br/> USA<br/> Phone: <a class="text-black hover:text-orange-500" href="tel:+1 857-829-3200">+1 857-829-3200</a> <br /> </p> </div> <style> footer a { line-height: 1.5rem; } .menu-item-has-children > a[title='Group'][href='#'] { overflow: hidden!important; height: 0px!important; padding: 0px!important; display: none!important; } @media(min-width: 1024px) { .cc-4 { -webkit-column-count: 4!important; -moz-column-count: 4!important; column-count: 4!important; } .cc-4 > div { page-break-inside: avoid!important; break-inside: avoid!important; -webkit-column-break-inside: avoid!important; } } </style> <style> @media(min-width: 1024px) { @media not all and (min-resolution:.001dpcm) { @supports (-webkit-appearance:none) and (stroke-color:transparent) { footer a[title='Group'][href='#'] + ul, footer a[title='Biologic Drug Analytics'][href='#'] + ul { margin-bottom: 0px!important; } } } } </style> <div class="w-full lg:w-4/5 lg:mt-0 lg:pl-8"> <div class="footer-container cc-4"> <div itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children dropdown relative"><a title="Company" href="#" class="uppercase pointer-events-none main-item min-h-6 font-bold lg:min-h-0 flex items-center justify-between lg:inline-block text-15 transition duration-200 ease-in-out cursor-pointer pointer-actions-none">Company<div class="dropdown-menu-open lg:hidden w-6 h-6 transition duration-200 ease-in-out"></div><div class="dropdown-menu-close hidden w-6 h-6 transition duration-200 ease-in-out"></div></a> <ul class="mb-4 lg:mb-8 " role="menu"> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-post_type menu-item-object-page"><a title="About, History &#038; Values" href="https://www.protagene.com/company/about-history-values/" class="hover:text-orange-500 depth-greater-than-0 atts-class" role="menuitem">About, History &#038; Values</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-post_type menu-item-object-page"><a title="Leadership" href="https://www.protagene.com/company/leadership/" class="hover:text-orange-500 depth-greater-than-0 atts-class" role="menuitem">Leadership</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-custom menu-item-object-custom"><a title="Careers" href="https://careers.protagene.com/" class="hover:text-orange-500 depth-greater-than-0 atts-class" role="menuitem">Careers</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-post_type menu-item-object-page"><a title="News &#038; Events" href="https://www.protagene.com/company/news-events/" class="hover:text-orange-500 depth-greater-than-0 atts-class" role="menuitem">News &#038; Events</a></li></ul> </div><div itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children dropdown relative"><a title="Group" href="#" class="uppercase pointer-events-none main-item min-h-6 font-bold lg:min-h-0 flex items-center justify-between lg:inline-block text-15 transition duration-200 ease-in-out cursor-pointer pointer-actions-none">Group<div class="dropdown-menu-open lg:hidden w-6 h-6 transition duration-200 ease-in-out"></div><div class="dropdown-menu-close hidden w-6 h-6 transition duration-200 ease-in-out"></div></a> <ul class="mb-4 lg:mb-8 " role="menu"> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-post_type menu-item-object-page"><a title="Quality Systems" href="https://www.protagene.com/quality-systems/" class="hover:text-orange-500 depth-greater-than-0 atts-class" role="menuitem">Quality Systems</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-post_type menu-item-object-page"><a title="Program Partnering" href="https://www.protagene.com/program-partnering/" class="hover:text-orange-500 depth-greater-than-0 atts-class" role="menuitem">Program Partnering</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-post_type menu-item-object-page"><a title="Resources" href="https://www.protagene.com/resources/" class="hover:text-orange-500 depth-greater-than-0 atts-class" role="menuitem">Resources</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-post_type menu-item-object-page"><a title="Contact Us" href="https://www.protagene.com/contact/" class="hover:text-orange-500 depth-greater-than-0 atts-class" role="menuitem">Contact Us</a></li></ul> </div><div itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children dropdown relative"><a title="Cell &#038; Gene Analytics" href="https://www.protagene.com/connect/cell-gene-analytics/" class="uppercase pointer-events-none main-item min-h-6 font-bold lg:min-h-0 flex items-center justify-between lg:inline-block text-15 transition duration-200 ease-in-out cursor-pointer pointer-actions-none">Cell &#038; Gene Analytics<div class="dropdown-menu-open lg:hidden w-6 h-6 transition duration-200 ease-in-out"></div><div class="dropdown-menu-close hidden w-6 h-6 transition duration-200 ease-in-out"></div></a> <ul class="mb-4 lg:mb-8 " role="menu"> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-post_type menu-item-object-page"><a title="Molecular Bioanalysis" href="https://www.protagene.com/molecular-bioanalytical-solutions/" class="hover:text-orange-500 depth-greater-than-0 atts-class" role="menuitem">Molecular Bioanalysis</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-post_type menu-item-object-page"><a title="Integration Site Analysis" href="https://www.protagene.com/gene-cell-analytics/integration-site-analysis/" class="hover:text-orange-500 depth-greater-than-0 atts-class" role="menuitem">Integration Site Analysis</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-post_type menu-item-object-page"><a title="Vector Characterization" href="https://www.protagene.com/gene-cell-analytics/vector-analytics/" class="hover:text-orange-500 depth-greater-than-0 atts-class" role="menuitem">Vector Characterization</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-post_type menu-item-object-page"><a title="Bioinformatics - NGS Data Analytics" href="https://www.protagene.com/gene-cell-analytics/bioinformatics/" class="hover:text-orange-500 depth-greater-than-0 atts-class" role="menuitem">Bioinformatics &#8211; NGS Data Analytics</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-post_type menu-item-object-page"><a title="Genome and Gene Editing" href="https://www.protagene.com/gene-cell-analytics/genetic-analytics/" class="hover:text-orange-500 depth-greater-than-0 atts-class" role="menuitem">Genome and Gene Editing</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-post_type menu-item-object-page"><a title="Gene Expression Quantitation" href="https://www.protagene.com/gene-cell-analytics/gene-expression-analysis/" class="hover:text-orange-500 depth-greater-than-0 atts-class" role="menuitem">Gene Expression Quantitation</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-post_type menu-item-object-page"><a title="Commercial Patient Testing" href="https://www.protagene.com/commercial-patient-testing/" class="hover:text-orange-500 depth-greater-than-0 atts-class" role="menuitem">Commercial Patient Testing</a></li></ul> </div><div itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children dropdown relative"><a title="Biologic Drug Analytics" href="https://www.protagene.com/connect/biologic-drug-analytics/" class="uppercase pointer-events-none main-item min-h-6 font-bold lg:min-h-0 flex items-center justify-between lg:inline-block text-15 transition duration-200 ease-in-out cursor-pointer pointer-actions-none">Biologic Drug Analytics<div class="dropdown-menu-open lg:hidden w-6 h-6 transition duration-200 ease-in-out"></div><div class="dropdown-menu-close hidden w-6 h-6 transition duration-200 ease-in-out"></div></a> <ul class="mb-4 lg:mb-8 " role="menu"> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-post_type menu-item-object-page"><a title="Product Characterization &#038; Attribute Analysis" href="https://www.protagene.com/biologic-drug-analytics/product-characterization-attributes/" class="hover:text-orange-500 depth-greater-than-0 atts-class" role="menuitem">Product Characterization &#038; Attribute Analysis</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-post_type menu-item-object-page"><a title="Product and Process Development" href="https://www.protagene.com/biologic-drug-analytics/product-and-process-development/" class="hover:text-orange-500 depth-greater-than-0 atts-class" role="menuitem">Product and Process Development</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-post_type menu-item-object-page"><a title="Manufacturing and QC" href="https://www.protagene.com/biologic-drug-analytics/manufacturing-and-qc/" class="hover:text-orange-500 depth-greater-than-0 atts-class" role="menuitem">Manufacturing and QC</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-post_type menu-item-object-page"><a title="Biosimilar Program Support" href="https://www.protagene.com/biologic-drug-analytics/biosimilar-program-support/" class="hover:text-orange-500 depth-greater-than-0 atts-class" role="menuitem">Biosimilar Program Support</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-post_type menu-item-object-page"><a title="Clinical Sample&nbsp;<i>In Vivo</i>&nbsp;CQA Mapping" href="https://www.protagene.com/biologic-drug-analytics/clinical-sample-in-vivo-cqa-mapping/" class="hover:text-orange-500 depth-greater-than-0 atts-class" role="menuitem">Clinical Sample&nbsp;<i>In Vivo</i>&nbsp;CQA Mapping</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-post_type menu-item-object-page"><a title="Cell-based Assays" href="https://www.protagene.com/biologic-drug-analytics/cell-based-assays/" class="hover:text-orange-500 depth-greater-than-0 atts-class" role="menuitem">Cell-based Assays</a></li></ul> </div><div itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children dropdown relative"><a title="Connect" href="#" class="uppercase pointer-events-none main-item min-h-6 font-bold lg:min-h-0 flex items-center justify-between lg:inline-block text-15 transition duration-200 ease-in-out cursor-pointer pointer-actions-none">Connect<div class="dropdown-menu-open lg:hidden w-6 h-6 transition duration-200 ease-in-out"></div><div class="dropdown-menu-close hidden w-6 h-6 transition duration-200 ease-in-out"></div></a> <ul class="mb-4 lg:mb-8 " role="menu"> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-custom menu-item-object-custom"><a title="Email" href="mailto:info@protagene.com" class="hover:text-orange-500 depth-greater-than-0 atts-class" role="menuitem">Email</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-custom menu-item-object-custom"><a title="LinkedIn" target="_blank" href="http://www.linkedin.com/company/protagene" class="hover:text-orange-500 depth-greater-than-0 atts-class" role="menuitem">LinkedIn</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-custom menu-item-object-custom"><a title="Twitter" target="_blank" href="http://twitter.com/ProtaGene" class="hover:text-orange-500 depth-greater-than-0 atts-class" role="menuitem">Twitter</a></li></ul> </div> </div> <div class="flex flex-col md:flex-row mt-8 border-solid border-t-2 py-2 border-gray-400 xl:mr-16 justify-between text-sm leading-6"> <div class="flex -mx-2 flex-wrap" > <a href="/privacy-policy" class="text-black hover:text-orange-500 px-2">Privacy Policy</a> <span>|</span> <a href="/terms-of-use" class="text-black hover:text-orange-500 px-2">Terms of Use</a> <span>|</span> <a href="/california-residents" class=" text-black hover:text-orange-500 px-2">California Residents</a> <span>|</span> <a href="/imprint" class="text-black hover:text-orange-500 px-2">Imprint</a> <span>|</span> <a href="/wp-content/uploads/2023/12/ProtaGene-ESG-Statement-Status-07.12.2023.pdf" target="_blank" class="text-black hover:text-orange-500 px-2">ESG Statement</a> </div> <p class="text-sm">Copyright 2024</p> </div> </div> </div> </div> </footer> </div> <div class="ald_laser_loader"> <div class="ald_loader_progress"></div> </div> <link rel='stylesheet' id='gform_basic-css' href='https://www.protagene.com/wp-content/plugins/gravityforms/assets/css/dist/basic.min.css?ver=2.8.18' media='all' /> <link rel='stylesheet' id='gform_theme_components-css' href='https://www.protagene.com/wp-content/plugins/gravityforms/assets/css/dist/theme-components.min.css?ver=2.8.18' media='all' /> <link rel='stylesheet' id='gform_theme_ie11-css' href='https://www.protagene.com/wp-content/plugins/gravityforms/assets/css/dist/theme-ie11.min.css?ver=2.8.18' media='all' /> <link rel='stylesheet' id='gform_theme-css' href='https://www.protagene.com/wp-content/plugins/gravityforms/assets/css/dist/theme.min.css?ver=2.8.18' media='all' /> <script id="sage/vendor.js-js-before"> /******/ (function() { // webpackBootstrap /******/ "use strict"; /******/ var __webpack_modules__ = ({}); /************************************************************************/ /******/ // The module cache /******/ var __webpack_module_cache__ = {}; /******/ /******/ // The require function /******/ function __webpack_require__(moduleId) { /******/ // Check if module is in cache /******/ var cachedModule = __webpack_module_cache__[moduleId]; /******/ if (cachedModule !== undefined) { /******/ return cachedModule.exports; /******/ } /******/ // Create a new module (and put it into the cache) /******/ var module = __webpack_module_cache__[moduleId] = { /******/ // no module.id needed /******/ // no module.loaded needed /******/ exports: {} /******/ }; /******/ /******/ // Execute the module function /******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__); /******/ /******/ // Return the exports of the module /******/ return module.exports; /******/ } /******/ /******/ // expose the modules object (__webpack_modules__) /******/ __webpack_require__.m = __webpack_modules__; /******/ /************************************************************************/ /******/ /* webpack/runtime/chunk loaded */ /******/ !function() { /******/ var deferred = []; /******/ __webpack_require__.O = function(result, chunkIds, fn, priority) { /******/ if(chunkIds) { /******/ priority = priority || 0; /******/ for(var i = deferred.length; i > 0 && deferred[i - 1][2] > priority; i--) deferred[i] = deferred[i - 1]; /******/ deferred[i] = [chunkIds, fn, priority]; /******/ return; /******/ } /******/ var notFulfilled = Infinity; /******/ for (var i = 0; i < deferred.length; i++) { /******/ var chunkIds = deferred[i][0]; /******/ var fn = deferred[i][1]; /******/ var priority = deferred[i][2]; /******/ var fulfilled = true; /******/ for (var j = 0; j < chunkIds.length; j++) { /******/ if ((priority & 1 === 0 || notFulfilled >= priority) && Object.keys(__webpack_require__.O).every(function(key) { return __webpack_require__.O[key](chunkIds[j]); })) { /******/ chunkIds.splice(j--, 1); /******/ } else { /******/ fulfilled = false; /******/ if(priority < notFulfilled) notFulfilled = priority; /******/ } /******/ } /******/ if(fulfilled) { /******/ deferred.splice(i--, 1) /******/ var r = fn(); /******/ if (r !== undefined) result = r; /******/ } /******/ } /******/ return result; /******/ }; /******/ }(); /******/ /******/ /* webpack/runtime/compat get default export */ /******/ !function() { /******/ // getDefaultExport function for compatibility with non-harmony modules /******/ __webpack_require__.n = function(module) { /******/ var getter = module && module.__esModule ? /******/ function() { return module['default']; } : /******/ function() { return module; }; /******/ __webpack_require__.d(getter, { a: getter }); /******/ return getter; /******/ }; /******/ }(); /******/ /******/ /* webpack/runtime/define property getters */ /******/ !function() { /******/ // define getter functions for harmony exports /******/ __webpack_require__.d = function(exports, definition) { /******/ for(var key in definition) { /******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) { /******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] }); /******/ } /******/ } /******/ }; /******/ }(); /******/ /******/ /* webpack/runtime/hasOwnProperty shorthand */ /******/ !function() { /******/ __webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); } /******/ }(); /******/ /******/ /* webpack/runtime/make namespace object */ /******/ !function() { /******/ // define __esModule on exports /******/ __webpack_require__.r = function(exports) { /******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { /******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); /******/ } /******/ Object.defineProperty(exports, '__esModule', { value: true }); /******/ }; /******/ }(); /******/ /******/ /* webpack/runtime/jsonp chunk loading */ /******/ !function() { /******/ // no baseURI /******/ /******/ // object to store loaded and loading chunks /******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched /******/ // [resolve, reject, Promise] = chunk loading, 0 = chunk loaded /******/ var installedChunks = { /******/ "/scripts/manifest": 0, /******/ "styles/app": 0 /******/ }; /******/ /******/ // no chunk on demand loading /******/ /******/ // no prefetching /******/ /******/ // no preloaded /******/ /******/ // no HMR /******/ /******/ // no HMR manifest /******/ /******/ __webpack_require__.O.j = function(chunkId) { return installedChunks[chunkId] === 0; }; /******/ /******/ // install a JSONP callback for chunk loading /******/ var webpackJsonpCallback = function(parentChunkLoadingFunction, data) { /******/ var chunkIds = data[0]; /******/ var moreModules = data[1]; /******/ var runtime = data[2]; /******/ // add "moreModules" to the modules object, /******/ // then flag all "chunkIds" as loaded and fire callback /******/ var moduleId, chunkId, i = 0; /******/ if(chunkIds.some(function(id) { return installedChunks[id] !== 0; })) { /******/ for(moduleId in moreModules) { /******/ if(__webpack_require__.o(moreModules, moduleId)) { /******/ __webpack_require__.m[moduleId] = moreModules[moduleId]; /******/ } /******/ } /******/ if(runtime) var result = runtime(__webpack_require__); /******/ } /******/ if(parentChunkLoadingFunction) parentChunkLoadingFunction(data); /******/ for(;i < chunkIds.length; i++) { /******/ chunkId = chunkIds[i]; /******/ if(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) { /******/ installedChunks[chunkId][0](); /******/ } /******/ installedChunks[chunkId] = 0; /******/ } /******/ return __webpack_require__.O(result); /******/ } /******/ /******/ var chunkLoadingGlobal = self["webpackChunk"] = self["webpackChunk"] || []; /******/ chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0)); /******/ chunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal)); /******/ }(); /******/ /************************************************************************/ /******/ /******/ /******/ })() ; </script> <script src="https://www.protagene.com/wp-content/themes/protagene/public/scripts/vendor.js" id="sage/vendor.js-js"></script> <script src="https://www.protagene.com/wp-content/themes/protagene/public/scripts/app.js" id="sage/app.js-js"></script> <script id="ald-scripts-js-extra"> var ald_params = {"nonce":"a6703bc43b","ajaxurl":"https:\/\/www.protagene.com\/wp-admin\/admin-ajax.php","ald_pro":"0"}; </script> <script src="https://www.protagene.com/wp-content/plugins/ajax-load-more-anything/assets/scripts.js?ver=3.3.8" id="ald-scripts-js"></script> <script src="https://www.protagene.com/wp-includes/js/dist/dom-ready.min.js?ver=f77871ff7694fffea381" id="wp-dom-ready-js"></script> <script src="https://www.protagene.com/wp-includes/js/dist/hooks.min.js?ver=2810c76e705dd1a53b18" id="wp-hooks-js"></script> <script src="https://www.protagene.com/wp-includes/js/dist/i18n.min.js?ver=5e580eb46a90c2b997e6" id="wp-i18n-js"></script> <script id="wp-i18n-js-after"> wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); </script> <script src="https://www.protagene.com/wp-includes/js/dist/a11y.min.js?ver=d90eebea464f6c09bfd5" id="wp-a11y-js"></script> <script defer='defer' src="https://www.protagene.com/wp-content/plugins/gravityforms/js/jquery.json.min.js?ver=2.8.18" id="gform_json-js"></script> <script id="gform_gravityforms-js-extra"> var gform_i18n = {"datepicker":{"days":{"monday":"Mo","tuesday":"Tu","wednesday":"We","thursday":"Th","friday":"Fr","saturday":"Sa","sunday":"Su"},"months":{"january":"January","february":"February","march":"March","april":"April","may":"May","june":"June","july":"July","august":"August","september":"September","october":"October","november":"November","december":"December"},"firstDay":1,"iconText":"Select date"}}; var gf_legacy_multi = []; var gform_gravityforms = {"strings":{"invalid_file_extension":"This type of file is not allowed. Must be one of the following:","delete_file":"Delete this file","in_progress":"in progress","file_exceeds_limit":"File exceeds size limit","illegal_extension":"This type of file is not allowed.","max_reached":"Maximum number of files reached","unknown_error":"There was a problem while saving the file on the server","currently_uploading":"Please wait for the uploading to complete","cancel":"Cancel","cancel_upload":"Cancel this upload","cancelled":"Cancelled"},"vars":{"images_url":"https:\/\/www.protagene.com\/wp-content\/plugins\/gravityforms\/images"}}; var gf_global = {"gf_currency_config":{"name":"U.S. Dollar","symbol_left":"$","symbol_right":"","symbol_padding":"","thousand_separator":",","decimal_separator":".","decimals":2,"code":"USD"},"base_url":"https:\/\/www.protagene.com\/wp-content\/plugins\/gravityforms","number_formats":[],"spinnerUrl":"https:\/\/www.protagene.com\/wp-content\/plugins\/gravityforms\/images\/spinner.svg","version_hash":"985b6300b3ad0540eb5e30913ec866cb","strings":{"newRowAdded":"New row added.","rowRemoved":"Row removed","formSaved":"The form has been saved. The content contains the link to return and complete the form."}}; </script> <script defer='defer' src="https://www.protagene.com/wp-content/plugins/gravityforms/js/gravityforms.min.js?ver=2.8.18" id="gform_gravityforms-js"></script> <script defer='defer' src="https://www.protagene.com/wp-content/plugins/gravityforms/js/placeholders.jquery.min.js?ver=2.8.18" id="gform_placeholder-js"></script> <script defer='defer' src="https://www.protagene.com/wp-content/plugins/gravityforms/assets/js/dist/utils.min.js?ver=50c7bea9c2320e16728e44ae9fde5f26" id="gform_gravityforms_utils-js"></script> <script defer='defer' src="https://www.protagene.com/wp-content/plugins/gravityforms/assets/js/dist/vendor-theme.min.js?ver=54e7080aa7a02c83aa61fae430b9d869" id="gform_gravityforms_theme_vendors-js"></script> <script id="gform_gravityforms_theme-js-extra"> var gform_theme_config = {"common":{"form":{"honeypot":{"version_hash":"985b6300b3ad0540eb5e30913ec866cb"}}},"hmr_dev":"","public_path":"https:\/\/www.protagene.com\/wp-content\/plugins\/gravityforms\/assets\/js\/dist\/"}; </script> <script defer='defer' src="https://www.protagene.com/wp-content/plugins/gravityforms/assets/js/dist/scripts-theme.min.js?ver=bab19fd84843dabc070e73326d787910" id="gform_gravityforms_theme-js"></script> <script defer='defer' src="https://challenges.cloudflare.com/turnstile/v0/api.js" id="gform_turnstile_vendor_script-js"></script> <script defer='defer' src="https://www.protagene.com/wp-content/plugins/gravityformsturnstile/assets/js/dist/scripts-theme.min.js?ver=1.3.0" id="gform_turnstile_theme-js"></script> <script defer='defer' src="https://www.protagene.com/wp-content/plugins/gravityformsturnstile/assets/js/dist/vendor-theme.min.js?ver=1.3.0" id="gform_turnstile_vendor_theme-js"></script> <script> gform.initializeOnLoaded( function() { jQuery(document).on('gform_post_render', function(event, formId, currentPage){if(formId == 3) {if(typeof Placeholders != 'undefined'){ Placeholders.enable(); }} } );jQuery(document).on('gform_post_conditional_logic', function(event, formId, fields, isInit){} ) } ); </script> <script> gform.initializeOnLoaded( function() {jQuery(document).trigger("gform_pre_post_render", [{ formId: "3", currentPage: "1", abort: function() { this.preventDefault(); } }]); if (event && event.defaultPrevented) { return; } const gformWrapperDiv = document.getElementById( "gform_wrapper_3" ); if ( gformWrapperDiv ) { const visibilitySpan = document.createElement( "span" ); visibilitySpan.id = "gform_visibility_test_3"; gformWrapperDiv.insertAdjacentElement( "afterend", visibilitySpan ); } const visibilityTestDiv = document.getElementById( "gform_visibility_test_3" ); let postRenderFired = false; function triggerPostRender() { if ( postRenderFired ) { return; } postRenderFired = true; jQuery( document ).trigger( 'gform_post_render', [3, 1] ); gform.utils.trigger( { event: 'gform/postRender', native: false, data: { formId: 3, currentPage: 1 } } ); if ( visibilityTestDiv ) { visibilityTestDiv.parentNode.removeChild( visibilityTestDiv ); } } function debounce( func, wait, immediate ) { var timeout; return function() { var context = this, args = arguments; var later = function() { timeout = null; if ( !immediate ) func.apply( context, args ); }; var callNow = immediate && !timeout; clearTimeout( timeout ); timeout = setTimeout( later, wait ); if ( callNow ) func.apply( context, args ); }; } const debouncedTriggerPostRender = debounce( function() { triggerPostRender(); }, 200 ); if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) { const observer = new MutationObserver( ( mutations ) => { mutations.forEach( ( mutation ) => { if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) { debouncedTriggerPostRender(); observer.disconnect(); } }); }); observer.observe( document.body, { attributes: true, childList: false, subtree: true, attributeFilter: [ 'style', 'class' ], }); } else { triggerPostRender(); } } ); </script> <script type="text/javascript">jQuery(document).ready(function($){var loader='<div class="lds-ellipsis"><div></div><div></div><div></div><div></div></div>';var flag=false;var main_xhr;var LoadMorePushAjax=function(url,args){jQuery('.ald_loader_progress').css({"-webkit-transform":"translate3d(-100%, 0px, 0px)","-ms-transform":"translate3d(-100%, 0px, 0px)","transform":"translate3d(-100%, 0px, 0px)",});if(args.data_implement_selectors){var dis=JSON.parse(args.data_implement_selectors)}if(main_xhr&&main_xhr.readyState!=4){main_xhr.abort()}args.target_url=url;main_xhr=jQuery.ajax({url:url,asynch:true,beforeSend:function(){jQuery('.ald_laser_loader').addClass('show');jQuery('.ald_loader_progress').css({"transition-duration":"2000ms","-webkit-transform":"translate3d(-20%, 0px, 0px)","-ms-transform":"translate3d(-20%, 0px, 0px)","transform":"translate3d(-20%, 0px, 0px)",});flag=true},success:function(data){jQuery(document).trigger('ald_ajax_content_ready',[data,args]);if(dis){for(var key in dis){var selector=dis[key].data_selector;var type=dis[key].implement_type;if(selector){var newData=jQuery(selector,data).html();if(type=="insert_before"){jQuery(selector).prepend(newData)}else if(type=="insert_after"){jQuery(selector).append(newData)}else{jQuery(selector).html(newData)}}}}jQuery(document).find('.tf_posts_navigation').removeClass('loading');jQuery('.ald-ajax-btn[data-alm-click-selector]').each(function(){if(jQuery(this).data('alm-click-selector')==args.click_selector){jQuery(this).removeClass('loading')}});jQuery('.ald_loader_progress').css({"transition-duration":"500ms","-webkit-transform":"translate3d(0%, 0px, 0px)","-ms-transform":"translate3d(0%, 0px, 0px)","transform":"translate3d(0%, 0px, 0px)",});setTimeout(function(){jQuery('.ald_laser_loader').removeClass('show');jQuery('.ald_loader_progress').css({"transition-duration":"0ms","-webkit-transform":"translate3d(-100%, 0px, 0px)","-ms-transform":"translate3d(-100%, 0px, 0px)","transform":"translate3d(-100%, 0px, 0px)",})},300);jQuery(document).trigger('ald_ajax_content_loaded',data);jQuery(document).trigger('ald_ajax_content_success',[args]);flag=false}})}});</script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10