{"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-05T00:31:21","modified_gmt":"2026-06-05T00:31:21","slug":"apbscs26","status":"publish","type":"page","link":"https:\/\/apbionet.org\/sc\/apbscs26\/","title":{"rendered":"APBioNET-SCS"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1708\" class=\"elementor elementor-1708\">\n\t\t\t\t<div class=\"elementor-element elementor-element-49d3fcd e-con-full e-flex e-con e-parent\" data-id=\"49d3fcd\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-edf120c e-con-full e-flex e-con e-child\" data-id=\"edf120c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e1411d7 elementor-widget elementor-widget-html\" data-id=\"e1411d7\" 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>\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.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.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.side-nav.open {\r\n  left: 0;\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;   \/* \u2190 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.side-nav a:hover {\r\n  background: #1152d4;\r\n  color: white;\r\n}\r\n<\/style>\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\nconst toggleBtn = document.getElementById('menuToggle');\r\nconst sideNav = document.getElementById('sideNav');\r\n\r\ntoggleBtn.addEventListener('click', function(e) {\r\n  e.stopPropagation();\r\n  sideNav.classList.toggle('open');\r\n});\r\n\r\ndocument.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\ndocument.querySelectorAll('.side-nav a').forEach(link => {\r\n  link.addEventListener('click', function(e) {\r\n    let target = document.querySelector(this.getAttribute('href'));\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<\/script>\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=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\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: 20px;\r\n        flex-wrap: wrap;\r\n        margin-bottom: 20px;\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: 25px;\">Date<\/h4>\r\n      <p style=\"color: #e4b333; margin: 0; font-size: 15px;\">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: 25px;\">Venue<\/h4>\r\n      <p style=\"color: #e4b333; margin: 0; font-size: 15px;\">Bilik Seminar, USM, 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: 25px;\">Format<\/h4>\r\n      <p style=\"color: #e4b333; margin: 0; font-size: 15px;\">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-e3d9bb1 e-flex e-con-boxed e-con e-parent\" data-id=\"e3d9bb1\" 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-dfaa8c4 elementor-widget elementor-widget-spacer\" data-id=\"dfaa8c4\" 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<\/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=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\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<\/div>\r\n\r\n<style>\r\n\/* \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*\/\r\n\r\n.cta-section {\r\n  text-align: center;\r\n  margin: 3rem 0;\r\n  font-family: 'Inter', sans-serif;\r\n}\r\n\r\n\/* Callout box design from second version *\/\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\r\n.callout-status strong {\r\n  color: #6B0504;\r\n  font-weight: 800;\r\n  \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}\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\/* Responsive *\/\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 {\r\n    font-size: 1.1rem;\r\n  }\r\n  .callout-deadline {\r\n    font-size: 0.75rem;\r\n  }\r\n  .abstract-btn {\r\n    font-size: 1.2rem;\r\n    padding: 0.8rem 2rem;\r\n  }\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-flex e-con-boxed e-con e-parent\" data-id=\"c0d20ce\" 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-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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-68b4dca e-flex e-con-boxed e-con e-parent\" data-id=\"68b4dca\" 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-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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9d2e4df e-flex e-con-boxed e-con e-parent\" data-id=\"9d2e4df\" 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-2f12f17 elementor-widget elementor-widget-spacer\" data-id=\"2f12f17\" 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<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dcb19bd e-flex e-con-boxed e-con e-parent\" data-id=\"dcb19bd\" 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-d1f0787 elementor-widget elementor-widget-spacer\" data-id=\"d1f0787\" 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<\/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>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;700;800;900&display=swap');\r\n\r\n\/* Main System Container *\/\r\n.folder-system-container {\r\n  font-family: 'Montserrat', sans-serif !important;\r\n  max-width: 1100px;\r\n  margin: 3rem auto;\r\n  padding: 0 1.5rem;\r\n  box-sizing: border-box;\r\n}\r\n\r\n\/* The Horizontal Folder Tabs Row *\/\r\n.folder-tabs {\r\n  display: flex !important;\r\n  gap: 8px !important;\r\n  margin-bottom: -2px !important; \r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n\/* Recreating the File Folder Tab Shape to match clean paper theme *\/\r\n.tab-button {\r\n  background-color: #E6E2D8 !important; \/* Muted darker almond shade for inactive tabs *\/\r\n  color: #5F6C7D !important; \/* Elegant Slate Grey text *\/\r\n  border: 1px solid rgba(10, 17, 40, 0.1) !important;\r\n  border-bottom: none !important;\r\n  padding: 14px 28px !important;\r\n  font-size: 0.9rem !important;\r\n  font-weight: 700 !important;\r\n  font-family: 'Montserrat', sans-serif !important;\r\n  cursor: pointer;\r\n  border-top-left-radius: 12px !important;\r\n  border-top-right-radius: 24px !important; \/* Asymmetrical folder slope *\/\r\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;\r\n}\r\n\r\n.tab-button:hover {\r\n  color: #F4B41A !important; \/* Cheerful Gold Hover *\/\r\n  background-color: #ECE8DE !important;\r\n}\r\n\r\n\/* Active Open Folder Tab Styling *\/\r\n.tab-button.active {\r\n  background-color: #FFFFFF !important; \/* Fuses seamlessly into the crisp white inner content sheet *\/\r\n  color: #0A1128 !important; \/* Deep Academic Navy *\/\r\n  border-color: rgba(10, 17, 40, 0.1) !important;\r\n  border-top: 4px solid #F4B41A !important; \/* Gold Top Highlight Line *\/\r\n  padding-top: 18px !important; \/* Visually pulled forward *\/\r\n  margin-top: -4px !important;\r\n}\r\n\r\n\/* The Open Folder Document Body - Styled as premium crisp cardboard paper sheets *\/\r\n.folder-content {\r\n  display: none; \r\n  background-color: #FFFFFF !important; \/* Clean high-contrast white workspace card *\/\r\n  border: 1px solid rgba(10, 17, 40, 0.1) !important;\r\n  border-radius: 0 16px 16px 16px !important;\r\n  padding: 3.5rem !important;\r\n  box-shadow: 0 15px 35px rgba(10, 17, 40, 0.04) !important; \/* Premium soft depth shadow *\/\r\n  position: relative;\r\n  z-index: 1;\r\n  text-align: left !important;\r\n}\r\n\r\n\/* Forces active class to reveal *\/\r\n.folder-content.active {\r\n  display: block !important;\r\n}\r\n\r\n.section-intro-text {\r\n  color: #5F6C7D !important; \/* Professional slate text legibility *\/\r\n  margin-bottom: 2.5rem !important;\r\n  font-size: 1.05rem !important;\r\n  line-height: 1.6;\r\n  font-weight: 500;\r\n}\r\n\r\n\/* Scrapbook Gallery Content Area *\/\r\n.scrapbook-layout {\r\n  display: flex !important;\r\n  gap: 3rem !important;\r\n  flex-wrap: wrap !important;\r\n  justify-content: flex-start !important;\r\n}\r\n\r\n\/* Polaroid Image Aesthetic Element - High Contrast Accent *\/\r\n.polaroid-item {\r\n  background: #FFFFFF !important; \r\n  padding: 16px 16px 24px 16px !important;\r\n  box-shadow: 0 12px 30px rgba(10, 17, 40, 0.08) !important; \/* Soft premium pop shadow *\/\r\n  border: 1px solid rgba(10, 17, 40, 0.06) !important;\r\n  border-radius: 4px !important;\r\n  width: 280px !important;\r\n  transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important;\r\n  box-sizing: border-box;\r\n}\r\n\r\n\/* Structural file-bundle layout rotations *\/\r\n.item-one { transform: rotate(-2deg) !important; }\r\n.item-two { transform: rotate(3deg) !important; }\r\n.item-three { transform: rotate(-1deg) !important; }\r\n\r\n.polaroid-item:hover {\r\n  transform: rotate(0deg) translateY(-8px) !important;\r\n  box-shadow: 0 20px 35px rgba(244, 180, 26, 0.15) !important; \/* Gold glow framework accent *\/\r\n  border-color: #F4B41A !important;\r\n  z-index: 5;\r\n}\r\n\r\n.polaroid-img-placeholder {\r\n  background: #F4F1EA !important; \/* Warm almond gray portrait canvas backdrop *\/\r\n  height: 210px;\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n  color: rgba(10, 17, 40, 0.3) !important;\r\n  font-size: 0.85rem !important;\r\n  font-weight: 700;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.5px;\r\n  border: 1px solid rgba(10, 17, 40, 0.04);\r\n}\r\n\r\n.polaroid-caption {\r\n  color: #0A1128 !important; \/* Authoritative Navy for text title readability *\/\r\n  font-weight: 800 !important;\r\n  font-size: 0.9rem !important;\r\n  margin-top: 14px !important;\r\n  text-align: center !important;\r\n}\r\n\r\n\/* Materials Download Tab Grid Setup *\/\r\n.materials-grid {\r\n  display: grid !important;\r\n  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;\r\n  gap: 2rem !important;\r\n}\r\n\r\n\/* Material Display Cards *\/\r\n.material-card {\r\n  background: #F9F9F7 !important; \/* Creamy paper fill option *\/\r\n  border: 1px solid rgba(10, 17, 40, 0.06) !important;\r\n  padding: 2.5rem !important;\r\n  border-radius: 0px !important; \/* Modern sharp cut edge profile *\/\r\n  box-sizing: border-box;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.material-card:hover {\r\n  border-color: rgba(10, 17, 40, 0.15) !important;\r\n  box-shadow: 0 8px 20px rgba(10, 17, 40, 0.03);\r\n}\r\n\r\n.material-card h3 {\r\n  color: #0A1128 !important; \/* Deep Navy *\/\r\n  margin: 0 0 0.8rem 0 !important;\r\n  font-weight: 800 !important;\r\n  font-size: 1.3rem !important;\r\n  letter-spacing: -0.5px;\r\n}\r\n\r\n.material-card p {\r\n  color: #5F6C7D !important; \/* Slate Grey description text *\/\r\n  font-size: 0.95rem !important;\r\n  line-height: 1.6 !important;\r\n  margin-bottom: 1.8rem !important;\r\n}\r\n\r\n\/* Download Button - Swapped into high-prestige bold Varsity Gold Pill *\/\r\n.download-archive-btn {\r\n  display: inline-block !important;\r\n  background: #F4B41A !important; \/* Vibrant gold *\/\r\n  color: #0A1128 !important; \/* Clear Deep Navy Contrast text label *\/\r\n  text-decoration: none !important;\r\n  padding: 12px 26px !important;\r\n  border-radius: 30px !important; \r\n  font-weight: 800 !important;\r\n  font-size: 0.85rem !important;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.5px;\r\n  transition: all 0.25s ease !important;\r\n  border: 2px solid #F4B41A;\r\n  box-shadow: 0 4px 12px rgba(244, 180, 26, 0.2);\r\n}\r\n\r\n.download-archive-btn:hover {\r\n  background: transparent !important; \/* Elegant hollow border-invert layout on mouse hover *\/\r\n  color: #F4B41A !important;\r\n  box-shadow: 0 6px 16px rgba(244, 180, 26, 0.3);\r\n}\r\n\r\n\/* Responsive Layout Breakdowns *\/\r\n@media(max-width: 768px) {\r\n  .folder-tabs { flex-direction: column !important; gap: 4px !important; }\r\n  .tab-button { border-radius: 8px !important; width: 100% !important; }\r\n  .folder-content { padding: 2rem !important; border-radius: 8px !important; }\r\n  .scrapbook-layout { justify-content: center !important; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"folder-system-container\">\r\n  \r\n  <div class=\"folder-tabs\">\r\n    <button class=\"tab-button active\" onclick=\"openFolder(event, 'pictures-folder')\">\r\n      \ud83d\udcf8 Pictures from Past Events\r\n    <\/button>\r\n    <button class=\"tab-button\" onclick=\"openFolder(event, 'materials-folder')\">\r\n      \ud83d\udce5 Materials & Archives\r\n    <\/button>\r\n  <\/div>\r\n\r\n  <div id=\"pictures-folder\" class=\"folder-content active\">\r\n    <p class=\"section-intro-text\">Visual highlights and memorable milestones captured during our previous student council symposium sessions:<\/p>\r\n    \r\n    <div class=\"scrapbook-layout\">\r\n      <div class=\"polaroid-item item-one\">\r\n        <div class=\"polaroid-img-placeholder\"><span>[ Past Presentation Photo ]<\/span><\/div>\r\n        <div class=\"polaroid-caption\">Student Oral Presentations<\/div>\r\n      <\/div>\r\n      \r\n      <div class=\"polaroid-item item-two\">\r\n        <div class=\"polaroid-img-placeholder\"><span>[ Networking Session Photo ]<\/span><\/div>\r\n        <div class=\"polaroid-caption\">Peer Research Networking<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"polaroid-item item-three\">\r\n        <div class=\"polaroid-img-placeholder\"><span>[ Poster Session Photo ]<\/span><\/div>\r\n        <div class=\"polaroid-caption\">Bioinformatics Poster Tracks<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div id=\"materials-folder\" class=\"folder-content\">\r\n    <p class=\"section-intro-text\">Access and download reference documents, guidelines, and resource bundles published during our previous regional scientific campaigns:<\/p>\r\n    \r\n    <div class=\"materials-grid\">\r\n      <div class=\"material-card\">\r\n        <h3>Abstract Book Archive<\/h3>\r\n        <p>Review the accepted abstracts, student study parameters, and research portfolios compiled from our previous council iteration.<\/p>\r\n        <a href=\"#\" class=\"download-archive-btn\">\ud83d\udce5 Download Abstract Book (PDF)<\/a>\r\n      <\/div>\r\n\r\n      <div class=\"material-card\">\r\n        <h3>Symposium Guidelines<\/h3>\r\n        <p>Download previous reference slide templates, background assets, and poster design dimensions utilized by student speakers.<\/p>\r\n        <a href=\"#\" class=\"download-archive-btn\">\ud83d\udce5 Download Asset Bundle (ZIP)<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\nfunction openFolder(evt, folderName) {\r\n  var i, folderContent, tabButtons;\r\n  \r\n  \/\/ Hide all folder views\r\n  folderContent = document.getElementsByClassName(\"folder-content\");\r\n  for (i = 0; i < folderContent.length; i++) {\r\n    folderContent[i].style.display = \"none\";\r\n    folderContent[i].classList.remove(\"active\");\r\n  }\r\n\r\n  \/\/ Deactivate all tab indicators\r\n  tabButtons = document.getElementsByClassName(\"tab-button\");\r\n  for (i = 0; i < tabButtons.length; i++) {\r\n    tabButtons[i].classList.remove(\"active\");\r\n  }\r\n\r\n  \/\/ Reveal targeted folder view & assign active focus markers\r\n  var targetFolder = document.getElementById(folderName);\r\n  targetFolder.style.display = \"block\";\r\n  targetFolder.classList.add(\"active\");\r\n  evt.currentTarget.classList.add(\"active\");\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-4f4c5f6 e-con e-atomic-element e-flexbox-base e-4f4c5f6-e964ce3 \" data-id=\"4f4c5f6\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"4f4c5f6\">\n    \t\t<div class=\"elementor-element elementor-element-b622ad2 elementor-widget elementor-widget-html\" data-id=\"b622ad2\" 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<a href=\"https:\/\/incob.apbionet.org\/incob2025\/\" target=\"_blank\" class=\"submit-btn\" style=\"text-decoration: none; display: inline-block; padding: 15px 30px;\">\r\n  Visit InCoB 2025\r\n<\/a>\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-b940435 e-con e-atomic-element e-flexbox-base e-b1a621d \" data-id=\"b940435\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"b940435\">\n    \t\t<div class=\"elementor-element elementor-element-8e84058 elementor-widget elementor-widget-spacer\" data-id=\"8e84058\" 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\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\">SAT<\/span>\r\n                <div class=\"date-number\">01<\/div>\r\n                <div class=\"date-month\">August, 2026<\/div>\r\n                <div class=\"box-content\">\r\n                    <h3>Keynote Speakers<\/h3>\r\n                    <p>Official Reveal & Guest Bios.<\/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\">30<\/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 & Tagline -->\r\n    <div class=\"speaker-meta\">\r\n      <div class=\"honor-badge\">Keynote Speaker<\/div>\r\n\r\n      \r\n      <div class=\"speaker-bio\">\r\n\r\n        <p>Explore the specific Panel Discussion Topic <a href=\"#\" class=\"gold-link-premium\">HERE<\/a>.<\/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> Bilik Seminar, USM, Penang<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- CENTER: The Blank Portrait Placeholder -->\r\n    <div class=\"speaker-portrait-area\">\r\n      <div class=\"celebration-glow\"><\/div>\r\n      <!-- Blank Placeholder Image -->\r\n      <div class=\"blank-profile-container\">\r\n         <svg class=\"blank-svg\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path d=\"M12 12C14.21 12 16 10.21 16 8C16 5.79 14.21 4 12 4C9.79 4 8 5.79 8 8C8 10.21 9.79 12 12 12ZM12 14C9.33 14 4 15.34 4 18V20H20V18C20 15.34 14.67 14 12 14Z\" fill=\"#ffffff\" opacity=\"0.5\"\/>\r\n         <\/svg>\r\n         <span class=\"tba-text\">Photo Coming Soon<\/span>\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\">To Be<br><span class=\"surname\">Announced<\/span><\/h1>\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}\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: 1300px;\r\n  margin: 0 auto;\r\n  gap: 40px;\r\n}\r\n\r\n\/* Badge Style *\/\r\n.honor-badge {\r\n  display: inline-block;\r\n  padding: 6px 16px;\r\n  background-color: #003366;\r\n  color: #fff;\r\n  text-transform: uppercase;\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  letter-spacing: 2px;\r\n  border-radius: 50px;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n\/* Left Content *\/\r\n.speaker-meta { flex: 1; text-align: right; }\r\n.speaker-tagline { font-size: 34px; color: #003366; font-weight: 800; line-height: 1.1; margin-bottom: 25px; }\r\n.speaker-bio { color: #555; line-height: 1.7; font-size: 16px; margin-bottom: 30px; }\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\/* Blank Portrait Area *\/\r\n.speaker-portrait-area { position: relative; flex: 1.2; display: flex; justify-content: center; }\r\n\r\n.blank-profile-container {\r\n  width: 100%;\r\n  max-width: 400px;\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  flex-direction: column;\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}\r\n\r\n.blank-svg {\r\n  width: 120px;\r\n  height: 120px;\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.tba-text {\r\n  color: rgba(255,255,255,0.6);\r\n  font-weight: 600;\r\n  text-transform: uppercase;\r\n  letter-spacing: 1px;\r\n  font-size: 14px;\r\n}\r\n\r\n\/* Color Celebration Glow *\/\r\n.celebration-glow {\r\n  position: absolute;\r\n  width: 140%;\r\n  height: 140%;\r\n  top: -20%;\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}\r\n\r\n\/* Right Content *\/\r\n.speaker-identity { flex: 1; }\r\n.speaker-full-name { font-size: 64px; color: #003366; font-weight: 900; line-height: 0.9; margin-bottom: 20px; }\r\n.speaker-full-name .surname { color: #004b93; font-weight: 300; text-transform: uppercase; }\r\n\r\n.speaker-credentials { border-left: 3px solid #FFCC00; padding-left: 20px; }\r\n.credential-item { font-size: 18px; color: #444; margin-bottom: 8px; font-weight: 500; }\r\n\r\n\/* Detail Items *\/\r\n.event-details { display: flex; justify-content: flex-end; gap: 20px; font-weight: 600; color: #666; }\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 *\/\r\n@media (max-width: 1100px) {\r\n  .speaker-layout-container { flex-direction: column; text-align: center; }\r\n  .speaker-meta, .speaker-identity { text-align: center; }\r\n  .speaker-credentials { border-left: none; border-top: 3px solid #FFCC00; padding-top: 15px; padding-left: 0; }\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('aug1', 'Saturday', this)\">\r\n                <span class=\"m-label\">August<\/span>\r\n                <span class=\"d-number\">01<\/span>\r\n            <\/div>\r\n            <div class=\"date-tab\" onclick=\"switchView('aug30', 'Sunday', this)\">\r\n                <span class=\"m-label\">August<\/span>\r\n                <span class=\"d-number\">30<\/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        <!-- SATURDAY AUG 1 -->\r\n        <div id=\"aug1-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>Keynote Speaker Announcement<\/h4>\r\n                    <p style=\"font-style: normal; opacity: 0.8;\">Speaker details to be revealed.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- SUNDAY AUG 30 -->\r\n        <div id=\"aug30-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<div class=\"elementor-element elementor-element-57cba5a e-con-full e-flex e-con e-child\" data-id=\"57cba5a\" data-element_type=\"container\" data-e-type=\"container\">\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\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 Bilik Seminar, USM, Penang \ud83d\udc65 Format In\u2011Person Abstract submission is now open Submit by 31 August, 2026 Submit Your Abstract Today! From Ideas to Impact: The APBioNET Student Council Symposium [&hellip;]<\/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":350,"href":"https:\/\/apbionet.org\/sc\/wp-json\/wp\/v2\/pages\/1708\/revisions"}],"predecessor-version":[{"id":2211,"href":"https:\/\/apbionet.org\/sc\/wp-json\/wp\/v2\/pages\/1708\/revisions\/2211"}],"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}]}}