{"id":153,"date":"2025-12-19T17:03:05","date_gmt":"2025-12-19T17:03:05","guid":{"rendered":"https:\/\/fsc.jfn.ac.lk\/?page_id=153"},"modified":"2026-10-12T03:11:17","modified_gmt":"2026-10-12T03:11:17","slug":"alumni","status":"publish","type":"page","link":"https:\/\/fsc.jfn.ac.lk\/index.php\/alumni\/","title":{"rendered":"Alumni"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"153\" class=\"elementor elementor-153\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d1a8f48 e-flex e-con-boxed e-con e-parent\" data-id=\"d1a8f48\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-867e344 elementor-widget elementor-widget-html\" data-id=\"867e344\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Alumni Network Hero: isolated, WordPress\/Elementor-ready -->\n<style>\n\/* All styles are scoped to this component to avoid affecting other page elements. *\/\n#fa-alumni-hero {\n  --fa-deep: #12335c;\n  --fa-deeper: #0a1f3a;\n  --fa-tide: #2563eb;\n  --fa-foam: #eaf1fd;\n  --fa-mist: #f8fafc;\n  --fa-ink: #12335c;\n  --fa-muted: #64748b;\n  --fa-line: #e7ecf2;\n  font-family: Arial, Helvetica, sans-serif;\n  font-size: 15px;\n  line-height: 1.65;\n  color: var(--fa-ink);\n  width: 100%;\n  background: var(--fa-mist);\n  isolation: isolate;\n  position: relative;\n}\n#fa-alumni-hero,\n#fa-alumni-hero *,\n#fa-alumni-hero *::before,\n#fa-alumni-hero *::after { box-sizing: border-box; }\n\n#fa-alumni-hero h1,\n#fa-alumni-hero h2,\n#fa-alumni-hero h3,\n#fa-alumni-hero h4 {\n  font-family: Arial, Helvetica, sans-serif;\n  font-weight: 800;\n  line-height: 1.2;\n  margin: 0;\n  color: inherit;\n  letter-spacing: -.01em;\n}\n#fa-alumni-hero p { margin: 0; }\n#fa-alumni-hero a { color: inherit; }\n#fa-alumni-hero .fa-alumni-inner {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 60px 20px;\n}\n#fa-alumni-hero .fa-alumni-banner {\n  position: relative;\n  overflow: hidden;\n  color: #fff;\n  background: linear-gradient(135deg, #12335c 0%, #0e2a4d 55%, #0a1f3a 100%);\n}\n#fa-alumni-hero .fa-alumni-banner::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n  background:\n    radial-gradient(520px 340px at 85% 15%, rgba(37,99,235,.42), transparent 70%),\n    radial-gradient(420px 300px at 5% 100%, rgba(96,165,250,.18), transparent 70%);\n}\n#fa-alumni-hero .fa-alumni-contours {\n  position: absolute;\n  left: -5%;\n  top: 0;\n  width: 110%;\n  height: 100%;\n  opacity: .28;\n  pointer-events: none;\n  animation: fa-alumni-drift 22s ease-in-out infinite alternate;\n}\n@keyframes fa-alumni-drift {\n  from { transform: translateX(0); }\n  to { transform: translateX(-26px); }\n}\n#fa-alumni-hero .fa-alumni-grid {\n  position: relative;\n  display: grid;\n  grid-template-columns: 1.15fr .85fr;\n  gap: 48px;\n  align-items: center;\n  padding-top: 76px;\n  padding-bottom: 128px;\n}\n#fa-alumni-hero .fa-alumni-eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 9px;\n  padding: 6px 14px;\n  border: 1px solid rgba(255,255,255,.25);\n  border-radius: 999px;\n  background: rgba(255,255,255,.1);\n  font-size: 12.5px;\n  font-weight: 700;\n  letter-spacing: .08em;\n  text-transform: uppercase;\n}\n#fa-alumni-hero .fa-alumni-eyebrow-dot {\n  display: inline-block;\n  width: 7px;\n  height: 7px;\n  flex: 0 0 7px;\n  border-radius: 50%;\n  background: #60a5fa;\n  box-shadow: 0 0 0 4px rgba(96,165,250,.25);\n}\n#fa-alumni-hero h1 {\n  margin-top: 20px;\n  font-size: clamp(30px, 4.6vw, 50px);\n  font-weight: 800;\n  max-width: 19ch;\n}\n#fa-alumni-hero .fa-alumni-highlight {\n  color: #bfdbfe;\n  background: linear-gradient(90deg, #93c5fd, #e0efff);\n  -webkit-background-clip: text;\n  background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n#fa-alumni-hero .fa-alumni-sub {\n  margin-top: 18px;\n  max-width: 50ch;\n  font-size: clamp(16px, 1.8vw, 18.5px);\n  line-height: 1.65;\n  color: rgba(255,255,255,.86);\n}\n#fa-alumni-hero .fa-alumni-cta {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px;\n  margin-top: 30px;\n}\n#fa-alumni-hero .fa-alumni-btn {\n  display: inline-block;\n  padding: 13px 26px;\n  border-radius: 10px;\n  font: inherit;\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 1.2;\n  text-decoration: none;\n  border: 1px solid transparent;\n  cursor: pointer;\n  transition: background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;\n}\n#fa-alumni-hero .fa-alumni-btn-solid {\n  background: #fff;\n  color: var(--fa-deep);\n}\n#fa-alumni-hero .fa-alumni-btn-solid:hover {\n  background: var(--fa-foam);\n  transform: translateY(-1px);\n}\n#fa-alumni-hero .fa-alumni-btn-ghost {\n  border-color: rgba(255,255,255,.5);\n  color: #fff;\n}\n#fa-alumni-hero .fa-alumni-btn-ghost:hover {\n  background: rgba(255,255,255,.14);\n  border-color: #fff;\n}\n#fa-alumni-hero :focus-visible {\n  outline: 3px solid #60a5fa;\n  outline-offset: 3px;\n}\n#fa-alumni-hero .fa-alumni-spot {\n  position: relative;\n  max-width: 400px;\n  margin-left: auto;\n  width: 100%;\n}\n#fa-alumni-hero .fa-alumni-spot::before {\n  content: \"\";\n  position: absolute;\n  inset: 14px -14px -14px 14px;\n  border: 1px solid rgba(255,255,255,.18);\n  border-radius: 20px;\n  background: rgba(255,255,255,.05);\n  pointer-events: none;\n}\n#fa-alumni-hero .fa-alumni-card {\n  position: relative;\n  padding: 26px;\n  border: 1px solid rgba(255,255,255,.28);\n  border-radius: 20px;\n  background: rgba(255,255,255,.12);\n  -webkit-backdrop-filter: blur(14px);\n  backdrop-filter: blur(14px);\n  box-shadow: 0 24px 50px rgba(3,14,30,.35);\n  animation: fa-alumni-float 7s ease-in-out infinite;\n}\n@keyframes fa-alumni-float {\n  0%, 100% { transform: translateY(0); }\n  50% { transform: translateY(-8px); }\n}\n#fa-alumni-hero .fa-alumni-tag {\n  display: inline-block;\n  padding: 4px 12px;\n  border-radius: 999px;\n  background: #e3f9ee;\n  color: #0f7a4d;\n  font-size: 12px;\n  font-weight: 700;\n}\n#fa-alumni-hero .fa-alumni-quote {\n  margin-top: 16px;\n  font-size: 16px;\n  line-height: 1.6;\n  font-style: italic;\n  color: #fff;\n}\n#fa-alumni-hero .fa-alumni-who {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  margin-top: 22px;\n  padding-top: 18px;\n  border-top: 1px solid rgba(255,255,255,.2);\n}\n#fa-alumni-hero .fa-alumni-avatar {\n  flex: 0 0 48px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 48px;\n  height: 48px;\n  border-radius: 50%;\n  background: #2563eb;\n  border: 2px solid rgba(255,255,255,.6);\n  font-size: 15px;\n  font-weight: 800;\n  color: #fff;\n}\n#fa-alumni-hero .fa-alumni-name {\n  font-size: 14.5px;\n  font-weight: 700;\n  color: #fff;\n}\n#fa-alumni-hero .fa-alumni-role {\n  font-size: 13px;\n  color: rgba(255,255,255,.75);\n}\n#fa-alumni-hero .fa-alumni-stats-wrap {\n  position: relative;\n  z-index: 2;\n  max-width: 1200px;\n  margin: -72px auto 0;\n  padding: 0 20px 60px;\n}\n#fa-alumni-hero .fa-alumni-stats {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  margin: 0;\n  padding: 8px 0;\n  background: #fff;\n  border: 1px solid var(--fa-line);\n  border-radius: 16px;\n  box-shadow: 0 18px 40px rgba(18,51,92,.12);\n}\n#fa-alumni-hero .fa-alumni-stat {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  padding: 22px 28px;\n  min-width: 0;\n}\n#fa-alumni-hero .fa-alumni-stat + .fa-alumni-stat {\n  border-left: 1px solid var(--fa-line);\n}\n#fa-alumni-hero .fa-alumni-icon {\n  flex: 0 0 48px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 48px;\n  height: 48px;\n  border-radius: 12px;\n  background: var(--fa-foam);\n}\n#fa-alumni-hero .fa-alumni-icon svg {\n  width: 24px;\n  height: 24px;\n  fill: none;\n  stroke: #2563eb;\n  stroke-width: 1.8;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n#fa-alumni-hero .fa-alumni-stat dt {\n  font-size: 28px;\n  font-weight: 800;\n  line-height: 1.1;\n  color: var(--fa-deep);\n}\n#fa-alumni-hero .fa-alumni-stat dd {\n  margin: 4px 0 0;\n  font-size: 13.5px;\n  color: var(--fa-muted);\n}\n@media (max-width: 960px) {\n  #fa-alumni-hero .fa-alumni-grid {\n    grid-template-columns: 1fr;\n    gap: 40px;\n    padding-top: 56px;\n    padding-bottom: 120px;\n  }\n  #fa-alumni-hero .fa-alumni-spot {\n    margin: 0;\n    max-width: 440px;\n  }\n}\n@media (max-width: 720px) {\n  #fa-alumni-hero .fa-alumni-stats {\n    grid-template-columns: 1fr;\n    padding: 4px 0;\n  }\n  #fa-alumni-hero .fa-alumni-stat { padding: 18px 22px; }\n  #fa-alumni-hero .fa-alumni-stat + .fa-alumni-stat {\n    border-left: 0;\n    border-top: 1px solid var(--fa-line);\n  }\n  #fa-alumni-hero .fa-alumni-stats-wrap {\n    margin-top: -64px;\n    padding-bottom: 44px;\n  }\n}\n@media (max-width: 480px) {\n  #fa-alumni-hero .fa-alumni-cta .fa-alumni-btn {\n    width: 100%;\n    text-align: center;\n  }\n  #fa-alumni-hero .fa-alumni-card { padding: 22px; }\n}\n@media (prefers-reduced-motion: reduce) {\n  #fa-alumni-hero *,\n  #fa-alumni-hero *::before,\n  #fa-alumni-hero *::after {\n    animation: none !important;\n    transition: none !important;\n    scroll-behavior: auto !important;\n  }\n}\n<\/style>\n\n<section id=\"fa-alumni-hero\" aria-labelledby=\"fa-alumni-title\">\n  <div class=\"fa-alumni-banner\">\n    <svg class=\"fa-alumni-contours\" viewBox=\"0 0 1000 480\" preserveAspectRatio=\"none\" aria-hidden=\"true\" fill=\"none\" stroke=\"#60a5fa\" stroke-width=\"1.2\">\n      <path d=\"M0 30 C180 10 330 60 520 40 S860 0 1000 50\"\/>\n      <path d=\"M0 62 C180 39 330 95 520 72 S860 29 1000 82\"\/>\n      <path d=\"M0 94 C180 68 330 130 520 104 S860 58 1000 114\"\/>\n      <path d=\"M0 126 C180 97 330 165 520 136 S860 87 1000 146\"\/>\n      <path d=\"M0 158 C180 126 330 200 520 168 S860 116 1000 178\"\/>\n      <path d=\"M0 190 C180 155 330 235 520 200 S860 145 1000 210\"\/>\n      <path d=\"M0 222 C180 184 330 270 520 232 S860 174 1000 242\"\/>\n      <path d=\"M0 254 C180 213 330 305 520 264 S860 203 1000 274\"\/>\n      <path d=\"M0 286 C180 242 330 340 520 296 S860 232 1000 306\"\/>\n      <path d=\"M0 318 C180 271 330 375 520 328 S860 261 1000 338\"\/>\n      <path d=\"M0 350 C180 300 330 410 520 360 S860 290 1000 370\"\/>\n      <path d=\"M0 382 C180 329 330 445 520 392 S860 319 1000 402\"\/>\n    <\/svg>\n\n    <div class=\"fa-alumni-inner fa-alumni-grid\">\n      <div>\n        <span class=\"fa-alumni-eyebrow\"><span class=\"fa-alumni-eyebrow-dot\" aria-hidden=\"true\"><\/span>Alumni Network<\/span>\n        <h1 id=\"fa-alumni-title\">Wherever your career took you, this is <span class=\"fa-alumni-highlight\">still your department.<\/span><\/h1>\n        <p class=\"fa-alumni-sub\">Reconnect with classmates, mentor current students, and tell us what you are working on now.<\/p>\n        <div class=\"fa-alumni-cta\">\n          <a class=\"fa-alumni-btn fa-alumni-btn-solid\" href=\"#fa-join\">Join the alumni network<\/a>\n          <a class=\"fa-alumni-btn fa-alumni-btn-ghost\" href=\"#fa-directory\">Find an alumnus<\/a>\n        <\/div>\n      <\/div>\n\n      <aside class=\"fa-alumni-spot\" aria-label=\"Alumni spotlight\">\n        <div class=\"fa-alumni-card\">\n          <span class=\"fa-alumni-tag\">Alumni Spotlight<\/span>\n          <p class=\"fa-alumni-quote\">\u201cThe department gave me the foundation and the network. Today I help train the next generation of fisheries scientists.\u201d<\/p>\n          <div class=\"fa-alumni-who\">\n            <span class=\"fa-alumni-avatar\" aria-hidden=\"true\">AB<\/span>\n            <div>\n              <div class=\"fa-alumni-name\">Alumnus Name<\/div>\n              <div class=\"fa-alumni-role\">Batch 20XX \u00b7 Role, Organisation<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/aside>\n    <\/div>\n  <\/div>\n\n  <div class=\"fa-alumni-stats-wrap\">\n    <dl class=\"fa-alumni-stats\">\n      <div class=\"fa-alumni-stat\">\n        <span class=\"fa-alumni-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M2 9l10-5 10 5-10 5z\"\/><path d=\"M6 11.5V16c0 1.5 2.7 3 6 3s6-1.5 6-3v-4.5\"\/><path d=\"M22 9v6\"\/><\/svg>\n        <\/span>\n        <div><dt><span data-fa-count=\"2400\">2,400<\/span>+<\/dt><dd>graduates since 1998<\/dd><\/div>\n      <\/div>\n      <div class=\"fa-alumni-stat\">\n        <span class=\"fa-alumni-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><ellipse cx=\"12\" cy=\"12\" rx=\"4\" ry=\"9\"\/><path d=\"M3 12h18\"\/><\/svg>\n        <\/span>\n        <div><dt><span data-fa-count=\"38\">38<\/span><\/dt><dd>countries where alumni work<\/dd><\/div>\n      <\/div>\n      <div class=\"fa-alumni-stat\">\n        <span class=\"fa-alumni-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\"><circle cx=\"9\" cy=\"8\" r=\"3.2\"\/><path d=\"M3 20c0-3.2 2.6-5.5 6-5.5s6 2.3 6 5.5\"\/><circle cx=\"17.5\" cy=\"8.5\" r=\"2.5\"\/><path d=\"M15.5 14.2c2.6.4 4.5 2.3 4.5 5.3\"\/><\/svg>\n        <\/span>\n        <div><dt><span data-fa-count=\"120\">120<\/span><\/dt><dd>students mentored last year<\/dd><\/div>\n      <\/div>\n    <\/dl>\n  <\/div>\n<\/section>\n\n<script>\n(function () {\n  var root = document.getElementById('fa-alumni-hero');\n  if (!root || root.getAttribute('data-fa-ready') === '1') return;\n  root.setAttribute('data-fa-ready', '1');\n\n  var els = root.querySelectorAll('[data-fa-count]');\n  if (!els.length || !('IntersectionObserver' in window)) return;\n  if (window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;\n\n  function animateCount(el) {\n    var end = parseInt(el.getAttribute('data-fa-count'), 10);\n    if (!Number.isFinite(end)) return;\n    var startTime = null;\n    var duration = 1400;\n\n    function step(timestamp) {\n      if (startTime === null) startTime = timestamp;\n      var progress = Math.min((timestamp - startTime) \/ duration, 1);\n      var eased = 1 - Math.pow(1 - progress, 3);\n      el.textContent = Math.round(end * eased).toLocaleString('en-US');\n      if (progress < 1) window.requestAnimationFrame(step);\n    }\n\n    window.requestAnimationFrame(step);\n  }\n\n  var observer = new IntersectionObserver(function (entries) {\n    entries.forEach(function (entry) {\n      if (entry.isIntersecting) {\n        animateCount(entry.target);\n        observer.unobserve(entry.target);\n      }\n    });\n  }, { threshold: 0.4 });\n\n  els.forEach(function (el) { observer.observe(el); });\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6c5c910 e-flex e-con-boxed e-con e-parent\" data-id=\"6c5c910\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-204193f elementor-widget elementor-widget-html\" data-id=\"204193f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Alumni Benefits section | Paste into an Elementor HTML widget below the Alumni Hero.\n     Styles are isolated to this section. Update #fa-join to your actual form anchor. -->\n<section id=\"fa-alumni-benefits\" aria-labelledby=\"fa-benefits-title\">\n<style>\n#fa-alumni-benefits{--deep:#12335c;--deeper:#0a1f3a;--blue:#2563eb;--foam:#eaf1fd;--mist:#f7f9fc;--ink:#173451;--muted:#607086;--line:#e3eaf3;width:100%;background:var(--mist);color:var(--ink);font:15px\/1.65 Arial,Helvetica,sans-serif;isolation:isolate}\n#fa-alumni-benefits,#fa-alumni-benefits * ,#fa-alumni-benefits *:before,#fa-alumni-benefits *:after{box-sizing:border-box}\n#fa-alumni-benefits .fab-inner{width:min(100%,1240px);margin:auto;padding:clamp(42px,6vw,76px) clamp(16px,3vw,28px) clamp(54px,7vw,86px)}\n#fa-alumni-benefits h2,#fa-alumni-benefits h3{margin:0;font-family:inherit;font-weight:800;letter-spacing:-.025em;line-height:1.2;color:inherit}#fa-alumni-benefits p{margin:0}\n#fa-alumni-benefits .fab-heading{max-width:720px;margin:0 auto clamp(30px,4vw,46px);text-align:center}\n#fa-alumni-benefits .fab-eyebrow{display:inline-flex;align-items:center;gap:9px;padding:7px 14px;border:1px solid #d8e5fb;border-radius:999px;background:#edf3ff;color:var(--blue);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}\n#fa-alumni-benefits .fab-dot{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px #2563eb19}\n#fa-alumni-benefits h2{margin-top:17px;color:var(--deep);font-size:clamp(27px,3.3vw,39px);letter-spacing:-.035em}\n#fa-alumni-benefits .fab-lede{max-width:61ch;margin:14px auto 0;color:var(--muted);font-size:clamp(14px,1.4vw,16px);line-height:1.75}\n#fa-alumni-benefits .fab-grid{display:grid;grid-template-columns:1.08fr 1fr 1fr;grid-template-rows:auto auto;gap:20px}\n#fa-alumni-benefits .fab-card{position:relative;display:flex;min-width:0;flex-direction:column;padding:clamp(22px,2.4vw,30px);overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 3px 12px #12335c08;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}\n#fa-alumni-benefits .fab-card:before{position:absolute;top:0;right:0;left:0;height:3px;background:linear-gradient(90deg,#2563eb,#8bb8ff);content:\"\";opacity:0;transform:scaleX(.45);transform-origin:left;transition:opacity .24s ease,transform .24s ease}\n#fa-alumni-benefits .fab-card:hover{transform:translateY(-4px);border-color:#c7d8f5;box-shadow:0 16px 36px #12335c17}#fa-alumni-benefits .fab-card:hover:before{opacity:1;transform:scaleX(1)}\n#fa-alumni-benefits .fab-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}\n#fa-alumni-benefits .fab-icon{display:inline-flex;width:54px;height:54px;flex:0 0 54px;align-items:center;justify-content:center;border:1px solid #e1eafe;border-radius:15px;background:var(--foam);transition:background .24s ease}\n#fa-alumni-benefits .fab-icon svg{width:25px;height:25px;fill:none;stroke:var(--blue);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:stroke .24s ease}\n#fa-alumni-benefits .fab-card:hover .fab-icon{border-color:var(--blue);background:var(--blue)}#fa-alumni-benefits .fab-card:hover .fab-icon svg{stroke:#fff}\n#fa-alumni-benefits .fab-number{color:#93a2b6;font-size:12px;font-weight:800;letter-spacing:.12em}\n#fa-alumni-benefits .fab-card h3{color:var(--deep);font-size:clamp(18px,1.6vw,20px)}#fa-alumni-benefits .fab-card p{max-width:52ch;margin-top:11px;color:var(--muted);font-size:14px;line-height:1.75}\n#fa-alumni-benefits .fab-featured{grid-row:span 2;justify-content:flex-end;min-height:360px;border-color:#173e6b;background:linear-gradient(150deg,#173e6b,#102d50 62%,#0a1f3a);box-shadow:0 12px 30px #0a1f3a21;color:#fff}\n#fa-alumni-benefits .fab-featured:after{position:absolute;top:-78px;right:-65px;width:260px;height:260px;border:1px solid #ffffff1a;border-radius:50%;background:radial-gradient(circle,#60a5fa45,transparent 68%);content:\"\";pointer-events:none}\n#fa-alumni-benefits .fab-featured .fab-top{position:absolute;z-index:1;top:28px;right:28px;left:28px}#fa-alumni-benefits .fab-featured .fab-icon{border-color:#ffffff29;background:#ffffff1f}#fa-alumni-benefits .fab-featured .fab-icon svg{stroke:#fff}#fa-alumni-benefits .fab-featured .fab-number{color:#ffffff9e}#fa-alumni-benefits .fab-featured h3{position:relative;color:#fff;font-size:clamp(23px,2.5vw,29px)}#fa-alumni-benefits .fab-featured p{position:relative;color:#ffffffd1;font-size:14.5px}\n#fa-alumni-benefits .fab-wide{grid-column:2\/span 2}#fa-alumni-benefits .fab-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px 20px;margin-top:clamp(30px,4vw,42px)}\n#fa-alumni-benefits .fab-free{display:inline-flex;min-height:42px;align-items:center;gap:9px;padding:9px 16px;border:1px solid #cceedd;border-radius:999px;background:#edfbf3;color:#16734b;font-size:13px;font-weight:800}\n#fa-alumni-benefits .fab-free svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}\n#fa-alumni-benefits .fab-button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:10px;padding:13px 21px;border:1px solid var(--blue);border-radius:10px;background:#fff;color:var(--blue);font:inherit;font-size:14px;font-weight:800;line-height:1.25;text-align:center;text-decoration:none;transition:color .2s ease,background .2s ease,transform .2s ease}\n#fa-alumni-benefits .fab-button:hover{transform:translateY(-2px);background:var(--blue);color:#fff}#fa-alumni-benefits .fab-button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}#fa-alumni-benefits a:focus-visible{outline:3px solid #7aa7ff;outline-offset:4px}\n#fa-alumni-benefits.fab-js [data-reveal]{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s ease}#fa-alumni-benefits.fab-js [data-reveal].fab-visible{opacity:1;transform:none}\n@media(max-width:980px){#fa-alumni-benefits .fab-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#fa-alumni-benefits .fab-featured{grid-column:1\/-1;grid-row:auto;min-height:290px}#fa-alumni-benefits .fab-wide{grid-column:auto}}\n@media(max-width:640px){#fa-alumni-benefits .fab-inner{padding:42px 16px 54px}#fa-alumni-benefits .fab-heading{margin-bottom:28px}#fa-alumni-benefits h2{font-size:clamp(26px,7vw,32px)}#fa-alumni-benefits .fab-grid{grid-template-columns:minmax(0,1fr);gap:14px}#fa-alumni-benefits .fab-card{padding:23px 21px;border-radius:15px}#fa-alumni-benefits .fab-top{margin-bottom:20px}#fa-alumni-benefits .fab-featured{min-height:310px}#fa-alumni-benefits .fab-featured .fab-top{top:23px;right:21px;left:21px}#fa-alumni-benefits .fab-cta{align-items:stretch;flex-direction:column}#fa-alumni-benefits .fab-free{align-self:center}#fa-alumni-benefits .fab-button{width:100%}}\n@media(prefers-reduced-motion:reduce){#fa-alumni-benefits *,#fa-alumni-benefits *:before,#fa-alumni-benefits *:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}#fa-alumni-benefits.fab-js [data-reveal]{opacity:1;transform:none}}\n<\/style>\n<div class=\"fab-inner\">\n  <header class=\"fab-heading\" data-reveal>\n    <span class=\"fab-eyebrow\"><span class=\"fab-dot\" aria-hidden=\"true\"><\/span>Alumni Benefits<\/span>\n    <h2 id=\"fa-benefits-title\">What you get by staying connected<\/h2>\n    <p class=\"fab-lede\">The network is free for every graduate of the department. These are four ways to stay connected, share experience and keep learning.<\/p>\n  <\/header>\n  <div class=\"fab-grid\">\n    <article class=\"fab-card fab-featured\" data-reveal>\n      <div class=\"fab-top\"><span class=\"fab-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"5\" r=\"2.5\"\/><circle cx=\"5\" cy=\"18\" r=\"2.5\"\/><circle cx=\"19\" cy=\"18\" r=\"2.5\"\/><path d=\"M11 7.3L6.2 15.8M13 7.3l4.8 8.5M7.5 18h9\"\/><\/svg><\/span><span class=\"fab-number\">01<\/span><\/div>\n      <h3>Career contacts across the sector<\/h3><p>Connect with alumni in fisheries agencies, hatcheries, export companies and research stations to seek advice, exchange experience or build professional connections.<\/p>\n    <\/article>\n    <article class=\"fab-card\" data-reveal>\n      <div class=\"fab-top\"><span class=\"fab-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><circle cx=\"9\" cy=\"8\" r=\"3.2\"\/><path d=\"M3 20c0-3.2 2.6-5.5 6-5.5s6 2.3 6 5.5\"\/><circle cx=\"17.5\" cy=\"8.5\" r=\"2.5\"\/><path d=\"M15.5 14.2c2.6.4 4.5 2.3 4.5 5.3\"\/><\/svg><\/span><span class=\"fab-number\">02<\/span><\/div>\n      <h3>Mentoring from fellow alumni<\/h3><p>Recent graduates can connect with experienced alumni for guidance, career insights and practical advice, with goals agreed by both participants.<\/p>\n    <\/article>\n    <article class=\"fab-card\" data-reveal>\n      <div class=\"fab-top\"><span class=\"fab-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M9 3h6M10 3v6.5L4.6 18.2A2 2 0 006.3 21h11.4a2 2 0 001.7-2.8L14 9.5V3M7.5 15h9\"\/><\/svg><\/span><span class=\"fab-number\">03<\/span><\/div>\n      <h3>Research and field collaboration<\/h3><p>Explore opportunities to collaborate on research, share field experience and contribute to student learning alongside department staff.<\/p>\n    <\/article>\n    <article class=\"fab-card fab-wide\" data-reveal>\n      <div class=\"fab-top\"><span class=\"fab-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 6c-2-1.5-5-2-9-2v14c4 0 7 .5 9 2 2-1.5 5-2 9-2V4c-4 0-7 .5-9 2zM12 6v14\"\/><\/svg><\/span><span class=\"fab-number\">04<\/span><\/div>\n      <h3>Short courses and library access<\/h3><p>Stay up to date through relevant short courses and explore available library resources. Confirm any course discounts and database access with the department before publishing.<\/p>\n    <\/article>\n  <\/div>\n  <div class=\"fab-cta\" data-reveal><span class=\"fab-free\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"m5 12.5 4.5 4.5L19 7.5\"\/><\/svg>Free for every graduate<\/span><a class=\"fab-button\" href=\"#fa-join\">Join the alumni network <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14m-6-6 6 6-6 6\"\/><\/svg><\/a><\/div>\n<\/div>\n<script>\n(function(){\n  var root=document.getElementById('fa-alumni-benefits');\n  if(!root||!('IntersectionObserver' in window))return;\n  if(window.matchMedia&&window.matchMedia('(prefers-reduced-motion: reduce)').matches)return;\n  var items=root.querySelectorAll('[data-reveal]');root.classList.add('fab-js');\n  var observer=new IntersectionObserver(function(entries){entries.forEach(function(entry){if(!entry.isIntersecting)return;var index=Array.prototype.indexOf.call(items,entry.target);entry.target.style.transitionDelay=(index%4)*80+'ms';entry.target.classList.add('fab-visible');observer.unobserve(entry.target);});},{threshold:.12});\n  items.forEach(function(item){observer.observe(item);});\n})();\n<\/script>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bbb0ca2 e-flex e-con-boxed e-con e-parent\" data-id=\"bbb0ca2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-087bdce elementor-widget elementor-widget-html\" data-id=\"087bdce\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Alumni Directory | Paste the entire file into an Elementor HTML widget.\n     Styles\/scripts are scoped to this section to avoid conflicts with the Hero and Benefits sections.\n     Replace all sample alumni with real profiles shared with their permission, and update links. -->\n<section id=\"fa-alumni-directory\" aria-labelledby=\"fad-title\">\n<style>\n#fa-alumni-directory{--fad-navy:#12335c;--fad-deep:#0a1f3a;--fad-blue:#2563eb;--fad-pale:#eaf1fd;--fad-bg:#f7f9fc;--fad-ink:#173451;--fad-muted:#64748b;--fad-line:#e3eaf3;width:100%;background:var(--fad-bg);color:var(--fad-ink);font:15px\/1.65 Arial,Helvetica,sans-serif;isolation:isolate}\n#fa-alumni-directory,#fa-alumni-directory * ,#fa-alumni-directory *:before,#fa-alumni-directory *:after{box-sizing:border-box}\n#fa-alumni-directory .fad-inner{max-width:1240px;margin:auto;padding:clamp(42px,6vw,76px) clamp(16px,3vw,28px) clamp(54px,7vw,84px)}\n#fa-alumni-directory h2,#fa-alumni-directory h3{margin:0;font-family:inherit;font-weight:800;line-height:1.2;letter-spacing:-.025em}\n#fa-alumni-directory h2{margin-top:16px;color:var(--fad-navy);font-size:clamp(28px,3.3vw,39px)}\n#fa-alumni-directory h3{color:var(--fad-navy)}#fa-alumni-directory p{margin:0}\n#fa-alumni-directory .fad-eyebrow{display:inline-flex;align-items:center;gap:9px;padding:7px 14px;border:1px solid #d8e5fb;border-radius:999px;background:#edf3ff;color:var(--fad-blue);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}\n#fa-alumni-directory .fad-dot{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px #2563eb18}\n#fa-alumni-directory .fad-lede{max-width:68ch;margin-top:13px;color:var(--fad-muted);font-size:15px;line-height:1.75}\n#fa-alumni-directory .fad-panel{margin-top:30px;padding:clamp(16px,2.4vw,26px);border:1px solid var(--fad-line);border-radius:20px;background:#fff;box-shadow:0 8px 28px #12335c0a}\n#fa-alumni-directory .fad-search{position:relative}\n#fa-alumni-directory .fad-search svg{position:absolute;top:50%;left:17px;width:20px;height:20px;transform:translateY(-50%);fill:none;stroke:#8b9bb0;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}\n#fa-alumni-directory .fad-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}\n#fa-alumni-directory .fad-input{width:100%;height:54px;padding:0 18px 0 49px;border:1px solid var(--fad-line);border-radius:12px;background:#f8fafc;color:var(--fad-navy);font:inherit;font-size:15px;transition:border-color .2s,box-shadow .2s,background .2s}\n#fa-alumni-directory .fad-input::placeholder{color:#94a3b8}#fa-alumni-directory .fad-input:focus{outline:none;border-color:var(--fad-blue);background:#fff;box-shadow:0 0 0 3px #2563eb20}\n#fa-alumni-directory .fad-filters{display:grid;gap:19px;margin-top:23px}\n#fa-alumni-directory .fad-group{display:grid;grid-template-columns:112px minmax(0,1fr);gap:12px;align-items:start}\n#fa-alumni-directory .fad-legend{padding-top:8px;color:#8493a7;font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}\n#fa-alumni-directory .fad-chips{display:flex;flex-wrap:wrap;gap:8px}\n#fa-alumni-directory .fad-chip{position:relative;display:inline-flex;cursor:pointer}\n#fa-alumni-directory .fad-chip input{position:absolute;width:1px;height:1px;opacity:0}\n#fa-alumni-directory .fad-chip span{display:inline-flex;min-height:36px;align-items:center;padding:7px 14px;border:1px solid var(--fad-line);border-radius:999px;background:#fff;color:var(--fad-muted);font-size:12.5px;font-weight:700;transition:background .18s,color .18s,border-color .18s}\n#fa-alumni-directory .fad-chip:hover span{border-color:#b9cef2;color:var(--fad-navy)}\n#fa-alumni-directory .fad-chip input:checked+span{border-color:var(--fad-blue);background:var(--fad-blue);color:#fff}\n#fa-alumni-directory .fad-chip input:focus-visible+span{outline:3px solid #7aa7ff;outline-offset:3px}\n#fa-alumni-directory .fad-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin:27px 0 16px}\n#fa-alumni-directory .fad-count{color:var(--fad-muted);font-size:13.5px}#fa-alumni-directory .fad-count strong{color:var(--fad-navy)}\n#fa-alumni-directory .fad-clear{padding:8px 14px;border:1px solid var(--fad-line);border-radius:999px;background:#fff;color:var(--fad-blue);font:inherit;font-size:12.5px;font-weight:800;cursor:pointer;transition:background .2s,border-color .2s}\n#fa-alumni-directory .fad-clear:hover{border-color:#b9cef2;background:var(--fad-pale)}#fa-alumni-directory .fad-clear[hidden],#fa-alumni-directory .fad-card[hidden],#fa-alumni-directory .fad-empty[hidden]{display:none!important}\n#fa-alumni-directory .fad-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}\n#fa-alumni-directory .fad-card{--fad-tag:#2563eb;--fad-tag-bg:#eaf1fd;display:flex;min-width:0;flex-direction:column;padding:23px;border:1px solid var(--fad-line);border-radius:17px;background:#fff;box-shadow:0 3px 12px #12335c05;transition:transform .22s,box-shadow .22s,border-color .22s}\n#fa-alumni-directory .fad-card:hover{transform:translateY(-4px);border-color:#bfd2f3;box-shadow:0 14px 30px #12335c12}\n#fa-alumni-directory .fad-card[data-field=\"management\"]{--fad-tag:#16734b;--fad-tag-bg:#e9f8ef}#fa-alumni-directory .fad-card[data-field=\"ecology\"]{--fad-tag:#0b7274;--fad-tag-bg:#e1f5f4}#fa-alumni-directory .fad-card[data-field=\"postharvest\"]{--fad-tag:#a65a0a;--fad-tag-bg:#fff2df}\n#fa-alumni-directory .fad-person{display:flex;align-items:center;gap:15px;min-width:0}\n#fa-alumni-directory .fad-avatar{display:flex;width:56px;height:56px;flex:0 0 56px;align-items:center;justify-content:center;border:3px solid #fff;border-radius:50%;background:linear-gradient(135deg,#12335c,#3979df);box-shadow:0 0 0 1px #dce6f5;color:#fff;font-size:15px;font-weight:800;letter-spacing:.03em}\n#fa-alumni-directory .fad-person-info{min-width:0}#fa-alumni-directory .fad-card h3{font-size:17px;overflow-wrap:anywhere}\n#fa-alumni-directory .fad-year{margin-top:4px;color:#8a99ac;font-size:12.5px}\n#fa-alumni-directory .fad-role{flex:1;margin-top:20px;color:#344e69;font-size:14px;font-weight:600;line-height:1.65}\n#fa-alumni-directory .fad-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-top:20px;padding-top:16px;border-top:1px solid #edf1f6}\n#fa-alumni-directory .fad-tag{display:inline-flex;max-width:100%;padding:5px 11px;border-radius:999px;background:var(--fad-tag-bg);color:var(--fad-tag);font-size:11.5px;font-weight:800;line-height:1.4}\n#fa-alumni-directory .fad-link{display:inline-flex;align-items:center;gap:7px;color:var(--fad-blue);font-size:12.5px;font-weight:800;text-decoration:none}\n#fa-alumni-directory .fad-link svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}\n#fa-alumni-directory .fad-link:hover{text-decoration:underline;text-underline-offset:3px}\n#fa-alumni-directory .fad-empty{padding:42px 22px;border:1px dashed #cbd5e1;border-radius:18px;background:#fff;text-align:center}\n#fa-alumni-directory .fad-empty-icon{display:flex;width:54px;height:54px;align-items:center;justify-content:center;margin:0 auto 14px;border-radius:15px;background:var(--fad-pale);color:var(--fad-blue)}\n#fa-alumni-directory .fad-empty-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}\n#fa-alumni-directory .fad-empty strong{display:block;margin-bottom:6px;color:var(--fad-navy);font-size:17px}#fa-alumni-directory .fad-empty p{color:var(--fad-muted);font-size:14px}\n#fa-alumni-directory .fad-empty .fad-clear{margin-top:15px}\n#fa-alumni-directory .fad-cta{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px 26px;margin-top:38px;padding:clamp(24px,3vw,34px);overflow:hidden;border-radius:19px;background:linear-gradient(135deg,#173e6b,#0a1f3a);color:#fff}\n#fa-alumni-directory .fad-cta:before{position:absolute;top:-95px;right:-35px;width:270px;height:270px;border:1px solid #ffffff18;border-radius:50%;background:radial-gradient(circle,#60a5fa45,transparent 68%);content:\"\";pointer-events:none}\n#fa-alumni-directory .fad-cta-copy,#fa-alumni-directory .fad-cta-link{position:relative}\n#fa-alumni-directory .fad-cta h3{color:#fff;font-size:clamp(20px,2.2vw,24px)}#fa-alumni-directory .fad-cta p{max-width:54ch;margin-top:7px;color:#ffffffd6;font-size:14px}\n#fa-alumni-directory .fad-cta-link{display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:9px;padding:12px 19px;border:1px solid #fff;border-radius:10px;background:#fff;color:var(--fad-navy);font-size:13.5px;font-weight:800;text-decoration:none;transition:transform .2s,background .2s}\n#fa-alumni-directory .fad-cta-link:hover{transform:translateY(-2px);background:#eaf1fd}\n#fa-alumni-directory .fad-cta-link svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}\n#fa-alumni-directory a:focus-visible,#fa-alumni-directory button:focus-visible{outline:3px solid #7aa7ff;outline-offset:3px}\n@media(max-width:980px){#fa-alumni-directory .fad-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}\n@media(max-width:640px){#fa-alumni-directory .fad-inner{padding:42px 16px 54px}#fa-alumni-directory .fad-group{grid-template-columns:1fr;gap:7px}#fa-alumni-directory .fad-legend{padding-top:0}#fa-alumni-directory .fad-grid{grid-template-columns:minmax(0,1fr);gap:13px}#fa-alumni-directory .fad-card{padding:21px;border-radius:15px}#fa-alumni-directory .fad-cta{align-items:stretch;flex-direction:column}#fa-alumni-directory .fad-cta-link{width:100%}}\n@media(prefers-reduced-motion:reduce){#fa-alumni-directory *,#fa-alumni-directory *:before,#fa-alumni-directory *:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}\n<\/style>\n<div class=\"fad-inner\">\n  <header>\n    <span class=\"fad-eyebrow\"><span class=\"fad-dot\" aria-hidden=\"true\"><\/span>Alumni Directory<\/span>\n    <h2 id=\"fad-title\">Find an alumnus<\/h2>\n    <p class=\"fad-lede\">Search by name, employer or job title, or filter by graduation period and field. Only alumni who have agreed to be listed should appear here.<\/p>\n  <\/header>\n  <form class=\"fad-panel\" role=\"search\" aria-label=\"Search alumni\">\n    <div class=\"fad-search\"><label for=\"fad-q\" class=\"fad-sr\">Search by name, employer or job title<\/label><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><path d=\"m20 20-3.5-3.5\"\/><\/svg><input class=\"fad-input\" id=\"fad-q\" name=\"q\" type=\"search\" placeholder=\"Search by name, employer or job title\" autocomplete=\"off\"><\/div>\n    <div class=\"fad-filters\">\n      <div class=\"fad-group\" role=\"group\" aria-labelledby=\"fad-period-label\"><span class=\"fad-legend\" id=\"fad-period-label\">Graduation<\/span><div class=\"fad-chips\">\n        <label class=\"fad-chip\"><input type=\"radio\" name=\"period\" value=\"\" checked><span>Any year<\/span><\/label><label class=\"fad-chip\"><input type=\"radio\" name=\"period\" value=\"2020s\"><span>2020\u20132026<\/span><\/label><label class=\"fad-chip\"><input type=\"radio\" name=\"period\" value=\"2010s\"><span>2010\u20132019<\/span><\/label><label class=\"fad-chip\"><input type=\"radio\" name=\"period\" value=\"2000s\"><span>2009 or earlier<\/span><\/label>\n      <\/div><\/div>\n      <div class=\"fad-group\" role=\"group\" aria-labelledby=\"fad-field-label\"><span class=\"fad-legend\" id=\"fad-field-label\">Field<\/span><div class=\"fad-chips\">\n        <label class=\"fad-chip\"><input type=\"radio\" name=\"field\" value=\"\" checked><span>All fields<\/span><\/label><label class=\"fad-chip\"><input type=\"radio\" name=\"field\" value=\"aquaculture\"><span>Aquaculture<\/span><\/label><label class=\"fad-chip\"><input type=\"radio\" name=\"field\" value=\"management\"><span>Fisheries management<\/span><\/label><label class=\"fad-chip\"><input type=\"radio\" name=\"field\" value=\"ecology\"><span>Aquatic ecology<\/span><\/label><label class=\"fad-chip\"><input type=\"radio\" name=\"field\" value=\"postharvest\"><span>Post-harvest and processing<\/span><\/label>\n      <\/div><\/div>\n    <\/div>\n  <\/form>\n  <div class=\"fad-bar\"><p class=\"fad-count\" aria-live=\"polite\"><\/p><button class=\"fad-clear\" type=\"button\" hidden>Clear filters<\/button><\/div>\n  <div class=\"fad-grid\">\n    <!-- SAMPLE PROFILE: replace with verified, consented alumni data and real profile URLs. -->\n    <article class=\"fad-card\" data-period=\"2020s\" data-field=\"aquaculture\"><div class=\"fad-person\"><span class=\"fad-avatar\" aria-hidden=\"true\">AR<\/span><div class=\"fad-person-info\"><h3>Ayesha Rahman<\/h3><p class=\"fad-year\">Class of 2021<\/p><\/div><\/div><p class=\"fad-role\">Hatchery Manager, Blue Delta Aquaculture<\/p><div class=\"fad-foot\"><span class=\"fad-tag\">Aquaculture<\/span><a class=\"fad-link\" href=\"#\" aria-label=\"Connect with Ayesha Rahman on LinkedIn\">LinkedIn <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M7 17 17 7M8 7h9v9\"\/><\/svg><\/a><\/div><\/article>\n    <article class=\"fad-card\" data-period=\"2010s\" data-field=\"management\"><div class=\"fad-person\"><span class=\"fad-avatar\" aria-hidden=\"true\">KF<\/span><div class=\"fad-person-info\"><h3>Kasun Fernando<\/h3><p class=\"fad-year\">Class of 2016<\/p><\/div><\/div><p class=\"fad-role\">Senior Fisheries Officer, National Fisheries Agency<\/p><div class=\"fad-foot\"><span class=\"fad-tag\">Fisheries management<\/span><a class=\"fad-link\" href=\"#\" aria-label=\"Connect with Kasun Fernando on LinkedIn\">LinkedIn <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M7 17 17 7M8 7h9v9\"\/><\/svg><\/a><\/div><\/article>\n    <article class=\"fad-card\" data-period=\"2000s\" data-field=\"ecology\"><div class=\"fad-person\"><span class=\"fad-avatar\" aria-hidden=\"true\">MS<\/span><div class=\"fad-person-info\"><h3>Maria Santos<\/h3><p class=\"fad-year\">Class of 2009<\/p><\/div><\/div><p class=\"fad-role\">Research Scientist, Coastal Ecology Institute<\/p><div class=\"fad-foot\"><span class=\"fad-tag\">Aquatic ecology<\/span><a class=\"fad-link\" href=\"#\" aria-label=\"Connect with Maria Santos on LinkedIn\">LinkedIn <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M7 17 17 7M8 7h9v9\"\/><\/svg><\/a><\/div><\/article>\n    <article class=\"fad-card\" data-period=\"2010s\" data-field=\"postharvest\"><div class=\"fad-person\"><span class=\"fad-avatar\" aria-hidden=\"true\">TH<\/span><div class=\"fad-person-info\"><h3>Tariq Hussain<\/h3><p class=\"fad-year\">Class of 2013<\/p><\/div><\/div><p class=\"fad-role\">Quality Assurance Lead, Oceanic Seafoods Ltd<\/p><div class=\"fad-foot\"><span class=\"fad-tag\">Post-harvest and processing<\/span><a class=\"fad-link\" href=\"#\" aria-label=\"Connect with Tariq Hussain on LinkedIn\">LinkedIn <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M7 17 17 7M8 7h9v9\"\/><\/svg><\/a><\/div><\/article>\n    <article class=\"fad-card\" data-period=\"2020s\" data-field=\"aquaculture\"><div class=\"fad-person\"><span class=\"fad-avatar\" aria-hidden=\"true\">LT<\/span><div class=\"fad-person-info\"><h3>Linh Tran<\/h3><p class=\"fad-year\">Class of 2023<\/p><\/div><\/div><p class=\"fad-role\">PhD Candidate, University of Queensland<\/p><div class=\"fad-foot\"><span class=\"fad-tag\">Aquaculture<\/span><a class=\"fad-link\" href=\"#\" aria-label=\"Connect with Linh Tran on LinkedIn\">LinkedIn <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M7 17 17 7M8 7h9v9\"\/><\/svg><\/a><\/div><\/article>\n    <article class=\"fad-card\" data-period=\"2000s\" data-field=\"management\"><div class=\"fad-person\"><span class=\"fad-avatar\" aria-hidden=\"true\">SM<\/span><div class=\"fad-person-info\"><h3>Samuel Mensah<\/h3><p class=\"fad-year\">Class of 2005<\/p><\/div><\/div><p class=\"fad-role\">Programme Coordinator, Regional Fisheries Commission<\/p><div class=\"fad-foot\"><span class=\"fad-tag\">Fisheries management<\/span><a class=\"fad-link\" href=\"#\" aria-label=\"Connect with Samuel Mensah on LinkedIn\">LinkedIn <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M7 17 17 7M8 7h9v9\"\/><\/svg><\/a><\/div><\/article>\n  <\/div>\n  <div class=\"fad-empty\" hidden><div class=\"fad-empty-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><path d=\"m20 20-3.5-3.5M8.5 11h5\"\/><\/svg><\/div><strong>No alumni match your search<\/strong><p>Clear a filter or try a shorter search term.<\/p><button class=\"fad-clear\" type=\"button\">Clear filters<\/button><\/div>\n  <div class=\"fad-cta\"><div class=\"fad-cta-copy\"><h3>Not listed yet?<\/h3><p>Add your profile so classmates, students and employers can find you.<\/p><\/div><a class=\"fad-cta-link\" href=\"#fa-join\">Add your own profile <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14m-6-6 6 6-6 6\"\/><\/svg><\/a><\/div>\n<\/div>\n<script>\n(function(){\n  var root=document.getElementById('fa-alumni-directory');if(!root)return;\n  var form=root.querySelector('form'),q=root.querySelector('[name=\"q\"]'),cards=Array.prototype.slice.call(root.querySelectorAll('.fad-card'));\n  var empty=root.querySelector('.fad-empty'),count=root.querySelector('.fad-count'),clearButtons=root.querySelectorAll('.fad-clear'),barClear=root.querySelector('.fad-bar .fad-clear');\n  function selected(name){var radio=form.querySelector('[name=\"'+name+'\"]:checked');return radio?radio.value:'';}\n  function update(){\n    var term=q.value.trim().toLocaleLowerCase(),period=selected('period'),field=selected('field'),visible=0;\n    cards.forEach(function(card){var matchText=!term||card.textContent.toLocaleLowerCase().indexOf(term)!==-1;var matchPeriod=!period||card.getAttribute('data-period')===period;var matchField=!field||card.getAttribute('data-field')===field;var show=matchText&&matchPeriod&&matchField;card.hidden=!show;if(show)visible++;});\n    empty.hidden=visible!==0;count.textContent='';var strong=document.createElement('strong');strong.textContent=visible;count.appendChild(document.createTextNode('Showing '));count.appendChild(strong);count.appendChild(document.createTextNode(' of '+cards.length+' alumni'));\n    barClear.hidden=!(term||period||field);\n  }\n  function reset(){q.value='';Array.prototype.forEach.call(form.querySelectorAll('input[type=\"radio\"]'),function(radio){if(radio.value==='')radio.checked=true;});update();q.focus();}\n  form.addEventListener('input',update);form.addEventListener('change',update);form.addEventListener('submit',function(event){event.preventDefault();});\n  Array.prototype.forEach.call(clearButtons,function(button){button.addEventListener('click',reset);});update();\n})();\n<\/script>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a58c75b e-flex e-con-boxed e-con e-parent\" data-id=\"a58c75b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ab0ff06 elementor-widget elementor-widget-html\" data-id=\"ab0ff06\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,700&family=Source+Sans+3:wght@400;600;700&display=swap');\n\n\/* Alumni Stories \u2014 all styles are scoped to this section *\/\n#fa-alumni-stories {\n  --fas-deep: #0a1f3a;\n  --fas-tide: #2563eb;\n  --fas-foam: #d8e5fb;\n  --fas-mist: #f7f9fc;\n  --fas-buoy: #2563eb;\n  --fas-ink: #173451;\n  --fas-muted: #607086;\n  --fas-line: #e3eaf3;\n  width: 100%;\n  color: var(--fas-ink);\n  background: var(--fas-mist);\n  font-family: 'Source Sans 3', system-ui, -apple-system, 'Segoe UI', sans-serif;\n  font-size: 17px;\n  line-height: 1.6;\n}\n#fa-alumni-stories,\n#fa-alumni-stories *,\n#fa-alumni-stories *::before,\n#fa-alumni-stories *::after { box-sizing: border-box; }\n#fa-alumni-stories h2,\n#fa-alumni-stories h3 {\n  margin: 0;\n  color: var(--fas-deep);\n  font-family: 'Bricolage Grotesque', 'Segoe UI', system-ui, sans-serif;\n  font-weight: 700;\n  line-height: 1.15;\n  letter-spacing: -.015em;\n}\n#fa-alumni-stories h2 { font-size: clamp(1.8rem, 3.2vw, 2.45rem); }\n#fa-alumni-stories h3 { font-size: 1.28rem; }\n#fa-alumni-stories p { margin: 0; }\n#fa-alumni-stories a { color: var(--fas-tide); }\n#fa-alumni-stories a:focus-visible {\n  outline: 3px solid var(--fas-tide);\n  outline-offset: 4px;\n  border-radius: 3px;\n}\n#fa-alumni-stories .fas-inner { max-width: 1140px; margin: 0 auto; padding: 72px 24px; }\n#fa-alumni-stories .fas-lede { max-width: 62ch; margin-top: 12px; color: var(--fas-muted); }\n#fa-alumni-stories .fas-grid {\n  display: grid;\n  grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);\n  gap: 24px;\n  margin-top: 36px;\n  align-items: stretch;\n}\n#fa-alumni-stories .fas-story {\n  display: flex;\n  min-width: 0;\n  flex-direction: column;\n  overflow: hidden;\n  background: #fff;\n  border: 1px solid var(--fas-line);\n  border-radius: 10px;\n  box-shadow: 0 4px 14px rgba(10, 31, 58, .06);\n}\n#fa-alumni-stories .fas-story--lead { grid-row: span 2; }\n#fa-alumni-stories .fas-photo {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  aspect-ratio: 16 \/ 9;\n  overflow: hidden;\n  background: linear-gradient(145deg, var(--fas-foam), #93c5fd);\n  color: var(--fas-deep);\n  font-size: .95rem;\n  font-weight: 700;\n}\n#fa-alumni-stories .fas-photo img {\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n#fa-alumni-stories .fas-story--lead .fas-photo { aspect-ratio: 4 \/ 3; }\n#fa-alumni-stories .fas-story--lead .fas-content { flex: 1; }\n#fa-alumni-stories .fas-content {\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 12px;\n  padding: 24px;\n}\n#fa-alumni-stories .fas-meta {\n  color: var(--fas-tide);\n  font-size: .9rem;\n  font-weight: 700;\n  letter-spacing: .025em;\n}\n#fa-alumni-stories .fas-description { color: var(--fas-muted); }\n#fa-alumni-stories .fas-read-link {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  margin-top: auto;\n  padding-top: 6px;\n  font-weight: 700;\n  text-decoration: none;\n}\n#fa-alumni-stories .fas-read-link:hover { text-decoration: underline; text-underline-offset: 4px; }\n#fa-alumni-stories .fas-read-link span { transition: transform .18s ease; }\n#fa-alumni-stories .fas-read-link:hover span { transform: translateX(3px); }\n#fa-alumni-stories .fas-story--lead h3 { font-size: clamp(1.45rem, 2.4vw, 1.8rem); }\n#fa-alumni-stories .fas-more { margin-top: 32px; text-align: center; }\n#fa-alumni-stories .fas-button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 48px;\n  padding: 12px 22px;\n  border: 2px solid var(--fas-tide);\n  border-radius: 6px;\n  background: transparent;\n  color: var(--fas-tide);\n  font: inherit;\n  font-weight: 700;\n  line-height: 1.25;\n  text-decoration: none;\n  transition: background-color .18s ease, color .18s ease;\n}\n#fa-alumni-stories .fas-button:hover { background: var(--fas-tide); color: #fff; }\n@media (max-width: 860px) {\n  #fa-alumni-stories .fas-inner { padding: 56px 20px; }\n  #fa-alumni-stories .fas-grid { grid-template-columns: minmax(0, 1fr); gap: 20px; }\n  #fa-alumni-stories .fas-story--lead { grid-row: auto; }\n  #fa-alumni-stories .fas-story--lead .fas-photo { aspect-ratio: 16 \/ 9; }\n}\n@media (max-width: 480px) {\n  #fa-alumni-stories { font-size: 16px; }\n  #fa-alumni-stories .fas-inner { padding: 44px 16px; }\n  #fa-alumni-stories .fas-content { padding: 20px; }\n}\n@media (prefers-reduced-motion: reduce) {\n  #fa-alumni-stories *, #fa-alumni-stories *::before, #fa-alumni-stories *::after { transition: none !important; }\n}\n<\/style>\n\n<section id=\"fa-alumni-stories\" aria-labelledby=\"fa-alumni-stories-title\">\n  <div class=\"fas-inner\">\n    <h2 id=\"fa-alumni-stories-title\">Alumni stories<\/h2>\n    <p class=\"fas-lede\">Graduates share what they do today and the advice they would give to students just beginning their journey.<\/p>\n\n    <div class=\"fas-grid\">\n      <article class=\"fas-story fas-story--lead\">\n        <!-- Replace this placeholder with an approved image, for example:\n        <div class=\"fas-photo\"><img decoding=\"async\" src=\"YOUR-PHOTO-URL\" alt=\"Ayesha Rahman at the hatchery\"><\/div>\n        -->\n        <div class=\"fas-photo\" aria-label=\"Photo placeholder\">Add alumni photo<\/div>\n        <div class=\"fas-content\">\n          <p class=\"fas-meta\">Class of 2021 \u00b7 Aquaculture<\/p>\n          <h3>From thesis project to running a 12-pond hatchery<\/h3>\n          <p class=\"fas-description\">Ayesha developed a larval-rearing method for her final-year project and later adapted it for a commercial hatchery supplying farms across three districts.<\/p>\n          <a class=\"fas-read-link\" href=\"#fa-alumni-story-ayesha\">Read Ayesha\u2019s story <span aria-hidden=\"true\">\u2192<\/span><\/a>\n        <\/div>\n      <\/article>\n\n      <article class=\"fas-story\">\n        <div class=\"fas-photo\" aria-label=\"Photo placeholder\">Add alumni photo<\/div>\n        <div class=\"fas-content\">\n          <p class=\"fas-meta\">Class of 2016 \u00b7 Fisheries Management<\/p>\n          <h3>Helping shape coastal fisheries monitoring<\/h3>\n          <p class=\"fas-description\">Kasun shares how field-survey skills from his degree helped him contribute to a landing-site monitoring programme.<\/p>\n          <a class=\"fas-read-link\" href=\"#fa-alumni-story-kasun\">Read Kasun\u2019s story <span aria-hidden=\"true\">\u2192<\/span><\/a>\n        <\/div>\n      <\/article>\n\n      <article class=\"fas-story\">\n        <div class=\"fas-photo\" aria-label=\"Photo placeholder\">Add alumni photo<\/div>\n        <div class=\"fas-content\">\n          <p class=\"fas-meta\">Class of 2009 \u00b7 Aquatic Ecology<\/p>\n          <h3>Studying how mangroves support local fish stocks<\/h3>\n          <p class=\"fas-description\">Maria describes her research into how restored mangrove habitats can provide nursery grounds for juvenile fish.<\/p>\n          <a class=\"fas-read-link\" href=\"#fa-alumni-story-maria\">Read Maria\u2019s story <span aria-hidden=\"true\">\u2192<\/span><\/a>\n        <\/div>\n      <\/article>\n    <\/div>\n\n    <p class=\"fas-more\"><a class=\"fas-button\" href=\"#fa-contact\">Share your story <span aria-hidden=\"true\">\u2192<\/span><\/a><\/p>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5d13788 e-flex e-con-boxed e-con e-parent\" data-id=\"5d13788\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-38fec03 elementor-widget elementor-widget-html\" data-id=\"38fec03\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Archivo:wght@700;800&family=Source+Sans+3:wght@400;600;700&display=swap');\r\n\r\n#fa-give{\r\n  background:linear-gradient(145deg,#17407a 0%,#0f2a55 55%,#0b1f40 100%) !important;\r\n  color:#fff !important;\r\n  font-family:'Source Sans 3',system-ui,-apple-system,'Segoe UI',sans-serif !important;\r\n  font-size:20px !important;\r\n  line-height:1.6 !important;\r\n  width:100%;\r\n  box-sizing:border-box;\r\n}\r\n#fa-give *,#fa-give *::before,#fa-give *::after{box-sizing:border-box}\r\n\r\n#fa-give .in{\r\n  max-width:1280px !important;\r\n  margin:0 auto !important;\r\n  padding:104px 32px !important;\r\n}\r\n\r\n\/* Headings *\/\r\n#fa-give h2{\r\n  font-family:'Archivo','Source Sans 3',sans-serif !important;\r\n  font-weight:800 !important;\r\n  font-size:clamp(2.4rem,4.6vw,3.6rem) !important;\r\n  line-height:1.1 !important;\r\n  letter-spacing:-.02em !important;\r\n  color:#ffffff !important;\r\n  margin:0 !important;\r\n}\r\n#fa-give .lede{\r\n  font-family:'Source Sans 3',sans-serif !important;\r\n  font-weight:400 !important;\r\n  font-size:1.4rem !important;\r\n  line-height:1.6 !important;\r\n  color:#cfdcf5 !important;\r\n  max-width:60ch !important;\r\n  margin:18px 0 0 !important;\r\n}\r\n\r\n\/* Columns *\/\r\n#fa-give .cols{\r\n  display:grid !important;\r\n  grid-template-columns:repeat(4,1fr) !important;\r\n  margin-top:64px !important;\r\n  border-top:3px solid #2563eb !important;\r\n}\r\n#fa-give .cols > div{\r\n  display:flex !important;\r\n  flex-direction:column !important;\r\n  gap:16px !important;\r\n  padding:40px 28px 0 0 !important;\r\n}\r\n#fa-give .cols > div + div{\r\n  padding-left:28px !important;\r\n  border-left:1px solid rgba(156,192,255,.28) !important;\r\n}\r\n#fa-give .cols h3{\r\n  font-family:'Archivo','Source Sans 3',sans-serif !important;\r\n  font-weight:800 !important;\r\n  font-size:1.75rem !important;\r\n  line-height:1.2 !important;\r\n  letter-spacing:-.01em !important;\r\n  color:#ffffff !important;\r\n  margin:0 !important;\r\n}\r\n#fa-give .cols p{\r\n  font-family:'Source Sans 3',sans-serif !important;\r\n  font-weight:400 !important;\r\n  font-size:1.25rem !important;\r\n  line-height:1.65 !important;\r\n  color:#cfdcf5 !important;\r\n  margin:0 !important;\r\n}\r\n#fa-give .cols a{\r\n  margin-top:auto !important;\r\n  padding-top:14px !important;\r\n  font-family:'Source Sans 3',sans-serif !important;\r\n  font-weight:700 !important;\r\n  font-size:1.3rem !important;\r\n  color:#9cc0ff !important;\r\n  text-decoration:none !important;\r\n  display:inline-flex !important;\r\n  align-items:center !important;\r\n  gap:10px !important;\r\n}\r\n#fa-give .cols a::after{content:\"\u2192\";transition:transform .2s ease}\r\n#fa-give .cols a:hover{color:#ffffff !important;text-decoration:underline !important;text-underline-offset:5px}\r\n#fa-give .cols a:hover::after{transform:translateX(4px)}\r\n#fa-give a:focus-visible{outline:3px solid #9cc0ff;outline-offset:3px;border-radius:4px}\r\n\r\n\/* Responsive *\/\r\n@media (max-width:1100px){\r\n  #fa-give .cols{grid-template-columns:1fr 1fr !important}\r\n  #fa-give .cols > div,\r\n  #fa-give .cols > div + div{padding:34px 28px 12px 0 !important;border-left:0 !important}\r\n}\r\n@media (max-width:560px){\r\n  #fa-give .in{padding:64px 20px !important}\r\n  #fa-give .cols{grid-template-columns:1fr !important}\r\n  #fa-give h2{font-size:2.2rem !important}\r\n  #fa-give .lede{font-size:1.2rem !important}\r\n  #fa-give .cols h3{font-size:1.5rem !important}\r\n  #fa-give .cols p{font-size:1.15rem !important}\r\n  #fa-give .cols a{font-size:1.2rem !important}\r\n}\r\n@media (prefers-reduced-motion:reduce){#fa-give *{transition:none !important}}\r\n<\/style>\r\n\r\n<section id=\"fa-give\" aria-labelledby=\"fa-gb-title\">\r\n  <div class=\"in\">\r\n    <h2 id=\"fa-gb-title\">Help the next group of students<\/h2>\r\n    <p class=\"lede\">Pick the way that fits your time. Each one takes less than an hour to set up.<\/p>\r\n    <div class=\"cols\">\r\n      <div><h3>Mentor a student<\/h3><p>Meet one student once a month for six months and share how you entered the sector.<\/p><a href=\"#fa-join\">Volunteer as a mentor<\/a><\/div>\r\n      <div><h3>Offer an internship<\/h3><p>Host a final-year student for four to twelve weeks at your farm, lab or office.<\/p><a href=\"#fa-join\">Offer a placement<\/a><\/div>\r\n      <div><h3>Give a guest lecture<\/h3><p>Teach one session on your area of work, in person or online.<\/p><a href=\"#fa-join\">Offer a session<\/a><\/div>\r\n      <div><h3>Support a scholarship<\/h3><p>Contributions go to fees and field costs for students who need them.<\/p><a href=\"#fa-contact\">Ask about giving<\/a><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8882218 e-flex e-con-boxed e-con e-parent\" data-id=\"8882218\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-83ec619 elementor-widget elementor-widget-html\" data-id=\"83ec619\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Archivo:wght@700;800&family=Source+Sans+3:wght@400;600;700&display=swap');\r\n\r\n#fa-join{\r\n  background:#f7f8fc !important;\r\n  color:#0f2a55 !important;\r\n  font-family:'Source Sans 3',system-ui,-apple-system,'Segoe UI',sans-serif !important;\r\n  font-size:20px !important;\r\n  line-height:1.6 !important;\r\n  width:100%;\r\n  box-sizing:border-box;\r\n}\r\n#fa-join *,#fa-join *::before,#fa-join *::after{box-sizing:border-box}\r\n\r\n#fa-join .in{\r\n  max-width:1280px !important;\r\n  margin:0 auto !important;\r\n  padding:104px 32px !important;\r\n  display:grid !important;\r\n  grid-template-columns:5fr 7fr !important;\r\n  gap:64px !important;\r\n  align-items:start !important;\r\n}\r\n\r\n\/* ---------- Intro ---------- *\/\r\n#fa-join .pill{\r\n  display:inline-flex;align-items:center;gap:10px;\r\n  padding:8px 18px;border-radius:999px;\r\n  background:#e8efff;color:#2563eb;\r\n  font-size:.85rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;\r\n  margin-bottom:22px;\r\n}\r\n#fa-join .pill i{width:9px;height:9px;border-radius:50%;background:#2563eb}\r\n#fa-join h2{\r\n  font-family:'Archivo','Source Sans 3',sans-serif !important;\r\n  font-weight:800 !important;\r\n  font-size:clamp(2.4rem,4.4vw,3.5rem) !important;\r\n  line-height:1.1 !important;\r\n  letter-spacing:-.02em !important;\r\n  color:#0f2a55 !important;\r\n  margin:0 !important;\r\n}\r\n#fa-join .lede{\r\n  font-weight:400 !important;\r\n  font-size:1.35rem !important;\r\n  line-height:1.6 !important;\r\n  color:#5b6577 !important;\r\n  max-width:42ch !important;\r\n  margin:20px 0 0 !important;\r\n}\r\n#fa-join .points{list-style:none;margin:32px 0 0;padding:0;display:grid;gap:14px}\r\n#fa-join .points li{\r\n  display:flex;align-items:center;gap:14px;\r\n  font-size:1.15rem;font-weight:600;color:#0f2a55;\r\n}\r\n#fa-join .points span{\r\n  flex:none;width:36px;height:36px;border-radius:50%;\r\n  background:#e8efff;color:#2563eb;display:grid;place-items:center;\r\n}\r\n#fa-join .points svg{width:18px;height:18px}\r\n\r\n\/* ---------- Form card ---------- *\/\r\n#fa-join .form{\r\n  display:grid !important;\r\n  gap:24px !important;\r\n  padding:44px !important;\r\n  background:#fff !important;\r\n  border:1px solid #e3e8f2 !important;\r\n  border-radius:28px !important;\r\n  box-shadow:0 24px 60px -30px rgba(15,42,85,.28) !important;\r\n}\r\n#fa-join .row2{display:grid;grid-template-columns:1fr 1fr;gap:24px}\r\n#fa-join label{\r\n  display:block !important;\r\n  font-weight:700 !important;\r\n  font-size:1.05rem !important;\r\n  margin:0 0 8px !important;\r\n  color:#0f2a55 !important;\r\n}\r\n#fa-join input[type=text],\r\n#fa-join input[type=email],\r\n#fa-join select{\r\n  width:100% !important;\r\n  height:56px !important;\r\n  padding:0 16px !important;\r\n  font-family:inherit !important;\r\n  font-size:1.1rem !important;\r\n  color:#0f2a55 !important;\r\n  background:#f7f8fc !important;\r\n  border:1.5px solid #d5ddee !important;\r\n  border-radius:14px !important;\r\n  box-shadow:none !important;\r\n  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;\r\n}\r\n#fa-join select{\r\n  appearance:none !important;-webkit-appearance:none !important;\r\n  padding-right:44px !important;\r\n  background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'\/%3E%3C\/svg%3E\") !important;\r\n  background-repeat:no-repeat !important;\r\n  background-position:right 14px center !important;\r\n}\r\n#fa-join input[type=text]:hover,\r\n#fa-join input[type=email]:hover,\r\n#fa-join select:hover{border-color:#a9bde8 !important}\r\n#fa-join input[type=text]:focus,\r\n#fa-join input[type=email]:focus,\r\n#fa-join select:focus{\r\n  outline:none !important;\r\n  background-color:#fff !important;\r\n  border-color:#2563eb !important;\r\n  box-shadow:0 0 0 4px rgba(37,99,235,.16) !important;\r\n}\r\n\r\n#fa-join fieldset{\r\n  border:1.5px solid #e3e8f2 !important;\r\n  border-radius:18px !important;\r\n  padding:22px 24px 14px !important;\r\n  margin:0 !important;\r\n  background:#fafbfe !important;\r\n}\r\n#fa-join legend{\r\n  padding:0 10px !important;\r\n  font-weight:700 !important;\r\n  font-size:1.05rem !important;\r\n  color:#0f2a55 !important;\r\n}\r\n#fa-join .chk{\r\n  display:flex !important;gap:14px !important;align-items:center !important;\r\n  font-weight:400 !important;font-size:1.1rem !important;\r\n  margin:0 0 12px !important;color:#2b3a55 !important;cursor:pointer;\r\n}\r\n#fa-join .chk input{\r\n  flex:none;width:22px !important;height:22px !important;margin:0 !important;\r\n  accent-color:#2563eb;cursor:pointer;\r\n}\r\n#fa-join > .in > form > label.chk{\r\n  padding:18px 20px !important;margin:0 !important;\r\n  background:#e8efff !important;border-radius:14px !important;\r\n  color:#0f2a55 !important;font-weight:600 !important;\r\n}\r\n\r\n#fa-join .btn{\r\n  justify-self:start !important;\r\n  display:inline-flex !important;align-items:center !important;gap:12px !important;\r\n  padding:18px 34px !important;\r\n  font-family:inherit !important;font-weight:700 !important;font-size:1.2rem !important;line-height:1.2 !important;\r\n  color:#fff !important;background:#2563eb !important;\r\n  border:0 !important;border-radius:14px !important;cursor:pointer;\r\n  box-shadow:0 14px 28px -14px rgba(37,99,235,.7) !important;\r\n  transition:background .2s ease,transform .2s ease;\r\n}\r\n#fa-join .btn::after{content:\"\u2192\";transition:transform .2s ease}\r\n#fa-join .btn:hover{background:#1d4fd0 !important;transform:translateY(-2px)}\r\n#fa-join .btn:hover::after{transform:translateX(4px)}\r\n\r\n#fa-join .ok{\r\n  margin:0 !important;padding:18px 20px !important;\r\n  background:#e7f6ee !important;color:#0b6b3a !important;\r\n  border-radius:14px !important;font-size:1.1rem !important;font-weight:600 !important;\r\n}\r\n#fa-join .ok[hidden]{display:none !important}\r\n\r\n#fa-join :focus-visible{outline:3px solid #2563eb;outline-offset:3px}\r\n\r\n\/* ---------- Responsive ---------- *\/\r\n@media (max-width:1000px){\r\n  #fa-join .in{grid-template-columns:1fr !important;gap:40px !important;padding:80px 24px !important}\r\n  #fa-join .lede{max-width:56ch !important}\r\n}\r\n@media (max-width:620px){\r\n  #fa-join .in{padding:60px 18px !important}\r\n  #fa-join h2{font-size:2.3rem !important}\r\n  #fa-join .lede{font-size:1.2rem !important}\r\n  #fa-join .form{padding:26px 20px !important;border-radius:22px !important}\r\n  #fa-join .row2{grid-template-columns:1fr}\r\n  #fa-join .btn{justify-self:stretch !important;justify-content:center !important}\r\n}\r\n@media (prefers-reduced-motion:reduce){#fa-join *{transition:none !important}}\r\n<\/style>\r\n\r\n<section id=\"fa-join\" aria-labelledby=\"fa-jn-title\">\r\n  <div class=\"in\">\r\n    <div class=\"intro\">\r\n      <span class=\"pill\"><i><\/i>Alumni network<\/span>\r\n      <h2 id=\"fa-jn-title\">Join the alumni network<\/h2>\r\n      <p class=\"lede\">Tell us where you are now. It takes about two minutes. We only list you in the directory if you tick the box.<\/p>\r\n      <ul class=\"points\">\r\n        <li><span aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12.5l4.5 4.5L19 7.5\"\/><\/svg><\/span>About two minutes to complete<\/li>\r\n        <li><span aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12.5l4.5 4.5L19 7.5\"\/><\/svg><\/span>Listed in the directory only if you tick the box<\/li>\r\n      <\/ul>\r\n    <\/div>\r\n\r\n    <!-- NOTE: This is a front-end demo. For real submissions, replace this whole <form> with your form-plugin shortcode\r\n         (Contact Form 7, WPForms, Fluent Forms) using the same fields, or set the action attribute to your form endpoint. -->\r\n    <form class=\"form\" action=\"#\" method=\"post\" novalidate>\r\n      <div class=\"row2\">\r\n        <div><label for=\"fa-name\">Full name<\/label><input id=\"fa-name\" name=\"name\" type=\"text\" required autocomplete=\"name\"><\/div>\r\n        <div><label for=\"fa-email\">Email address<\/label><input id=\"fa-email\" name=\"email\" type=\"email\" required autocomplete=\"email\"><\/div>\r\n      <\/div>\r\n      <div class=\"row2\">\r\n        <div><label for=\"fa-yr\">Year of graduation<\/label><select id=\"fa-yr\" name=\"year\" required><option value=\"\">Select year<\/option><option>2026<\/option><option>2025<\/option><option>2024<\/option><option>2023<\/option><option>2022<\/option><option>2021<\/option><option>2020<\/option><option>2019<\/option><option>2018<\/option><option>2017<\/option><option>2016<\/option><option>2015<\/option><option>2014<\/option><option>2013<\/option><option>2012<\/option><option>2011<\/option><option>2010<\/option><option>2009<\/option><option>2008<\/option><option>2007<\/option><option>2006<\/option><option>2005<\/option><option>2004<\/option><option>2003<\/option><option>2002<\/option><option>2001<\/option><option>2000<\/option><option>1999<\/option><option>1998<\/option><option>1997<\/option><option>1996<\/option><option>1995<\/option><option>1994<\/option><option>1993<\/option><option>1992<\/option><option>1991<\/option><option>1990<\/option><\/select><\/div>\r\n        <div><label for=\"fa-prog\">Programme<\/label><select id=\"fa-prog\" name=\"programme\" required><option value=\"\">Select programme<\/option><option>BSc<\/option><option>MSc<\/option><option>MPhil<\/option><option>PhD<\/option><\/select><\/div>\r\n      <\/div>\r\n      <div class=\"row2\">\r\n        <div><label for=\"fa-job\">Current job title<\/label><input id=\"fa-job\" name=\"job\" type=\"text\" autocomplete=\"organization-title\"><\/div>\r\n        <div><label for=\"fa-org\">Employer or institution<\/label><input id=\"fa-org\" name=\"org\" type=\"text\" autocomplete=\"organization\"><\/div>\r\n      <\/div>\r\n      <div><label for=\"fa-country\">Country<\/label><input id=\"fa-country\" name=\"country\" type=\"text\" autocomplete=\"country-name\"><\/div>\r\n      <fieldset><legend>I can help students by<\/legend>\r\n        <label class=\"chk\"><input type=\"checkbox\" name=\"help\" value=\"mentor\"> Mentoring<\/label>\r\n        <label class=\"chk\"><input type=\"checkbox\" name=\"help\" value=\"internship\"> Hosting an internship<\/label>\r\n        <label class=\"chk\"><input type=\"checkbox\" name=\"help\" value=\"lecture\"> Giving a guest lecture<\/label>\r\n      <\/fieldset>\r\n      <label class=\"chk\"><input type=\"checkbox\" name=\"listed\" value=\"yes\"> List my name, job and employer in the public alumni directory<\/label>\r\n      <button class=\"btn btn-solid\" type=\"submit\">Join the network<\/button>\r\n      <p class=\"ok\" role=\"status\" hidden>Thank you. We have received your details and will email you a confirmation.<\/p>\r\n    <\/form>\r\n  <\/div>\r\n<\/section>\r\n<script>\r\n(function(){\r\n  var s=document.getElementById('fa-join'); if(!s) return;\r\n  var f=s.querySelector('form'), ok=s.querySelector('.ok');\r\n  f.addEventListener('submit',function(e){\r\n    e.preventDefault();\r\n    if(!f.checkValidity()){f.reportValidity();return;}\r\n    \/* Demo only: connect to your form plugin or endpoint here. *\/\r\n    ok.hidden=false; f.reset();\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-62d6a71 e-flex e-con-boxed e-con e-parent\" data-id=\"62d6a71\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0ab1516 elementor-widget elementor-widget-html\" data-id=\"0ab1516\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Archivo:wght@700;800&family=Source+Sans+3:wght@400;600;700&display=swap');\r\n\r\n#fa-contact{\r\n  background:#ffffff !important;\r\n  color:#0f2a55 !important;\r\n  font-family:'Source Sans 3',system-ui,-apple-system,'Segoe UI',sans-serif !important;\r\n  font-size:20px !important;\r\n  line-height:1.6 !important;\r\n  width:100%;\r\n  box-sizing:border-box;\r\n}\r\n#fa-contact *,#fa-contact *::before,#fa-contact *::after{box-sizing:border-box}\r\n\r\n#fa-contact .in{\r\n  max-width:1280px !important;\r\n  margin:0 auto !important;\r\n  padding:104px 32px !important;\r\n  display:grid !important;\r\n  grid-template-columns:5fr 7fr !important;\r\n  gap:64px !important;\r\n  align-items:start !important;\r\n}\r\n\r\n\/* ---------- Intro ---------- *\/\r\n#fa-contact .pill{\r\n  display:inline-flex;align-items:center;gap:10px;\r\n  padding:8px 18px;border-radius:999px;\r\n  background:#e8efff;color:#2563eb;\r\n  font-size:.85rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;\r\n  margin-bottom:22px;\r\n}\r\n#fa-contact .pill i{width:9px;height:9px;border-radius:50%;background:#2563eb}\r\n#fa-contact h2{\r\n  font-family:'Archivo','Source Sans 3',sans-serif !important;\r\n  font-weight:800 !important;\r\n  font-size:clamp(2.4rem,4.4vw,3.5rem) !important;\r\n  line-height:1.1 !important;\r\n  letter-spacing:-.02em !important;\r\n  color:#0f2a55 !important;\r\n  margin:0 !important;\r\n}\r\n#fa-contact .lede{\r\n  font-weight:400 !important;\r\n  font-size:1.35rem !important;\r\n  line-height:1.6 !important;\r\n  color:#5b6577 !important;\r\n  max-width:40ch !important;\r\n  margin:20px 0 0 !important;\r\n}\r\n\r\n\/* ---------- Details card ---------- *\/\r\n#fa-contact .details{\r\n  margin:0 !important;\r\n  padding:12px 40px !important;\r\n  display:grid !important;\r\n  gap:0 !important;\r\n  background:#f7f8fc !important;\r\n  border:1px solid #e3e8f2 !important;\r\n  border-radius:28px !important;\r\n  box-shadow:0 24px 60px -34px rgba(15,42,85,.28) !important;\r\n}\r\n#fa-contact .details > div{\r\n  display:grid !important;\r\n  grid-template-columns:56px 120px 1fr !important;\r\n  gap:20px !important;\r\n  align-items:center !important;\r\n  padding:28px 0 !important;\r\n  border-bottom:1px solid #e3e8f2 !important;\r\n}\r\n#fa-contact .details > div:last-child{border-bottom:0 !important}\r\n\r\n#fa-contact .ico{\r\n  width:56px;height:56px;border-radius:16px;\r\n  background:#e8efff;color:#2563eb;\r\n  display:grid;place-items:center;\r\n}\r\n#fa-contact .ico svg{width:26px;height:26px}\r\n\r\n#fa-contact dt{\r\n  margin:0 !important;\r\n  font-family:'Archivo','Source Sans 3',sans-serif !important;\r\n  font-weight:800 !important;\r\n  font-size:1.15rem !important;\r\n  letter-spacing:-.01em !important;\r\n  color:#0f2a55 !important;\r\n}\r\n#fa-contact dd{\r\n  margin:0 !important;\r\n  font-size:1.25rem !important;\r\n  line-height:1.55 !important;\r\n  color:#2b3a55 !important;\r\n}\r\n#fa-contact dd a{\r\n  color:#2563eb !important;\r\n  font-weight:700 !important;\r\n  text-decoration:none !important;\r\n  word-break:break-word;\r\n  border-bottom:2px solid transparent;\r\n  transition:border-color .2s ease,color .2s ease;\r\n}\r\n#fa-contact dd a:hover{color:#1d4fd0 !important;border-bottom-color:#2563eb}\r\n#fa-contact :focus-visible{outline:3px solid #2563eb;outline-offset:3px;border-radius:4px}\r\n\r\n\/* ---------- Responsive ---------- *\/\r\n@media (max-width:1000px){\r\n  #fa-contact .in{grid-template-columns:1fr !important;gap:40px !important;padding:80px 24px !important}\r\n  #fa-contact .lede{max-width:56ch !important}\r\n}\r\n@media (max-width:620px){\r\n  #fa-contact .in{padding:60px 18px !important}\r\n  #fa-contact h2{font-size:2.3rem !important}\r\n  #fa-contact .lede{font-size:1.2rem !important}\r\n  #fa-contact .details{padding:6px 22px !important;border-radius:22px !important}\r\n  #fa-contact .details > div{grid-template-columns:48px 1fr !important;gap:6px 16px !important;padding:22px 0 !important}\r\n  #fa-contact .ico{grid-row:span 2;width:48px;height:48px}\r\n  #fa-contact dd{font-size:1.15rem !important}\r\n}\r\n@media (prefers-reduced-motion:reduce){#fa-contact *{transition:none !important}}\r\n<\/style>\r\n\r\n<section id=\"fa-contact\" aria-labelledby=\"fa-ct-title\">\r\n  <div class=\"in\">\r\n    <div>\r\n      <span class=\"pill\"><i><\/i>Contact<\/span>\r\n      <h2 id=\"fa-ct-title\">Talk to the alumni coordinator<\/h2>\r\n      <p class=\"lede\">Send news, a story idea, a change of address, or a question about giving. We reply within three working days.<\/p>\r\n    <\/div>\r\n    <dl class=\"details\">\r\n      <div>\r\n        <span class=\"ico\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2.5\"\/><path d=\"M3.5 7.5l8.5 6 8.5-6\"\/><\/svg><\/span>\r\n        <dt>Email<\/dt>\r\n        <dd><a href=\"mailto:alumni@yourdepartment.edu\">alumni@yourdepartment.edu<\/a><\/dd>\r\n      <\/div>\r\n      <div>\r\n        <span class=\"ico\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 4h4l2 5-2.5 1.5a11 11 0 0 0 5 5L15 13l5 2v4a2 2 0 0 1-2 2A15 15 0 0 1 3 6a2 2 0 0 1 2-2z\"\/><\/svg><\/span>\r\n        <dt>Phone<\/dt>\r\n        <dd><a href=\"tel:+0000000000\">+00 000 000 000<\/a><\/dd>\r\n      <\/div>\r\n      <div>\r\n        <span class=\"ico\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 21s-7-5.2-7-11a7 7 0 0 1 14 0c0 5.8-7 11-7 11z\"\/><circle cx=\"12\" cy=\"10\" r=\"2.6\"\/><\/svg><\/span>\r\n        <dt>Office<\/dt>\r\n        <dd>Department of Fisheries, Room 000<br>Monday to Friday, 9:00 to 16:00<\/dd>\r\n      <\/div>\r\n      <div>\r\n        <span class=\"ico\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"9\" cy=\"8\" r=\"3.2\"\/><path d=\"M3 20c0-3.3 2.7-6 6-6s6 2.7 6 6\"\/><circle cx=\"17.5\" cy=\"9\" r=\"2.4\"\/><path d=\"M16.5 14.2c2.6.2 4.5 2.2 4.5 4.8\"\/><\/svg><\/span>\r\n        <dt>Follow<\/dt>\r\n        <dd><a href=\"#\">LinkedIn group<\/a> and <a href=\"#\">Facebook page<\/a><\/dd>\r\n      <\/div>\r\n    <\/dl>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Alumni Network Wherever your career took you, this is still your department. Reconnect with classmates, mentor current students, and tell us what you are working on now. Join the alumni network Find an alumnus Alumni Spotlight \u201cThe department gave me the foundation and the network. Today I help train the next generation of fisheries scientists.\u201d [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ocean_front_end_style_editor":"no","ocean_post_layout":"","ocean_both_sidebars_style":"","ocean_both_sidebars_content_width":0,"ocean_both_sidebars_sidebars_width":0,"ocean_sidebar":"","ocean_second_sidebar":"","ocean_disable_margins":"enable","ocean_add_body_class":"","ocean_shortcode_before_top_bar":"","ocean_shortcode_after_top_bar":"","ocean_shortcode_before_header":"","ocean_shortcode_after_header":"","ocean_has_shortcode":"","ocean_shortcode_after_title":"","ocean_shortcode_before_footer_widgets":"","ocean_shortcode_after_footer_widgets":"","ocean_shortcode_before_footer_bottom":"","ocean_shortcode_after_footer_bottom":"","ocean_display_top_bar":"default","ocean_display_header":"default","ocean_header_style":"","ocean_center_header_left_menu":"","ocean_custom_header_template":"","ocean_custom_logo":0,"ocean_custom_retina_logo":0,"ocean_custom_logo_max_width":0,"ocean_custom_logo_tablet_max_width":0,"ocean_custom_logo_mobile_max_width":0,"ocean_custom_logo_max_height":0,"ocean_custom_logo_tablet_max_height":0,"ocean_custom_logo_mobile_max_height":0,"ocean_header_custom_menu":"","ocean_menu_typo_font_family":"","ocean_menu_typo_font_subset":"","ocean_menu_typo_font_size":0,"ocean_menu_typo_font_size_tablet":0,"ocean_menu_typo_font_size_mobile":0,"ocean_menu_typo_font_size_unit":"px","ocean_menu_typo_font_weight":"","ocean_menu_typo_font_weight_tablet":"","ocean_menu_typo_font_weight_mobile":"","ocean_menu_typo_transform":"","ocean_menu_typo_transform_tablet":"","ocean_menu_typo_transform_mobile":"","ocean_menu_typo_line_height":0,"ocean_menu_typo_line_height_tablet":0,"ocean_menu_typo_line_height_mobile":0,"ocean_menu_typo_line_height_unit":"","ocean_menu_typo_spacing":0,"ocean_menu_typo_spacing_tablet":0,"ocean_menu_typo_spacing_mobile":0,"ocean_menu_typo_spacing_unit":"","ocean_menu_link_color":"","ocean_menu_link_color_hover":"","ocean_menu_link_color_active":"","ocean_menu_link_background":"","ocean_menu_link_hover_background":"","ocean_menu_link_active_background":"","ocean_menu_social_links_bg":"","ocean_menu_social_hover_links_bg":"","ocean_menu_social_links_color":"","ocean_menu_social_hover_links_color":"","ocean_disable_title":"default","ocean_disable_heading":"default","ocean_post_title":"","ocean_post_subheading":"","ocean_post_title_style":"","ocean_post_title_background_color":"","ocean_post_title_background":0,"ocean_post_title_bg_image_position":"","ocean_post_title_bg_image_attachment":"","ocean_post_title_bg_image_repeat":"","ocean_post_title_bg_image_size":"","ocean_post_title_height":0,"ocean_post_title_bg_overlay":0.5,"ocean_post_title_bg_overlay_color":"","ocean_disable_breadcrumbs":"default","ocean_breadcrumbs_color":"","ocean_breadcrumbs_separator_color":"","ocean_breadcrumbs_links_color":"","ocean_breadcrumbs_links_hover_color":"","ocean_display_footer_widgets":"default","ocean_display_footer_bottom":"default","ocean_custom_footer_template":"","footnotes":""},"class_list":["post-153","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/fsc.jfn.ac.lk\/index.php\/wp-json\/wp\/v2\/pages\/153","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fsc.jfn.ac.lk\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fsc.jfn.ac.lk\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fsc.jfn.ac.lk\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fsc.jfn.ac.lk\/index.php\/wp-json\/wp\/v2\/comments?post=153"}],"version-history":[{"count":10,"href":"https:\/\/fsc.jfn.ac.lk\/index.php\/wp-json\/wp\/v2\/pages\/153\/revisions"}],"predecessor-version":[{"id":1237,"href":"https:\/\/fsc.jfn.ac.lk\/index.php\/wp-json\/wp\/v2\/pages\/153\/revisions\/1237"}],"wp:attachment":[{"href":"https:\/\/fsc.jfn.ac.lk\/index.php\/wp-json\/wp\/v2\/media?parent=153"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}