{"id":1708,"date":"2026-04-30T12:00:10","date_gmt":"2026-04-30T12:00:10","guid":{"rendered":"https:\/\/apbionet.org\/sc\/?page_id=1708"},"modified":"2026-06-23T11:41:53","modified_gmt":"2026-06-23T11:41:53","slug":"apbscs26","status":"publish","type":"page","link":"https:\/\/apbionet.org\/sc\/apbscs26\/","title":{"rendered":"APBioNET-SCS"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Responsive Navigation<\/title>\r\n \r\n <style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,400;14..32,500;14..32,600&display=swap');\r\n\r\n \/* Desktop Styles *\/\r\n .menu-toggle {\r\n position: fixed;\r\n left: 0;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n background: #1152d4;\r\n color: white;\r\n border: none;\r\n font-size: 22px;\r\n padding: 12px 8px;\r\n border-radius: 0 12px 12px 0;\r\n cursor: pointer;\r\n z-index: 1000;\r\n font-family: 'Inter', sans-serif;\r\n box-shadow: 2px 2px 8px rgba(0,0,0,0.15);\r\n transition: 0.2s;\r\n }\r\n \r\n .menu-toggle:hover {\r\n background: #0a3a9e;\r\n padding-right: 12px;\r\n }\r\n\r\n .side-nav {\r\n position: fixed;\r\n left: -260px;\r\n top: 0;\r\n width: 240px;\r\n height: 100%;\r\n background: #f3f3fe;\r\n padding: 60px 12px 20px 12px;\r\n z-index: 999;\r\n font-family: 'Inter', sans-serif;\r\n box-shadow: 2px 0 12px rgba(0,0,0,0.1);\r\n transition: left 0.3s ease;\r\n overflow-y: auto;\r\n }\r\n \r\n .side-nav.open {\r\n left: 0;\r\n }\r\n \r\n .side-nav a {\r\n display: block;\r\n color: #1a1c1e;\r\n text-decoration: none;\r\n padding: 10px 12px 10px 45px; \/* left padding prevents button overlap *\/\r\n margin: 4px 0;\r\n font-size: 14px;\r\n font-weight: 500;\r\n border-radius: 8px;\r\n transition: 0.2s;\r\n }\r\n \r\n .side-nav a:hover {\r\n background: #1152d4;\r\n color: white;\r\n }\r\n\r\n \/* Mobile Responsive Adjustments *\/\r\n @media (max-width: 768px) {\r\n .menu-toggle {\r\n top: 15px; \/* Moves button to top left corner on mobile *\/\r\n left: 15px; \/* Inward buffer from screen edge *\/\r\n transform: none; \/* Disables desktop vertical centering *\/\r\n border-radius: 8px; \/* Converts tab shape into a standard button *\/\r\n padding: 10px 14px;\r\n font-size: 20px;\r\n }\r\n\r\n .side-nav {\r\n width: 100%; \r\n max-width: 280px; \/* Prevents menu from swallowing wider mobile screens completely *\/\r\n padding-top: 80px; \/* Pushes content down so the button doesn't cover top links *\/\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <button class=\"menu-toggle\" id=\"menuToggle\">\u2630<\/button>\r\n\r\n <div class=\"side-nav\" id=\"sideNav\">\r\n <a href=\"#about\">About<\/a>\r\n <a href=\"#abstract\">Abstract<\/a>\r\n <a href=\"#registration\">Registration<\/a>\r\n <a href=\"#program\">Program<\/a>\r\n <a href=\"#keynote\">Keynote Speakers<\/a>\r\n <a href=\"#panelists\">Panelists<\/a>\r\n <a href=\"\/sc\/contact\">Contact<\/a>\r\n <a href=\"#partners\">Partners<\/a>\r\n <\/div>\r\n\r\n <script>\r\n const toggleBtn = document.getElementById('menuToggle');\r\n const sideNav = document.getElementById('sideNav');\r\n\r\n \/\/ Toggle menu open\/close\r\n toggleBtn.addEventListener('click', function(e) {\r\n e.stopPropagation();\r\n sideNav.classList.toggle('open');\r\n });\r\n\r\n \/\/ Close menu when clicking outside of it\r\n document.addEventListener('click', function(event) {\r\n if (!sideNav.contains(event.target) && !toggleBtn.contains(event.target) && sideNav.classList.contains('open')) {\r\n sideNav.classList.remove('open');\r\n }\r\n });\r\n\r\n \/\/ Handle smooth scrolling and auto-close menu on link selection\r\n document.querySelectorAll('.side-nav a').forEach(link => {\r\n link.addEventListener('click', function(e) {\r\n let targetAttr = this.getAttribute('href');\r\n \r\n if (targetAttr.startsWith('#')) {\r\n let target = document.querySelector(targetAttr);\r\n if(target) {\r\n e.preventDefault();\r\n sideNav.classList.remove('open');\r\n target.scrollIntoView({ behavior: 'smooth' });\r\n }\r\n }\r\n });\r\n });\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-86b56ca elementor-widget elementor-widget-image\" data-id=\"86b56ca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1500\" height=\"500\" src=\"https:\/\/apbionet.org\/sc\/wp-content\/uploads\/2026\/05\/IMG_4342.png\" class=\"attachment-full size-full wp-image-1891\" alt=\"img 4342\" srcset=\"https:\/\/apbionet.org\/sc\/wp-content\/uploads\/2026\/05\/IMG_4342.png 1500w, https:\/\/apbionet.org\/sc\/wp-content\/uploads\/2026\/05\/IMG_4342-300x100.png 300w, https:\/\/apbionet.org\/sc\/wp-content\/uploads\/2026\/05\/IMG_4342-1024x341.png 1024w, https:\/\/apbionet.org\/sc\/wp-content\/uploads\/2026\/05\/IMG_4342-768x256.png 768w\" sizes=\"(max-width: 1500px) 100vw, 1500px\" title=\"APBioNET-SCS\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-456d03a e-con-full e-flex e-con e-parent\" data-id=\"456d03a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9665810 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"9665810\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"symposium-countdown\">\r\n <div class=\"timer-container\">\r\n <div class=\"time-box\"><span id=\"days\">00<\/span><span class=\"time-label\">Days<\/span><\/div>\r\n <div class=\"time-box\"><span id=\"hours\">00<\/span><span class=\"time-label\">Hours<\/span><\/div>\r\n <div class=\"time-box\"><span id=\"minutes\">00<\/span><span class=\"time-label\">Mins<\/span><\/div>\r\n <div class=\"time-box\"><span id=\"seconds\">00<\/span><span class=\"time-label\">Secs<\/span><\/div>\r\n <\/div>\r\n <div class=\"event-message\">\ud83d\ude80 Symposium Starts In<\/div>\r\n<\/div>\r\n\r\n<style>\r\n .symposium-countdown {\r\n text-align: center;\r\n background: #f3f3fe;\r\n padding: 30px 20px;\r\n border-radius: 10px;\r\n margin: 30px auto;\r\n font-family: 'Inter', 'Arial', sans-serif;\r\n max-width: 700px;\r\n }\r\n .timer-container {\r\n display: flex;\r\n justify-content: center;\r\n gap: 30px;\r\n flex-wrap: wrap;\r\n }\r\n .time-box {\r\n background: white;\r\n border-radius: 16px;\r\n padding: 20px 25px;\r\n min-width: 100px;\r\n box-shadow: 0 4px 12px rgba(0,0,0,0.05);\r\n text-align: center;\r\n }\r\n .time-box span:first-child {\r\n font-size: 2.8rem;\r\n font-weight: 700;\r\n color: #1E285E;\r\n display: block;\r\n line-height: 1.2;\r\n }\r\n .time-label {\r\n font-size: 0.9rem;\r\n color: #44474e;\r\n font-weight: 500;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n }\r\n .event-message {\r\n font-size: 1.2rem;\r\n color: #1E285E;\r\n font-weight: 500;\r\n margin-top: 10px;\r\n text-align: center; \/* explicitly centered *\/\r\n }\r\n @media (max-width: 768px) {\r\n .time-box { padding: 12px 18px; min-width: 70px; }\r\n .time-box span:first-child { font-size: 2rem; }\r\n }\r\n<\/style>\r\n\r\n<script>\r\n \/\/ ********** ONLY CHANGE THESE 3 NUMBERS **********\r\n const eventYear = 2026;\r\n const eventMonth = 9; \/\/ September = 9\r\n const eventDay = 14;\r\n \/\/ *************************************************\r\n \r\n \/\/ Count down to midnight (00:00:00) of that date\r\n const targetDate = new Date(eventYear, eventMonth - 1, eventDay, 0, 0, 0).getTime();\r\n \r\n function updateCountdown() {\r\n const now = new Date().getTime();\r\n const distance = targetDate - now;\r\n \r\n if (distance < 0) {\r\n document.getElementById(\"days\").innerHTML = \"00\";\r\n document.getElementById(\"hours\").innerHTML = \"00\";\r\n document.getElementById(\"minutes\").innerHTML = \"00\";\r\n document.getElementById(\"seconds\").innerHTML = \"00\";\r\n return;\r\n }\r\n \r\n const days = Math.floor(distance \/ (1000 * 60 * 60 * 24));\r\n const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) \/ (1000 * 60 * 60));\r\n const minutes = Math.floor((distance % (1000 * 60 * 60)) \/ (1000 * 60));\r\n const seconds = Math.floor((distance % (1000 * 60)) \/ 1000);\r\n \r\n document.getElementById(\"days\").innerHTML = days < 10 ? \"0\" + days : days;\r\n document.getElementById(\"hours\").innerHTML = hours < 10 ? \"0\" + hours : hours;\r\n document.getElementById(\"minutes\").innerHTML = minutes < 10 ? \"0\" + minutes : minutes;\r\n document.getElementById(\"seconds\").innerHTML = seconds < 10 ? \"0\" + seconds : seconds;\r\n }\r\n \r\n updateCountdown();\r\n setInterval(updateCountdown, 1000);\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-feeaf00 e-con-full e-flex e-con e-child\" data-id=\"feeaf00\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ee1be63 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"ee1be63\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div style=\"max-width: 700px; margin: 0 auto;\">\r\n <div style=\"display: flex; gap: 15px; justify-content: center; flex-wrap: wrap;\">\r\n \r\n <!-- Date Card -->\r\n <div style=\"background: #1E285E; border-radius: 16px; padding: 16px 12px; text-align: center; flex: 1; min-width: 130px; box-shadow: 0 4px 12px rgba(0,0,0,0.15);\">\r\n <div style=\"font-size: 28px; color: #fcfaff;\">\ud83d\uddd3\ufe0f<\/div>\r\n <h4 style=\"color: #FFFFFF; margin: 8px 0 4px; font-size: 20px;\">Date<\/h4>\r\n <p style=\"color: #e4b333; margin: 0; font-size: 20px;\">September 14, 2026<\/p>\r\n <\/div>\r\n\r\n <!-- Venue Card -->\r\n <div style=\"background: #1E285E; border-radius: 16px; padding: 16px 12px; text-align: center; flex: 1; min-width: 130px; box-shadow: 0 4px 12px rgba(0,0,0,0.15);\">\r\n <div style=\"font-size: 28px; color: #FFFFFF;\">\ud83c\udfdb\ufe0f<\/div>\r\n <h4 style=\"color: #FFFFFF; margin: 8px 0 4px; font-size: 20px;\">Venue<\/h4>\r\n <p style=\"color: #e4b333; margin: 0; font-size: 20px;\">Royale Chulan Hotel, Penang<\/p>\r\n <\/div>\r\n\r\n <!-- Format Card -->\r\n <div style=\"background: #1E285E; border-radius: 16px; padding: 16px 12px; text-align: center; flex: 1; min-width: 130px; box-shadow: 0 4px 12px rgba(0,0,0,0.15);\">\r\n <div style=\"font-size: 28px; color: #FFFFFF;\">\ud83d\udc65<\/div>\r\n <h4 style=\"color: #FFFFFF; margin: 8px 0 4px; font-size: 20px;\">Format<\/h4>\r\n <p style=\"color: #e4b333; margin: 0; font-size: 20px;\">In\u2011Person<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-994d78d e-flex e-con-boxed e-con e-parent\" data-id=\"994d78d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f541f0f elementor-widget elementor-widget-spacer\" data-id=\"f541f0f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\n<hr class=\"e-divider-base\" data-interaction-id=\"391166f\" \/>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f3ce1fd e-con-full e-flex e-con e-child\" data-id=\"f3ce1fd\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3d0a8b9 elementor-widget elementor-widget-html\" data-id=\"3d0a8b9\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"abstract\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"cta-section\">\r\n <div class=\"abstract-callout\">\r\n <p class=\"callout-status\">Abstract submission is now <strong>open<\/strong><\/p>\r\n <p class=\"callout-deadline\">Submit by 31 August, 2026<\/p>\r\n <\/div>\r\n\r\n <a href=\"https:\/\/incob.apbionet.org\/incob2026\/the-2nd-apbionet-student-council-symposium-apbscs26\/\" class=\"abstract-btn\">\r\n Submit Your <span class=\"abstract-word\">Abstract Today!<\/span>\r\n <\/a>\r\n\r\n <div class=\"registration-section-wrapper\" id=\"registration\">\r\n <h2 class=\"registration-title\">Registration<\/h2>\r\n \r\n <div class=\"registration-container\">\r\n <div class=\"reg-card recommended\">\r\n <span class=\"badge\">Recommended<\/span>\r\n <h3 class=\"card-title\">InCoB 2026 + APBSCS\u201926<\/h3>\r\n <p class=\"card-description\">Register for the main InCoB\/ISCB-APAC 2026 conference and get complimentary APBSCS\u201926 access.<\/p>\r\n <div class=\"card-cost\">Cost: Main Conference Fee Only<\/div>\r\n <\/div>\r\n\r\n <div class=\"reg-card\">\r\n <h3 class=\"card-title\">APBSCS\u201926 ONLY<\/h3>\r\n <p class=\"card-description\">Register for the APBSCS\u201926 pre-conference event only if you are not attending the main conference.<\/p>\r\n <div class=\"card-cost\">Cost: $30 (Early Bird)<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"unified-reg-wrapper\">\r\n <a href=\"https:\/\/incob.apbionet.org\/incob2026\/registration\/\" target=\"_blank\" class=\"reg-btn main-reg-btn\">Register Here<\/a>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* APBSCS'26 BRAND PALETTE:\r\n Blood Red: #6B0504\r\n Xanthous: #E6AF2E\r\n White: #FBFFFE\r\n Rich Black: #001514\r\n Heading Accent: #0A2540 (Dark Blue)\r\n*\/\r\n\r\n.cta-section {\r\n text-align: center;\r\n font-family: 'Inter', sans-serif;\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n padding: 1rem;\r\n}\r\n\r\n\/* --- Abstract Styles --- *\/\r\n.abstract-callout {\r\n max-width: 520px;\r\n margin: 0 auto 2rem auto;\r\n background: linear-gradient(135deg, #FBFFFE 0%, #FFF9F0 100%);\r\n border: 1px solid rgba(230, 175, 46, 0.3);\r\n border-radius: 10px;\r\n padding: 1.5rem 2rem;\r\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.03);\r\n transition: all 0.3s ease;\r\n}\r\n\r\n.abstract-callout:hover {\r\n border-color: rgba(230, 175, 46, 0.6);\r\n box-shadow: 0 12px 28px rgba(107, 5, 4, 0.05);\r\n}\r\n\r\n.callout-status {\r\n margin: 0 0 0.5rem 0;\r\n font-size: 1.35rem;\r\n font-weight: 600;\r\n color: #001514;\r\n letter-spacing: -0.2px;\r\n}\r\n\r\n.callout-status strong {\r\n color: #6B0504;\r\n font-weight: 800;\r\n}\r\n\r\n.callout-deadline {\r\n margin: 0;\r\n font-size: 1.1rem;\r\n color: #6B0504;\r\n font-weight: 500;\r\n opacity: 0.85;\r\n}\r\n\r\n@keyframes pulseEffect {\r\n 0% { transform: scale(1); box-shadow: 0 4px 15px rgba(0,0,0,0.1); }\r\n 50% { transform: scale(1.03); box-shadow: 0 10px 30px rgba(107, 5, 4, 0.3); }\r\n 100% { transform: scale(1); box-shadow: 0 4px 15px rgba(0,0,0,0.1); }\r\n}\r\n\r\n.abstract-btn {\r\n display: inline-block;\r\n background-color: #6B0504;\r\n color: #FBFFFE !important;\r\n font-size: 1.6rem;\r\n font-weight: 800;\r\n padding: 1.2rem 3.5rem;\r\n border-radius: 60px;\r\n text-decoration: none;\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n animation: pulseEffect 3s infinite ease-in-out;\r\n border: 2px solid transparent;\r\n margin-bottom: 2rem; \/* Creates initial separation below the button *\/\r\n}\r\n\r\n.abstract-word {\r\n color: #E6AF2E;\r\n transition: color 0.3s ease;\r\n}\r\n\r\n.abstract-btn:hover {\r\n transform: translateY(-5px);\r\n background-color: #001514;\r\n border-color: #E6AF2E;\r\n box-shadow: 0 15px 40px rgba(0,0,0,0.4);\r\n}\r\n\r\n.abstract-btn:hover .abstract-word {\r\n color: #FBFFFE !important;\r\n}\r\n\r\n\/* --- Fixed New Layout Wrapper to isolate the sections cleanly --- *\/\r\n.registration-section-wrapper {\r\n display: block;\r\n clear: both;\r\n padding-top: 6rem; \/* Enforces absolute deep blank padding below the pulsing element *\/\r\n border-top: 1px solid rgba(0, 21, 20, 0.1); \/* Replaces the uncooperative <hr> item cleanly *\/\r\n margin-top: 4rem;\r\n}\r\n\r\n\/* --- Registration Styles --- *\/\r\n.registration-title {\r\n font-size: 3rem;\r\n color: #0A2540; \/* Dark Blue *\/\r\n font-weight: 800;\r\n margin-top: 0;\r\n margin-bottom: 2.5rem;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n}\r\n\r\n.registration-container {\r\n display: flex;\r\n gap: 2rem;\r\n justify-content: center;\r\n align-items: stretch;\r\n flex-wrap: wrap;\r\n margin-bottom: 3rem; \/* Adds clean spacing before the unified button *\/\r\n}\r\n\r\n.reg-card {\r\n flex: 1;\r\n min-width: 300px;\r\n max-width: 480px;\r\n background: #FBFFFE;\r\n border: 2px solid rgba(0, 21, 20, 0.1);\r\n border-radius: 12px;\r\n padding: 2.5rem 2rem 2.5rem 2rem; \/* Balanced bottom padding since button was removed *\/\r\n box-shadow: 0 10px 25px rgba(0,0,0,0.05);\r\n position: relative;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n transition: all 0.3s ease;\r\n}\r\n\r\n.reg-card:hover {\r\n transform: translateY(-5px);\r\n border-color: #0A2540;\r\n box-shadow: 0 15px 35px rgba(107, 5, 4, 0.1);\r\n}\r\n\r\n.reg-card.recommended {\r\n border-color: #0A2540;\r\n}\r\n\r\n.badge {\r\n position: absolute;\r\n top: -12px;\r\n right: 20px;\r\n background-color: #0A2540;\r\n color: #FBFFFE;\r\n padding: 0.3rem 1rem;\r\n font-size: 0.8rem;\r\n font-weight: 700;\r\n border-radius: 20px;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n box-shadow: 0 4px 10px rgba(107, 5, 4, 0.2);\r\n}\r\n\r\n.card-title {\r\n font-size: 1.5rem;\r\n color: #001514;\r\n font-weight: 700;\r\n margin-top: 0;\r\n margin-bottom: 1.2rem;\r\n border-bottom: 1px solid rgba(0, 21, 20, 0.1);\r\n padding-bottom: 1rem;\r\n}\r\n\r\n.card-description {\r\n font-size: 1.05rem;\r\n color: #001514;\r\n line-height: 1.6;\r\n margin-bottom: 1.5rem;\r\n flex-grow: 1;\r\n}\r\n\r\n.card-cost {\r\n background-color: rgba(0, 21, 20, 0.04);\r\n color: #001514;\r\n font-weight: 700;\r\n font-size: 1.05rem;\r\n padding: 0.8rem;\r\n border-radius: 6px;\r\n}\r\n\r\n\/* --- New Unified Center Button Styles --- *\/\r\n.unified-reg-wrapper {\r\n display: flex;\r\n justify-content: center;\r\n width: 100%;\r\n}\r\n\r\n.main-reg-btn {\r\n display: inline-block;\r\n min-width: 250px;\r\n max-width: 400px;\r\n background-color: #001514;\r\n color: #FBFFFE !important;\r\n text-decoration: none;\r\n font-weight: 700;\r\n font-size: 1.3rem;\r\n padding: 1.2rem 3rem;\r\n border-radius: 8px;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);\r\n}\r\n\r\n.main-reg-btn:hover {\r\n background-color: #6B0504;\r\n transform: translateY(-3px);\r\n box-shadow: 0 8px 25px rgba(107, 5, 4, 0.25);\r\n}\r\n\r\n\/* Responsive Customization *\/\r\n@media (max-width: 768px) {\r\n .registration-container {\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n .reg-card {\r\n width: 100%;\r\n }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n .abstract-callout {\r\n max-width: 90%;\r\n padding: 1rem 1.2rem;\r\n }\r\n .callout-status { font-size: 1.1rem; }\r\n .callout-deadline { font-size: 0.75rem; }\r\n .abstract-btn {\r\n font-size: 1.2rem;\r\n padding: 0.8rem 2rem;\r\n }\r\n .registration-title { font-size: 1.8rem; }\r\n .registration-section-wrapper { padding-top: 4rem; margin-top: 2rem; }\r\n .main-reg-btn { width: 90%; padding: 1rem 2rem; font-size: 1.15rem; }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c0d20ce e-con-full e-flex e-con e-parent\" data-id=\"c0d20ce\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-918d5a3 e-con-full e-flex e-con e-child\" data-id=\"918d5a3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-46237e7 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"46237e7\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"about\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div style=\"background: #f3f3fe; padding: 24px 20px; border-radius: 24px; margin: 20px 0; text-align: center;\">\r\n <h1 style=\"font-family: 'Inter', sans-serif; font-size: 70px; font-weight: 800; margin: 0 0 12px 0; background: linear-gradient(135deg, #1E285E 0%, #e4b333 80%); -webkit-background-clip: text; background-clip: text; color: transparent; text-shadow: none; white-space: nowrap;\">\r\n From Ideas to Impact:\r\n <\/h1>\r\n <p style=\"font-family: 'Inter', sans-serif; font-size: 30px; font-weight: 500; color: #44474e; margin: 0;\">The APBioNET Student Council Symposium 2026<\/p>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-68b4dca e-con-full e-flex e-con e-parent\" data-id=\"68b4dca\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-1a17fc7 e-con-full e-flex e-con e-child\" data-id=\"1a17fc7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e3e16e0 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"e3e16e0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div style=\"color: #1E285E; font-family: 'Inter', sans-serif; font-size: 16px; line-height: 1.6;\">\r\n <p style=\"text-align: justify; margin-bottom: 1.2em;\">\r\n The APBioNET Student Council is pleased to announce the second edition of its Student Council Symposium (APBSCS26), an academic forum for undergraduate and graduate students, postdoctoral fellows, and early\u2011career researchers in bioinformatics and computational biology. The symposium will take place on <strong>14 September 2026 at Universiti Sains Malaysia (USM), Penang<\/strong>. Its core objectives are to provide a constructive venue for research presentation, enable feedback from peers and senior investigators, and foster a supportive professional network.\r\n <\/p>\r\n <p style=\"text-align: justify; margin-bottom: 1.2em;\">\r\n Submissions are invited across a broad range of topics, including single\u2011cell and spatial omics, artificial intelligence in biomedicine, cancer genomics, protein structure and design, metagenomics, systems biology, and bioinformatics education. Both methodological advances and applied studies are equally welcome. Presenters may choose between oral and poster formats.\r\n <\/p>\r\n <p style=\"text-align: justify; margin-bottom: 1.2em;\">\r\n Beyond the formal programme, the symposium serves as a gateway to the wider APBioNET community. Participants will gain fresh perspectives, establish cross\u2011institutional collaborations, and acquire tangible career insights. Attendees may extend their experience by joining the main InCoB\/ISCB\u2011APAC 2026 conference.\r\n <\/p>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-aadf246 e-con e-atomic-element e-flexbox-base e-46cf950 \" data-id=\"aadf246\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"aadf246\">\n <div class=\"elementor-element elementor-element-d806e25 e-con e-atomic-element e-flexbox-base e-afba438 \" data-id=\"d806e25\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d806e25\">\n <div class=\"elementor-element elementor-element-6ef9128 e-con e-atomic-element e-flexbox-base e-5c680ac \" data-id=\"6ef9128\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"6ef9128\">\n \t\t<div class=\"elementor-element elementor-element-900ae87 elementor-widget elementor-widget-heading\" data-id=\"900ae87\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">APBioNET-SCS 2025<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\n<\/div>\n<div class=\"elementor-element elementor-element-6bad942 e-con e-atomic-element e-flexbox-base \" data-id=\"6bad942\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"6bad942\">\n \t\t<div class=\"elementor-element elementor-element-7026889 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"7026889\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;700;800;900&display=swap');\n\n\/* Main System Container *\/\n.folder-system-container {\n font-family: 'Montserrat', sans-serif !important;\n max-width: 1100px;\n margin: 3rem auto;\n padding: 0 1.5rem;\n box-sizing: border-box;\n}\n\n\/* Single Section Content *\/\n.folder-content {\n background-color: #FFFFFF !important;\n border: 1px solid rgba(10, 17, 40, 0.1) !important;\n border-radius: 16px !important;\n padding: 3.5rem !important;\n box-shadow: 0 15px 35px rgba(10, 17, 40, 0.04) !important;\n position: relative;\n z-index: 1;\n text-align: left !important;\n}\n\n.section-intro-text {\n color: #5F6C7D !important;\n margin-bottom: 2.5rem !important;\n font-size: 1.05rem !important;\n line-height: 1.6;\n font-weight: 500;\n}\n\n\/* Scrapbook Gallery Content Area *\/\n.scrapbook-layout {\n display: flex !important;\n gap: 3rem !important;\n flex-wrap: wrap !important;\n justify-content: flex-start !important;\n}\n\n\/* Polaroid Image Aesthetic Element *\/\n.polaroid-item {\n background: #FFFFFF !important;\n padding: 16px 16px 24px 16px !important;\n box-shadow: 0 12px 30px rgba(10, 17, 40, 0.08) !important;\n border: 1px solid rgba(10, 17, 40, 0.06) !important;\n border-radius: 4px !important;\n width: 280px !important;\n transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important;\n box-sizing: border-box;\n}\n\n\/* Structural file-bundle layout rotations *\/\n.item-one { transform: rotate(-2deg) !important; }\n.item-two { transform: rotate(3deg) !important; }\n.item-three { transform: rotate(-1deg) !important; }\n\n.polaroid-item:hover {\n transform: rotate(0deg) translateY(-8px) !important;\n box-shadow: 0 20px 35px rgba(244, 180, 26, 0.15) !important;\n border-color: #F4B41A !important;\n z-index: 5;\n}\n\n.polaroid-img-frame {\n background: #F4F1EA !important;\n height: 210px;\n width: 100%;\n overflow: hidden;\n border: 1px solid rgba(10, 17, 40, 0.04);\n}\n\n.polaroid-actual-img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n}\n\n.polaroid-caption {\n color: #0A1128 !important;\n font-weight: 800 !important;\n font-size: 0.9rem !important;\n margin-top: 14px !important;\n text-align: center !important;\n}\n\n\/* Responsive Layout Breakdowns *\/\n@media(max-width: 768px) {\n .folder-content { padding: 2rem !important; border-radius: 8px !important; }\n .scrapbook-layout { justify-content: center !important; }\n}\n<\/style>\n\n<div class=\"folder-system-container\">\n <div class=\"folder-content\">\n <p class=\"section-intro-text\">\n Visual highlights and memorable milestones captured during our previous student council symposium sessions:\n <\/p>\n\n <div class=\"scrapbook-layout\">\n <!-- ITEM 1: PANEL DISCUSSION -->\n <div class=\"polaroid-item item-one\">\n <div class=\"polaroid-img-frame\">\n <img decoding=\"async\" src=\"https:\/\/apbionet.org\/sc\/wp-content\/uploads\/2026\/06\/panel_discussion-scaled.jpg\" alt=\"Panel Discussion\" class=\"polaroid-actual-img\" title=\"APBioNET-SCS\">\n <\/div>\n <div class=\"polaroid-caption\">Panel Discussion<\/div>\n <\/div>\n\n <!-- ITEM 2: QUIZ -->\n <div class=\"polaroid-item item-two\">\n <div class=\"polaroid-img-frame\">\n <img decoding=\"async\" src=\"https:\/\/apbionet.org\/sc\/wp-content\/uploads\/2026\/06\/quiz-scaled.jpg\" alt=\"Bioinformatics Quiz\" class=\"polaroid-actual-img\" title=\"APBioNET-SCS\">\n <\/div>\n <div class=\"polaroid-caption\">Exciting Quiz<\/div>\n <\/div>\n\n <!-- ITEM 3: PHD JOURNEY -->\n <div class=\"polaroid-item item-three\">\n <div class=\"polaroid-img-frame\">\n <img decoding=\"async\" src=\"https:\/\/apbionet.org\/sc\/wp-content\/uploads\/2026\/06\/online_talk-scaled.jpg\" alt=\"PhD Journey Talk\" class=\"polaroid-actual-img\" title=\"APBioNET-SCS\">\n <\/div>\n <div class=\"polaroid-caption\">PhD Journey<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\n<\/div>\n<div class=\"elementor-element elementor-element-a03e8db e-con-full e-flex e-con e-parent\" data-id=\"a03e8db\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-f9fbeb7 e-con-full e-flex e-con e-child\" data-id=\"f9fbeb7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-247eaa4 elementor-widget elementor-widget-html\" data-id=\"247eaa4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"apbscs-dates-section\">\r\n <div class=\"apbscs-compact-container\">\r\n \r\n <div class=\"section-header-wrap\">\r\n <h2 class=\"compact-header\">Important Dates<\/h2>\r\n <div class=\"header-line\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"dates-grid\">\r\n <!-- Box 1 -->\r\n <div class=\"date-outline-box border-teal\">\r\n <span class=\"day-badge theme-teal\">FRI<\/span>\r\n <div class=\"date-number\">01<\/div>\r\n <div class=\"date-month\">May, 2026<\/div>\r\n <div class=\"box-content\">\r\n <h3>Abstract Submission<\/h3>\r\n <p>Online Portal Opens<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Box 2 -->\r\n <div class=\"date-outline-box border-yellow\">\r\n <span class=\"day-badge theme-yellow\">WED<\/span>\r\n <div class=\"date-number\">15<\/div>\r\n <div class=\"date-month\">July, 2026<\/div>\r\n <div class=\"box-content\">\r\n <h3>Oral Presenters<\/h3>\r\n <p>Oral Speaker Acceptance<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Box 3 -->\r\n <div class=\"date-outline-box border-white\">\r\n <span class=\"day-badge theme-white\">SUN<\/span>\r\n <div class=\"date-number\">31<\/div>\r\n <div class=\"date-month\">August, 2026<\/div>\r\n <div class=\"box-content\">\r\n <h3>Final Deadline<\/h3>\r\n <p>Final Opportunity to Submit Abstract.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Box 4 -->\r\n <div class=\"date-outline-box border-coral\">\r\n <span class=\"day-badge theme-coral\">MON<\/span>\r\n <div class=\"date-number\">14<\/div>\r\n <div class=\"date-month\">September, 2026<\/div>\r\n <div class=\"box-content\">\r\n <h3>Symposium Day<\/h3>\r\n <p>APBSCS\u201926 Main Event Day.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* Updated to Blood Red from download (9)_2.jpg *\/\r\n.apbscs-dates-section {\r\n background-color: #6B0504; \r\n padding: 25px 0;\r\n width: 100%;\r\n color: #FBFFFE; \/* Updated White from palette *\/\r\n font-family: 'Inter', sans-serif;\r\n}\r\n\r\n.apbscs-compact-container {\r\n max-width: 1000px;\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n}\r\n\r\n.section-header-wrap {\r\n text-align: center;\r\n margin-bottom: 20px;\r\n}\r\n\r\n.compact-header {\r\n font-size: 26px; \r\n font-weight: 800;\r\n color: #FBFFFE; \r\n margin-bottom: 5px;\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n}\r\n\r\n.header-line {\r\n width: 35px;\r\n height: 3px;\r\n background-color: #E6AF2E; \/* Updated Xanthous from palette *\/\r\n margin: 0 auto;\r\n}\r\n\r\n.dates-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 10px;\r\n}\r\n\r\n.date-outline-box {\r\n border: 1px solid rgba(251, 255, 254, 0.2);\r\n padding: 15px 10px;\r\n text-align: center;\r\n background: rgba(0, 0, 0, 0.15); \/* Subtle dark overlay to pop against red *\/\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n}\r\n\r\n.border-teal { border-right: 3px solid #008080; }\r\n.border-yellow { border-right: 3px solid #E6AF2E; }\r\n.border-white { border-right: 3px solid #FBFFFE; }\r\n.border-coral { border-right: 3px solid #FF9896; }\r\n\r\n.day-badge {\r\n padding: 2px 8px;\r\n border-radius: 3px;\r\n font-size: 10px;\r\n font-weight: 900;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.theme-teal { background-color: #008080; color: #fff; }\r\n.theme-yellow { background-color: #E6AF2E; color: #000; }\r\n.theme-white { background-color: #FBFFFE; color: #000; }\r\n.theme-coral { background-color: #FF9896; color: #fff; }\r\n\r\n.date-number {\r\n font-size: 40px;\r\n font-weight: 800;\r\n line-height: 1;\r\n color: #FBFFFE;\r\n}\r\n\r\n.date-month {\r\n font-size: 11px;\r\n color: rgba(251, 255, 254, 0.7);\r\n margin: 4px 0 12px 0;\r\n}\r\n\r\n.date-outline-box h3 {\r\n font-size: 0.9rem;\r\n font-weight: 700;\r\n margin-bottom: 4px;\r\n color: #FBFFFE;\r\n}\r\n\r\n.date-outline-box p {\r\n font-size: 0.7rem;\r\n line-height: 1.3;\r\n color: rgba(251, 255, 254, 0.7);\r\n margin: 0;\r\n}\r\n\r\n@media (max-width: 850px) {\r\n .dates-grid { grid-template-columns: repeat(2, 1fr); }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e80068d e-flex e-con-boxed e-con e-parent\" data-id=\"e80068d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-e26ff57 e-con-full e-flex e-con e-child\" data-id=\"e26ff57\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-58d0365 keynote elementor-widget elementor-widget-html\" data-id=\"58d0365\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"keynote\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"honored-speaker-section\">\r\n \r\n <div class=\"speaker-layout-container\">\r\n \r\n <!-- LEFT SIDE: Professional Credentials & Short Bio -->\r\n <div class=\"speaker-meta\">\r\n <!-- Enlarged Keynote Speaker Heading -->\r\n <h2 class=\"honor-heading\">Keynote Speaker<\/h2>\r\n \r\n <div class=\"speaker-bio\">\r\n <p>We are honored to welcome <strong>Prof. Dr. Alexandre Bonvin<\/strong>, Professor of Computational Structural Biology at Utrecht University. A pioneer in integrative structural biology, his research focuses on developing state-of-the-art computational methods to predict and model biomolecular interactions at the atomic level.<\/p>\r\n <\/div>\r\n\r\n <div class=\"event-details\">\r\n <span class=\"detail-item\"><i class=\"dot coral-dot\"><\/i> 14 September 2026<\/span>\r\n <span class=\"detail-item\"><i class=\"dot yellow-dot\"><\/i> Royale Chulan Hotel, Penang<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- CENTER: The Speaker Portrait -->\r\n <div class=\"speaker-portrait-area\">\r\n <div class=\"celebration-glow\"><\/div>\r\n <div class=\"blank-profile-container\">\r\n <img decoding=\"async\" src=\"https:\/\/apbionet.org\/sc\/wp-content\/uploads\/2026\/06\/Alexandre.jpg\" alt=\"Prof. Dr. Alexandre Bonvin\" class=\"speaker-uploaded-photo\" title=\"APBioNET-SCS\">\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- RIGHT SIDE: Name & Distinctions -->\r\n <div class=\"speaker-identity\">\r\n <h1 class=\"speaker-full-name\">Alexandre<br><span class=\"surname\">Bonvin<\/span><\/h1>\r\n \r\n <div class=\"speaker-credentials\">\r\n <div class=\"credential-item\">Professor of Computational Structural Biology<\/div>\r\n <div class=\"credential-item text-muted\">Utrecht University, Netherlands<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n\r\n<style>\r\n.honored-speaker-section {\r\n padding: 100px 40px;\r\n background-color: #fcfaff; \r\n font-family: 'Inter', sans-serif;\r\n overflow: hidden;\r\n box-sizing: border-box;\r\n}\r\n\r\n.honored-speaker-section * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.speaker-layout-container {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n gap: 50px;\r\n}\r\n\r\n\/* New Bold Keynote Speaker Heading Style *\/\r\n.honor-heading {\r\n font-size: 32px;\r\n color: #003366;\r\n text-transform: uppercase;\r\n font-weight: 800;\r\n letter-spacing: 1.5px;\r\n margin-top: 0;\r\n margin-bottom: 25px;\r\n position: relative;\r\n display: inline-block;\r\n padding-bottom: 8px;\r\n}\r\n\r\n\/* Subtle premium underline accent for the heading *\/\r\n.honor-heading::after {\r\n content: '';\r\n position: absolute;\r\n left: 0;\r\n bottom: 0;\r\n width: 60px;\r\n height: 4px;\r\n background-color: #FFCC00;\r\n border-radius: 2px;\r\n}\r\n\r\n\/* Left Content - Left-aligned *\/\r\n.speaker-meta { \r\n flex: 1.2; \r\n text-align: left;\r\n min-width: 280px;\r\n}\r\n.speaker-bio { \r\n color: #444; \r\n line-height: 1.7; \r\n font-size: 15px; \r\n margin-bottom: 30px; \r\n text-align: left;\r\n}\r\n.speaker-bio p { \r\n margin-bottom: 15px; \r\n}\r\n\r\n\/* Premium Gold Link *\/\r\n.gold-link-premium {\r\n color: #b08d3e;\r\n font-weight: 700;\r\n text-decoration: underline;\r\n transition: 0.3s;\r\n}\r\n.gold-link-premium:hover { color: #FFCC00; }\r\n\r\n\/* Portrait Area *\/\r\n.speaker-portrait-area { \r\n position: relative; \r\n flex: 1; \r\n display: flex; \r\n justify-content: center;\r\n align-items: center;\r\n}\r\n\r\n.blank-profile-container {\r\n width: 100%;\r\n max-width: 360px;\r\n aspect-ratio: 4\/5;\r\n background-color: #1a2a3a;\r\n border-radius: 15px;\r\n z-index: 2;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n box-shadow: 0 40px 80px rgba(0,51,102,0.18);\r\n overflow: hidden;\r\n}\r\n\r\n.speaker-uploaded-photo {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n}\r\n\r\n\/* Background Glow Fix *\/\r\n.celebration-glow {\r\n position: absolute;\r\n width: 120%;\r\n height: 120%;\r\n top: -10%;\r\n left: -10%;\r\n background: radial-gradient(circle, rgba(255,204,0,0.12) 0%, rgba(255,152,150,0.08) 35%, rgba(0,128,128,0.05) 70%, transparent 100%);\r\n z-index: 1;\r\n pointer-events: none;\r\n}\r\n\r\n\/* Right Content *\/\r\n.speaker-identity { \r\n flex: 1.2; \r\n text-align: left; \r\n min-width: 280px;\r\n}\r\n.speaker-full-name { \r\n font-size: 56px; \r\n color: #003366; \r\n font-weight: 900; \r\n line-height: 0.95; \r\n margin-top: 0;\r\n margin-bottom: 20px; \r\n}\r\n.speaker-full-name .surname { \r\n color: #004b93; \r\n font-weight: 400; \r\n text-transform: uppercase; \r\n}\r\n\r\n.speaker-credentials { \r\n border-left: 3px solid #FFCC00; \r\n padding-left: 20px; \r\n}\r\n.credential-item { \r\n font-size: 16px; \r\n color: #333; \r\n margin-bottom: 6px; \r\n font-weight: 600; \r\n line-height: 1.4;\r\n}\r\n.credential-item.text-muted { \r\n color: #666; \r\n font-weight: 400; \r\n}\r\n\r\n\/* Detail Items *\/\r\n.event-details { \r\n display: flex; \r\n justify-content: flex-start;\r\n flex-wrap: wrap;\r\n gap: 20px; \r\n font-weight: 600; \r\n color: #666; \r\n}\r\n.dot { height: 10px; width: 10px; border-radius: 50%; display: inline-block; margin-right: 5px; }\r\n.coral-dot { background-color: #FF9896; }\r\n.yellow-dot { background-color: #FFCC00; }\r\n\r\n\/* Responsive Adjustments *\/\r\n@media (max-width: 1100px) {\r\n .speaker-layout-container { flex-direction: column; text-align: center; gap: 40px; }\r\n .speaker-meta, .speaker-identity { text-align: center; flex: none; width: 100%; }\r\n .honor-heading::after { left: 50%; transform: translateX(-50%); }\r\n .speaker-bio { text-align: center; }\r\n .speaker-full-name { font-size: 52px; }\r\n .speaker-credentials { border-left: none; border-top: 3px solid #FFCC00; padding-top: 15px; padding-left: 0; display: inline-block; }\r\n .event-details { justify-content: center; }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f53ad25 e-flex e-con-boxed e-con e-parent\" data-id=\"f53ad25\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-799464d elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"799464d\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"panelists\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"curtain-section\">\r\n <h1 class=\"panel-main-header\">Our Event Panels<\/h1>\r\n \r\n <p class=\"panel-topic-sub\">\r\n PANEL DISCUSSION TOPIC To Be Announced \r\n <\/p>\r\n \r\n <p class=\"panel-date\">14 September 2026<\/p>\r\n\r\n <div class=\"curtain-container\">\r\n <!-- Panel 1 - Deep Teal (Replacing Red) -->\r\n <div class=\"curtain-panel theme-teal\">\r\n <div class=\"panel-accent-glow\"><\/div>\r\n <div class=\"panel-content\">\r\n <h3>To be announced<\/h3>\r\n <p>Invited Speaker<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Panel 2 - Theme Yellow -->\r\n <div class=\"curtain-panel theme-yellow\">\r\n <div class=\"panel-accent-glow\"><\/div>\r\n <div class=\"panel-content\">\r\n <h3>To be announced<\/h3>\r\n <p>Invited Speaker<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Panel 3 - Theme Coral -->\r\n <div class=\"curtain-panel theme-coral\">\r\n <div class=\"panel-accent-glow\"><\/div>\r\n <div class=\"panel-content\">\r\n <h3>To be announced<\/h3>\r\n <p>Invited Speaker<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<style>\r\n.curtain-section {\r\n padding: 60px 20px;\r\n text-align: center;\r\n font-family: 'Inter', sans-serif;\r\n}\r\n\r\n.panel-main-header {\r\n font-size: 48px;\r\n color: #003366;\r\n margin-bottom: 5px;\r\n font-weight: 800;\r\n}\r\n\r\n.panel-topic-sub {\r\n font-size: 16px;\r\n color: #333;\r\n margin-bottom: 10px;\r\n letter-spacing: 1.5px;\r\n text-transform: uppercase;\r\n font-weight: 600;\r\n}\r\n\r\n.gold-link {\r\n color: #b08d3e; \r\n text-decoration: underline;\r\n transition: all 0.3s ease;\r\n font-weight: 700;\r\n}\r\n\r\n.gold-link:hover {\r\n color: #FFCC00;\r\n text-shadow: 0px 0px 8px rgba(255, 204, 0, 0.3);\r\n}\r\n\r\n.panel-date {\r\n font-size: 18px;\r\n color: #666;\r\n margin-bottom: 40px;\r\n}\r\n\r\n.curtain-container {\r\n display: flex;\r\n height: 520px;\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n gap: 15px;\r\n}\r\n\r\n.curtain-panel {\r\n flex: 1;\r\n position: relative;\r\n background-color: #1a2a3a; \/* Deep charcoal base *\/\r\n transition: all 0.7s cubic-bezier(0.16, 1, 0.3, 1);\r\n overflow: hidden;\r\n border-radius: 10px;\r\n cursor: pointer;\r\n border: 1px solid rgba(255,255,255,0.1);\r\n}\r\n\r\n\/* Updated Glow Accents: Teal, Yellow, Coral *\/\r\n.theme-teal .panel-accent-glow { background: linear-gradient(to top, rgba(0, 128, 128, 0.5), transparent); }\r\n.theme-yellow .panel-accent-glow { background: linear-gradient(to top, rgba(255, 204, 0, 0.4), transparent); }\r\n.theme-coral .panel-accent-glow { background: linear-gradient(to top, rgba(255, 152, 150, 0.4), transparent); }\r\n\r\n.panel-accent-glow {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 60%;\r\n z-index: 1;\r\n}\r\n\r\n\/* Hover State: Solid Professional Colors *\/\r\n.curtain-panel:hover {\r\n flex: 2.8;\r\n box-shadow: 0 25px 50px rgba(0,0,0,0.3);\r\n}\r\n\r\n.theme-teal:hover { background-color: #006666; }\r\n.theme-yellow:hover { background-color: #FFCC00; }\r\n.theme-coral:hover { background-color: #FF9896; }\r\n\r\n\/* Text color correction for lighter backgrounds *\/\r\n.theme-yellow:hover .panel-content,\r\n.theme-coral:hover .panel-content { color: #1a2a3a; }\r\n\r\n.panel-content {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 100%;\r\n padding: 40px 25px;\r\n color: #fff;\r\n text-align: left;\r\n z-index: 2;\r\n transition: color 0.3s ease;\r\n}\r\n\r\n.panel-content h3 {\r\n margin: 0;\r\n font-size: 24px;\r\n font-weight: 700;\r\n}\r\n\r\n.panel-content p {\r\n font-size: 15px;\r\n margin: 5px 0 0;\r\n opacity: 0.9;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .curtain-container { flex-direction: column; height: auto; }\r\n .curtain-panel { height: 180px; width: 100%; }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c315933 e-con-full e-flex e-con e-parent\" data-id=\"c315933\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-f9507d2 e-con-full e-flex e-con e-child\" data-id=\"f9507d2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7ae6c94 elementor-widget elementor-widget-html\" data-id=\"7ae6c94\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"program\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n .apbscs-final-compact {\r\n padding: 20px;\r\n font-family: 'Inter', sans-serif;\r\n max-width: 850px;\r\n margin: 0 auto;\r\n color: #1a1a1a;\r\n }\r\n\r\n \/* Centered Heading *\/\r\n .apbscs-final-compact h2 {\r\n font-size: 1.6rem;\r\n font-weight: 900;\r\n text-transform: uppercase;\r\n margin-bottom: 25px;\r\n text-align: center;\r\n }\r\n\r\n \/* Navigation with Line *\/\r\n .nav-wrapper {\r\n position: relative;\r\n margin-bottom: 30px;\r\n padding-bottom: 10px;\r\n }\r\n\r\n .nav-line {\r\n position: absolute;\r\n bottom: 20px;\r\n left: 0;\r\n width: 100%;\r\n height: 1px;\r\n background-color: rgba(0, 0, 0, 0.15);\r\n z-index: 1;\r\n }\r\n\r\n \/* Centered Date Items *\/\r\n .nav-items {\r\n display: flex;\r\n gap: 15px;\r\n position: relative;\r\n z-index: 2;\r\n justify-content: center;\r\n }\r\n\r\n .date-tab {\r\n text-align: center;\r\n color: #888;\r\n cursor: pointer;\r\n padding: 10px;\r\n min-width: 80px;\r\n transition: 0.3s;\r\n }\r\n\r\n .date-tab .m-label {\r\n display: block;\r\n font-size: 10px;\r\n text-transform: uppercase;\r\n font-weight: 700;\r\n margin-bottom: 4px;\r\n }\r\n\r\n .date-tab .d-number {\r\n font-size: 2.8rem;\r\n font-weight: 800;\r\n line-height: 1;\r\n }\r\n\r\n \/* Active Tab (White Bubble) *\/\r\n .date-tab.active {\r\n background: #FFFFFF;\r\n color: #1a1a1a;\r\n border-radius: 12px;\r\n box-shadow: 0 8px 20px rgba(0,0,0,0.06);\r\n position: relative;\r\n transform: translateY(-5px);\r\n }\r\n\r\n .date-tab.active::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -8px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n border-left: 8px solid transparent;\r\n border-right: 8px solid transparent;\r\n border-top: 8px solid #FFFFFF;\r\n }\r\n\r\n \/* Centered Dynamic Day Label *\/\r\n .day-label-title {\r\n font-size: 2.5rem;\r\n font-weight: 800;\r\n margin: 15px 0 25px 0;\r\n color: #1a1a1a;\r\n text-align: center;\r\n }\r\n\r\n \/* Content Styling *\/\r\n .viewport {\r\n min-height: 450px;\r\n }\r\n\r\n .tab-pane {\r\n display: none;\r\n animation: fadeIn 0.3s ease-in-out;\r\n }\r\n\r\n .tab-pane.active {\r\n display: block;\r\n }\r\n\r\n @keyframes fadeIn {\r\n from { opacity: 0; transform: translateY(5px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n \/* Slim Card Styling *\/\r\n .event-card {\r\n display: flex;\r\n background: #1a1a1a;\r\n border-radius: 10px;\r\n margin-bottom: 10px;\r\n color: #FFFFFF;\r\n padding: 10px;\r\n align-items: center;\r\n }\r\n\r\n \/* Time Square Box *\/\r\n .time-square {\r\n width: 65px;\r\n height: 65px;\r\n background: rgba(255, 255, 255, 0.08);\r\n border-radius: 6px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-weight: 800;\r\n font-size: 0.9rem;\r\n margin-right: 20px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .card-text h4 {\r\n margin: 0;\r\n color: #E6AF2E;\r\n font-size: 1.05rem;\r\n font-weight: 700;\r\n }\r\n\r\n .card-text p {\r\n margin: 2px 0 0 0;\r\n font-size: 0.8rem;\r\n opacity: 0.6;\r\n font-style: italic;\r\n }\r\n\r\n .btn-link {\r\n color: #E6AF2E;\r\n text-decoration: none;\r\n font-weight: 700;\r\n font-size: 0.75rem;\r\n margin-top: 5px;\r\n display: inline-block;\r\n text-transform: uppercase;\r\n }\r\n<\/style>\r\n\r\n<div class=\"apbscs-final-compact\">\r\n <h2>Important Dates<\/h2>\r\n\r\n <div class=\"nav-wrapper\">\r\n <div class=\"nav-line\"><\/div>\r\n <div class=\"nav-items\">\r\n <div class=\"date-tab\" onclick=\"switchView('may1', 'Friday', this)\">\r\n <span class=\"m-label\">May<\/span>\r\n <span class=\"d-number\">01<\/span>\r\n <\/div>\r\n <div class=\"date-tab\" onclick=\"switchView('jul15', 'Wednesday', this)\">\r\n <span class=\"m-label\">July<\/span>\r\n <span class=\"d-number\">15<\/span>\r\n <\/div>\r\n <div class=\"date-tab\" onclick=\"switchView('aug31', 'Monday', this)\">\r\n <span class=\"m-label\">August<\/span>\r\n <span class=\"d-number\">31<\/span>\r\n <\/div>\r\n <div class=\"date-tab active\" onclick=\"switchView('sept14', 'Monday', this)\">\r\n <span class=\"m-label\">Sept<\/span>\r\n <span class=\"d-number\">14<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"display-day\" class=\"day-label-title\">Monday - Event Day<\/div>\r\n\r\n <div class=\"viewport\">\r\n \r\n <!-- FRIDAY MAY 1 -->\r\n <div id=\"may1-pane\" class=\"tab-pane\">\r\n <div class=\"event-card\">\r\n <div class=\"time-square\">OPEN<\/div>\r\n <div class=\"card-text\">\r\n <h4>Abstract Submission<\/h4>\r\n <p style=\"font-style: normal; opacity: 0.8;\">Portal is now live.<\/p>\r\n <a href=\"#\" class=\"btn-link\">Submit Here \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- WEDNESDAY JUL 15 -->\r\n <div id=\"jul15-pane\" class=\"tab-pane\">\r\n <div class=\"event-card\">\r\n <div class=\"time-square\">INFO<\/div>\r\n <div class=\"card-text\">\r\n <h4>Oral Presenter Acceptance<\/h4>\r\n <p style=\"font-style: normal; opacity: 0.8;\">Accepted oral presentations will be notified via email.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- MONDAY AUG 31 -->\r\n <div id=\"aug31-pane\" class=\"tab-pane\">\r\n <div class=\"event-card\">\r\n <div class=\"time-square\">STOP<\/div>\r\n <div class=\"card-text\">\r\n <h4>Submission Deadline<\/h4>\r\n <p style=\"font-style: normal; opacity: 0.8;\">Final call for all submissions.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- MONDAY SEPT 14 (HOURLY SCHEDULE) -->\r\n <div id=\"sept14-pane\" class=\"tab-pane active\">\r\n <div class=\"event-card\"><div class=\"time-square\">08:00<\/div><div class=\"card-text\"><h4>To Be Announced<\/h4><p>Details coming soon<\/p><\/div><\/div>\r\n <div class=\"event-card\"><div class=\"time-square\">09:00<\/div><div class=\"card-text\"><h4>To Be Announced<\/h4><p>Details coming soon<\/p><\/div><\/div>\r\n <div class=\"event-card\"><div class=\"time-square\">10:00<\/div><div class=\"card-text\"><h4>To Be Announced<\/h4><p>Details coming soon<\/p><\/div><\/div>\r\n <div class=\"event-card\"><div class=\"time-square\">11:00<\/div><div class=\"card-text\"><h4>To Be Announced<\/h4><p>Details coming soon<\/p><\/div><\/div>\r\n <div class=\"event-card\"><div class=\"time-square\">12:00<\/div><div class=\"card-text\"><h4>To Be Announced<\/h4><p>Details coming soon<\/p><\/div><\/div>\r\n <div class=\"event-card\"><div class=\"time-square\">13:00<\/div><div class=\"card-text\"><h4>To Be Announced<\/h4><p>Details coming soon<\/p><\/div><\/div>\r\n <div class=\"event-card\"><div class=\"time-square\">14:00<\/div><div class=\"card-text\"><h4>To Be Announced<\/h4><p>Details coming soon<\/p><\/div><\/div>\r\n <div class=\"event-card\"><div class=\"time-square\">15:00<\/div><div class=\"card-text\"><h4>To Be Announced<\/h4><p>Details coming soon<\/p><\/div><\/div>\r\n <div class=\"event-card\"><div class=\"time-square\">16:00<\/div><div class=\"card-text\"><h4>To Be Announced<\/h4><p>Details coming soon<\/p><\/div><\/div>\r\n <div class=\"event-card\"><div class=\"time-square\">17:00<\/div><div class=\"card-text\"><h4>To Be Announced<\/h4><p>Details coming soon<\/p><\/div><\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n function switchView(tabId, dayName, el) {\r\n document.querySelectorAll('.date-tab').forEach(t => t.classList.remove('active'));\r\n el.classList.add('active');\r\n document.getElementById('display-day').innerText = dayName;\r\n document.querySelectorAll('.tab-pane').forEach(p => p.classList.remove('active'));\r\n document.getElementById(tabId + '-pane').classList.add('active');\r\n }\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-afc4a83 e-flex e-con-boxed e-con e-parent\" data-id=\"afc4a83\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b15fcf6 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"b15fcf6\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"Partners\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"partner-section\" id=\"partners\">\r\n <h1 class=\"partner-header\">Our Partners<\/h1>\r\n \r\n <div class=\"partner-grid\">\r\n <!-- Sponsor 1 -->\r\n <div class=\"partner-card\">\r\n <div class=\"logo-container\">\r\n <img decoding=\"async\" src=\"https:\/\/apbionet.org\/sc\/wp-content\/uploads\/2026\/05\/ISCB-logo.jpg\" alt=\"Sponsor 1\" title=\"APBioNET-SCS\">\r\n <\/div>\r\n <h3 class=\"partner-name\">ISCB<\/h3>\r\n\r\n <\/div>\r\n\r\n <!-- Sponsor 2 -->\r\n <div class=\"partner-card\">\r\n <div class=\"logo-container\">\r\n <img decoding=\"async\" src=\"https:\/\/apbionet.org\/sc\/wp-content\/uploads\/2026\/05\/apb-scaled.png\" alt=\"Sponsor 2\" title=\"APBioNET-SCS\">\r\n <\/div>\r\n <h3 class=\"partner-name\">APBIONET<\/h3>\r\n\r\n <\/div>\r\n\r\n <!-- Sponsor 3 -->\r\n <div class=\"partner-card\">\r\n <div class=\"logo-container\">\r\n <img decoding=\"async\" src=\"https:\/\/apbionet.org\/sc\/wp-content\/uploads\/2026\/05\/usm-logo-1.jpg\" alt=\"Sponsor 3\" title=\"APBioNET-SCS\">\r\n <\/div>\r\n <h3 class=\"partner-name\">USM<\/h3>\r\n\r\n <\/div>\r\n \r\n <!-- Open Sponsorship Slot -->\r\n <a href=\"mailto:apbionetstudentcouncil@gmail.com?subject=Sponsorship Inquiry: APBSCS 2026\" class=\"partner-card open-slot\">\r\n <div class=\"logo-container\">\r\n <span class=\"plus-icon\">+<\/span>\r\n <\/div>\r\n <h3 class=\"partner-name\">Your Organization<\/h3>\r\n <p class=\"partner-desc\">Partner with us for APBSCS\u201926. View <b><u>HERE<\/u><\/b> for more details.<\/p>\r\n <\/a>\r\n <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* Base Styles *\/\r\n.partner-section {\r\n padding: 80px 20px;\r\n text-align: center;\r\n font-family: 'Inter', sans-serif;\r\n}\r\n\r\n\/* Bigger Header *\/\r\n.partner-header {\r\n font-size: 42px; \/* Increased size *\/\r\n color: #003366; \/* Your Theme Blue *\/\r\n margin-bottom: 50px;\r\n font-weight: 700;\r\n letter-spacing: -0.02em;\r\n}\r\n\r\n\/* Grid Layout matching your reference *\/\r\n.partner-grid {\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n gap: 20px;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n}\r\n\r\n\/* Card Style from your latest image *\/\r\n.partner-card {\r\n background-color: #f9f9f9; \/* Subtle grey background *\/\r\n width: 280px;\r\n padding: 40px 20px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n text-decoration: none;\r\n transition: all 0.3s ease;\r\n border: 1px solid #eee;\r\n}\r\n\r\n.partner-card:hover {\r\n background-color: #ffffff;\r\n box-shadow: 0 10px 20px rgba(0,0,0,0.05);\r\n transform: translateY(-5px);\r\n}\r\n\r\n.logo-container {\r\n height: 80px;\r\n width: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 20px;\r\n}\r\n\r\n.logo-container img {\r\n max-height: 100%;\r\n max-width: 80%;\r\n object-fit: contain;\r\n}\r\n\r\n.partner-name {\r\n font-size: 18px;\r\n color: #333;\r\n margin: 10px 0 5px 0;\r\n font-weight: 600;\r\n}\r\n\r\n.partner-desc {\r\n font-size: 13px;\r\n color: #777;\r\n line-height: 1.5;\r\n margin: 0;\r\n}\r\n\r\n\/* Open Slot specific styling *\/\r\n.open-slot .plus-icon {\r\n font-size: 50px;\r\n color: #b08d3e; \/* Your Theme Gold *\/\r\n font-weight: 300;\r\n}\r\n\r\n.open-slot b u {\r\n color: #003366;\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b3fd30e e-con e-atomic-element e-flexbox-base e-48b5491 \" data-id=\"b3fd30e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"b3fd30e\">\n <div class=\"elementor-element elementor-element-a28e5af e-con e-atomic-element e-flexbox-base e-5a613b5 \" data-id=\"a28e5af\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"a28e5af\">\n \n<\/div>\n<div class=\"elementor-element elementor-element-16fc3ab e-con e-atomic-element e-flexbox-base e-4705392 \" data-id=\"16fc3ab\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"16fc3ab\">\n \n<\/div>\n<div class=\"elementor-element elementor-element-9ef1671 e-con e-atomic-element e-flexbox-base e-430a05a \" data-id=\"9ef1671\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"9ef1671\">\n \n<\/div>\n<div class=\"elementor-element elementor-element-e0a2a48 e-con e-atomic-element e-flexbox-base e-27fc6b7 \" data-id=\"e0a2a48\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"e0a2a48\">\n \n<\/div>\n\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Responsive Navigation \u2630 About Abstract Registration Program Keynote Speakers Panelists Contact Partners 00Days 00Hours 00Mins 00Secs \ud83d\ude80 Symposium Starts In \ud83d\uddd3\ufe0f Date September 14, 2026 \ud83c\udfdb\ufe0f Venue Royale Chulan Hotel, Penang \ud83d\udc65 Format In\u2011Person Abstract submission is now open Submit by 31 August, 2026 Submit Your Abstract Today! Registration Recommended InCoB 2026 + APBSCS\u201926 Register […]<\/p>\n","protected":false},"author":7,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1708","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/apbionet.org\/sc\/wp-json\/wp\/v2\/pages\/1708","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/apbionet.org\/sc\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/apbionet.org\/sc\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/apbionet.org\/sc\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/apbionet.org\/sc\/wp-json\/wp\/v2\/comments?post=1708"}],"version-history":[{"count":422,"href":"https:\/\/apbionet.org\/sc\/wp-json\/wp\/v2\/pages\/1708\/revisions"}],"predecessor-version":[{"id":2417,"href":"https:\/\/apbionet.org\/sc\/wp-json\/wp\/v2\/pages\/1708\/revisions\/2417"}],"wp:attachment":[{"href":"https:\/\/apbionet.org\/sc\/wp-json\/wp\/v2\/media?parent=1708"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}