{"id":11018,"date":"2026-07-05T15:00:37","date_gmt":"2026-07-05T09:30:37","guid":{"rendered":"https:\/\/iccmm.cmb.ac.lk\/2026\/?page_id=11018"},"modified":"2026-07-29T14:51:10","modified_gmt":"2026-07-29T09:21:10","slug":"workshop-future-ready-learning-and-teaching-of-mathematics-in-the-ai-era","status":"publish","type":"page","link":"https:\/\/iccmm.cmb.ac.lk\/2026\/workshop-future-ready-learning-and-teaching-of-mathematics-in-the-ai-era\/","title":{"rendered":"Workshop &#8211; Future-Ready Learning and Teaching of Mathematics in the AI Era"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"11018\" class=\"elementor elementor-11018\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c31fde2 e-con-full e-flex e-con e-parent\" data-id=\"c31fde2\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2b1c7ce elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"2b1c7ce\" 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-workshop-intro\"\r\n  id=\"workshop-ai-math-overview\"\r\n  aria-labelledby=\"iccmm-workshop-intro-title\"\r\n>\r\n  <div class=\"iccmm-workshop-intro-inner\">\r\n    <header class=\"iccmm-workshop-intro-heading\">\r\n      <div class=\"iccmm-workshop-intro-eyebrow\">\r\n        <i aria-hidden=\"true\"><\/i>\r\n        <span>ICCMM 2026 Workshop<\/span>\r\n        <i aria-hidden=\"true\"><\/i>\r\n      <\/div>\r\n\r\n      <h2 id=\"iccmm-workshop-intro-title\">\r\n        Workshop on Future-Ready Learning and Teaching of Mathematics in the\r\n        <span>AI Era<\/span>\r\n      <\/h2>\r\n    <\/header>\r\n\r\n    <article class=\"iccmm-workshop-intro-card\">\r\n      <div class=\"iccmm-workshop-intro-copy\">\r\n        <div class=\"iccmm-workshop-intro-card-heading\">\r\n          <span>Workshop Overview<\/span>\r\n        <\/div>\r\n\r\n        <p>\r\n          This workshop brings together focused sessions on future-ready mathematics teaching, assessment, lesson planning and visualization in the AI era.\r\n        <\/p>\r\n\r\n        <p>\r\n          It includes sessions on strengthening pedagogical content knowledge for effective mathematics teaching and using assessments, lesson plans and visualization to enhance mathematics learning.\r\n        <\/p>\r\n\r\n        <p>\r\n          Intended for mathematics educators, teacher educators and practitioners, it supports stronger classroom practice through sound pedagogy and purposeful teaching strategies.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <figure class=\"iccmm-workshop-intro-panel\">\r\n        <img\r\n          src=\"https:\/\/iccmm.cmb.ac.lk\/2026\/wp-content\/uploads\/sites\/7\/2026\/07\/program-workshop-02-overview.png\"\r\n          alt=\"Future-ready mathematics teaching, assessment and visualization in the AI era\"\r\n          loading=\"lazy\"\r\n          decoding=\"async\"\r\n        >\r\n      <\/figure>\r\n    <\/article>\r\n\r\n    <nav class=\"iccmm-workshop-intro-links\" aria-label=\"Workshop quick links\">\r\n      <a href=\"#workshop-ai-math-objectives\">\r\n        <span>Objectives<\/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=\"#workshop-ai-math-audience\">\r\n        <span>Audience<\/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=\"#workshop-ai-math-schedule\">\r\n        <span>Sessions<\/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    <\/nav>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.iccmm-workshop-intro,\r\n.iccmm-workshop-intro * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.iccmm-workshop-intro {\r\n  --wi-navy: #081b33;\r\n  --wi-dark: #09272a;\r\n  --wi-mid: #16383b;\r\n  --wi-blue: #1456d9;\r\n  --wi-cyan: #20e1d5;\r\n  --wi-teal: #087f78;\r\n  --wi-gold: #d5a329;\r\n  --wi-maroon: #8a1538;\r\n  --wi-light: #f6fbfb;\r\n  --wi-text: #1d2939;\r\n\r\n  position: relative;\r\n  isolation: isolate;\r\n  width: 100%;\r\n  padding: 64px 24px 54px;\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(--wi-light));\r\n  color: var(--wi-text);\r\n  font-family: \"Inter\", Arial, sans-serif;\r\n}\r\n\r\n.iccmm-workshop-intro h2,\r\n.iccmm-workshop-intro h3,\r\n.iccmm-workshop-intro p,\r\n.iccmm-workshop-intro a,\r\n.iccmm-workshop-intro span,\r\n.iccmm-workshop-intro strong {\r\n  overflow-wrap: break-word;\r\n}\r\n\r\n.iccmm-workshop-intro::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-workshop-intro-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\/* Heading *\/\r\n\r\n.iccmm-workshop-intro-heading {\r\n  width: min(1040px, 100%);\r\n  margin: 0 auto 42px;\r\n  text-align: center;\r\n}\r\n\r\n.iccmm-workshop-intro-eyebrow {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 9px;\r\n  max-width: 100%;\r\n  margin-bottom: 13px;\r\n  color: var(--wi-teal);\r\n  font-size: 13px;\r\n  font-weight: 800;\r\n  letter-spacing: 0.16em;\r\n  line-height: 1.45;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.iccmm-workshop-intro-eyebrow i {\r\n  width: 28px;\r\n  height: 2px;\r\n  flex: 0 0 28px;\r\n  border-radius: 999px;\r\n  background: linear-gradient(90deg, var(--wi-gold), var(--wi-cyan));\r\n}\r\n\r\n.iccmm-workshop-intro-eyebrow i:last-child {\r\n  transform: scaleX(-1);\r\n}\r\n\r\n.iccmm-workshop-intro-heading h2 {\r\n  margin: 0;\r\n  color: var(--wi-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-workshop-intro-heading h2 span {\r\n  color: var(--wi-blue);\r\n}\r\n\r\n\/* Overview card *\/\r\n\r\n.iccmm-workshop-intro-card {\r\n  position: relative;\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  overflow: hidden;\r\n  border: 1px solid rgba(32, 225, 213, 0.18);\r\n  border-radius: 20px;\r\n  background: var(--wi-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-workshop-intro-card: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-workshop-intro-card::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(--wi-maroon),\r\n    var(--wi-gold) 35%,\r\n    var(--wi-cyan) 72%,\r\n    rgba(32, 225, 213, 0.24)\r\n  );\r\n  content: \"\";\r\n}\r\n\r\n.iccmm-workshop-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(--wi-mid), var(--wi-dark));\r\n}\r\n\r\n.iccmm-workshop-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(--wi-maroon),\r\n    var(--wi-gold),\r\n    var(--wi-cyan)\r\n  );\r\n  content: \"\";\r\n}\r\n\r\n.iccmm-workshop-intro-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-workshop-intro-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-workshop-intro-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(--wi-gold), var(--wi-cyan));\r\n  content: \"\";\r\n}\r\n\r\n.iccmm-workshop-intro-copy p {\r\n  position: relative;\r\n  z-index: 2;\r\n  max-width: none;\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-workshop-intro-copy p:last-child {\r\n  margin-bottom: 0;\r\n}\r\n\r\n\/* Image side *\/\r\n\r\n.iccmm-workshop-intro-panel {\r\n  position: relative;\r\n  min-width: 0;\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(--wi-mid), var(--wi-dark));\r\n}\r\n\r\n.iccmm-workshop-intro-panel 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: center center;\r\n  opacity: 1;\r\n}\r\n\r\n.iccmm-workshop-intro-panel::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\/* Shortcut buttons *\/\r\n\r\n.iccmm-workshop-intro-links {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, minmax(0, 1fr));\r\n  gap: 14px;\r\n  margin-top: 22px;\r\n}\r\n\r\n.iccmm-workshop-intro-links 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(--wi-mid), var(--wi-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-workshop-intro-links a:hover,\r\n.iccmm-workshop-intro-links 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(--wi-cyan);\r\n  outline: none;\r\n  transform: translateY(-2px);\r\n}\r\n\r\n.iccmm-workshop-intro-links 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\/* Large desktop *\/\r\n\r\n@media (min-width: 1280px) {\r\n  .iccmm-workshop-intro {\r\n    padding-top: 68px;\r\n  }\r\n\r\n  .iccmm-workshop-intro-copy {\r\n    padding: 42px 46px;\r\n  }\r\n\r\n  .iccmm-workshop-intro-panel img {\r\n    min-height: 420px;\r\n  }\r\n}\r\n\r\n\/* Laptop \/ small desktop *\/\r\n\r\n@media (max-width: 1180px) {\r\n  .iccmm-workshop-intro-inner {\r\n    width: min(1120px, 100%);\r\n  }\r\n\r\n  .iccmm-workshop-intro-heading {\r\n    width: min(960px, 100%);\r\n    margin-bottom: 38px;\r\n  }\r\n\r\n  .iccmm-workshop-intro-card {\r\n    grid-template-columns: minmax(0, 1.08fr) minmax(280px, 0.92fr);\r\n  }\r\n\r\n  .iccmm-workshop-intro-copy {\r\n    padding: 34px;\r\n  }\r\n\r\n  .iccmm-workshop-intro-copy p {\r\n    font-size: 15px;\r\n    line-height: 1.78;\r\n  }\r\n\r\n  .iccmm-workshop-intro-panel img {\r\n    min-height: 400px;\r\n    object-position: center center;\r\n  }\r\n}\r\n\r\n\/* Tablet landscape *\/\r\n\r\n@media (max-width: 1024px) and (min-width: 821px) {\r\n  .iccmm-workshop-intro {\r\n    padding: 56px 22px 50px;\r\n  }\r\n\r\n  .iccmm-workshop-intro-heading {\r\n    margin-bottom: 34px;\r\n  }\r\n\r\n  .iccmm-workshop-intro-heading h2 {\r\n    font-size: clamp(32px, 4.4vw, 44px);\r\n  }\r\n\r\n  .iccmm-workshop-intro-card {\r\n    grid-template-columns: minmax(0, 1fr) minmax(275px, 0.88fr);\r\n  }\r\n\r\n  .iccmm-workshop-intro-copy {\r\n    padding: 30px;\r\n  }\r\n\r\n  .iccmm-workshop-intro-card-heading {\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .iccmm-workshop-intro-card-heading span {\r\n    font-size: 26px;\r\n  }\r\n\r\n  .iccmm-workshop-intro-copy p {\r\n    font-size: 14.5px;\r\n    line-height: 1.72;\r\n  }\r\n\r\n  .iccmm-workshop-intro-panel img {\r\n    min-height: 420px;\r\n    object-position: center center;\r\n  }\r\n}\r\n\r\n\/* Tablet portrait *\/\r\n\r\n@media (max-width: 820px) {\r\n  .iccmm-workshop-intro {\r\n    padding: 52px 20px 46px;\r\n  }\r\n\r\n  .iccmm-workshop-intro-heading {\r\n    margin-bottom: 32px;\r\n  }\r\n\r\n  .iccmm-workshop-intro-heading h2 {\r\n    font-size: clamp(30px, 5.2vw, 40px);\r\n  }\r\n\r\n  .iccmm-workshop-intro-card {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .iccmm-workshop-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-workshop-intro-panel {\r\n    order: 2;\r\n  }\r\n\r\n  .iccmm-workshop-intro-panel img {\r\n    min-height: 260px;\r\n    object-position: center center;\r\n  }\r\n\r\n  .iccmm-workshop-intro-links {\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  }\r\n}\r\n\r\n\/* Mobile *\/\r\n\r\n@media (max-width: 680px) {\r\n  .iccmm-workshop-intro {\r\n    padding: 48px 15px 42px;\r\n  }\r\n\r\n  .iccmm-workshop-intro-heading {\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  .iccmm-workshop-intro-heading h2 {\r\n    font-size: 30px;\r\n  }\r\n\r\n  .iccmm-workshop-intro-eyebrow {\r\n    gap: 7px;\r\n    font-size: 11px;\r\n    letter-spacing: 0.12em;\r\n  }\r\n\r\n  .iccmm-workshop-intro-eyebrow i {\r\n    width: 22px;\r\n    flex-basis: 22px;\r\n  }\r\n\r\n  .iccmm-workshop-intro-card {\r\n    border-radius: 18px;\r\n  }\r\n\r\n  .iccmm-workshop-intro-copy {\r\n    padding: 28px 20px;\r\n  }\r\n\r\n  .iccmm-workshop-intro-card-heading {\r\n    margin-bottom: 20px;\r\n    text-align: center;\r\n  }\r\n\r\n  .iccmm-workshop-intro-card-heading span {\r\n    font-size: 24px;\r\n  }\r\n\r\n  .iccmm-workshop-intro-card-heading::after {\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n  }\r\n\r\n  .iccmm-workshop-intro-copy p {\r\n    font-size: 14.5px;\r\n    line-height: 1.78;\r\n  }\r\n\r\n  .iccmm-workshop-intro-panel img {\r\n    min-height: 205px;\r\n    object-position: center center;\r\n  }\r\n\r\n  .iccmm-workshop-intro-links {\r\n    gap: 10px;\r\n    margin-top: 18px;\r\n  }\r\n\r\n  .iccmm-workshop-intro-links 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\/* Very small phones *\/\r\n\r\n@media (max-width: 420px) {\r\n  .iccmm-workshop-intro {\r\n    padding: 42px 12px 38px;\r\n  }\r\n\r\n  .iccmm-workshop-intro-heading h2 {\r\n    font-size: 27px;\r\n    line-height: 1.13;\r\n  }\r\n\r\n  .iccmm-workshop-intro-copy {\r\n    padding: 26px 18px;\r\n  }\r\n\r\n  .iccmm-workshop-intro-copy p {\r\n    font-size: 14px;\r\n  }\r\n\r\n  .iccmm-workshop-intro-panel img {\r\n    min-height: 185px;\r\n  }\r\n\r\n  .iccmm-workshop-intro-links {\r\n    grid-template-columns: 1fr;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .iccmm-workshop-intro-card,\r\n  .iccmm-workshop-intro-links a {\r\n    transition: none !important;\r\n    transform: none !important;\r\n  }\r\n\r\n  .iccmm-workshop-intro-card:hover,\r\n  .iccmm-workshop-intro-links a:hover,\r\n  .iccmm-workshop-intro-links 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-478518f e-con-full e-flex e-con e-parent\" data-id=\"478518f\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-27d7814 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"27d7814\" 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 href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&amp;family=Manrope:wght@600;700;800&amp;display=swap\" rel=\"stylesheet\">\r\n\r\n<section\r\n  class=\"iccmm-workshop-obj\"\r\n  id=\"workshop-ai-math-objectives\"\r\n  aria-labelledby=\"iccmm-workshop-obj-title\"\r\n>\r\n  <div class=\"iccmm-workshop-obj-inner\">\r\n    <header class=\"iccmm-workshop-obj-heading\">\r\n      <div class=\"iccmm-workshop-obj-eyebrow\">\r\n        <i aria-hidden=\"true\"><\/i>\r\n        <span>Workshop Objectives<\/span>\r\n        <i aria-hidden=\"true\"><\/i>\r\n      <\/div>\r\n\r\n      <h2 id=\"iccmm-workshop-obj-title\">What Participants Will <span>Explore<\/span><\/h2>\r\n\r\n      <p>\r\n        Designed to support future-ready mathematics teaching through strong pedagogy,\r\n        purposeful planning, meaningful assessment and visualization.\r\n      <\/p>\r\n    <\/header>\r\n\r\n    <article class=\"iccmm-workshop-obj-board\">\r\n      <aside class=\"iccmm-workshop-obj-summary\">\r\n        <span>Learning Focus<\/span>\r\n        <h3>Connecting pedagogy, planning and practice<\/h3>\r\n        <p>\r\n          The objectives connect pedagogical content knowledge with practical approaches\r\n          to planning, assessment and visualization for effective mathematics teaching.\r\n        <\/p>\r\n      <\/aside>\r\n\r\n      <div class=\"iccmm-workshop-obj-list\">\r\n        <article>\r\n          <b>01<\/b>\r\n          <div>\r\n            <h3>Strengthen pedagogical content knowledge<\/h3>\r\n            <p>Examine how mathematical content knowledge and pedagogical choices work together in effective teaching.<\/p>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article>\r\n          <b>02<\/b>\r\n          <div>\r\n            <h3>Improve mathematics teaching practice<\/h3>\r\n            <p>Explore approaches for making mathematical ideas clearer, more connected and more accessible to learners.<\/p>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article>\r\n          <b>03<\/b>\r\n          <div>\r\n            <h3>Develop lesson planning strategies<\/h3>\r\n            <p>Connect learning outcomes, classroom tasks and teaching sequences through purposeful lesson planning.<\/p>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article>\r\n          <b>04<\/b>\r\n          <div>\r\n            <h3>Use assessment meaningfully<\/h3>\r\n            <p>Consider how assessment can support learning, feedback and teaching decisions in mathematics classrooms.<\/p>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article>\r\n          <b>05<\/b>\r\n          <div>\r\n            <h3>Apply visualization in learning<\/h3>\r\n            <p>Explore visualization as a way to support conceptual understanding and engagement in mathematics.<\/p>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article>\r\n          <b>06<\/b>\r\n          <div>\r\n            <h3>Relate practice to future-ready learning<\/h3>\r\n            <p>Reflect on strong pedagogy and practical tools as educational technologies continue to evolve.<\/p>\r\n          <\/div>\r\n        <\/article>\r\n      <\/div>\r\n    <\/article>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.iccmm-workshop-obj,\r\n.iccmm-workshop-obj * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.iccmm-workshop-obj {\r\n  --wo-navy: #081b33;\r\n  --wo-dark: #09272a;\r\n  --wo-mid: #16383b;\r\n  --wo-blue: #1456d9;\r\n  --wo-cyan: #20e1d5;\r\n  --wo-teal: #087f78;\r\n  --wo-gold: #d5a329;\r\n  --wo-maroon: #8a1538;\r\n  --wo-light: #f6fbfb;\r\n  --wo-text: #1d2939;\r\n  --wo-muted: #647386;\r\n  position: relative;\r\n  isolation: isolate;\r\n  width: 100%;\r\n  padding: 64px 24px 58px;\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(--wo-light));\r\n  color: var(--wo-text);\r\n  font-family: \"Inter\", Arial, sans-serif;\r\n}\r\n\r\n.iccmm-workshop-obj h2,\r\n.iccmm-workshop-obj h3,\r\n.iccmm-workshop-obj p,\r\n.iccmm-workshop-obj span,\r\n.iccmm-workshop-obj b {\r\n  overflow-wrap: break-word;\r\n}\r\n\r\n.iccmm-workshop-obj::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  mask-image: linear-gradient(to bottom, transparent, #000 14%, #000 90%, transparent);\r\n  pointer-events: none;\r\n}\r\n\r\n.iccmm-workshop-obj-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-workshop-obj-heading {\r\n  width: min(800px, 100%);\r\n  margin: 0 auto 34px;\r\n  text-align: center;\r\n}\r\n\r\n.iccmm-workshop-obj-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(--wo-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-workshop-obj-eyebrow i {\r\n  width: 28px;\r\n  height: 2px;\r\n  border-radius: 999px;\r\n  background: linear-gradient(90deg, var(--wo-gold), var(--wo-cyan));\r\n}\r\n\r\n.iccmm-workshop-obj-eyebrow i:last-child {\r\n  transform: scaleX(-1);\r\n}\r\n\r\n.iccmm-workshop-obj-heading h2 {\r\n  margin: 0;\r\n  color: var(--wo-navy);\r\n  font-family: \"Manrope\", Arial, sans-serif;\r\n  font-size: clamp(36px, 4.3vw, 54px);\r\n  font-weight: 800;\r\n  letter-spacing: -0.045em;\r\n  line-height: 1.08;\r\n}\r\n\r\n.iccmm-workshop-obj-heading h2 span {\r\n  color: var(--wo-blue);\r\n}\r\n\r\n.iccmm-workshop-obj-heading p {\r\n  max-width: 680px;\r\n  margin: 14px auto 0;\r\n  color: var(--wo-muted);\r\n  font-size: 15.5px;\r\n  line-height: 1.68;\r\n}\r\n\r\n.iccmm-workshop-obj-board {\r\n  position: relative;\r\n  display: grid;\r\n  grid-template-columns: minmax(300px, 0.58fr) minmax(0, 1.42fr);\r\n  gap: 0;\r\n  overflow: hidden;\r\n  border: 1px solid rgba(255, 255, 255, 0.14);\r\n  border-radius: 20px;\r\n  background:\r\n    linear-gradient(135deg, rgba(32, 225, 213, 0.13), transparent 34%),\r\n    linear-gradient(128deg, var(--wo-mid), var(--wo-dark));\r\n  box-shadow: 0 18px 42px rgba(22, 56, 59, 0.18);\r\n  color: #ffffff;\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-workshop-obj-board:hover {\r\n  transform: translateY(-4px);\r\n  box-shadow: 0 24px 54px rgba(8, 27, 51, 0.25);\r\n}\r\n\r\n.iccmm-workshop-obj-board::before {\r\n  position: absolute;\r\n  z-index: 2;\r\n  top: 0;\r\n  right: 0;\r\n  left: 0;\r\n  height: 4px;\r\n  background: linear-gradient(90deg, var(--wo-maroon), var(--wo-gold), var(--wo-cyan));\r\n  content: \"\";\r\n}\r\n\r\n.iccmm-workshop-obj-summary {\r\n  position: relative;\r\n  display: flex;\r\n  min-width: 0;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  padding: 38px 34px;\r\n  overflow: hidden;\r\n  border-right: 1px solid rgba(255, 255, 255, 0.11);\r\n}\r\n\r\n.iccmm-workshop-obj-summary::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(--wo-maroon),\r\n    var(--wo-gold),\r\n    var(--wo-cyan)\r\n  );\r\n  content: \"\";\r\n}\r\n\r\n.iccmm-workshop-obj-summary::after {\r\n  position: absolute;\r\n  right: -42px;\r\n  bottom: -46px;\r\n  width: 190px;\r\n  height: 190px;\r\n  border-radius: 999px;\r\n  background: radial-gradient(circle, rgba(32, 225, 213, 0.09), transparent 70%);\r\n  content: \"\";\r\n  pointer-events: none;\r\n}\r\n\r\n.iccmm-workshop-obj-summary span,\r\n.iccmm-workshop-obj-summary h3,\r\n.iccmm-workshop-obj-summary p {\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.iccmm-workshop-obj-summary span {\r\n  display: inline-flex;\r\n  margin-bottom: 13px;\r\n  color: var(--wo-cyan);\r\n  font-size: 11px;\r\n  font-weight: 800;\r\n  letter-spacing: 0.15em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.iccmm-workshop-obj-summary h3 {\r\n  margin: 0;\r\n  color: #ffffff;\r\n  font-family: \"Manrope\", Arial, sans-serif;\r\n  font-size: clamp(26px, 2.5vw, 34px);\r\n  font-weight: 800;\r\n  letter-spacing: -0.035em;\r\n  line-height: 1.14;\r\n}\r\n\r\n.iccmm-workshop-obj-summary h3::after {\r\n  display: block;\r\n  width: 68px;\r\n  height: 4px;\r\n  margin-top: 16px;\r\n  border-radius: 999px;\r\n  background: linear-gradient(90deg, var(--wo-gold), var(--wo-cyan));\r\n  content: \"\";\r\n}\r\n\r\n.iccmm-workshop-obj-summary p {\r\n  margin: 18px 0 0;\r\n  color: rgba(255, 255, 255, 0.72);\r\n  font-size: 14px;\r\n  line-height: 1.66;\r\n}\r\n\r\n.iccmm-workshop-obj-list {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  gap: 14px;\r\n  padding: 34px;\r\n  background: rgba(255, 255, 255, 0.035);\r\n}\r\n\r\n.iccmm-workshop-obj-list article {\r\n  position: relative;\r\n  display: grid;\r\n  grid-template-columns: 44px minmax(0, 1fr);\r\n  gap: 14px;\r\n  min-height: 142px;\r\n  padding: 18px;\r\n  overflow: hidden;\r\n  border: 1px solid rgba(255, 255, 255, 0.1);\r\n  border-radius: 14px;\r\n  background: rgba(255, 255, 255, 0.045);\r\n  transition:\r\n    background-color 0.3s ease,\r\n    border-color 0.3s ease,\r\n    transform 0.3s ease;\r\n}\r\n\r\n.iccmm-workshop-obj-list article::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(--wo-cyan), var(--wo-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-workshop-obj-list article:hover {\r\n  border-color: rgba(32, 225, 213, 0.18);\r\n  background-color: rgba(32, 225, 213, 0.055);\r\n  transform: translateX(4px);\r\n}\r\n\r\n.iccmm-workshop-obj-list article:hover::before {\r\n  transform: scaleY(1);\r\n}\r\n\r\n.iccmm-workshop-obj-list b {\r\n  display: inline-flex;\r\n  width: 40px;\r\n  height: 40px;\r\n  align-items: center;\r\n  justify-content: center;\r\n  border: 1px solid rgba(32, 225, 213, 0.24);\r\n  border-radius: 12px;\r\n  background: rgba(32, 225, 213, 0.1);\r\n  color: var(--wo-cyan);\r\n  font-family: \"Manrope\", Arial, sans-serif;\r\n  font-size: 13px;\r\n  font-weight: 800;\r\n  line-height: 1;\r\n  transition:\r\n    background-color 0.3s ease,\r\n    color 0.3s ease,\r\n    box-shadow 0.3s ease;\r\n}\r\n\r\n.iccmm-workshop-obj-list article:hover b {\r\n  background: var(--wo-cyan);\r\n  color: var(--wo-navy);\r\n  box-shadow: 0 4px 12px rgba(32, 225, 213, 0.3);\r\n}\r\n\r\n.iccmm-workshop-obj-list h3 {\r\n  margin: 0 0 7px;\r\n  color: #ffffff;\r\n  font-family: \"Manrope\", Arial, sans-serif;\r\n  font-size: 16.5px;\r\n  font-weight: 800;\r\n  letter-spacing: -0.01em;\r\n  line-height: 1.28;\r\n  transition: color 0.3s ease;\r\n}\r\n\r\n.iccmm-workshop-obj-list article:hover h3 {\r\n  color: var(--wo-cyan);\r\n}\r\n\r\n.iccmm-workshop-obj-list p {\r\n  margin: 0;\r\n  color: rgba(255, 255, 255, 0.7);\r\n  font-size: 13.2px;\r\n  font-weight: 500;\r\n  line-height: 1.58;\r\n}\r\n\r\n@media (max-width: 1100px) {\r\n  .iccmm-workshop-obj-board {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .iccmm-workshop-obj-summary {\r\n    align-items: center;\r\n    padding: 34px 30px 30px;\r\n    border-right: 0;\r\n    border-bottom: 1px solid rgba(255, 255, 255, 0.11);\r\n    text-align: center;\r\n  }\r\n\r\n  .iccmm-workshop-obj-summary::before {\r\n    top: 0;\r\n    right: 0;\r\n    bottom: auto;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 4px;\r\n    background: linear-gradient(90deg, var(--wo-maroon), var(--wo-gold), var(--wo-cyan));\r\n  }\r\n\r\n  .iccmm-workshop-obj-summary p {\r\n    max-width: 760px;\r\n  }\r\n\r\n  .iccmm-workshop-obj-summary h3::after {\r\n    margin-right: auto;\r\n    margin-left: auto;\r\n  }\r\n}\r\n\r\n@media (max-width: 760px) {\r\n  .iccmm-workshop-obj-list {\r\n    grid-template-columns: 1fr;\r\n    padding: 24px 20px;\r\n  }\r\n\r\n  .iccmm-workshop-obj-list article {\r\n    min-height: 0;\r\n  }\r\n}\r\n\r\n@media (max-width: 680px) {\r\n  .iccmm-workshop-obj {\r\n    padding: 48px 15px 44px;\r\n  }\r\n\r\n  .iccmm-workshop-obj-heading {\r\n    margin-bottom: 28px;\r\n  }\r\n\r\n  .iccmm-workshop-obj-eyebrow {\r\n    font-size: 11px;\r\n  }\r\n\r\n  .iccmm-workshop-obj-eyebrow i {\r\n    width: 22px;\r\n  }\r\n\r\n  .iccmm-workshop-obj-heading h2 {\r\n    font-size: clamp(31px, 9vw, 42px);\r\n    line-height: 1.1;\r\n  }\r\n\r\n  .iccmm-workshop-obj-heading p {\r\n    font-size: 14px;\r\n    line-height: 1.6;\r\n  }\r\n\r\n  .iccmm-workshop-obj-board {\r\n    border-radius: 18px;\r\n  }\r\n\r\n  .iccmm-workshop-obj-summary {\r\n    padding: 30px 22px 26px;\r\n  }\r\n\r\n  .iccmm-workshop-obj-summary h3 {\r\n    font-size: 24px;\r\n    line-height: 1.2;\r\n  }\r\n\r\n  .iccmm-workshop-obj-summary p {\r\n    font-size: 13.5px;\r\n  }\r\n\r\n  .iccmm-workshop-obj-list {\r\n    gap: 12px;\r\n    padding: 22px 20px 23px;\r\n  }\r\n\r\n  .iccmm-workshop-obj-list article {\r\n    grid-template-columns: 38px minmax(0, 1fr);\r\n    gap: 12px;\r\n    padding: 16px;\r\n  }\r\n\r\n  .iccmm-workshop-obj-list b {\r\n    width: 36px;\r\n    height: 36px;\r\n    border-radius: 10px;\r\n    font-size: 12px;\r\n  }\r\n\r\n  .iccmm-workshop-obj-list h3 {\r\n    font-size: 15.5px;\r\n  }\r\n\r\n  .iccmm-workshop-obj-list p {\r\n    font-size: 12.8px;\r\n  }\r\n}\r\n\r\n@media (max-width: 420px) {\r\n  .iccmm-workshop-obj {\r\n    padding: 42px 12px 38px;\r\n  }\r\n\r\n  .iccmm-workshop-obj-heading h2 {\r\n    font-size: 30px;\r\n  }\r\n\r\n  .iccmm-workshop-obj-summary,\r\n  .iccmm-workshop-obj-list {\r\n    padding-right: 18px;\r\n    padding-left: 18px;\r\n  }\r\n\r\n  .iccmm-workshop-obj-list article {\r\n    grid-template-columns: 1fr;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .iccmm-workshop-obj-board,\r\n  .iccmm-workshop-obj-list article,\r\n  .iccmm-workshop-obj-list article::before,\r\n  .iccmm-workshop-obj-list b,\r\n  .iccmm-workshop-obj-list h3 {\r\n    transition: none !important;\r\n  }\r\n\r\n  .iccmm-workshop-obj-board:hover,\r\n  .iccmm-workshop-obj-list article:hover {\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-9045e96 e-con-full e-flex e-con e-parent\" data-id=\"9045e96\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-73e5627 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"73e5627\" 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 href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&amp;family=Manrope:wght@600;700;800&amp;display=swap\" rel=\"stylesheet\">\r\n\r\n<section\r\n  class=\"iccmm-workshop-audience\"\r\n  id=\"workshop-ai-math-audience\"\r\n  aria-labelledby=\"iccmm-workshop-audience-title\"\r\n>\r\n  <div class=\"iccmm-workshop-audience-inner\">\r\n    <header class=\"iccmm-workshop-audience-heading\">\r\n      <div class=\"iccmm-workshop-audience-eyebrow\">\r\n        <i aria-hidden=\"true\"><\/i>\r\n        <span>Target Audience<\/span>\r\n        <i aria-hidden=\"true\"><\/i>\r\n      <\/div>\r\n\r\n      <h2 id=\"iccmm-workshop-audience-title\">Who Should <span>Attend<\/span><\/h2>\r\n\r\n      <p>\r\n        Intended for participants interested in strengthening mathematics teaching\r\n        practice through pedagogy, planning, assessment and visualization.\r\n      <\/p>\r\n    <\/header>\r\n\r\n    <div class=\"iccmm-workshop-audience-panel\">\r\n      <article>\r\n        <span aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <path d=\"M4 5h16v10H4z\"><\/path>\r\n            <path d=\"M8 19h8\"><\/path>\r\n            <path d=\"M12 15v4\"><\/path>\r\n            <path d=\"M8 9h5\"><\/path>\r\n            <path d=\"M8 12h8\"><\/path>\r\n          <\/svg>\r\n        <\/span>\r\n        <div>\r\n          <h3>Mathematics teachers<\/h3>\r\n          <p>School-level educators seeking practical approaches for effective mathematics teaching.<\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article>\r\n        <span aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <path d=\"M3 10l9-6 9 6\"><\/path>\r\n            <path d=\"M5 10h14\"><\/path>\r\n            <path d=\"M7 10v8\"><\/path>\r\n            <path d=\"M12 10v8\"><\/path>\r\n            <path d=\"M17 10v8\"><\/path>\r\n            <path d=\"M5 18h14\"><\/path>\r\n            <path d=\"M4 21h16\"><\/path>\r\n          <\/svg>\r\n        <\/span>\r\n        <div>\r\n          <h3>University academics<\/h3>\r\n          <p>Academics involved in mathematics, mathematics education and teacher preparation.<\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article>\r\n        <span aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <path d=\"M8 7a4 4 0 1 0 8 0a4 4 0 0 0-8 0Z\"><\/path>\r\n            <path d=\"M5 21a7 7 0 0 1 14 0\"><\/path>\r\n            <path d=\"M18 4l2 2 2-2\"><\/path>\r\n            <path d=\"M20 6v6\"><\/path>\r\n          <\/svg>\r\n        <\/span>\r\n        <div>\r\n          <h3>Teacher educators<\/h3>\r\n          <p>Professionals supporting the development of future and in-service mathematics teachers.<\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article>\r\n        <span aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <path d=\"M10.5 18a7.5 7.5 0 1 1 5.3-2.2\"><\/path>\r\n            <path d=\"M16 16l5 5\"><\/path>\r\n            <path d=\"M8 10h5\"><\/path>\r\n            <path d=\"M8 13h3\"><\/path>\r\n          <\/svg>\r\n        <\/span>\r\n        <div>\r\n          <h3>Researchers<\/h3>\r\n          <p>Researchers interested in pedagogy, assessment, visualization and mathematics learning.<\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article>\r\n        <span aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <path d=\"M3 8l9-4 9 4-9 4-9-4Z\"><\/path>\r\n            <path d=\"M7 10v5c0 1.5 2.2 3 5 3s5-1.5 5-3v-5\"><\/path>\r\n            <path d=\"M21 8v6\"><\/path>\r\n            <path d=\"M21 14l-1.5 2\"><\/path>\r\n          <\/svg>\r\n        <\/span>\r\n        <div>\r\n          <h3>Postgraduate students<\/h3>\r\n          <p>Students exploring mathematics education, teaching practice or education technology themes.<\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article>\r\n        <span aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <path d=\"M4 5h16v11H4z\"><\/path>\r\n            <path d=\"M2 20h20\"><\/path>\r\n            <path d=\"M8 16v4\"><\/path>\r\n            <path d=\"M16 16v4\"><\/path>\r\n            <path d=\"M10 10h4\"><\/path>\r\n            <path d=\"M12 8v4\"><\/path>\r\n          <\/svg>\r\n        <\/span>\r\n        <div>\r\n          <h3>Mathematics education practitioners<\/h3>\r\n          <p>Practitioners interested in teaching innovation, learning design and technology-supported mathematics education.<\/p>\r\n        <\/div>\r\n      <\/article>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.iccmm-workshop-audience,\r\n.iccmm-workshop-audience * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.iccmm-workshop-audience {\r\n  --wa-navy: #081b33;\r\n  --wa-dark: #09272a;\r\n  --wa-mid: #16383b;\r\n  --wa-blue: #1456d9;\r\n  --wa-cyan: #20e1d5;\r\n  --wa-teal: #087f78;\r\n  --wa-gold: #d5a329;\r\n  --wa-maroon: #8a1538;\r\n  --wa-light: #f6fbfb;\r\n  --wa-text: #1d2939;\r\n  --wa-muted: #647386;\r\n  position: relative;\r\n  isolation: isolate;\r\n  width: 100%;\r\n  padding: 64px 24px 58px;\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(--wa-light));\r\n  color: var(--wa-text);\r\n  font-family: \"Inter\", Arial, sans-serif;\r\n}\r\n\r\n.iccmm-workshop-audience h2,\r\n.iccmm-workshop-audience h3,\r\n.iccmm-workshop-audience p,\r\n.iccmm-workshop-audience span {\r\n  overflow-wrap: break-word;\r\n}\r\n\r\n.iccmm-workshop-audience::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  mask-image: linear-gradient(to bottom, transparent, #000 14%, #000 90%, transparent);\r\n  pointer-events: none;\r\n}\r\n\r\n.iccmm-workshop-audience-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-workshop-audience-heading {\r\n  width: min(820px, 100%);\r\n  margin: 0 auto 34px;\r\n  text-align: center;\r\n}\r\n\r\n.iccmm-workshop-audience-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(--wa-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-workshop-audience-eyebrow i {\r\n  width: 28px;\r\n  height: 2px;\r\n  border-radius: 999px;\r\n  background: linear-gradient(90deg, var(--wa-gold), var(--wa-cyan));\r\n}\r\n\r\n.iccmm-workshop-audience-eyebrow i:last-child {\r\n  transform: scaleX(-1);\r\n}\r\n\r\n.iccmm-workshop-audience-heading h2 {\r\n  margin: 0;\r\n  color: var(--wa-navy);\r\n  font-family: \"Manrope\", Arial, sans-serif;\r\n  font-size: clamp(36px, 4.3vw, 54px);\r\n  font-weight: 800;\r\n  letter-spacing: -0.045em;\r\n  line-height: 1.08;\r\n}\r\n\r\n.iccmm-workshop-audience-heading h2 span {\r\n  color: var(--wa-blue);\r\n}\r\n\r\n.iccmm-workshop-audience-heading p {\r\n  max-width: 720px;\r\n  margin: 14px auto 0;\r\n  color: var(--wa-muted);\r\n  font-size: 15.5px;\r\n  line-height: 1.68;\r\n}\r\n\r\n.iccmm-workshop-audience-panel {\r\n  position: relative;\r\n  display: grid;\r\n  grid-template-columns: repeat(3, minmax(0, 1fr));\r\n  gap: 14px;\r\n  padding: 34px;\r\n  overflow: hidden;\r\n  border: 1px solid rgba(255, 255, 255, 0.14);\r\n  border-radius: 20px;\r\n  background:\r\n    radial-gradient(circle at 100% 0%, rgba(32, 225, 213, 0.13), transparent 36%),\r\n    radial-gradient(circle at 0% 100%, rgba(213, 163, 41, 0.09), transparent 34%),\r\n    linear-gradient(128deg, var(--wa-mid), var(--wa-dark));\r\n  box-shadow: 0 18px 42px rgba(22, 56, 59, 0.18);\r\n  color: #ffffff;\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-workshop-audience-panel:hover {\r\n  transform: translateY(-4px);\r\n  box-shadow: 0 24px 54px rgba(8, 27, 51, 0.25);\r\n}\r\n\r\n.iccmm-workshop-audience-panel::before {\r\n  position: absolute;\r\n  z-index: 2;\r\n  top: 0;\r\n  right: 0;\r\n  left: 0;\r\n  height: 4px;\r\n  background: linear-gradient(90deg, var(--wa-maroon), var(--wa-gold), var(--wa-cyan));\r\n  content: \"\";\r\n}\r\n\r\n.iccmm-workshop-audience-panel article {\r\n  position: relative;\r\n  display: grid;\r\n  grid-template-columns: 48px minmax(0, 1fr);\r\n  gap: 14px;\r\n  min-height: 165px;\r\n  padding: 20px;\r\n  overflow: hidden;\r\n  border: 1px solid rgba(255, 255, 255, 0.1);\r\n  border-radius: 14px;\r\n  background:\r\n    radial-gradient(circle at 100% 0%, rgba(32, 225, 213, 0.07), transparent 38%),\r\n    rgba(255, 255, 255, 0.045);\r\n  transition:\r\n    background-color 0.3s ease,\r\n    border-color 0.3s ease,\r\n    transform 0.3s ease;\r\n}\r\n\r\n.iccmm-workshop-audience-panel article::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(--wa-cyan), var(--wa-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-workshop-audience-panel article:hover {\r\n  border-color: rgba(32, 225, 213, 0.2);\r\n  background-color: rgba(32, 225, 213, 0.055);\r\n  transform: translateX(4px);\r\n}\r\n\r\n.iccmm-workshop-audience-panel article:hover::before {\r\n  transform: scaleY(1);\r\n}\r\n\r\n.iccmm-workshop-audience-panel span {\r\n  display: inline-flex;\r\n  width: 44px;\r\n  height: 44px;\r\n  flex: 0 0 auto;\r\n  align-items: center;\r\n  justify-content: center;\r\n  border: 1px solid rgba(32, 225, 213, 0.24);\r\n  border-radius: 13px;\r\n  background: rgba(32, 225, 213, 0.1);\r\n  color: var(--wa-cyan);\r\n  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);\r\n  transition:\r\n    background-color 0.3s ease,\r\n    color 0.3s ease,\r\n    box-shadow 0.3s ease,\r\n    border-color 0.3s ease;\r\n}\r\n\r\n.iccmm-workshop-audience-panel span svg {\r\n  display: block;\r\n  width: 23px;\r\n  height: 23px;\r\n  fill: none;\r\n  stroke: currentColor;\r\n  stroke-width: 2;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n.iccmm-workshop-audience-panel article:hover span {\r\n  border-color: rgba(32, 225, 213, 0.64);\r\n  background: var(--wa-cyan);\r\n  color: var(--wa-navy);\r\n  box-shadow:\r\n    0 4px 12px rgba(32, 225, 213, 0.3),\r\n    inset 0 1px 0 rgba(255, 255, 255, 0.22);\r\n}\r\n\r\n.iccmm-workshop-audience-panel h3 {\r\n  margin: 0 0 7px;\r\n  color: #ffffff;\r\n  font-family: \"Manrope\", Arial, sans-serif;\r\n  font-size: 17px;\r\n  font-weight: 800;\r\n  letter-spacing: -0.01em;\r\n  line-height: 1.28;\r\n  transition: color 0.3s ease;\r\n}\r\n\r\n.iccmm-workshop-audience-panel article:hover h3 {\r\n  color: var(--wa-cyan);\r\n}\r\n\r\n.iccmm-workshop-audience-panel p {\r\n  margin: 0;\r\n  color: rgba(255, 255, 255, 0.7);\r\n  font-size: 13.2px;\r\n  font-weight: 500;\r\n  line-height: 1.58;\r\n}\r\n\r\n@media (max-width: 980px) {\r\n  .iccmm-workshop-audience-panel {\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    padding: 30px;\r\n  }\r\n\r\n  .iccmm-workshop-audience-panel article {\r\n    min-height: 150px;\r\n    padding: 20px;\r\n  }\r\n}\r\n\r\n@media (max-width: 680px) {\r\n  .iccmm-workshop-audience {\r\n    padding: 48px 15px 44px;\r\n  }\r\n\r\n  .iccmm-workshop-audience-heading {\r\n    margin-bottom: 28px;\r\n  }\r\n\r\n  .iccmm-workshop-audience-eyebrow {\r\n    font-size: 11px;\r\n  }\r\n\r\n  .iccmm-workshop-audience-eyebrow i {\r\n    width: 22px;\r\n  }\r\n\r\n  .iccmm-workshop-audience-heading h2 {\r\n    font-size: clamp(31px, 9vw, 42px);\r\n    line-height: 1.1;\r\n  }\r\n\r\n  .iccmm-workshop-audience-heading p {\r\n    font-size: 14px;\r\n    line-height: 1.6;\r\n  }\r\n\r\n  .iccmm-workshop-audience-panel {\r\n    grid-template-columns: 1fr;\r\n    gap: 12px;\r\n    padding: 22px 20px 23px;\r\n    border-radius: 18px;\r\n  }\r\n\r\n  .iccmm-workshop-audience-panel article {\r\n    grid-template-columns: 42px minmax(0, 1fr);\r\n    min-height: 0;\r\n    gap: 12px;\r\n    padding: 16px;\r\n  }\r\n\r\n  .iccmm-workshop-audience-panel span {\r\n    width: 38px;\r\n    height: 38px;\r\n    border-radius: 11px;\r\n  }\r\n\r\n  .iccmm-workshop-audience-panel span svg {\r\n    width: 20px;\r\n    height: 20px;\r\n  }\r\n\r\n  .iccmm-workshop-audience-panel h3 {\r\n    font-size: 15.5px;\r\n    line-height: 1.3;\r\n  }\r\n\r\n  .iccmm-workshop-audience-panel p {\r\n    font-size: 12.8px;\r\n    line-height: 1.58;\r\n  }\r\n}\r\n\r\n@media (max-width: 420px) {\r\n  .iccmm-workshop-audience {\r\n    padding: 42px 12px 38px;\r\n  }\r\n\r\n  .iccmm-workshop-audience-heading h2 {\r\n    font-size: 30px;\r\n  }\r\n\r\n  .iccmm-workshop-audience-panel {\r\n    padding-right: 18px;\r\n    padding-left: 18px;\r\n  }\r\n\r\n  .iccmm-workshop-audience-panel article {\r\n    grid-template-columns: 1fr;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .iccmm-workshop-audience-panel,\r\n  .iccmm-workshop-audience-panel article,\r\n  .iccmm-workshop-audience-panel article::before,\r\n  .iccmm-workshop-audience-panel span,\r\n  .iccmm-workshop-audience-panel h3 {\r\n    transition: none !important;\r\n  }\r\n\r\n  .iccmm-workshop-audience-panel:hover,\r\n  .iccmm-workshop-audience-panel article:hover {\r\n    transform: none !important;\r\n  }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ee008d3 e-con-full e-flex e-con e-parent\" data-id=\"ee008d3\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3b4c485 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"3b4c485\" 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 href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&amp;family=Manrope:wght@600;700;800&amp;display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"iccmm-workshop-sessions\" id=\"workshop-ai-math-schedule\" aria-labelledby=\"iccmm-workshop-sessions-title\">\r\n  <div class=\"iccmm-workshop-sessions-inner\">\r\n    <header class=\"iccmm-workshop-sessions-heading\">\r\n      <div class=\"iccmm-workshop-sessions-eyebrow\">\r\n        <i><\/i>\r\n        <span>Workshop<\/span>\r\n        <i><\/i>\r\n      <\/div>\r\n\r\n      <h2 id=\"iccmm-workshop-sessions-title\">\r\n        Workshop <span>Sessions<\/span>\r\n      <\/h2>\r\n\r\n      <p>\r\n        Pre-conference workshop sessions designed to strengthen mathematics pedagogy and explore\r\n        practical AI tools for teaching, learning, assessment, lesson planning and visualization.\r\n      <\/p>\r\n    <\/header>\r\n\r\n    <div class=\"iccmm-workshop-sessions-grid\">\r\n\r\n      <!-- Workshop Session 01 -->\r\n      <article class=\"iccmm-workshop-session-card\">\r\n        <div class=\"iccmm-workshop-session-meta\">\r\n\r\n          <div class=\"iccmm-workshop-session-date\">\r\n            <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\">\r\n              <path d=\"M7 2v3M17 2v3M4 9h16M6 5h12a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2Z\"><\/path>\r\n            <\/svg>\r\n\r\n            <span>Date pending<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"iccmm-workshop-session-time\">\r\n            <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\">\r\n              <path d=\"M12 7v5l3 2M21 12a9 9 0 1 1-18 0a9 9 0 0 1 18 0Z\"><\/path>\r\n            <\/svg>\r\n\r\n            <span>Time to be announced | Sri Lankan Time (UTC+05:30)<\/span>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <h3>\r\n          Strengthening Pedagogical Content Knowledge for Effective Mathematics Teaching\r\n        <\/h3>\r\n\r\n        <div class=\"iccmm-workshop-session-overview\">\r\n          <small>Workshop Overview<\/small>\r\n\r\n          <p>\r\n            The workshop will focus on strengthening teachers' pedagogical content knowledge,\r\n            which is fundamental to effective mathematics teaching and learning, even as\r\n            educational technologies continue to evolve.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"iccmm-workshop-session-person\">\r\n\r\n          <div class=\"iccmm-workshop-session-photo\">\r\n            <span>GW<\/span>\r\n\r\n            <img loading=\"lazy\"\r\n              width=\"600\"\r\n              height=\"750\"\r\n              src=\"https:\/\/iccmm.cmb.ac.lk\/2026\/wp-content\/uploads\/sites\/7\/2026\/07\/program-workshop-02-speaker-dr-gayanthi-malika-wadanambi.png\"\r\n              alt=\"Dr. Gayanthi Malika Wadanambi\"\r\n              loading=\"lazy\"\r\n              decoding=\"async\"\r\n              onerror=\"this.style.display='none';\"\r\n            >\r\n          <\/div>\r\n\r\n          <div class=\"iccmm-workshop-session-info\">\r\n\r\n            <strong>\r\n              Dr. Gayanthi Malika Wadanambi\r\n            <\/strong>\r\n\r\n            <span>\r\n              Faculty of Education\r\n            <\/span>\r\n\r\n            <span>\r\n              The Open University of Sri Lanka, Sri Lanka\r\n            <\/span>\r\n\r\n            <a\r\n              href=\"https:\/\/lk.linkedin.com\/in\/wadanambi-gayanthi-malika-286864ba\"\r\n              target=\"_blank\"\r\n              rel=\"noopener\"\r\n              class=\"iccmm-workshop-profile-btn\"\r\n            >\r\n              View profile\r\n\r\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                <path d=\"M5 12h14M12 5l7 7-7 7\"><\/path>\r\n              <\/svg>\r\n            <\/a>\r\n\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- Workshop Session 02 -->\r\n      <article class=\"iccmm-workshop-session-card\">\r\n        <div class=\"iccmm-workshop-session-meta\">\r\n\r\n          <div class=\"iccmm-workshop-session-date\">\r\n            <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\">\r\n              <path d=\"M7 2v3M17 2v3M4 9h16M6 5h12a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2Z\"><\/path>\r\n            <\/svg>\r\n\r\n            <span>Date pending<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"iccmm-workshop-session-time\">\r\n            <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\">\r\n              <path d=\"M12 7v5l3 2M21 12a9 9 0 1 1-18 0a9 9 0 0 1 18 0Z\"><\/path>\r\n            <\/svg>\r\n\r\n            <span>Time to be announced | Sri Lankan Time (UTC+05:30)<\/span>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <h3>\r\n          Artificial Intelligence in Science and Mathematics Education:\r\n          Innovations in Teaching, Learning, and Assessment\r\n        <\/h3>\r\n\r\n        <div class=\"iccmm-workshop-session-overview\">\r\n          <small>Workshop Overview<\/small>\r\n\r\n          <p>\r\n            The rapid advancement of Artificial Intelligence (AI) is reshaping the landscape of\r\n            Science and Mathematics education, offering new opportunities to enhance teaching\r\n            effectiveness, student learning, and assessment practices. This hands-on workshop is\r\n            designed to introduce educators, researchers, and practitioners to practical AI tools\r\n            and strategies that can be effectively integrated into Science and Mathematics classrooms.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"iccmm-workshop-session-person\">\r\n\r\n          <div class=\"iccmm-workshop-session-photo\">\r\n            <span>HJ<\/span>\r\n\r\n            <img loading=\"lazy\"\r\n              width=\"600\"\r\n              height=\"750\"\r\n              src=\"https:\/\/iccmm.cmb.ac.lk\/2026\/wp-content\/uploads\/sites\/7\/2026\/07\/program-workshop-02-speaker-dr-hiran-h-e-jayaweera.png\"\r\n              alt=\"Prof. Hiran H E Jayaweera\"\r\n              loading=\"lazy\"\r\n              decoding=\"async\"\r\n              onerror=\"this.style.display='none';\"\r\n            >\r\n          <\/div>\r\n\r\n          <div class=\"iccmm-workshop-session-info\">\r\n\r\n            <strong>\r\n              Prof. Hiran H E Jayaweera\r\n            <\/strong>\r\n\r\n            <span>\r\n              Department of Physics\r\n            <\/span>\r\n\r\n            <span>\r\n              University of Colombo, Sri Lanka\r\n            <\/span>\r\n\r\n            <a\r\n              href=\"https:\/\/www.res.cmb.ac.lk\/physics\/hiran-jayaweera\/\"\r\n              target=\"_blank\"\r\n              rel=\"noopener\"\r\n              class=\"iccmm-workshop-profile-btn\"\r\n            >\r\n              View profile\r\n\r\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                <path d=\"M5 12h14M12 5l7 7-7 7\"><\/path>\r\n              <\/svg>\r\n            <\/a>\r\n\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.iccmm-workshop-sessions,\r\n.iccmm-workshop-sessions * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.iccmm-workshop-sessions {\r\n  --wss-navy: #081b33;\r\n  --wss-dark: #09272a;\r\n  --wss-mid: #16383b;\r\n  --wss-blue: #1456d9;\r\n  --wss-cyan: #20e1d5;\r\n  --wss-teal: #008f87;\r\n  --wss-gold: #d5a329;\r\n  --wss-maroon: #8a1538;\r\n  --wss-bg: #f6fbfb;\r\n  --wss-muted: #475467;\r\n\r\n  position: relative;\r\n  isolation: isolate;\r\n  width: 100%;\r\n  padding: 64px 24px 80px;\r\n  overflow: hidden;\r\n  background:\r\n    radial-gradient(circle at 10% 10%, rgba(32, 225, 213, 0.09), transparent 28%),\r\n    radial-gradient(circle at 92% 92%, rgba(213, 163, 41, 0.08), transparent 26%),\r\n    linear-gradient(180deg, #ffffff, var(--wss-bg));\r\n  color: var(--wss-navy);\r\n  font-family: \"Inter\", Arial, sans-serif;\r\n}\r\n\r\n.iccmm-workshop-sessions::before {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: 0;\r\n  background-image:\r\n    linear-gradient(rgba(16, 47, 51, 0.032) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(16, 47, 51, 0.032) 1px, transparent 1px);\r\n  background-size: 44px 44px;\r\n  content: \"\";\r\n  pointer-events: none;\r\n}\r\n\r\n.iccmm-workshop-sessions-inner {\r\n  position: relative;\r\n  z-index: 1;\r\n  width: min(1240px, 100%);\r\n  margin: 0 auto;\r\n}\r\n\r\n.iccmm-workshop-sessions-heading {\r\n  width: min(850px, 100%);\r\n  margin: 0 auto 42px;\r\n  text-align: center;\r\n}\r\n\r\n.iccmm-workshop-sessions-eyebrow {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 9px;\r\n  margin-bottom: 13px;\r\n  color: var(--wss-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-workshop-sessions-eyebrow i {\r\n  width: 28px;\r\n  height: 2px;\r\n  border-radius: 999px;\r\n  background: linear-gradient(90deg, var(--wss-gold), var(--wss-cyan));\r\n}\r\n\r\n.iccmm-workshop-sessions-heading h2 {\r\n  margin: 0;\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.04em;\r\n  line-height: 1.08;\r\n}\r\n\r\n.iccmm-workshop-sessions-heading h2 span {\r\n  color: var(--wss-blue);\r\n}\r\n\r\n.iccmm-workshop-sessions-heading p {\r\n  max-width: 720px;\r\n  margin: 14px auto 0;\r\n  color: var(--wss-muted);\r\n  font-size: 15.5px;\r\n  line-height: 1.72;\r\n}\r\n\r\n\/* Grid Layout ensuring equal heights *\/\r\n\r\n.iccmm-workshop-sessions-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  gap: 26px;\r\n  align-items: stretch;\r\n}\r\n\r\n\/* Card Styles *\/\r\n\r\n.iccmm-workshop-session-card {\r\n  position: relative;\r\n  display: flex;\r\n  min-width: 0;\r\n  height: 100%;\r\n  flex-direction: column;\r\n  padding: 30px;\r\n  overflow: hidden;\r\n  border: 1px solid rgba(32, 225, 213, 0.16);\r\n  border-radius: 20px;\r\n  background:\r\n    radial-gradient(circle at 100% 0%, rgba(32, 225, 213, 0.15), transparent 34%),\r\n    radial-gradient(circle at 0% 100%, rgba(213, 163, 41, 0.09), transparent 32%),\r\n    linear-gradient(145deg, rgba(22, 56, 59, 0.99), rgba(9, 39, 42, 0.98));\r\n  box-shadow: 0 12px 30px rgba(8, 27, 51, 0.12);\r\n  color: #ffffff;\r\n  transition:\r\n    transform 0.4s cubic-bezier(0.16, 1, 0.3, 1),\r\n    box-shadow 0.4s ease,\r\n    border-color 0.4s ease;\r\n}\r\n\r\n.iccmm-workshop-session-card:hover {\r\n  border-color: rgba(32, 225, 213, 0.4);\r\n  box-shadow: 0 24px 50px rgba(8, 27, 51, 0.25);\r\n  transform: translateY(-6px);\r\n}\r\n\r\n.iccmm-workshop-session-card::before {\r\n  position: absolute;\r\n  inset: 0 auto 0 0;\r\n  width: 5px;\r\n  border-radius: 20px 0 0 20px;\r\n  background:\r\n    linear-gradient(\r\n      180deg,\r\n      var(--wss-maroon),\r\n      var(--wss-gold) 38%,\r\n      var(--wss-cyan) 78%\r\n    );\r\n  content: \"\";\r\n  transition: width 0.3s ease;\r\n}\r\n\r\n.iccmm-workshop-session-card:hover::before {\r\n  width: 6px;\r\n}\r\n\r\n.iccmm-workshop-session-meta {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 10px;\r\n  margin-bottom: 22px;\r\n}\r\n\r\n.iccmm-workshop-session-date,\r\n.iccmm-workshop-session-time {\r\n  display: inline-flex;\r\n  max-width: 100%;\r\n  align-items: center;\r\n  gap: 7px;\r\n  padding: 8px 14px;\r\n  border-radius: 999px;\r\n  font-size: 12px;\r\n  font-weight: 800;\r\n  line-height: 1.25;\r\n}\r\n\r\n.iccmm-workshop-session-date {\r\n  border: 1px solid rgba(213, 163, 41, 0.38);\r\n  background: rgba(213, 163, 41, 0.09);\r\n  color: var(--wss-gold);\r\n}\r\n\r\n.iccmm-workshop-session-time {\r\n  border: 1px solid rgba(32, 225, 213, 0.28);\r\n  background: rgba(32, 225, 213, 0.08);\r\n  color: var(--wss-cyan);\r\n}\r\n\r\n.iccmm-workshop-session-date svg,\r\n.iccmm-workshop-session-time svg {\r\n  flex: 0 0 auto;\r\n  width: 14px;\r\n  height: 14px;\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\/* Balancing the titles *\/\r\n\r\n.iccmm-workshop-session-card h3 {\r\n  min-height: 88px;\r\n  margin: 0 0 20px;\r\n  color: #ffffff;\r\n  font-family: \"Manrope\", Arial, sans-serif;\r\n  font-size: 21px;\r\n  font-weight: 800;\r\n  letter-spacing: -0.01em;\r\n  line-height: 1.38;\r\n}\r\n\r\n\/* Balancing the overview boxes *\/\r\n\r\n.iccmm-workshop-session-overview {\r\n  display: flex;\r\n  flex-grow: 1;\r\n  flex-direction: column;\r\n  margin-top: 0;\r\n  margin-bottom: 24px;\r\n  padding: 15px 16px;\r\n  border: 1px solid rgba(32, 225, 213, 0.18);\r\n  border-radius: 16px;\r\n  background: rgba(255, 255, 255, 0.045);\r\n  box-shadow: inset 0 2px 10px rgba(0, 0, 0, 0.05);\r\n}\r\n\r\n.iccmm-workshop-session-overview small {\r\n  display: inline-flex;\r\n  margin-bottom: 8px;\r\n  color: var(--wss-cyan);\r\n  font-size: 11px;\r\n  font-weight: 800;\r\n  letter-spacing: 0.12em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.iccmm-workshop-session-overview p {\r\n  margin: 0;\r\n  color: rgba(255, 255, 255, 0.8);\r\n  font-size: 13.3px;\r\n  line-height: 1.62;\r\n}\r\n\r\n\/* Speaker information *\/\r\n\r\n.iccmm-workshop-session-person {\r\n  display: grid;\r\n  grid-template-columns: 96px minmax(0, 1fr);\r\n  gap: 16px;\r\n  align-items: center;\r\n  margin-top: 0;\r\n  padding-top: 24px;\r\n  border-top: 1px solid rgba(255, 255, 255, 0.05);\r\n}\r\n\r\n.iccmm-workshop-session-photo {\r\n  position: relative;\r\n  display: grid;\r\n  width: 96px;\r\n  height: 116px;\r\n  place-items: center;\r\n  overflow: hidden;\r\n  border: 1px solid rgba(32, 225, 213, 0.3);\r\n  border-radius: 16px;\r\n  background: #ffffff;\r\n  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.iccmm-workshop-session-photo span {\r\n  color: rgba(7, 31, 35, 0.42);\r\n  font-family: \"Manrope\", Arial, sans-serif;\r\n  font-size: 24px;\r\n  font-weight: 800;\r\n}\r\n\r\n.iccmm-workshop-session-photo img {\r\n  position: absolute;\r\n  inset: 0;\r\n  display: block;\r\n  width: 100%;\r\n  height: 100%;\r\n  background: #ffffff;\r\n  object-fit: contain;\r\n  object-position: center;\r\n  transition: transform 0.4s ease;\r\n}\r\n\r\n.iccmm-workshop-session-card:hover\r\n.iccmm-workshop-session-photo img {\r\n  transform: scale(1.08);\r\n}\r\n\r\n.iccmm-workshop-session-info strong,\r\n.iccmm-workshop-session-info span {\r\n  display: block;\r\n}\r\n\r\n.iccmm-workshop-session-info strong {\r\n  margin-bottom: 2px;\r\n  color: #ffffff;\r\n  font-family: \"Manrope\", Arial, sans-serif;\r\n  font-size: 16px;\r\n  font-weight: 800;\r\n  line-height: 1.35;\r\n}\r\n\r\n.iccmm-workshop-session-info span {\r\n  margin-top: 4px;\r\n  color: rgba(255, 255, 255, 0.65);\r\n  font-size: 12.5px;\r\n  line-height: 1.5;\r\n}\r\n\r\n\/* Profile button *\/\r\n\r\n.iccmm-workshop-profile-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  margin-top: 14px;\r\n  padding: 8px 16px;\r\n  border: 1px solid rgba(32, 225, 213, 0.3);\r\n  border-radius: 999px;\r\n  background: rgba(32, 225, 213, 0.1);\r\n  color: #ffffff;\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  text-decoration: none;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.iccmm-workshop-profile-btn svg {\r\n  width: 14px;\r\n  height: 14px;\r\n  fill: none;\r\n  stroke: currentColor;\r\n  stroke-width: 2.5;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.iccmm-workshop-profile-btn:hover {\r\n  border-color: rgba(32, 225, 213, 0.6);\r\n  background: rgba(32, 225, 213, 0.2);\r\n  color: var(--wss-cyan);\r\n}\r\n\r\n.iccmm-workshop-profile-btn:hover svg {\r\n  transform: translateX(3px);\r\n}\r\n\r\n@media (max-width: 900px) {\r\n  .iccmm-workshop-sessions-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .iccmm-workshop-session-card {\r\n    width: min(100%, 720px);\r\n    justify-self: center;\r\n  }\r\n\r\n  .iccmm-workshop-session-card h3 {\r\n    min-height: 0;\r\n    margin-bottom: 16px;\r\n  }\r\n}\r\n\r\n@media (max-width: 680px) {\r\n  .iccmm-workshop-sessions {\r\n    padding: 54px 15px;\r\n  }\r\n\r\n  .iccmm-workshop-sessions-heading h2 {\r\n    font-size: clamp(31px, 9vw, 42px);\r\n  }\r\n\r\n  .iccmm-workshop-session-card {\r\n    padding: 22px;\r\n    border-radius: 17px;\r\n  }\r\n\r\n  .iccmm-workshop-session-meta {\r\n    display: grid;\r\n    grid-template-columns: 1fr;\r\n    gap: 10px;\r\n  }\r\n\r\n  .iccmm-workshop-session-date,\r\n  .iccmm-workshop-session-time {\r\n    width: fit-content;\r\n    font-size: 11px;\r\n  }\r\n\r\n  .iccmm-workshop-session-person {\r\n    grid-template-columns: 86px minmax(0, 1fr);\r\n    gap: 14px;\r\n  }\r\n\r\n  .iccmm-workshop-session-photo {\r\n    width: 86px;\r\n    height: 106px;\r\n  }\r\n\r\n  .iccmm-workshop-session-card h3 {\r\n    font-size: 19px;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .iccmm-workshop-session-card,\r\n  .iccmm-workshop-session-card::before,\r\n  .iccmm-workshop-session-photo img,\r\n  .iccmm-workshop-profile-btn,\r\n  .iccmm-workshop-profile-btn svg {\r\n    transition: none !important;\r\n    transform: none !important;\r\n  }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d5d0973 e-con-full e-flex e-con e-parent\" data-id=\"d5d0973\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fe79225 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"fe79225\" 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-workshop-ai-math-update-section\"\r\n  id=\"workshop-ai-math-details\"\r\n  aria-labelledby=\"iccmm-workshop-ai-math-update-title\"\r\n>\r\n  <div class=\"iccmm-workshop-ai-math-update-inner\">\r\n    <header class=\"iccmm-workshop-ai-math-update-header\">\r\n      <h3 id=\"iccmm-workshop-ai-math-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>Workshop on Future-Ready Learning and Teaching of Mathematics in the AI Era<\/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-workshop-ai-math-update-section,\r\n.iccmm-workshop-ai-math-update-section * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.iccmm-workshop-ai-math-update-section {\r\n  --update-navy: #081b33;\r\n  --update-blue: #1456d9;\r\n  --update-teal: #008f87;\r\n  --update-cyan: #20e1d5;\r\n  --update-gold: #d5a329;\r\n  --update-light: #f6fbfb;\r\n  --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(--update-light) 100%);\r\n  color: var(--update-navy);\r\n  font-family: \"Inter\", Arial, sans-serif;\r\n}\r\n\r\n.iccmm-workshop-ai-math-update-section h3,\r\n.iccmm-workshop-ai-math-update-section p,\r\n.iccmm-workshop-ai-math-update-section span,\r\n.iccmm-workshop-ai-math-update-section strong {\r\n  overflow-wrap: break-word;\r\n}\r\n\r\n.iccmm-workshop-ai-math-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-workshop-ai-math-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-workshop-ai-math-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-workshop-ai-math-update-header h3 {\r\n  margin: 0;\r\n  color: var(--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-workshop-ai-math-update-header h3 span {\r\n  color: var(--update-blue);\r\n}\r\n\r\n.iccmm-workshop-ai-math-update-header p {\r\n  max-width: 760px;\r\n  margin: 15px auto 0;\r\n  color: var(--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-workshop-ai-math-update-header p strong {\r\n  color: var(--update-navy);\r\n  font-weight: 800;\r\n}\r\n\r\n@media (max-width: 680px) {\r\n  .iccmm-workshop-ai-math-update-section {\r\n    padding: 54px 15px 64px;\r\n  }\r\n\r\n  .iccmm-workshop-ai-math-update-header h3 {\r\n    font-size: clamp(30px, 9vw, 42px);\r\n    line-height: 1.12;\r\n  }\r\n\r\n  .iccmm-workshop-ai-math-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-workshop-ai-math-update-section {\r\n    padding: 48px 12px 56px;\r\n  }\r\n\r\n  .iccmm-workshop-ai-math-update-header h3 {\r\n    font-size: 29px;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .iccmm-workshop-ai-math-update-section *,\r\n  .iccmm-workshop-ai-math-update-section *::before,\r\n  .iccmm-workshop-ai-math-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 Workshop Workshop on Future-Ready Learning and Teaching of Mathematics in the AI Era Workshop OverviewThis workshop brings together focused sessions on future-ready mathematics teaching, assessment, lesson planning and visualization in the AI era. It includes sessions on strengthening pedagogical content knowledge for effective mathematics teaching and using assessments, lesson plans and visualization [&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-11018","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/iccmm.cmb.ac.lk\/2026\/wp-json\/wp\/v2\/pages\/11018","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=11018"}],"version-history":[{"count":109,"href":"https:\/\/iccmm.cmb.ac.lk\/2026\/wp-json\/wp\/v2\/pages\/11018\/revisions"}],"predecessor-version":[{"id":12184,"href":"https:\/\/iccmm.cmb.ac.lk\/2026\/wp-json\/wp\/v2\/pages\/11018\/revisions\/12184"}],"wp:attachment":[{"href":"https:\/\/iccmm.cmb.ac.lk\/2026\/wp-json\/wp\/v2\/media?parent=11018"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}