{"id":11305,"date":"2026-07-06T10:02:42","date_gmt":"2026-07-06T04:32:42","guid":{"rendered":"https:\/\/iccmm.cmb.ac.lk\/2026\/?page_id=11305"},"modified":"2026-07-29T14:50:27","modified_gmt":"2026-07-29T09:20:27","slug":"mini-symposium-on-computational-ecology-and-biodiversity-modelling","status":"publish","type":"page","link":"https:\/\/iccmm.cmb.ac.lk\/2026\/mini-symposium-on-computational-ecology-and-biodiversity-modelling\/","title":{"rendered":"Mini Symposium on Computational Ecology and Biodiversity Modelling"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"11305\" class=\"elementor elementor-11305\">\n\t\t\t\t<div class=\"elementor-element elementor-element-42f5a9b e-con-full e-flex e-con e-parent\" data-id=\"42f5a9b\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-08a54ac elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"08a54ac\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link\r\n  href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@600;700;800&display=swap\"\r\n  rel=\"stylesheet\"\r\n>\r\n\r\n<section\r\n  class=\"iccmm-cebm-section iccmm-cebm-overview\"\r\n  id=\"computational-ecology-overview\"\r\n  aria-labelledby=\"iccmm-cebm-title\"\r\n>\r\n  <div class=\"iccmm-cebm-inner\">\r\n    <header class=\"iccmm-cebm-heading\">\r\n      <div class=\"iccmm-cebm-eyebrow\">\r\n        <i aria-hidden=\"true\"><\/i>\r\n        <span>ICCMM 2026 Mini Symposium<\/span>\r\n        <i aria-hidden=\"true\"><\/i>\r\n      <\/div>\r\n\r\n      <h2 id=\"iccmm-cebm-title\">\r\n        Mini Symposium on Computational Ecology and\r\n        <span>Biodiversity Modelling<\/span>\r\n      <\/h2>\r\n    <\/header>\r\n\r\n    <article class=\"iccmm-cebm-intro iccmm-cebm-intro--with-image\">\r\n      <div class=\"iccmm-cebm-intro-copy\">\r\n        <div class=\"iccmm-cebm-card-heading\">\r\n          <span>Mini Symposium Overview<\/span>\r\n        <\/div>\r\n\r\n        <p>\r\n          Sri Lanka is a globally recognized biodiversity hotspot with high levels\r\n          of endemism across ecosystems ranging from lowland rainforests to\r\n          montane and dry zone habitats. However, this biological richness is\r\n          increasingly threatened by land-use change, habitat fragmentation,\r\n          invasive species, and climate variability.\r\n        <\/p>\r\n\r\n        <p>\r\n          <strong>Computational ecology and biodiversity modelling<\/strong> provide a powerful\r\n          framework by integrating ecological theory with mathematical modelling,\r\n          statistical inference, geospatial analysis, and data science. These\r\n          approaches enable the simulation of ecological processes, prediction of\r\n          species and ecosystem responses, and support evidence-based conservation\r\n          planning.\r\n        <\/p>\r\n\r\n        <p>\r\n          This Mini Symposium aims to highlight the role of computational ecology\r\n          in addressing environmental challenges while promoting interdisciplinary\r\n          collaboration among ecologists, mathematicians, data scientists, and\r\n          geospatial experts.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <figure class=\"iccmm-cebm-intro-image\">\r\n        <img\r\n          src=\"https:\/\/iccmm.cmb.ac.lk\/2026\/wp-content\/uploads\/sites\/7\/2026\/07\/program-mini-symposium-05-overview.jpg\"\r\n          alt=\"Abstract visualization of computational ecology, biodiversity modelling, geospatial analysis, ecological networks and conservation planning\"\r\n          loading=\"lazy\"\r\n          decoding=\"async\"\r\n        >\r\n      <\/figure>\r\n    <\/article>\r\n\r\n    <nav class=\"iccmm-cebm-shortcuts\" aria-label=\"Mini symposium page sections\">\r\n      <a href=\"#computational-ecology-call-for-papers\">\r\n        <span>Call for Papers<\/span>\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <path d=\"M5 12h14M14 7l5 5-5 5\"><\/path>\r\n        <\/svg>\r\n      <\/a>\r\n\r\n      <a href=\"#computational-ecology-committee\">\r\n        <span>Committee<\/span>\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <path d=\"M5 12h14M14 7l5 5-5 5\"><\/path>\r\n        <\/svg>\r\n      <\/a>\r\n\r\n    <\/nav>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.iccmm-cebm-section,\r\n.iccmm-cebm-section * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.iccmm-cebm-section {\r\n  --cebm-navy: #081b33;\r\n  --cebm-dark: #09272a;\r\n  --cebm-mid: #16383b;\r\n  --cebm-blue: #1456d9;\r\n  --cebm-cyan: #20e1d5;\r\n  --cebm-teal: #087f78;\r\n  --cebm-gold: #d5a329;\r\n  --cebm-maroon: #8a1538;\r\n  --cebm-light: #f6fbfb;\r\n  --cebm-text: #1d2939;\r\n  --cebm-muted: #475467;\r\n\r\n  position: relative;\r\n  isolation: isolate;\r\n  width: 100%;\r\n  overflow: hidden;\r\n  background:\r\n    radial-gradient(circle at 92% 10%, rgba(32, 225, 213, 0.12), transparent 25%),\r\n    radial-gradient(circle at 6% 88%, rgba(213, 163, 41, 0.1), transparent 27%),\r\n    linear-gradient(180deg, #ffffff, var(--cebm-light));\r\n  color: var(--cebm-text);\r\n  font-family: \"Inter\", Arial, sans-serif;\r\n}\r\n\r\n.iccmm-cebm-section h2,\r\n.iccmm-cebm-section h3,\r\n.iccmm-cebm-section p,\r\n.iccmm-cebm-section a,\r\n.iccmm-cebm-section span {\r\n  overflow-wrap: break-word;\r\n}\r\n\r\n.iccmm-cebm-section::before {\r\n  position: absolute;\r\n  z-index: 0;\r\n  inset: 0;\r\n  background-image:\r\n    linear-gradient(rgba(8, 127, 120, 0.035) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(8, 127, 120, 0.035) 1px, transparent 1px);\r\n  background-size: 44px 44px;\r\n  content: \"\";\r\n  pointer-events: none;\r\n  -webkit-mask-image: linear-gradient(to bottom, transparent, #000 14%, #000 90%, transparent);\r\n  mask-image: linear-gradient(to bottom, transparent, #000 14%, #000 90%, transparent);\r\n}\r\n\r\n.iccmm-cebm-inner {\r\n  position: relative;\r\n  z-index: 2;\r\n  width: min(1240px, 100%);\r\n  margin: 0 auto;\r\n}\r\n\r\n.iccmm-cebm-overview {\r\n  padding: 64px 24px 54px;\r\n}\r\n\r\n.iccmm-cebm-heading {\r\n  width: min(980px, 100%);\r\n  margin: 0 auto 42px;\r\n  text-align: center;\r\n}\r\n\r\n.iccmm-cebm-eyebrow {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 9px;\r\n  margin-bottom: 13px;\r\n  color: var(--cebm-teal);\r\n  font-size: 13px;\r\n  font-weight: 800;\r\n  letter-spacing: 0.16em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.iccmm-cebm-eyebrow i {\r\n  width: 28px;\r\n  height: 2px;\r\n  border-radius: 999px;\r\n  background: linear-gradient(90deg, var(--cebm-gold), var(--cebm-cyan));\r\n}\r\n\r\n.iccmm-cebm-eyebrow i:last-child {\r\n  transform: scaleX(-1);\r\n}\r\n\r\n.iccmm-cebm-heading h2 {\r\n  margin: 0;\r\n  color: var(--cebm-navy);\r\n  font-family: \"Manrope\", Arial, sans-serif;\r\n  font-size: clamp(32px, 4vw, 50px);\r\n  font-weight: 800;\r\n  letter-spacing: -0.045em;\r\n  line-height: 1.1;\r\n}\r\n\r\n.iccmm-cebm-heading h2 span {\r\n  color: var(--cebm-blue);\r\n}\r\n\r\n.iccmm-cebm-intro {\r\n  position: relative;\r\n  overflow: hidden;\r\n  border: 1px solid rgba(32, 225, 213, 0.18);\r\n  border-radius: 20px;\r\n  background: var(--cebm-dark);\r\n  box-shadow: 0 18px 44px rgba(8, 27, 51, 0.14);\r\n  transition:\r\n    transform 0.4s cubic-bezier(0.16, 1, 0.3, 1),\r\n    box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n}\r\n\r\n.iccmm-cebm-intro:hover {\r\n  transform: translateY(-4px);\r\n  box-shadow: 0 24px 54px rgba(8, 27, 51, 0.22);\r\n}\r\n\r\n.iccmm-cebm-intro::before {\r\n  position: absolute;\r\n  z-index: 4;\r\n  top: 0;\r\n  right: 0;\r\n  left: 0;\r\n  height: 5px;\r\n  background: linear-gradient(\r\n    90deg,\r\n    var(--cebm-maroon),\r\n    var(--cebm-gold) 35%,\r\n    var(--cebm-cyan) 72%,\r\n    rgba(32, 225, 213, 0.24)\r\n  );\r\n  content: \"\";\r\n}\r\n\r\n.iccmm-cebm-intro--with-image {\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 1.15fr) minmax(300px, 0.85fr);\r\n  gap: 0;\r\n  align-items: stretch;\r\n  padding: 0;\r\n}\r\n\r\n.iccmm-cebm-intro-copy {\r\n  position: relative;\r\n  min-width: 0;\r\n  padding: 38px 40px;\r\n  overflow: hidden;\r\n  border-right: 1px solid rgba(255, 255, 255, 0.11);\r\n  background:\r\n    radial-gradient(circle at 100% 0%, rgba(32, 225, 213, 0.18), transparent 34%),\r\n    radial-gradient(circle at 0% 100%, rgba(213, 163, 41, 0.1), transparent 32%),\r\n    linear-gradient(145deg, var(--cebm-mid), var(--cebm-dark));\r\n}\r\n\r\n.iccmm-cebm-intro-copy::before {\r\n  position: absolute;\r\n  inset: 0 auto 0 0;\r\n  width: 5px;\r\n  background: linear-gradient(\r\n    180deg,\r\n    var(--cebm-maroon),\r\n    var(--cebm-gold),\r\n    var(--cebm-cyan)\r\n  );\r\n  content: \"\";\r\n}\r\n\r\n.iccmm-cebm-card-heading {\r\n  position: relative;\r\n  z-index: 2;\r\n  margin-bottom: 22px;\r\n  padding-bottom: 15px;\r\n}\r\n\r\n.iccmm-cebm-card-heading span {\r\n  display: inline-block;\r\n  color: #ffffff;\r\n  font-family: \"Manrope\", Arial, sans-serif;\r\n  font-size: clamp(24px, 2.5vw, 32px);\r\n  font-weight: 800;\r\n  letter-spacing: -0.035em;\r\n  line-height: 1.2;\r\n}\r\n\r\n.iccmm-cebm-card-heading::after {\r\n  position: absolute;\r\n  bottom: 0;\r\n  left: 0;\r\n  width: 74px;\r\n  height: 4px;\r\n  border-radius: 999px;\r\n  background: linear-gradient(90deg, var(--cebm-gold), var(--cebm-cyan));\r\n  content: \"\";\r\n}\r\n\r\n.iccmm-cebm-intro p {\r\n  position: relative;\r\n  z-index: 2;\r\n  margin: 0 0 15px;\r\n  color: rgba(255, 255, 255, 0.78);\r\n  font-size: 15.5px;\r\n  line-height: 1.82;\r\n}\r\n\r\n.iccmm-cebm-intro p:last-child {\r\n  margin-bottom: 0;\r\n}\r\n\r\n.iccmm-cebm-intro strong {\r\n  color: #ffffff;\r\n  font-weight: 800;\r\n}\r\n\r\n.iccmm-cebm-intro-image {\r\n  position: relative;\r\n  min-height: 100%;\r\n  margin: 0;\r\n  overflow: hidden;\r\n  background:\r\n    radial-gradient(circle at 18% 18%, rgba(32, 225, 213, 0.22), transparent 32%),\r\n    radial-gradient(circle at 92% 88%, rgba(213, 163, 41, 0.12), transparent 30%),\r\n    linear-gradient(135deg, var(--cebm-mid), var(--cebm-dark));\r\n}\r\n\r\n.iccmm-cebm-intro-image img {\r\n  display: block;\r\n  width: 100%;\r\n  height: 100%;\r\n  min-height: 390px;\r\n  object-fit: cover;\r\n  object-position: 62% center;\r\n  opacity: 1;\r\n}\r\n\r\n.iccmm-cebm-intro-image::after {\r\n  position: absolute;\r\n  inset: 0;\r\n  background:\r\n    linear-gradient(90deg, rgba(9, 39, 42, 0.04), rgba(9, 39, 42, 0.14)),\r\n    radial-gradient(circle at 80% 20%, rgba(213, 163, 41, 0.09), transparent 28%);\r\n  content: \"\";\r\n  pointer-events: none;\r\n}\r\n\r\n.iccmm-cebm-shortcuts {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  gap: 14px;\r\n  margin-top: 22px;\r\n}\r\n\r\n.iccmm-cebm-shortcuts a {\r\n  display: inline-flex;\r\n  min-height: 54px;\r\n  min-width: 0;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 10px;\r\n  padding: 13px 15px;\r\n  border: 1px solid rgba(32, 225, 213, 0.22);\r\n  border-radius: 14px;\r\n  background:\r\n    linear-gradient(135deg, rgba(32, 225, 213, 0.11), transparent 36%),\r\n    linear-gradient(128deg, var(--cebm-mid), var(--cebm-dark));\r\n  box-shadow: 0 14px 30px rgba(22, 56, 59, 0.16);\r\n  color: #ffffff;\r\n  font-size: 13px;\r\n  font-weight: 800;\r\n  line-height: 1.25;\r\n  text-align: center;\r\n  text-decoration: none;\r\n  transition:\r\n    border-color 180ms ease,\r\n    box-shadow 180ms ease,\r\n    color 180ms ease,\r\n    transform 180ms ease;\r\n}\r\n\r\n.iccmm-cebm-shortcuts a:hover,\r\n.iccmm-cebm-shortcuts a:focus-visible {\r\n  border-color: rgba(32, 225, 213, 0.42);\r\n  box-shadow: 0 18px 38px rgba(22, 56, 59, 0.24);\r\n  color: var(--cebm-cyan);\r\n  outline: none;\r\n  transform: translateY(-2px);\r\n}\r\n\r\n.iccmm-cebm-shortcuts svg {\r\n  width: 18px;\r\n  height: 18px;\r\n  flex: 0 0 auto;\r\n  fill: none;\r\n  stroke: currentColor;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n  stroke-width: 2;\r\n}\r\n\r\n@media (min-width: 1280px) {\r\n  .iccmm-cebm-overview {\r\n    padding-top: 68px;\r\n  }\r\n\r\n  .iccmm-cebm-intro-copy {\r\n    padding: 42px 46px;\r\n  }\r\n\r\n  .iccmm-cebm-intro-image img {\r\n    min-height: 420px;\r\n  }\r\n}\r\n\r\n@media (max-width: 1180px) {\r\n  .iccmm-cebm-inner {\r\n    width: min(1120px, 100%);\r\n  }\r\n\r\n  .iccmm-cebm-heading {\r\n    width: min(920px, 100%);\r\n    margin-bottom: 38px;\r\n  }\r\n\r\n  .iccmm-cebm-intro--with-image {\r\n    grid-template-columns: minmax(0, 1.08fr) minmax(280px, 0.92fr);\r\n  }\r\n\r\n  .iccmm-cebm-intro-copy {\r\n    padding: 34px;\r\n  }\r\n\r\n  .iccmm-cebm-intro p {\r\n    font-size: 15px;\r\n    line-height: 1.78;\r\n  }\r\n\r\n  .iccmm-cebm-intro-image img {\r\n    min-height: 400px;\r\n    object-position: 62% center;\r\n  }\r\n}\r\n\r\n@media (max-width: 1024px) and (min-width: 821px) {\r\n  .iccmm-cebm-overview {\r\n    padding: 56px 22px 50px;\r\n  }\r\n\r\n  .iccmm-cebm-heading {\r\n    margin-bottom: 34px;\r\n  }\r\n\r\n  .iccmm-cebm-heading h2 {\r\n    font-size: clamp(32px, 4.4vw, 44px);\r\n  }\r\n\r\n  .iccmm-cebm-intro--with-image {\r\n    grid-template-columns: minmax(0, 1fr) minmax(275px, 0.88fr);\r\n  }\r\n\r\n  .iccmm-cebm-intro-copy {\r\n    padding: 30px;\r\n  }\r\n\r\n  .iccmm-cebm-card-heading {\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .iccmm-cebm-card-heading span {\r\n    font-size: 26px;\r\n  }\r\n\r\n  .iccmm-cebm-intro p {\r\n    font-size: 14.5px;\r\n    line-height: 1.72;\r\n  }\r\n\r\n  .iccmm-cebm-intro-image img {\r\n    min-height: 420px;\r\n    object-position: 64% center;\r\n  }\r\n}\r\n\r\n@media (max-width: 820px) {\r\n  .iccmm-cebm-overview {\r\n    padding: 52px 20px 46px;\r\n  }\r\n\r\n  .iccmm-cebm-heading {\r\n    margin-bottom: 32px;\r\n  }\r\n\r\n  .iccmm-cebm-heading h2 {\r\n    font-size: clamp(30px, 5.2vw, 40px);\r\n  }\r\n\r\n  .iccmm-cebm-intro--with-image {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .iccmm-cebm-intro-copy {\r\n    padding: 34px 30px;\r\n    border-right: none;\r\n    border-bottom: 1px solid rgba(255, 255, 255, 0.11);\r\n  }\r\n\r\n  .iccmm-cebm-intro-image {\r\n    order: 2;\r\n  }\r\n\r\n  .iccmm-cebm-intro-image img {\r\n    min-height: 260px;\r\n    object-position: 62% center;\r\n  }\r\n\r\n  .iccmm-cebm-shortcuts {\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  }\r\n}\r\n\r\n@media (max-width: 680px) {\r\n  .iccmm-cebm-overview {\r\n    padding: 48px 15px 42px;\r\n  }\r\n\r\n  .iccmm-cebm-heading {\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  .iccmm-cebm-heading h2 {\r\n    font-size: 30px;\r\n  }\r\n\r\n  .iccmm-cebm-eyebrow {\r\n    font-size: 11px;\r\n  }\r\n\r\n  .iccmm-cebm-eyebrow i {\r\n    width: 22px;\r\n  }\r\n\r\n  .iccmm-cebm-intro {\r\n    border-radius: 18px;\r\n  }\r\n\r\n  .iccmm-cebm-intro-copy {\r\n    padding: 28px 20px;\r\n  }\r\n\r\n  .iccmm-cebm-card-heading {\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .iccmm-cebm-card-heading span {\r\n    font-size: 24px;\r\n  }\r\n\r\n  .iccmm-cebm-intro p {\r\n    font-size: 14.5px;\r\n    line-height: 1.78;\r\n  }\r\n\r\n  .iccmm-cebm-intro-image img {\r\n    min-height: 205px;\r\n    object-position: 62% center;\r\n  }\r\n\r\n  .iccmm-cebm-shortcuts {\r\n    gap: 10px;\r\n    margin-top: 18px;\r\n  }\r\n\r\n  .iccmm-cebm-shortcuts a {\r\n    min-height: 50px;\r\n    padding: 12px 10px;\r\n    border-radius: 12px;\r\n    font-size: 12.5px;\r\n  }\r\n}\r\n\r\n@media (max-width: 420px) {\r\n  .iccmm-cebm-overview {\r\n    padding: 42px 12px 38px;\r\n  }\r\n\r\n  .iccmm-cebm-heading h2 {\r\n    font-size: 27px;\r\n    line-height: 1.13;\r\n  }\r\n\r\n  .iccmm-cebm-intro-copy {\r\n    padding: 26px 18px;\r\n  }\r\n\r\n  .iccmm-cebm-intro p {\r\n    font-size: 14px;\r\n  }\r\n\r\n  .iccmm-cebm-intro-image img {\r\n    min-height: 185px;\r\n    object-position: 64% center;\r\n  }\r\n\r\n  .iccmm-cebm-shortcuts {\r\n    grid-template-columns: 1fr;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .iccmm-cebm-intro,\r\n  .iccmm-cebm-shortcuts a {\r\n    transition: none !important;\r\n    transform: none !important;\r\n  }\r\n\r\n  .iccmm-cebm-intro:hover,\r\n  .iccmm-cebm-shortcuts a:hover,\r\n  .iccmm-cebm-shortcuts a:focus-visible {\r\n    transform: none !important;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1103a93 e-con-full e-flex e-con e-parent\" data-id=\"1103a93\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0779574 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"0779574\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n\r\n<link\r\n  href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@600;700;800&display=swap\"\r\n  rel=\"stylesheet\"\r\n>\r\n\r\n<section\r\n  class=\"iccmm-cebm-flyer-section\"\r\n  id=\"computational-ecology-flyer\"\r\n  aria-labelledby=\"iccmm-cebm-flyer-title\"\r\n>\r\n  <div class=\"iccmm-cebm-flyer-inner\">\r\n\r\n    <h2\r\n      class=\"iccmm-cebm-flyer-sr-only\"\r\n      id=\"iccmm-cebm-flyer-title\"\r\n    >\r\n      ICCMM 2026 Mini Symposium Flyer\r\n    <\/h2>\r\n\r\n    <article class=\"iccmm-cebm-flyer-card\">\r\n\r\n      <a\r\n        class=\"iccmm-cebm-flyer-image-link\"\r\n        href=\"https:\/\/iccmm.cmb.ac.lk\/2026\/wp-content\/uploads\/sites\/7\/2026\/07\/program-mini-symposium-05-flyer.png\"\r\n        target=\"_blank\"\r\n        rel=\"noopener noreferrer\"\r\n        aria-label=\"Open the Mini Symposium flyer in full size\"\r\n        title=\"Click or tap to view the flyer in full size\"\r\n      >\r\n\r\n        <img\r\n          src=\"https:\/\/iccmm.cmb.ac.lk\/2026\/wp-content\/uploads\/sites\/7\/2026\/07\/program-mini-symposium-05-flyer01.png\"\r\n          alt=\"Official flyer for the ICCMM 2026 Mini Symposium on Computational Ecology and Biodiversity Modelling\"\r\n          loading=\"lazy\"\r\n          decoding=\"async\"\r\n        >\r\n\r\n      <\/a>\r\n\r\n    <\/article>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n.iccmm-cebm-flyer-section,\r\n.iccmm-cebm-flyer-section * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   SECTION\r\n================================================== *\/\r\n\r\n.iccmm-cebm-flyer-section {\r\n\r\n  --cebm-flyer-navy: #081b33;\r\n  --cebm-flyer-dark: #09272a;\r\n  --cebm-flyer-mid: #16383b;\r\n  --cebm-flyer-blue: #1456d9;\r\n  --cebm-flyer-cyan: #20e1d5;\r\n  --cebm-flyer-teal: #087f78;\r\n  --cebm-flyer-gold: #d5a329;\r\n  --cebm-flyer-maroon: #8a1538;\r\n  --cebm-flyer-light: #f6fbfb;\r\n\r\n  position: relative;\r\n\r\n  isolation: isolate;\r\n\r\n  width: 100%;\r\n\r\n  padding: 42px 24px 58px;\r\n\r\n  overflow: hidden;\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n\r\n      circle at 92% 10%,\r\n\r\n      rgba(32, 225, 213, 0.12),\r\n\r\n      transparent 25%\r\n\r\n    ),\r\n\r\n    radial-gradient(\r\n\r\n      circle at 6% 88%,\r\n\r\n      rgba(213, 163, 41, 0.10),\r\n\r\n      transparent 27%\r\n\r\n    ),\r\n\r\n    linear-gradient(\r\n\r\n      180deg,\r\n\r\n      #ffffff,\r\n\r\n      var(--cebm-flyer-light)\r\n\r\n    );\r\n\r\n  font-family: \"Inter\", Arial, sans-serif;\r\n\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   BACKGROUND GRID\r\n================================================== *\/\r\n\r\n.iccmm-cebm-flyer-section::before {\r\n\r\n  position: absolute;\r\n\r\n  z-index: 0;\r\n\r\n  inset: 0;\r\n\r\n  background-image:\r\n\r\n    linear-gradient(\r\n\r\n      rgba(8, 127, 120, 0.035) 1px,\r\n\r\n      transparent 1px\r\n\r\n    ),\r\n\r\n    linear-gradient(\r\n\r\n      90deg,\r\n\r\n      rgba(8, 127, 120, 0.035) 1px,\r\n\r\n      transparent 1px\r\n\r\n    );\r\n\r\n  background-size: 44px 44px;\r\n\r\n  content: \"\";\r\n\r\n  pointer-events: none;\r\n\r\n  -webkit-mask-image:\r\n\r\n    linear-gradient(\r\n\r\n      to bottom,\r\n\r\n      transparent,\r\n\r\n      #000 14%,\r\n\r\n      #000 90%,\r\n\r\n      transparent\r\n\r\n    );\r\n\r\n  mask-image:\r\n\r\n    linear-gradient(\r\n\r\n      to bottom,\r\n\r\n      transparent,\r\n\r\n      #000 14%,\r\n\r\n      #000 90%,\r\n\r\n      transparent\r\n\r\n    );\r\n\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   INNER CONTAINER\r\n================================================== *\/\r\n\r\n.iccmm-cebm-flyer-inner {\r\n\r\n  position: relative;\r\n\r\n  z-index: 2;\r\n\r\n  width: min(1240px, 100%);\r\n\r\n  margin: 0 auto;\r\n\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   DARK GREEN CARD\r\n================================================== *\/\r\n\r\n.iccmm-cebm-flyer-card {\r\n\r\n  position: relative;\r\n\r\n  width: 100%;\r\n\r\n  padding: 34px 28px;\r\n\r\n  overflow: hidden;\r\n\r\n  border:\r\n\r\n    1px solid\r\n\r\n    rgba(255, 255, 255, 0.13);\r\n\r\n  border-radius: 20px;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n\r\n      135deg,\r\n\r\n      rgba(32, 225, 213, 0.13),\r\n\r\n      transparent 34%\r\n\r\n    ),\r\n\r\n    linear-gradient(\r\n\r\n      128deg,\r\n\r\n      var(--cebm-flyer-mid),\r\n\r\n      var(--cebm-flyer-dark)\r\n\r\n    );\r\n\r\n  box-shadow:\r\n\r\n    0 18px 42px\r\n\r\n    rgba(22, 56, 59, 0.18);\r\n\r\n  transition:\r\n\r\n    transform\r\n\r\n    0.4s\r\n\r\n    cubic-bezier(\r\n\r\n      0.16,\r\n\r\n      1,\r\n\r\n      0.3,\r\n\r\n      1\r\n\r\n    ),\r\n\r\n    box-shadow\r\n\r\n    0.4s\r\n\r\n    cubic-bezier(\r\n\r\n      0.16,\r\n\r\n      1,\r\n\r\n      0.3,\r\n\r\n      1\r\n\r\n    );\r\n\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   CARD HOVER\r\n================================================== *\/\r\n\r\n.iccmm-cebm-flyer-card:hover {\r\n\r\n  transform: translateY(-4px);\r\n\r\n  box-shadow:\r\n\r\n    0 24px 54px\r\n\r\n    rgba(8, 27, 51, 0.25);\r\n\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   TOP COLOUR LINE\r\n================================================== *\/\r\n\r\n.iccmm-cebm-flyer-card::before {\r\n\r\n  position: absolute;\r\n\r\n  z-index: 3;\r\n\r\n  top: 0;\r\n\r\n  right: 0;\r\n\r\n  left: 0;\r\n\r\n  height: 4px;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n\r\n      90deg,\r\n\r\n      var(--cebm-flyer-maroon),\r\n\r\n      var(--cebm-flyer-gold),\r\n\r\n      var(--cebm-flyer-cyan)\r\n\r\n    );\r\n\r\n  content: \"\";\r\n\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   DECORATIVE LIGHT\r\n================================================== *\/\r\n\r\n.iccmm-cebm-flyer-card::after {\r\n\r\n  position: absolute;\r\n\r\n  z-index: 0;\r\n\r\n  top: -160px;\r\n\r\n  right: -150px;\r\n\r\n  width: 430px;\r\n\r\n  height: 430px;\r\n\r\n  border-radius: 50%;\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n\r\n      circle,\r\n\r\n      rgba(32, 225, 213, 0.14),\r\n\r\n      transparent 68%\r\n\r\n    );\r\n\r\n  content: \"\";\r\n\r\n  pointer-events: none;\r\n\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   FLYER LINK\r\n================================================== *\/\r\n\r\n.iccmm-cebm-flyer-image-link {\r\n\r\n  position: relative;\r\n\r\n  z-index: 2;\r\n\r\n  display: block;\r\n\r\n  width: min(820px, 100%);\r\n\r\n  margin: 0 auto;\r\n\r\n  padding: 9px;\r\n\r\n  overflow: hidden;\r\n\r\n  border:\r\n\r\n    1px solid\r\n\r\n    rgba(255, 255, 255, 0.18);\r\n\r\n  border-radius: 18px;\r\n\r\n  background: #ffffff;\r\n\r\n  box-shadow:\r\n\r\n    0 20px 46px\r\n\r\n    rgba(0, 0, 0, 0.26);\r\n\r\n  text-decoration: none;\r\n\r\n  transition:\r\n\r\n    border-color 0.3s ease,\r\n\r\n    box-shadow 0.3s ease,\r\n\r\n    transform\r\n\r\n    0.3s\r\n\r\n    cubic-bezier(\r\n\r\n      0.16,\r\n\r\n      1,\r\n\r\n      0.3,\r\n\r\n      1\r\n\r\n    );\r\n\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   FLYER HOVER\r\n================================================== *\/\r\n\r\n.iccmm-cebm-flyer-image-link:hover {\r\n\r\n  border-color:\r\n\r\n    rgba(32, 225, 213, 0.56);\r\n\r\n  transform:\r\n\r\n    translateY(-2px);\r\n\r\n  box-shadow:\r\n\r\n    0 26px 56px\r\n\r\n    rgba(0, 0, 0, 0.34);\r\n\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   KEYBOARD FOCUS\r\n================================================== *\/\r\n\r\n.iccmm-cebm-flyer-image-link:focus-visible {\r\n\r\n  outline:\r\n\r\n    3px solid\r\n\r\n    rgba(32, 225, 213, 0.72);\r\n\r\n  outline-offset: 5px;\r\n\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   IMAGE\r\n================================================== *\/\r\n\r\n.iccmm-cebm-flyer-image-link img {\r\n\r\n  display: block;\r\n\r\n  width: 100%;\r\n\r\n  height: auto;\r\n\r\n  border-radius: 11px;\r\n\r\n  background: #ffffff;\r\n\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   ACCESSIBILITY TITLE\r\n================================================== *\/\r\n\r\n.iccmm-cebm-flyer-sr-only {\r\n\r\n  position: absolute;\r\n\r\n  width: 1px;\r\n\r\n  height: 1px;\r\n\r\n  padding: 0;\r\n\r\n  margin: -1px;\r\n\r\n  overflow: hidden;\r\n\r\n  clip: rect(0, 0, 0, 0);\r\n\r\n  white-space: nowrap;\r\n\r\n  border: 0;\r\n\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   TABLET\r\n================================================== *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n  .iccmm-cebm-flyer-card {\r\n\r\n    padding:\r\n\r\n      28px\r\n\r\n      24px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   MOBILE\r\n================================================== *\/\r\n\r\n@media (max-width: 680px) {\r\n\r\n  .iccmm-cebm-flyer-section {\r\n\r\n    padding:\r\n\r\n      32px\r\n\r\n      15px\r\n\r\n      42px;\r\n\r\n  }\r\n\r\n\r\n  .iccmm-cebm-flyer-card {\r\n\r\n    padding:\r\n\r\n      22px\r\n\r\n      15px;\r\n\r\n    border-radius: 18px;\r\n\r\n  }\r\n\r\n\r\n  .iccmm-cebm-flyer-image-link {\r\n\r\n    padding: 6px;\r\n\r\n    border-radius: 14px;\r\n\r\n    box-shadow:\r\n\r\n      0 16px 34px\r\n\r\n      rgba(0, 0, 0, 0.24);\r\n\r\n  }\r\n\r\n\r\n  .iccmm-cebm-flyer-image-link img {\r\n\r\n    border-radius: 9px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   SMALL MOBILE\r\n================================================== *\/\r\n\r\n@media (max-width: 420px) {\r\n\r\n  .iccmm-cebm-flyer-section {\r\n\r\n    padding:\r\n\r\n      26px\r\n\r\n      12px\r\n\r\n      38px;\r\n\r\n  }\r\n\r\n\r\n  .iccmm-cebm-flyer-card {\r\n\r\n    padding:\r\n\r\n      17px\r\n\r\n      10px;\r\n\r\n  }\r\n\r\n\r\n  .iccmm-cebm-flyer-image-link {\r\n\r\n    padding: 4px;\r\n\r\n    border-radius: 11px;\r\n\r\n  }\r\n\r\n\r\n  .iccmm-cebm-flyer-image-link img {\r\n\r\n    border-radius: 7px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   REDUCED MOTION\r\n================================================== *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  .iccmm-cebm-flyer-card,\r\n\r\n  .iccmm-cebm-flyer-card:hover,\r\n\r\n  .iccmm-cebm-flyer-image-link,\r\n\r\n  .iccmm-cebm-flyer-image-link:hover {\r\n\r\n    transition: none !important;\r\n\r\n    transform: none !important;\r\n\r\n  }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a71b5b7 e-con-full e-flex e-con e-parent\" data-id=\"a71b5b7\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-700e1eb elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"700e1eb\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n\r\n<link\r\n  href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@600;700;800&display=swap\"\r\n  rel=\"stylesheet\"\r\n>\r\n\r\n<section\r\n  class=\"iccmm-cebm-cfp-section\"\r\n  id=\"computational-ecology-call-for-papers\"\r\n  aria-labelledby=\"iccmm-cebm-cfp-title\"\r\n>\r\n\r\n  <div class=\"iccmm-cebm-cfp-inner\">\r\n\r\n    <header class=\"iccmm-cebm-cfp-heading\">\r\n\r\n      <div class=\"iccmm-cebm-cfp-eyebrow\">\r\n\r\n        <i aria-hidden=\"true\"><\/i>\r\n\r\n        <span>\r\n          ICCMM 2026 Mini Symposium\r\n        <\/span>\r\n\r\n        <i aria-hidden=\"true\"><\/i>\r\n\r\n      <\/div>\r\n\r\n\r\n      <h2 id=\"iccmm-cebm-cfp-title\">\r\n\r\n        Call for\r\n\r\n        <span>\r\n          Papers\r\n        <\/span>\r\n\r\n      <\/h2>\r\n\r\n    <\/header>\r\n\r\n\r\n    <article class=\"iccmm-cebm-cfp-card\">\r\n\r\n\r\n      <!-- LEFT SIDE -->\r\n\r\n      <div class=\"iccmm-cebm-cfp-card-head\">\r\n\r\n        <span>\r\n\r\n          Computational Ecology and\r\n\r\n          Biodiversity Modelling\r\n\r\n        <\/span>\r\n\r\n\r\n        <!-- CLEAR ECOLOGY + MODELLING ICON -->\r\n\r\n        <div\r\n          class=\"iccmm-cebm-cfp-visual\"\r\n          aria-hidden=\"true\"\r\n        >\r\n\r\n          <svg\r\n            viewBox=\"0 0 360 300\"\r\n            focusable=\"false\"\r\n          >\r\n\r\n\r\n            <!-- SOFT BACKGROUND -->\r\n\r\n            <circle\r\n\r\n              class=\"\r\n                iccmm-cebm-cfp-visual-halo\r\n              \"\r\n\r\n              cx=\"180\"\r\n\r\n              cy=\"148\"\r\n\r\n              r=\"108\"\r\n\r\n            ><\/circle>\r\n\r\n\r\n            <!-- GRAPH AXES -->\r\n\r\n            <path\r\n\r\n              class=\"\r\n                iccmm-cebm-cfp-visual-axis\r\n              \"\r\n\r\n              d=\"\r\n                M78 228\r\n                H290\r\n\r\n                M92 238\r\n                V76\r\n              \"\r\n\r\n            ><\/path>\r\n\r\n\r\n            <!-- DATA MODELLING CURVE -->\r\n\r\n            <path\r\n\r\n              class=\"\r\n                iccmm-cebm-cfp-visual-curve\r\n              \"\r\n\r\n              d=\"\r\n                M96 213\r\n\r\n                C122 202\r\n                140 183\r\n                160 191\r\n\r\n                C181 199\r\n                194 163\r\n                212 152\r\n\r\n                C232 140\r\n                244 153\r\n                268 103\r\n              \"\r\n\r\n            ><\/path>\r\n\r\n\r\n            <!-- DATA POINTS -->\r\n\r\n            <circle\r\n\r\n              class=\"\r\n                iccmm-cebm-cfp-visual-point\r\n\r\n                iccmm-cebm-cfp-visual-point--one\r\n              \"\r\n\r\n              cx=\"96\"\r\n\r\n              cy=\"213\"\r\n\r\n              r=\"6\"\r\n\r\n            ><\/circle>\r\n\r\n\r\n            <circle\r\n\r\n              class=\"\r\n                iccmm-cebm-cfp-visual-point\r\n\r\n                iccmm-cebm-cfp-visual-point--two\r\n              \"\r\n\r\n              cx=\"160\"\r\n\r\n              cy=\"191\"\r\n\r\n              r=\"6\"\r\n\r\n            ><\/circle>\r\n\r\n\r\n            <circle\r\n\r\n              class=\"\r\n                iccmm-cebm-cfp-visual-point\r\n\r\n                iccmm-cebm-cfp-visual-point--three\r\n              \"\r\n\r\n              cx=\"212\"\r\n\r\n              cy=\"152\"\r\n\r\n              r=\"6\"\r\n\r\n            ><\/circle>\r\n\r\n\r\n            <circle\r\n\r\n              class=\"\r\n                iccmm-cebm-cfp-visual-point\r\n\r\n                iccmm-cebm-cfp-visual-point--four\r\n              \"\r\n\r\n              cx=\"268\"\r\n\r\n              cy=\"103\"\r\n\r\n              r=\"7\"\r\n\r\n            ><\/circle>\r\n\r\n\r\n            <!-- MAIN ECOLOGY LEAF -->\r\n\r\n            <path\r\n\r\n              class=\"\r\n                iccmm-cebm-cfp-visual-leaf\r\n              \"\r\n\r\n              d=\"\r\n                M180 207\r\n\r\n                C138 183\r\n                132 127\r\n                180 80\r\n\r\n                C228 127\r\n                222 183\r\n                180 207\r\n\r\n                Z\r\n              \"\r\n\r\n            ><\/path>\r\n\r\n\r\n            <!-- LEAF CENTRE -->\r\n\r\n            <path\r\n\r\n              class=\"\r\n                iccmm-cebm-cfp-visual-leaf-vein\r\n              \"\r\n\r\n              d=\"\r\n                M180 195\r\n\r\n                V96\r\n              \"\r\n\r\n            ><\/path>\r\n\r\n\r\n            <!-- LEFT LEAF VEINS -->\r\n\r\n            <path\r\n\r\n              class=\"\r\n                iccmm-cebm-cfp-visual-leaf-vein\r\n              \"\r\n\r\n              d=\"\r\n                M180 128\r\n\r\n                L153 106\r\n\r\n\r\n                M180 153\r\n\r\n                L148 138\r\n              \"\r\n\r\n            ><\/path>\r\n\r\n\r\n            <!-- RIGHT LEAF VEINS -->\r\n\r\n            <path\r\n\r\n              class=\"\r\n                iccmm-cebm-cfp-visual-leaf-vein\r\n              \"\r\n\r\n              d=\"\r\n                M180 125\r\n\r\n                L206 103\r\n\r\n\r\n                M180 158\r\n\r\n                L212 135\r\n              \"\r\n\r\n            ><\/path>\r\n\r\n\r\n            <!-- COMPUTATIONAL CONNECTIONS -->\r\n\r\n            <path\r\n\r\n              class=\"\r\n                iccmm-cebm-cfp-visual-node-link\r\n              \"\r\n\r\n              d=\"\r\n                M180 80\r\n\r\n                L180 55\r\n\r\n\r\n                M210 95\r\n\r\n                L236 75\r\n\r\n\r\n                M150 95\r\n\r\n                L124 75\r\n              \"\r\n\r\n            ><\/path>\r\n\r\n\r\n            <!-- COMPUTATIONAL NODES -->\r\n\r\n            <circle\r\n\r\n              class=\"\r\n                iccmm-cebm-cfp-visual-node\r\n              \"\r\n\r\n              cx=\"180\"\r\n\r\n              cy=\"49\"\r\n\r\n              r=\"6\"\r\n\r\n            ><\/circle>\r\n\r\n\r\n            <circle\r\n\r\n              class=\"\r\n                iccmm-cebm-cfp-visual-node\r\n              \"\r\n\r\n              cx=\"242\"\r\n\r\n              cy=\"70\"\r\n\r\n              r=\"6\"\r\n\r\n            ><\/circle>\r\n\r\n\r\n            <circle\r\n\r\n              class=\"\r\n                iccmm-cebm-cfp-visual-node\r\n\r\n                iccmm-cebm-cfp-visual-node--gold\r\n              \"\r\n\r\n              cx=\"118\"\r\n\r\n              cy=\"70\"\r\n\r\n              r=\"6\"\r\n\r\n            ><\/circle>\r\n\r\n\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- AUTHOR INFORMATION -->\r\n\r\n        <p class=\"iccmm-cebm-author-note\">\r\n\r\n          For author guidelines, the abstract template,\r\n\r\n          and the submission link, please refer to the main\r\n\r\n          <a\r\n            href=\"https:\/\/iccmm.cmb.ac.lk\/2026\/#call-for-papers\"\r\n          >\r\n\r\n            ICCMM 2026 Call for Papers\r\n\r\n          <\/a>\r\n\r\n          section.\r\n\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- RIGHT SIDE -->\r\n\r\n      <div class=\"iccmm-cebm-topics\">\r\n\r\n\r\n        <div class=\"iccmm-cebm-topics-heading\">\r\n\r\n          <span>\r\n\r\n            Topics of Interest\r\n\r\n          <\/span>\r\n\r\n\r\n          <p>\r\n\r\n            Papers are invited on topics including,\r\n\r\n            but not limited to, the following areas:\r\n\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <ul class=\"iccmm-cebm-topic-list\">\r\n\r\n\r\n          <li>\r\n\r\n            <em>\r\n              01\r\n            <\/em>\r\n\r\n\r\n            <div>\r\n\r\n              <strong>\r\n\r\n                Species, Population and\r\n\r\n                Ecosystem Modelling\r\n\r\n              <\/strong>\r\n\r\n\r\n              <span>\r\n\r\n                Quantitative approaches for modelling\r\n\r\n                species distributions, populations,\r\n\r\n                ecosystems, and ecological responses.\r\n\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n          <\/li>\r\n\r\n\r\n          <li>\r\n\r\n            <em>\r\n              02\r\n            <\/em>\r\n\r\n\r\n            <div>\r\n\r\n              <strong>\r\n\r\n                Ecosystem Functioning, Services\r\n\r\n                and Biodiversity Dynamics\r\n\r\n              <\/strong>\r\n\r\n\r\n              <span>\r\n\r\n                Modelling ecosystem processes,\r\n\r\n                biodiversity patterns, ecological services,\r\n\r\n                and dynamic environmental interactions.\r\n\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n          <\/li>\r\n\r\n\r\n          <li>\r\n\r\n            <em>\r\n              03\r\n            <\/em>\r\n\r\n\r\n            <div>\r\n\r\n              <strong>\r\n\r\n                Geospatial Analysis, Remote Sensing\r\n\r\n                and Digital Biodiversity\r\n\r\n              <\/strong>\r\n\r\n\r\n              <span>\r\n\r\n                GIS, remote sensing, spatial analytics,\r\n\r\n                biodiversity informatics, and digital tools\r\n\r\n                for ecological research.\r\n\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n          <\/li>\r\n\r\n\r\n          <li>\r\n\r\n            <em>\r\n              04\r\n            <\/em>\r\n\r\n\r\n            <div>\r\n\r\n              <strong>\r\n\r\n                Climate Change, Ecological Responses\r\n\r\n                and Ecological Forecasting\r\n\r\n              <\/strong>\r\n\r\n\r\n              <span>\r\n\r\n                Predictive modelling of climate impacts,\r\n\r\n                ecological change, vulnerability,\r\n\r\n                and future biodiversity scenarios.\r\n\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n          <\/li>\r\n\r\n\r\n          <li>\r\n\r\n            <em>\r\n              05\r\n            <\/em>\r\n\r\n\r\n            <div>\r\n\r\n              <strong>\r\n\r\n                Biodiversity Data Science,\r\n\r\n                Informatics and Conservation\r\n\r\n                Decision Support\r\n\r\n              <\/strong>\r\n\r\n\r\n              <span>\r\n\r\n                Data-driven approaches supporting\r\n\r\n                conservation planning, habitat management,\r\n\r\n                policy, and evidence-based decision-making.\r\n\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n          <\/li>\r\n\r\n\r\n        <\/ul>\r\n\r\n      <\/div>\r\n\r\n    <\/article>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* ==================================================\r\n   GLOBAL\r\n================================================== *\/\r\n\r\n.iccmm-cebm-cfp-section,\r\n.iccmm-cebm-cfp-section * {\r\n\r\n  box-sizing: border-box;\r\n\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   SECTION\r\n================================================== *\/\r\n\r\n.iccmm-cebm-cfp-section {\r\n\r\n  --cebm-cfp-navy: #081b33;\r\n\r\n  --cebm-cfp-dark: #09272a;\r\n\r\n  --cebm-cfp-mid: #16383b;\r\n\r\n  --cebm-cfp-blue: #1456d9;\r\n\r\n  --cebm-cfp-cyan: #20e1d5;\r\n\r\n  --cebm-cfp-teal: #087f78;\r\n\r\n  --cebm-cfp-gold: #d5a329;\r\n\r\n  --cebm-cfp-maroon: #8a1538;\r\n\r\n  --cebm-cfp-light: #f6fbfb;\r\n\r\n  --cebm-cfp-text: #1d2939;\r\n\r\n\r\n  position: relative;\r\n\r\n  isolation: isolate;\r\n\r\n  width: 100%;\r\n\r\n\r\n  padding:\r\n\r\n    64px\r\n\r\n    24px\r\n\r\n    58px;\r\n\r\n\r\n  overflow: hidden;\r\n\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n\r\n      circle at 92% 10%,\r\n\r\n      rgba(\r\n\r\n        32,\r\n\r\n        225,\r\n\r\n        213,\r\n\r\n        0.12\r\n\r\n      ),\r\n\r\n      transparent 25%\r\n\r\n    ),\r\n\r\n\r\n    radial-gradient(\r\n\r\n      circle at 6% 88%,\r\n\r\n      rgba(\r\n\r\n        213,\r\n\r\n        163,\r\n\r\n        41,\r\n\r\n        0.10\r\n\r\n      ),\r\n\r\n      transparent 27%\r\n\r\n    ),\r\n\r\n\r\n    linear-gradient(\r\n\r\n      180deg,\r\n\r\n      #ffffff,\r\n\r\n      var(--cebm-cfp-light)\r\n\r\n    );\r\n\r\n\r\n  color:\r\n\r\n    var(--cebm-cfp-text);\r\n\r\n\r\n  font-family:\r\n\r\n    \"Inter\",\r\n\r\n    Arial,\r\n\r\n    sans-serif;\r\n\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   TEXT WRAP\r\n================================================== *\/\r\n\r\n.iccmm-cebm-cfp-section h2,\r\n\r\n.iccmm-cebm-cfp-section h3,\r\n\r\n.iccmm-cebm-cfp-section p,\r\n\r\n.iccmm-cebm-cfp-section a,\r\n\r\n.iccmm-cebm-cfp-section span,\r\n\r\n.iccmm-cebm-cfp-section strong {\r\n\r\n  overflow-wrap: break-word;\r\n\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   BACKGROUND GRID\r\n================================================== *\/\r\n\r\n.iccmm-cebm-cfp-section::before {\r\n\r\n  position: absolute;\r\n\r\n  z-index: 0;\r\n\r\n  inset: 0;\r\n\r\n\r\n  background-image:\r\n\r\n    linear-gradient(\r\n\r\n      rgba(\r\n\r\n        8,\r\n\r\n        127,\r\n\r\n        120,\r\n\r\n        0.035\r\n\r\n      )\r\n\r\n      1px,\r\n\r\n      transparent 1px\r\n\r\n    ),\r\n\r\n\r\n    linear-gradient(\r\n\r\n      90deg,\r\n\r\n      rgba(\r\n\r\n        8,\r\n\r\n        127,\r\n\r\n        120,\r\n\r\n        0.035\r\n\r\n      )\r\n\r\n      1px,\r\n\r\n      transparent 1px\r\n\r\n    );\r\n\r\n\r\n  background-size:\r\n\r\n    44px\r\n\r\n    44px;\r\n\r\n\r\n  content: \"\";\r\n\r\n\r\n  pointer-events: none;\r\n\r\n\r\n  -webkit-mask-image:\r\n\r\n    linear-gradient(\r\n\r\n      to bottom,\r\n\r\n      transparent,\r\n\r\n      #000 14%,\r\n\r\n      #000 90%,\r\n\r\n      transparent\r\n\r\n    );\r\n\r\n\r\n  mask-image:\r\n\r\n    linear-gradient(\r\n\r\n      to bottom,\r\n\r\n      transparent,\r\n\r\n      #000 14%,\r\n\r\n      #000 90%,\r\n\r\n      transparent\r\n\r\n    );\r\n\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   INNER\r\n================================================== *\/\r\n\r\n.iccmm-cebm-cfp-inner {\r\n\r\n  position: relative;\r\n\r\n  z-index: 2;\r\n\r\n\r\n  width:\r\n\r\n    min(\r\n\r\n      1240px,\r\n\r\n      100%\r\n\r\n    );\r\n\r\n\r\n  margin:\r\n\r\n    0 auto;\r\n\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   SECTION HEADING\r\n================================================== *\/\r\n\r\n.iccmm-cebm-cfp-heading {\r\n\r\n  width:\r\n\r\n    min(\r\n\r\n      780px,\r\n\r\n      100%\r\n\r\n    );\r\n\r\n\r\n  margin:\r\n\r\n    0 auto 34px;\r\n\r\n\r\n  text-align:\r\n\r\n    center;\r\n\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   EYEBROW\r\n================================================== *\/\r\n\r\n.iccmm-cebm-cfp-eyebrow {\r\n\r\n  display:\r\n\r\n    inline-flex;\r\n\r\n\r\n  align-items:\r\n\r\n    center;\r\n\r\n\r\n  justify-content:\r\n\r\n    center;\r\n\r\n\r\n  gap:\r\n\r\n    9px;\r\n\r\n\r\n  margin-bottom:\r\n\r\n    13px;\r\n\r\n\r\n  color:\r\n\r\n    var(--cebm-cfp-teal);\r\n\r\n\r\n  font-size:\r\n\r\n    13px;\r\n\r\n\r\n  font-weight:\r\n\r\n    800;\r\n\r\n\r\n  letter-spacing:\r\n\r\n    0.16em;\r\n\r\n\r\n  text-transform:\r\n\r\n    uppercase;\r\n\r\n}\r\n\r\n\r\n.iccmm-cebm-cfp-eyebrow i {\r\n\r\n  width:\r\n\r\n    28px;\r\n\r\n\r\n  height:\r\n\r\n    2px;\r\n\r\n\r\n  border-radius:\r\n\r\n    999px;\r\n\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n\r\n      90deg,\r\n\r\n      var(--cebm-cfp-gold),\r\n\r\n      var(--cebm-cfp-cyan)\r\n\r\n    );\r\n\r\n}\r\n\r\n\r\n.iccmm-cebm-cfp-eyebrow i:last-child {\r\n\r\n  transform:\r\n\r\n    scaleX(-1);\r\n\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   MAIN TITLE\r\n================================================== *\/\r\n\r\n.iccmm-cebm-cfp-heading h2 {\r\n\r\n  margin:\r\n\r\n    0;\r\n\r\n\r\n  color:\r\n\r\n    var(--cebm-cfp-navy);\r\n\r\n\r\n  font-family:\r\n\r\n    \"Manrope\",\r\n\r\n    Arial,\r\n\r\n    sans-serif;\r\n\r\n\r\n  font-size:\r\n\r\n    clamp(\r\n\r\n      36px,\r\n\r\n      4.3vw,\r\n\r\n      54px\r\n\r\n    );\r\n\r\n\r\n  font-weight:\r\n\r\n    800;\r\n\r\n\r\n  letter-spacing:\r\n\r\n    -0.045em;\r\n\r\n\r\n  line-height:\r\n\r\n    1.08;\r\n\r\n}\r\n\r\n\r\n.iccmm-cebm-cfp-heading h2 span {\r\n\r\n  color:\r\n\r\n    var(--cebm-cfp-blue);\r\n\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   MAIN CARD\r\n================================================== *\/\r\n\r\n.iccmm-cebm-cfp-card {\r\n\r\n  position:\r\n\r\n    relative;\r\n\r\n\r\n  display:\r\n\r\n    grid;\r\n\r\n\r\n  grid-template-columns:\r\n\r\n    minmax(\r\n\r\n      300px,\r\n\r\n      0.62fr\r\n\r\n    )\r\n\r\n    minmax(\r\n\r\n      0,\r\n\r\n      1.38fr\r\n\r\n    );\r\n\r\n\r\n  gap:\r\n\r\n    0;\r\n\r\n\r\n  overflow:\r\n\r\n    hidden;\r\n\r\n\r\n  border:\r\n\r\n    1px solid\r\n\r\n    rgba(\r\n\r\n      255,\r\n\r\n      255,\r\n\r\n      255,\r\n\r\n      0.13\r\n\r\n    );\r\n\r\n\r\n  border-radius:\r\n\r\n    20px;\r\n\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n\r\n      135deg,\r\n\r\n      rgba(\r\n\r\n        32,\r\n\r\n        225,\r\n\r\n        213,\r\n\r\n        0.13\r\n\r\n      ),\r\n\r\n      transparent 34%\r\n\r\n    ),\r\n\r\n\r\n    linear-gradient(\r\n\r\n      128deg,\r\n\r\n      var(--cebm-cfp-mid),\r\n\r\n      var(--cebm-cfp-dark)\r\n\r\n    );\r\n\r\n\r\n  box-shadow:\r\n\r\n    0\r\n\r\n    18px\r\n\r\n    42px\r\n\r\n    rgba(\r\n\r\n      22,\r\n\r\n      56,\r\n\r\n      59,\r\n\r\n      0.18\r\n\r\n    );\r\n\r\n\r\n  color:\r\n\r\n    #ffffff;\r\n\r\n\r\n  transition:\r\n\r\n    transform\r\n\r\n    0.4s\r\n\r\n    cubic-bezier(\r\n\r\n      0.16,\r\n\r\n      1,\r\n\r\n      0.3,\r\n\r\n      1\r\n\r\n    ),\r\n\r\n\r\n    box-shadow\r\n\r\n    0.4s\r\n\r\n    cubic-bezier(\r\n\r\n      0.16,\r\n\r\n      1,\r\n\r\n      0.3,\r\n\r\n      1\r\n\r\n    );\r\n\r\n}\r\n\r\n\r\n.iccmm-cebm-cfp-card:hover {\r\n\r\n  transform:\r\n\r\n    translateY(-4px);\r\n\r\n\r\n  box-shadow:\r\n\r\n    0\r\n\r\n    24px\r\n\r\n    54px\r\n\r\n    rgba(\r\n\r\n      8,\r\n\r\n      27,\r\n\r\n      51,\r\n\r\n      0.25\r\n\r\n    );\r\n\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   TOP COLOUR LINE\r\n================================================== *\/\r\n\r\n.iccmm-cebm-cfp-card::before {\r\n\r\n  position:\r\n\r\n    absolute;\r\n\r\n\r\n  z-index:\r\n\r\n    2;\r\n\r\n\r\n  top:\r\n\r\n    0;\r\n\r\n\r\n  right:\r\n\r\n    0;\r\n\r\n\r\n  left:\r\n\r\n    0;\r\n\r\n\r\n  height:\r\n\r\n    4px;\r\n\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n\r\n      90deg,\r\n\r\n      var(--cebm-cfp-maroon),\r\n\r\n      var(--cebm-cfp-gold),\r\n\r\n      var(--cebm-cfp-cyan)\r\n\r\n    );\r\n\r\n\r\n  content:\r\n\r\n    \"\";\r\n\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   LEFT COLUMN\r\n================================================== *\/\r\n\r\n.iccmm-cebm-cfp-card-head {\r\n\r\n  position:\r\n\r\n    relative;\r\n\r\n\r\n  display:\r\n\r\n    flex;\r\n\r\n\r\n  min-width:\r\n\r\n    0;\r\n\r\n\r\n  flex-direction:\r\n\r\n    column;\r\n\r\n\r\n  align-items:\r\n\r\n    center;\r\n\r\n\r\n  justify-content:\r\n\r\n    flex-start;\r\n\r\n\r\n  padding:\r\n\r\n    36px\r\n\r\n    32px\r\n\r\n    34px;\r\n\r\n\r\n  border-right:\r\n\r\n    1px solid\r\n\r\n    rgba(\r\n\r\n      255,\r\n\r\n      255,\r\n\r\n      255,\r\n\r\n      0.11\r\n\r\n    );\r\n\r\n\r\n  text-align:\r\n\r\n    center;\r\n\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   LEFT TITLE\r\n================================================== *\/\r\n\r\n.iccmm-cebm-cfp-card-head > span {\r\n\r\n  display:\r\n\r\n    block;\r\n\r\n\r\n  color:\r\n\r\n    #ffffff;\r\n\r\n\r\n  font-family:\r\n\r\n    \"Manrope\",\r\n\r\n    Arial,\r\n\r\n    sans-serif;\r\n\r\n\r\n  font-size:\r\n\r\n    clamp(\r\n\r\n      23px,\r\n\r\n      2.15vw,\r\n\r\n      30px\r\n\r\n    );\r\n\r\n\r\n  font-weight:\r\n\r\n    800;\r\n\r\n\r\n  letter-spacing:\r\n\r\n    -0.035em;\r\n\r\n\r\n  line-height:\r\n\r\n    1.22;\r\n\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   TITLE LINE\r\n================================================== *\/\r\n\r\n.iccmm-cebm-cfp-card-head::after {\r\n\r\n  display:\r\n\r\n    block;\r\n\r\n\r\n  width:\r\n\r\n    74px;\r\n\r\n\r\n  height:\r\n\r\n    4px;\r\n\r\n\r\n  margin-top:\r\n\r\n    20px;\r\n\r\n\r\n  border-radius:\r\n\r\n    999px;\r\n\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n\r\n      90deg,\r\n\r\n      var(--cebm-cfp-gold),\r\n\r\n      var(--cebm-cfp-cyan)\r\n\r\n    );\r\n\r\n\r\n  content:\r\n\r\n    \"\";\r\n\r\n\r\n  order:\r\n\r\n    1;\r\n\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   CLEAR ECOLOGY VISUAL\r\n================================================== *\/\r\n\r\n.iccmm-cebm-cfp-visual {\r\n\r\n  position:\r\n\r\n    relative;\r\n\r\n\r\n  order:\r\n\r\n    2;\r\n\r\n\r\n  width:\r\n\r\n    min(\r\n\r\n      350px,\r\n\r\n      100%\r\n\r\n    );\r\n\r\n\r\n  aspect-ratio:\r\n\r\n    6 \/ 5;\r\n\r\n\r\n  margin:\r\n\r\n    25px auto 0;\r\n\r\n}\r\n\r\n\r\n.iccmm-cebm-cfp-visual svg {\r\n\r\n  display:\r\n\r\n    block;\r\n\r\n\r\n  width:\r\n\r\n    100%;\r\n\r\n\r\n  height:\r\n\r\n    100%;\r\n\r\n\r\n  overflow:\r\n\r\n    visible;\r\n\r\n\r\n  fill:\r\n\r\n    none;\r\n\r\n\r\n  stroke-linecap:\r\n\r\n    round;\r\n\r\n\r\n  stroke-linejoin:\r\n\r\n    round;\r\n\r\n\r\n  filter:\r\n\r\n    drop-shadow(\r\n\r\n      0\r\n\r\n      18px\r\n\r\n      24px\r\n\r\n      rgba(\r\n\r\n        3,\r\n\r\n        18,\r\n\r\n        21,\r\n\r\n        0.25\r\n\r\n      )\r\n\r\n    );\r\n\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   SOFT VISUAL HALO\r\n================================================== *\/\r\n\r\n.iccmm-cebm-cfp-visual-halo {\r\n\r\n  fill:\r\n\r\n    rgba(\r\n\r\n      32,\r\n\r\n      225,\r\n\r\n      213,\r\n\r\n      0.035\r\n\r\n    );\r\n\r\n\r\n  stroke:\r\n\r\n    rgba(\r\n\r\n      32,\r\n\r\n      225,\r\n\r\n      213,\r\n\r\n      0.12\r\n\r\n    );\r\n\r\n\r\n  stroke-width:\r\n\r\n    1.5;\r\n\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   GRAPH AXES\r\n================================================== *\/\r\n\r\n.iccmm-cebm-cfp-visual-axis {\r\n\r\n  stroke:\r\n\r\n    rgba(\r\n\r\n      255,\r\n\r\n      255,\r\n\r\n      255,\r\n\r\n      0.46\r\n\r\n    );\r\n\r\n\r\n  stroke-width:\r\n\r\n    3;\r\n\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   MODELLING CURVE\r\n================================================== *\/\r\n\r\n.iccmm-cebm-cfp-visual-curve {\r\n\r\n  stroke:\r\n\r\n    var(--cebm-cfp-cyan);\r\n\r\n\r\n  stroke-width:\r\n\r\n    5;\r\n\r\n\r\n  stroke-dasharray:\r\n\r\n    270;\r\n\r\n\r\n  stroke-dashoffset:\r\n\r\n    270;\r\n\r\n\r\n  animation:\r\n\r\n    iccmmCebmClearCurve\r\n\r\n    5s\r\n\r\n    ease-in-out\r\n\r\n    infinite;\r\n\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   DATA POINTS\r\n================================================== *\/\r\n\r\n.iccmm-cebm-cfp-visual-point {\r\n\r\n  fill:\r\n\r\n    var(--cebm-cfp-cyan);\r\n\r\n\r\n  stroke:\r\n\r\n    rgba(\r\n\r\n      255,\r\n\r\n      255,\r\n\r\n      255,\r\n\r\n      0.78\r\n\r\n    );\r\n\r\n\r\n  stroke-width:\r\n\r\n    2;\r\n\r\n\r\n  transform-box:\r\n\r\n    fill-box;\r\n\r\n\r\n  transform-origin:\r\n\r\n    center;\r\n\r\n\r\n  animation:\r\n\r\n    iccmmCebmClearPoint\r\n\r\n    3s\r\n\r\n    ease-in-out\r\n\r\n    infinite;\r\n\r\n}\r\n\r\n\r\n.iccmm-cebm-cfp-visual-point--two {\r\n\r\n  animation-delay:\r\n\r\n    0.25s;\r\n\r\n}\r\n\r\n\r\n.iccmm-cebm-cfp-visual-point--three {\r\n\r\n  animation-delay:\r\n\r\n    0.50s;\r\n\r\n}\r\n\r\n\r\n.iccmm-cebm-cfp-visual-point--four {\r\n\r\n  fill:\r\n\r\n    var(--cebm-cfp-gold);\r\n\r\n\r\n  animation-delay:\r\n\r\n    0.75s;\r\n\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   MAIN LEAF\r\n================================================== *\/\r\n\r\n.iccmm-cebm-cfp-visual-leaf {\r\n\r\n  fill:\r\n\r\n    rgba(\r\n\r\n      32,\r\n\r\n      225,\r\n\r\n      213,\r\n\r\n      0.10\r\n\r\n    );\r\n\r\n\r\n  stroke:\r\n\r\n    var(--cebm-cfp-cyan);\r\n\r\n\r\n  stroke-width:\r\n\r\n    4;\r\n\r\n\r\n  transform-box:\r\n\r\n    fill-box;\r\n\r\n\r\n  transform-origin:\r\n\r\n    center;\r\n\r\n\r\n  animation:\r\n\r\n    iccmmCebmClearLeaf\r\n\r\n    4s\r\n\r\n    ease-in-out\r\n\r\n    infinite;\r\n\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   LEAF VEINS\r\n================================================== *\/\r\n\r\n.iccmm-cebm-cfp-visual-leaf-vein {\r\n\r\n  stroke:\r\n\r\n    rgba(\r\n\r\n      255,\r\n\r\n      255,\r\n\r\n      255,\r\n\r\n      0.66\r\n\r\n    );\r\n\r\n\r\n  stroke-width:\r\n\r\n    2.5;\r\n\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   COMPUTATIONAL LINKS\r\n================================================== *\/\r\n\r\n.iccmm-cebm-cfp-visual-node-link {\r\n\r\n  stroke:\r\n\r\n    rgba(\r\n\r\n      32,\r\n\r\n      225,\r\n\r\n      213,\r\n\r\n      0.48\r\n\r\n    );\r\n\r\n\r\n  stroke-width:\r\n\r\n    2;\r\n\r\n\r\n  stroke-dasharray:\r\n\r\n    5 7;\r\n\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   COMPUTATIONAL NODES\r\n================================================== *\/\r\n\r\n.iccmm-cebm-cfp-visual-node {\r\n\r\n  fill:\r\n\r\n    var(--cebm-cfp-cyan);\r\n\r\n\r\n  stroke:\r\n\r\n    rgba(\r\n\r\n      255,\r\n\r\n      255,\r\n\r\n      255,\r\n\r\n      0.75\r\n\r\n    );\r\n\r\n\r\n  stroke-width:\r\n\r\n    2;\r\n\r\n\r\n  transform-box:\r\n\r\n    fill-box;\r\n\r\n\r\n  transform-origin:\r\n\r\n    center;\r\n\r\n\r\n  animation:\r\n\r\n    iccmmCebmClearNode\r\n\r\n    3s\r\n\r\n    ease-in-out\r\n\r\n    infinite;\r\n\r\n}\r\n\r\n\r\n.iccmm-cebm-cfp-visual-node--gold {\r\n\r\n  fill:\r\n\r\n    var(--cebm-cfp-gold);\r\n\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   AUTHOR NOTE\r\n================================================== *\/\r\n\r\n.iccmm-cebm-author-note {\r\n\r\n  order:\r\n\r\n    3;\r\n\r\n\r\n  width:\r\n\r\n    min(\r\n\r\n      330px,\r\n\r\n      100%\r\n\r\n    );\r\n\r\n\r\n  margin:\r\n\r\n    24px auto 0;\r\n\r\n\r\n  color:\r\n\r\n    rgba(\r\n\r\n      255,\r\n\r\n      255,\r\n\r\n      255,\r\n\r\n      0.68\r\n\r\n    );\r\n\r\n\r\n  font-size:\r\n\r\n    13.3px;\r\n\r\n\r\n  font-weight:\r\n\r\n    500;\r\n\r\n\r\n  line-height:\r\n\r\n    1.68;\r\n\r\n\r\n  text-align:\r\n\r\n    center;\r\n\r\n}\r\n\r\n\r\n.iccmm-cebm-author-note a,\r\n\r\n.iccmm-cebm-author-note a:visited {\r\n\r\n  color:\r\n\r\n    #ffffff;\r\n\r\n\r\n  font-weight:\r\n\r\n    800;\r\n\r\n\r\n  text-decoration-line:\r\n\r\n    underline;\r\n\r\n\r\n  text-decoration-color:\r\n\r\n    rgba(\r\n\r\n      32,\r\n\r\n      225,\r\n\r\n      213,\r\n\r\n      0.70\r\n\r\n    );\r\n\r\n\r\n  text-decoration-thickness:\r\n\r\n    1px;\r\n\r\n\r\n  text-underline-offset:\r\n\r\n    4px;\r\n\r\n}\r\n\r\n\r\n.iccmm-cebm-author-note a:hover,\r\n\r\n.iccmm-cebm-author-note a:focus-visible {\r\n\r\n  color:\r\n\r\n    var(--cebm-cfp-cyan);\r\n\r\n\r\n  text-decoration-color:\r\n\r\n    currentColor;\r\n\r\n\r\n  outline:\r\n\r\n    none;\r\n\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   TOPICS AREA\r\n================================================== *\/\r\n\r\n.iccmm-cebm-topics {\r\n\r\n  min-width:\r\n\r\n    0;\r\n\r\n\r\n  padding:\r\n\r\n    32px\r\n\r\n    34px\r\n\r\n    30px;\r\n\r\n\r\n  background:\r\n\r\n    rgba(\r\n\r\n      255,\r\n\r\n      255,\r\n\r\n      255,\r\n\r\n      0.035\r\n\r\n    );\r\n\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   TOPICS HEADING\r\n================================================== *\/\r\n\r\n.iccmm-cebm-topics-heading {\r\n\r\n  margin-bottom:\r\n\r\n    16px;\r\n\r\n}\r\n\r\n\r\n.iccmm-cebm-topics-heading span {\r\n\r\n  display:\r\n\r\n    inline-flex;\r\n\r\n\r\n  color:\r\n\r\n    var(--cebm-cfp-cyan);\r\n\r\n\r\n  font-size:\r\n\r\n    11px;\r\n\r\n\r\n  font-weight:\r\n\r\n    800;\r\n\r\n\r\n  letter-spacing:\r\n\r\n    0.14em;\r\n\r\n\r\n  text-transform:\r\n\r\n    uppercase;\r\n\r\n}\r\n\r\n\r\n.iccmm-cebm-topics-heading p {\r\n\r\n  margin:\r\n\r\n    9px 0 0;\r\n\r\n\r\n  color:\r\n\r\n    rgba(\r\n\r\n      255,\r\n\r\n      255,\r\n\r\n      255,\r\n\r\n      0.72\r\n\r\n    );\r\n\r\n\r\n  font-size:\r\n\r\n    14px;\r\n\r\n\r\n  font-weight:\r\n\r\n    500;\r\n\r\n\r\n  line-height:\r\n\r\n    1.62;\r\n\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   TOPICS LIST\r\n================================================== *\/\r\n\r\n.iccmm-cebm-topic-list {\r\n\r\n  display:\r\n\r\n    grid;\r\n\r\n\r\n  grid-template-columns:\r\n\r\n    1fr;\r\n\r\n\r\n  gap:\r\n\r\n    13px;\r\n\r\n\r\n  margin:\r\n\r\n    0;\r\n\r\n\r\n  padding:\r\n\r\n    0;\r\n\r\n\r\n  list-style:\r\n\r\n    none;\r\n\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   TOPIC CARD\r\n================================================== *\/\r\n\r\n.iccmm-cebm-topic-list li {\r\n\r\n  position:\r\n\r\n    relative;\r\n\r\n\r\n  display:\r\n\r\n    grid;\r\n\r\n\r\n  grid-template-columns:\r\n\r\n    42px\r\n\r\n    minmax(\r\n\r\n      0,\r\n\r\n      1fr\r\n\r\n    );\r\n\r\n\r\n  gap:\r\n\r\n    13px;\r\n\r\n\r\n  align-items:\r\n\r\n    start;\r\n\r\n\r\n  min-width:\r\n\r\n    0;\r\n\r\n\r\n  padding:\r\n\r\n    15px;\r\n\r\n\r\n  overflow:\r\n\r\n    hidden;\r\n\r\n\r\n  border:\r\n\r\n    1px solid\r\n\r\n    rgba(\r\n\r\n      255,\r\n\r\n      255,\r\n\r\n      255,\r\n\r\n      0.09\r\n\r\n    );\r\n\r\n\r\n  border-radius:\r\n\r\n    14px;\r\n\r\n\r\n  background:\r\n\r\n    rgba(\r\n\r\n      255,\r\n\r\n      255,\r\n\r\n      255,\r\n\r\n      0.045\r\n\r\n    );\r\n\r\n\r\n  color:\r\n\r\n    rgba(\r\n\r\n      255,\r\n\r\n      255,\r\n\r\n      255,\r\n\r\n      0.78\r\n\r\n    );\r\n\r\n\r\n  transition:\r\n\r\n    background-color\r\n\r\n    0.3s ease,\r\n\r\n\r\n    transform\r\n\r\n    0.3s ease;\r\n\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   TOPIC HOVER LINE\r\n================================================== *\/\r\n\r\n.iccmm-cebm-topic-list li::before {\r\n\r\n  position:\r\n\r\n    absolute;\r\n\r\n\r\n  z-index:\r\n\r\n    2;\r\n\r\n\r\n  top:\r\n\r\n    0;\r\n\r\n\r\n  bottom:\r\n\r\n    0;\r\n\r\n\r\n  left:\r\n\r\n    0;\r\n\r\n\r\n  width:\r\n\r\n    4px;\r\n\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n\r\n      180deg,\r\n\r\n      var(--cebm-cfp-cyan),\r\n\r\n      var(--cebm-cfp-blue)\r\n\r\n    );\r\n\r\n\r\n  content:\r\n\r\n    \"\";\r\n\r\n\r\n  transform:\r\n\r\n    scaleY(0);\r\n\r\n\r\n  transform-origin:\r\n\r\n    center;\r\n\r\n\r\n  transition:\r\n\r\n    transform\r\n\r\n    0.3s\r\n\r\n    cubic-bezier(\r\n\r\n      0.16,\r\n\r\n      1,\r\n\r\n      0.3,\r\n\r\n      1\r\n\r\n    );\r\n\r\n}\r\n\r\n\r\n.iccmm-cebm-topic-list li:hover {\r\n\r\n  background-color:\r\n\r\n    rgba(\r\n\r\n      32,\r\n\r\n      225,\r\n\r\n      213,\r\n\r\n      0.05\r\n\r\n    );\r\n\r\n\r\n  transform:\r\n\r\n    translateX(4px);\r\n\r\n}\r\n\r\n\r\n.iccmm-cebm-topic-list li:hover::before {\r\n\r\n  transform:\r\n\r\n    scaleY(1);\r\n\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   TOPIC NUMBER\r\n================================================== *\/\r\n\r\n.iccmm-cebm-topic-list em {\r\n\r\n  display:\r\n\r\n    inline-flex;\r\n\r\n\r\n  width:\r\n\r\n    40px;\r\n\r\n\r\n  height:\r\n\r\n    40px;\r\n\r\n\r\n  align-items:\r\n\r\n    center;\r\n\r\n\r\n  justify-content:\r\n\r\n    center;\r\n\r\n\r\n  border:\r\n\r\n    1px solid\r\n\r\n    rgba(\r\n\r\n      32,\r\n\r\n      225,\r\n\r\n      213,\r\n\r\n      0.24\r\n\r\n    );\r\n\r\n\r\n  border-radius:\r\n\r\n    12px;\r\n\r\n\r\n  background:\r\n\r\n    rgba(\r\n\r\n      32,\r\n\r\n      225,\r\n\r\n      213,\r\n\r\n      0.09\r\n\r\n    );\r\n\r\n\r\n  color:\r\n\r\n    var(--cebm-cfp-cyan);\r\n\r\n\r\n  font-family:\r\n\r\n    \"Manrope\",\r\n\r\n    Arial,\r\n\r\n    sans-serif;\r\n\r\n\r\n  font-size:\r\n\r\n    13px;\r\n\r\n\r\n  font-style:\r\n\r\n    normal;\r\n\r\n\r\n  font-weight:\r\n\r\n    800;\r\n\r\n\r\n  line-height:\r\n\r\n    1;\r\n\r\n\r\n  transition:\r\n\r\n    background-color\r\n\r\n    0.3s ease,\r\n\r\n\r\n    color\r\n\r\n    0.3s ease,\r\n\r\n\r\n    box-shadow\r\n\r\n    0.3s ease;\r\n\r\n}\r\n\r\n\r\n.iccmm-cebm-topic-list li:hover em {\r\n\r\n  background:\r\n\r\n    var(--cebm-cfp-cyan);\r\n\r\n\r\n  color:\r\n\r\n    var(--cebm-cfp-navy);\r\n\r\n\r\n  box-shadow:\r\n\r\n    0\r\n\r\n    4px\r\n\r\n    12px\r\n\r\n    rgba(\r\n\r\n      32,\r\n\r\n      225,\r\n\r\n      213,\r\n\r\n      0.30\r\n\r\n    );\r\n\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   TOPIC TEXT\r\n================================================== *\/\r\n\r\n.iccmm-cebm-topic-list strong,\r\n\r\n.iccmm-cebm-topic-list span {\r\n\r\n  display:\r\n\r\n    block;\r\n\r\n}\r\n\r\n\r\n.iccmm-cebm-topic-list strong {\r\n\r\n  color:\r\n\r\n    #ffffff;\r\n\r\n\r\n  font-family:\r\n\r\n    \"Manrope\",\r\n\r\n    Arial,\r\n\r\n    sans-serif;\r\n\r\n\r\n  font-size:\r\n\r\n    14.5px;\r\n\r\n\r\n  font-weight:\r\n\r\n    800;\r\n\r\n\r\n  letter-spacing:\r\n\r\n    -0.01em;\r\n\r\n\r\n  line-height:\r\n\r\n    1.35;\r\n\r\n\r\n  transition:\r\n\r\n    color\r\n\r\n    0.3s ease;\r\n\r\n}\r\n\r\n\r\n.iccmm-cebm-topic-list li:hover strong {\r\n\r\n  color:\r\n\r\n    var(--cebm-cfp-cyan);\r\n\r\n}\r\n\r\n\r\n.iccmm-cebm-topic-list span {\r\n\r\n  margin-top:\r\n\r\n    7px;\r\n\r\n\r\n  color:\r\n\r\n    rgba(\r\n\r\n      255,\r\n\r\n      255,\r\n\r\n      255,\r\n\r\n      0.68\r\n\r\n    );\r\n\r\n\r\n  font-size:\r\n\r\n    12.6px;\r\n\r\n\r\n  font-weight:\r\n\r\n    500;\r\n\r\n\r\n  line-height:\r\n\r\n    1.58;\r\n\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   ANIMATIONS\r\n================================================== *\/\r\n\r\n@keyframes iccmmCebmClearCurve {\r\n\r\n  0%,\r\n\r\n  20% {\r\n\r\n    stroke-dashoffset:\r\n\r\n      270;\r\n\r\n\r\n    opacity:\r\n\r\n      0.35;\r\n\r\n  }\r\n\r\n\r\n  55%,\r\n\r\n  85% {\r\n\r\n    stroke-dashoffset:\r\n\r\n      0;\r\n\r\n\r\n    opacity:\r\n\r\n      1;\r\n\r\n  }\r\n\r\n\r\n  100% {\r\n\r\n    stroke-dashoffset:\r\n\r\n      270;\r\n\r\n\r\n    opacity:\r\n\r\n      0.35;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n@keyframes iccmmCebmClearLeaf {\r\n\r\n  0%,\r\n\r\n  100% {\r\n\r\n    transform:\r\n\r\n      scale(0.98);\r\n\r\n  }\r\n\r\n\r\n  50% {\r\n\r\n    transform:\r\n\r\n      scale(1.025);\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n@keyframes iccmmCebmClearPoint {\r\n\r\n  0%,\r\n\r\n  100% {\r\n\r\n    transform:\r\n\r\n      scale(0.92);\r\n\r\n\r\n    opacity:\r\n\r\n      0.72;\r\n\r\n  }\r\n\r\n\r\n  50% {\r\n\r\n    transform:\r\n\r\n      scale(1.16);\r\n\r\n\r\n    opacity:\r\n\r\n      1;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n@keyframes iccmmCebmClearNode {\r\n\r\n  0%,\r\n\r\n  100% {\r\n\r\n    transform:\r\n\r\n      scale(0.92);\r\n\r\n\r\n    opacity:\r\n\r\n      0.70;\r\n\r\n  }\r\n\r\n\r\n  50% {\r\n\r\n    transform:\r\n\r\n      scale(1.12);\r\n\r\n\r\n    opacity:\r\n\r\n      1;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   TABLET\r\n================================================== *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n  .iccmm-cebm-cfp-card {\r\n\r\n    grid-template-columns:\r\n\r\n      1fr;\r\n\r\n  }\r\n\r\n\r\n  .iccmm-cebm-cfp-card-head {\r\n\r\n    padding:\r\n\r\n      30px\r\n\r\n      30px\r\n\r\n      22px;\r\n\r\n\r\n    border-right:\r\n\r\n      0;\r\n\r\n\r\n    border-bottom:\r\n\r\n      1px solid\r\n\r\n      rgba(\r\n\r\n        255,\r\n\r\n        255,\r\n\r\n        255,\r\n\r\n        0.11\r\n\r\n      );\r\n\r\n  }\r\n\r\n\r\n  .iccmm-cebm-cfp-visual {\r\n\r\n    width:\r\n\r\n      min(\r\n\r\n        285px,\r\n\r\n        100%\r\n\r\n      );\r\n\r\n\r\n    margin-bottom:\r\n\r\n      20px;\r\n\r\n  }\r\n\r\n\r\n  .iccmm-cebm-author-note {\r\n\r\n    margin-top:\r\n\r\n      20px;\r\n\r\n  }\r\n\r\n\r\n  .iccmm-cebm-topics {\r\n\r\n    padding:\r\n\r\n      24px\r\n\r\n      30px\r\n\r\n      26px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   MOBILE\r\n================================================== *\/\r\n\r\n@media (max-width: 680px) {\r\n\r\n  .iccmm-cebm-cfp-section {\r\n\r\n    padding:\r\n\r\n      48px\r\n\r\n      15px\r\n\r\n      42px;\r\n\r\n  }\r\n\r\n\r\n  .iccmm-cebm-cfp-heading {\r\n\r\n    margin-bottom:\r\n\r\n      30px;\r\n\r\n  }\r\n\r\n\r\n  .iccmm-cebm-cfp-heading h2 {\r\n\r\n    font-size:\r\n\r\n      clamp(\r\n\r\n        33px,\r\n\r\n        10vw,\r\n\r\n        43px\r\n\r\n      );\r\n\r\n  }\r\n\r\n\r\n  .iccmm-cebm-cfp-eyebrow {\r\n\r\n    font-size:\r\n\r\n      11px;\r\n\r\n  }\r\n\r\n\r\n  .iccmm-cebm-cfp-eyebrow i {\r\n\r\n    width:\r\n\r\n      22px;\r\n\r\n  }\r\n\r\n\r\n  .iccmm-cebm-cfp-card {\r\n\r\n    border-radius:\r\n\r\n      18px;\r\n\r\n  }\r\n\r\n\r\n  .iccmm-cebm-cfp-card-head {\r\n\r\n    padding:\r\n\r\n      27px\r\n\r\n      20px\r\n\r\n      20px;\r\n\r\n  }\r\n\r\n\r\n  .iccmm-cebm-cfp-card-head > span {\r\n\r\n    font-size:\r\n\r\n      24px;\r\n\r\n  }\r\n\r\n\r\n  .iccmm-cebm-cfp-visual {\r\n\r\n    width:\r\n\r\n      min(\r\n\r\n        245px,\r\n\r\n        100%\r\n\r\n      );\r\n\r\n\r\n    margin-bottom:\r\n\r\n      18px;\r\n\r\n  }\r\n\r\n\r\n  .iccmm-cebm-author-note {\r\n\r\n    width:\r\n\r\n      100%;\r\n\r\n\r\n    font-size:\r\n\r\n      12.5px;\r\n\r\n\r\n    line-height:\r\n\r\n      1.62;\r\n\r\n  }\r\n\r\n\r\n  .iccmm-cebm-topics {\r\n\r\n    padding:\r\n\r\n      22px\r\n\r\n      20px\r\n\r\n      23px;\r\n\r\n  }\r\n\r\n\r\n  .iccmm-cebm-topic-list li {\r\n\r\n    grid-template-columns:\r\n\r\n      38px\r\n\r\n      minmax(\r\n\r\n        0,\r\n\r\n        1fr\r\n\r\n      );\r\n\r\n\r\n    gap:\r\n\r\n      12px;\r\n\r\n\r\n    padding:\r\n\r\n      14px;\r\n\r\n  }\r\n\r\n\r\n  .iccmm-cebm-topic-list em {\r\n\r\n    width:\r\n\r\n      36px;\r\n\r\n\r\n    height:\r\n\r\n      36px;\r\n\r\n\r\n    border-radius:\r\n\r\n      10px;\r\n\r\n\r\n    font-size:\r\n\r\n      12px;\r\n\r\n  }\r\n\r\n\r\n  .iccmm-cebm-topic-list strong {\r\n\r\n    font-size:\r\n\r\n      14px;\r\n\r\n  }\r\n\r\n\r\n  .iccmm-cebm-topic-list span {\r\n\r\n    font-size:\r\n\r\n      12.5px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   SMALL MOBILE\r\n================================================== *\/\r\n\r\n@media (max-width: 420px) {\r\n\r\n  .iccmm-cebm-cfp-section {\r\n\r\n    padding:\r\n\r\n      42px\r\n\r\n      12px\r\n\r\n      38px;\r\n\r\n  }\r\n\r\n\r\n  .iccmm-cebm-cfp-card-head,\r\n\r\n  .iccmm-cebm-topics {\r\n\r\n    padding-right:\r\n\r\n      18px;\r\n\r\n\r\n    padding-left:\r\n\r\n      18px;\r\n\r\n  }\r\n\r\n\r\n  .iccmm-cebm-topic-list li {\r\n\r\n    grid-template-columns:\r\n\r\n      1fr;\r\n\r\n  }\r\n\r\n\r\n  .iccmm-cebm-topic-list em {\r\n\r\n    margin-bottom:\r\n\r\n      2px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   REDUCED MOTION\r\n================================================== *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  .iccmm-cebm-cfp-visual-curve,\r\n\r\n  .iccmm-cebm-cfp-visual-leaf,\r\n\r\n  .iccmm-cebm-cfp-visual-point,\r\n\r\n  .iccmm-cebm-cfp-visual-node {\r\n\r\n    animation:\r\n\r\n      none !important;\r\n\r\n  }\r\n\r\n\r\n  .iccmm-cebm-cfp-visual-curve {\r\n\r\n    stroke-dashoffset:\r\n\r\n      0;\r\n\r\n  }\r\n\r\n\r\n  .iccmm-cebm-cfp-card,\r\n\r\n  .iccmm-cebm-cfp-card:hover,\r\n\r\n  .iccmm-cebm-topic-list li,\r\n\r\n  .iccmm-cebm-topic-list li:hover,\r\n\r\n  .iccmm-cebm-topic-list li::before,\r\n\r\n  .iccmm-cebm-topic-list em,\r\n\r\n  .iccmm-cebm-topic-list strong {\r\n\r\n    transition:\r\n\r\n      none !important;\r\n\r\n\r\n    transform:\r\n\r\n      none !important;\r\n\r\n  }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-70cb4a2 e-con-full e-flex e-con e-parent\" data-id=\"70cb4a2\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8628dca elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"8628dca\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link\r\n  href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@600;700;800&display=swap\"\r\n  rel=\"stylesheet\"\r\n>\r\n\r\n<section\r\n  class=\"iccmm-cebm-committee-section\"\r\n  id=\"computational-ecology-committee\"\r\n  aria-labelledby=\"iccmm-cebm-committee-title\"\r\n>\r\n  <div class=\"iccmm-cebm-committee-inner\">\r\n    <div class=\"iccmm-cebm-committee-panel\">\r\n      <aside class=\"iccmm-cebm-committee-side\">\r\n        <h3 id=\"iccmm-cebm-committee-title\">\r\n          Mini Symposium Committee\r\n        <\/h3>\r\n\r\n        <p>\r\n          Mini Symposium on Computational Ecology and Biodiversity Modelling.\r\n        <\/p>\r\n      <\/aside>\r\n\r\n      <div class=\"iccmm-cebm-committee-list\">\r\n        <article class=\"iccmm-cebm-committee-row\">\r\n          <div class=\"iccmm-cebm-committee-role\">\r\n            Mini Symposium Chair\r\n          <\/div>\r\n\r\n          <div class=\"iccmm-cebm-committee-names\">\r\n            <strong>Prof. H. S Kathriarachchi<\/strong>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"iccmm-cebm-committee-row\">\r\n          <div class=\"iccmm-cebm-committee-role\">\r\n            Mini Symposium Secretary\r\n          <\/div>\r\n\r\n          <div class=\"iccmm-cebm-committee-names\">\r\n            <strong>Mr. S. M. Pawuluwage<\/strong>\r\n          <\/div>\r\n        <\/article>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.iccmm-cebm-committee-section,\r\n.iccmm-cebm-committee-section * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.iccmm-cebm-committee-section {\r\n  --cebm-committee-navy: #081b33;\r\n  --cebm-committee-dark: #09272a;\r\n  --cebm-committee-mid: #16383b;\r\n  --cebm-committee-blue: #1456d9;\r\n  --cebm-committee-cyan: #20e1d5;\r\n  --cebm-committee-teal: #087f78;\r\n  --cebm-committee-gold: #d5a329;\r\n  --cebm-committee-maroon: #8a1538;\r\n  --cebm-committee-light: #f6fbfb;\r\n  --cebm-committee-text: #1d2939;\r\n  --cebm-committee-border: rgba(8, 27, 51, 0.1);\r\n\r\n  position: relative;\r\n  isolation: isolate;\r\n  width: 100%;\r\n  padding: 52px 24px 66px;\r\n  overflow: hidden;\r\n  background:\r\n    radial-gradient(circle at 10% 8%, rgba(32, 225, 213, 0.08), transparent 28%),\r\n    radial-gradient(circle at 92% 88%, rgba(213, 163, 41, 0.08), transparent 26%),\r\n    linear-gradient(180deg, var(--cebm-committee-light) 0%, #ffffff 100%);\r\n  color: var(--cebm-committee-text);\r\n  font-family: \"Inter\", Arial, sans-serif;\r\n}\r\n\r\n.iccmm-cebm-committee-section h3,\r\n.iccmm-cebm-committee-section p,\r\n.iccmm-cebm-committee-section strong,\r\n.iccmm-cebm-committee-section div {\r\n  overflow-wrap: break-word;\r\n}\r\n\r\n.iccmm-cebm-committee-section::before {\r\n  position: absolute;\r\n  z-index: 0;\r\n  inset: 0;\r\n  background-image:\r\n    linear-gradient(rgba(8, 127, 120, 0.035) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(8, 127, 120, 0.035) 1px, transparent 1px);\r\n  background-size: 44px 44px;\r\n  content: \"\";\r\n  pointer-events: none;\r\n  -webkit-mask-image: linear-gradient(to bottom, transparent, #000 15%, #000 88%, transparent);\r\n  mask-image: linear-gradient(to bottom, transparent, #000 15%, #000 88%, transparent);\r\n}\r\n\r\n.iccmm-cebm-committee-inner {\r\n  position: relative;\r\n  z-index: 2;\r\n  width: min(1240px, 100%);\r\n  margin: 0 auto;\r\n}\r\n\r\n.iccmm-cebm-committee-panel {\r\n  display: grid;\r\n  grid-template-columns: minmax(280px, 0.72fr) minmax(0, 1.28fr);\r\n  overflow: hidden;\r\n  border: 1px solid var(--cebm-committee-border);\r\n  border-radius: 22px;\r\n  background: #ffffff;\r\n  box-shadow: 0 18px 44px rgba(8, 27, 51, 0.08);\r\n  transition:\r\n    transform 0.4s cubic-bezier(0.16, 1, 0.3, 1),\r\n    box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n}\r\n\r\n.iccmm-cebm-committee-panel:hover {\r\n  transform: translateY(-4px);\r\n  box-shadow: 0 24px 54px rgba(8, 27, 51, 0.15);\r\n}\r\n\r\n.iccmm-cebm-committee-side {\r\n  position: relative;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  padding: 40px 38px;\r\n  overflow: hidden;\r\n  background:\r\n    radial-gradient(circle at 100% 0%, rgba(32, 225, 213, 0.22), transparent 40%),\r\n    radial-gradient(circle at 0% 100%, rgba(213, 163, 41, 0.15), transparent 40%),\r\n    linear-gradient(135deg, var(--cebm-committee-mid), var(--cebm-committee-dark));\r\n  color: #ffffff;\r\n}\r\n\r\n.iccmm-cebm-committee-side::before {\r\n  position: absolute;\r\n  top: 0;\r\n  right: 0;\r\n  left: 0;\r\n  height: 5px;\r\n  background: linear-gradient(\r\n    90deg,\r\n    var(--cebm-committee-maroon),\r\n    var(--cebm-committee-gold) 38%,\r\n    var(--cebm-committee-cyan) 72%,\r\n    rgba(32, 225, 213, 0.18)\r\n  );\r\n  content: \"\";\r\n}\r\n\r\n.iccmm-cebm-committee-side h3 {\r\n  position: relative;\r\n  z-index: 2;\r\n  margin: 0;\r\n  color: #ffffff;\r\n  font-family: \"Manrope\", Arial, sans-serif;\r\n  font-size: clamp(30px, 3vw, 40px);\r\n  font-weight: 800;\r\n  letter-spacing: -0.03em;\r\n  line-height: 1.15;\r\n}\r\n\r\n.iccmm-cebm-committee-side p {\r\n  position: relative;\r\n  z-index: 2;\r\n  max-width: 320px;\r\n  margin: 22px 0 0;\r\n  padding-left: 16px;\r\n  border-left: 2px solid rgba(32, 225, 213, 0.4);\r\n  color: rgba(255, 255, 255, 0.78);\r\n  font-size: 14px;\r\n  line-height: 1.68;\r\n}\r\n\r\n.iccmm-cebm-committee-list {\r\n  display: flex;\r\n  flex-direction: column;\r\n  background: #ffffff;\r\n}\r\n\r\n.iccmm-cebm-committee-row {\r\n  position: relative;\r\n  display: grid;\r\n  grid-template-columns: 240px minmax(0, 1fr);\r\n  flex-grow: 1;\r\n  border-bottom: 1px solid rgba(8, 27, 51, 0.085);\r\n  transition: background-color 0.3s ease;\r\n}\r\n\r\n.iccmm-cebm-committee-row:last-child {\r\n  border-bottom: 0;\r\n}\r\n\r\n.iccmm-cebm-committee-row::before {\r\n  position: absolute;\r\n  z-index: 2;\r\n  top: 0;\r\n  bottom: 0;\r\n  left: 0;\r\n  width: 4px;\r\n  background: linear-gradient(180deg, var(--cebm-committee-cyan), var(--cebm-committee-blue));\r\n  content: \"\";\r\n  transform: scaleY(0);\r\n  transform-origin: center;\r\n  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);\r\n}\r\n\r\n.iccmm-cebm-committee-row:hover {\r\n  background-color: rgba(32, 225, 213, 0.035);\r\n}\r\n\r\n.iccmm-cebm-committee-row:hover::before {\r\n  transform: scaleY(1);\r\n}\r\n\r\n.iccmm-cebm-committee-role {\r\n  display: flex;\r\n  align-items: center;\r\n  padding: 26px 28px;\r\n  border-right: 1px solid rgba(8, 27, 51, 0.075);\r\n  background:\r\n    linear-gradient(135deg, rgba(8, 127, 120, 0.035), rgba(32, 225, 213, 0.015));\r\n  color: var(--cebm-committee-teal);\r\n  font-size: 11px;\r\n  font-weight: 800;\r\n  letter-spacing: 0.13em;\r\n  line-height: 1.35;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.iccmm-cebm-committee-names {\r\n  display: grid;\r\n  align-content: center;\r\n  gap: 8px;\r\n  padding: 25px 32px;\r\n}\r\n\r\n.iccmm-cebm-committee-names strong {\r\n  display: block;\r\n  color: var(--cebm-committee-navy);\r\n  font-family: \"Manrope\", Arial, sans-serif;\r\n  font-size: 17.5px;\r\n  font-weight: 800;\r\n  letter-spacing: -0.015em;\r\n  line-height: 1.45;\r\n  transition:\r\n    color 0.3s ease,\r\n    transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);\r\n}\r\n\r\n.iccmm-cebm-committee-row:hover .iccmm-cebm-committee-names strong {\r\n  color: var(--cebm-committee-blue);\r\n  transform: translateX(6px);\r\n}\r\n\r\n@media (max-width: 1080px) {\r\n  .iccmm-cebm-committee-panel {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .iccmm-cebm-committee-side {\r\n    align-items: center;\r\n    padding: 36px 30px;\r\n    text-align: center;\r\n  }\r\n\r\n  .iccmm-cebm-committee-side p {\r\n    max-width: 720px;\r\n    margin-top: 18px;\r\n    padding-top: 16px;\r\n    padding-left: 0;\r\n    border-top: 2px solid rgba(32, 225, 213, 0.4);\r\n    border-left: none;\r\n  }\r\n\r\n  .iccmm-cebm-committee-row::before {\r\n    top: auto;\r\n    right: 0;\r\n    bottom: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 3px;\r\n    background: linear-gradient(90deg, var(--cebm-committee-cyan), var(--cebm-committee-blue));\r\n    transform: scaleX(0);\r\n    transform-origin: center;\r\n  }\r\n\r\n  .iccmm-cebm-committee-row:hover::before {\r\n    transform: scaleX(1);\r\n  }\r\n}\r\n\r\n@media (max-width: 760px) {\r\n  .iccmm-cebm-committee-section {\r\n    padding: 42px 15px 54px;\r\n  }\r\n\r\n  .iccmm-cebm-committee-panel {\r\n    border-radius: 18px;\r\n  }\r\n\r\n  .iccmm-cebm-committee-side {\r\n    padding: 32px 22px;\r\n  }\r\n\r\n  .iccmm-cebm-committee-side h3 {\r\n    font-size: 28px;\r\n  }\r\n\r\n  .iccmm-cebm-committee-side p {\r\n    font-size: 13.5px;\r\n  }\r\n\r\n  .iccmm-cebm-committee-row {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .iccmm-cebm-committee-role {\r\n    padding: 20px 22px 8px;\r\n    border-right: 0;\r\n    background: transparent;\r\n    font-size: 10px;\r\n    letter-spacing: 0.1em;\r\n  }\r\n\r\n  .iccmm-cebm-committee-names {\r\n    padding: 0 22px 22px;\r\n  }\r\n\r\n  .iccmm-cebm-committee-names strong {\r\n    font-size: 16px;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .iccmm-cebm-committee-panel,\r\n  .iccmm-cebm-committee-row,\r\n  .iccmm-cebm-committee-row::before,\r\n  .iccmm-cebm-committee-names strong {\r\n    transition: none !important;\r\n  }\r\n\r\n  .iccmm-cebm-committee-panel:hover {\r\n    transform: none !important;\r\n  }\r\n\r\n  .iccmm-cebm-committee-row:hover .iccmm-cebm-committee-names strong {\r\n    transform: none !important;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e1d5d08 e-con-full e-flex e-con e-parent\" data-id=\"e1d5d08\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a622014 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"a622014\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link\r\n  href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@600;700;800&display=swap\"\r\n  rel=\"stylesheet\"\r\n>\r\n\r\n<section\r\n  class=\"iccmm-cebm-update-section\"\r\n  id=\"computational-ecology-updates\"\r\n  aria-labelledby=\"iccmm-cebm-update-title\"\r\n>\r\n  <div class=\"iccmm-cebm-update-inner\">\r\n    <header class=\"iccmm-cebm-update-header\">\r\n      <h3 id=\"iccmm-cebm-update-title\">\r\n        Further Information <span>Will Be Published Soon<\/span>\r\n      <\/h3>\r\n\r\n      <p>\r\n        Details about the\r\n        <strong>Mini Symposium on Computational Ecology and Biodiversity Modelling<\/strong>\r\n        will be updated on this page.\r\n      <\/p>\r\n    <\/header>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.iccmm-cebm-update-section,\r\n.iccmm-cebm-update-section * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.iccmm-cebm-update-section {\r\n  --cebm-update-navy: #081b33;\r\n  --cebm-update-blue: #1456d9;\r\n  --cebm-update-teal: #008f87;\r\n  --cebm-update-cyan: #20e1d5;\r\n  --cebm-update-gold: #d5a329;\r\n  --cebm-update-light: #f6fbfb;\r\n  --cebm-update-muted: #475467;\r\n\r\n  position: relative;\r\n  isolation: isolate;\r\n  width: 100%;\r\n  padding: 68px 24px 82px;\r\n  overflow: hidden;\r\n  background:\r\n    radial-gradient(circle at 7% 10%, rgba(32, 225, 213, 0.08), transparent 27%),\r\n    radial-gradient(circle at 92% 90%, rgba(213, 163, 41, 0.07), transparent 28%),\r\n    linear-gradient(180deg, #ffffff 0%, var(--cebm-update-light) 100%);\r\n  color: var(--cebm-update-navy);\r\n  font-family: \"Inter\", Arial, sans-serif;\r\n}\r\n\r\n.iccmm-cebm-update-section h3,\r\n.iccmm-cebm-update-section p,\r\n.iccmm-cebm-update-section span,\r\n.iccmm-cebm-update-section strong {\r\n  overflow-wrap: break-word;\r\n}\r\n\r\n.iccmm-cebm-update-section::before {\r\n  position: absolute;\r\n  z-index: 0;\r\n  inset: 0;\r\n  background-image:\r\n    linear-gradient(rgba(20, 86, 217, 0.024) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(20, 86, 217, 0.024) 1px, transparent 1px);\r\n  background-size: 44px 44px;\r\n  content: \"\";\r\n  pointer-events: none;\r\n  -webkit-mask-image: linear-gradient(to bottom, transparent, #000 12%, #000 90%, transparent);\r\n  mask-image: linear-gradient(to bottom, transparent, #000 12%, #000 90%, transparent);\r\n}\r\n\r\n.iccmm-cebm-update-inner {\r\n  position: relative;\r\n  z-index: 2;\r\n  width: min(1240px, 100%);\r\n  margin: 0 auto;\r\n}\r\n\r\n.iccmm-cebm-update-header {\r\n  width: min(850px, 100%);\r\n  margin: 0 auto;\r\n  text-align: center;\r\n}\r\n\r\n.iccmm-cebm-update-header h3 {\r\n  margin: 0;\r\n  color: var(--cebm-update-navy);\r\n  font-family: \"Manrope\", Arial, sans-serif;\r\n  font-size: clamp(34px, 4vw, 52px);\r\n  font-weight: 800;\r\n  letter-spacing: -0.045em;\r\n  line-height: 1.1;\r\n}\r\n\r\n.iccmm-cebm-update-header h3 span {\r\n  color: var(--cebm-update-blue);\r\n}\r\n\r\n.iccmm-cebm-update-header p {\r\n  max-width: 760px;\r\n  margin: 15px auto 0;\r\n  color: var(--cebm-update-muted);\r\n  font-size: 15.5px;\r\n  font-weight: 500;\r\n  line-height: 1.72;\r\n}\r\n\r\n.iccmm-cebm-update-header p strong {\r\n  color: var(--cebm-update-navy);\r\n  font-weight: 800;\r\n}\r\n\r\n@media (max-width: 680px) {\r\n  .iccmm-cebm-update-section {\r\n    padding: 54px 15px 64px;\r\n  }\r\n\r\n  .iccmm-cebm-update-header h3 {\r\n    font-size: clamp(30px, 9vw, 42px);\r\n    line-height: 1.12;\r\n  }\r\n\r\n  .iccmm-cebm-update-header p {\r\n    margin-top: 13px;\r\n    font-size: 14px;\r\n    line-height: 1.65;\r\n  }\r\n}\r\n\r\n@media (max-width: 420px) {\r\n  .iccmm-cebm-update-section {\r\n    padding: 48px 12px 56px;\r\n  }\r\n\r\n  .iccmm-cebm-update-header h3 {\r\n    font-size: 29px;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .iccmm-cebm-update-section *,\r\n  .iccmm-cebm-update-section *::before,\r\n  .iccmm-cebm-update-section *::after {\r\n    transition: none !important;\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","protected":false},"excerpt":{"rendered":"<p>&nbsp; ICCMM 2026 Mini Symposium Mini Symposium on Computational Ecology and Biodiversity Modelling Mini Symposium OverviewSri Lanka is a globally recognized biodiversity hotspot with high levels of endemism across ecosystems ranging from lowland rainforests to montane and dry zone habitats. However, this biological richness is increasingly threatened by land-use change, habitat fragmentation, invasive species, and [&hellip;]<\/p>\n","protected":false},"author":123462,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-11305","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/iccmm.cmb.ac.lk\/2026\/wp-json\/wp\/v2\/pages\/11305","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/iccmm.cmb.ac.lk\/2026\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/iccmm.cmb.ac.lk\/2026\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/iccmm.cmb.ac.lk\/2026\/wp-json\/wp\/v2\/users\/123462"}],"replies":[{"embeddable":true,"href":"https:\/\/iccmm.cmb.ac.lk\/2026\/wp-json\/wp\/v2\/comments?post=11305"}],"version-history":[{"count":69,"href":"https:\/\/iccmm.cmb.ac.lk\/2026\/wp-json\/wp\/v2\/pages\/11305\/revisions"}],"predecessor-version":[{"id":12180,"href":"https:\/\/iccmm.cmb.ac.lk\/2026\/wp-json\/wp\/v2\/pages\/11305\/revisions\/12180"}],"wp:attachment":[{"href":"https:\/\/iccmm.cmb.ac.lk\/2026\/wp-json\/wp\/v2\/media?parent=11305"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}