{"id":466,"date":"2025-11-20T05:07:46","date_gmt":"2025-11-20T05:07:46","guid":{"rendered":"https:\/\/ctd.cst.edu.bt\/?page_id=466"},"modified":"2026-08-12T07:24:22","modified_gmt":"2026-08-12T07:24:22","slug":"home","status":"publish","type":"page","link":"https:\/\/ctd.cst.edu.bt\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"466\" class=\"elementor elementor-466\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-94c87c9 e-con-full e-flex e-con e-parent\" data-id=\"94c87c9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8b59819 elementor-widget elementor-widget-html\" data-id=\"8b59819\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n.tc-hero-v2 {\n  --tc-primary:        #1F3C7D;\n  --tc-primary-light:  #2f56a3;\n  --tc-primary-xlight: #e8eef7;\n  --tc-primary-dark:   #162c5a;\n  --tc-accent:         #F8B500;\n  --tc-accent-light:   #fff3cc;\n  --tc-accent-dark:    #c98f00;\n  --tc-white:          #ffffff;\n  --tc-gray-50:        #f8f9fb;\n  --tc-gray-100:       #f0f2f6;\n  --tc-gray-200:       #e2e6ee;\n  --tc-gray-400:       #9aa3b5;\n  --tc-gray-600:       #5a6278;\n  --tc-gray-800:       #2d3348;\n  --tc-shadow-sm:      0 2px 8px rgba(31,60,125,0.08);\n  --tc-shadow-md:      0 4px 20px rgba(31,60,125,0.13);\n  --tc-shadow-lg:      0 8px 40px rgba(31,60,125,0.18);\n  --tc-radius-sm:      8px;\n  --tc-radius-md:      12px;\n  --tc-radius-lg:      16px;\n  --tc-font:           'Poppins', sans-serif;\n  \/* Bump this if a sticky header or the WP admin bar overlaps the hero *\/\n  --tc-header-offset:  0px;\n  \/* ---- HERO BACKGROUND IMAGE ----\n     Swap the URL below to change the photo.\n     The gradient on top keeps the white text readable \u2014 raise the alpha\n     values (e.g. 0.94 -> 0.97) to darken, lower them to show more photo. *\/\n  --tc-hero-image:     url('https:\/\/ctd.cst.edu.bt\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-08-12-at-13.14.09.jpeg');\n  --tc-hero-scrim:     linear-gradient(105deg,\n                         rgba(22,44,90,0.95) 0%,\n                         rgba(22,44,90,0.88) 42%,\n                         rgba(22,44,90,0.62) 78%,\n                         rgba(22,44,90,0.50) 100%);\n  font-family: var(--tc-font);\n  color: var(--tc-gray-800);\n  box-sizing: border-box;\n  position: relative;\n  overflow: hidden;\n  background-color: var(--tc-primary-dark);\n  background-image: var(--tc-hero-scrim), var(--tc-hero-image);\n  background-repeat: no-repeat, no-repeat;\n  background-position: center center, center center;\n  background-size: cover, cover;\n  height: calc(95vh - var(--tc-header-offset));\n  height: calc(95dvh - var(--tc-header-offset));\n  min-height: 560px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 3vh 6vw;\n}\n.tc-hero-v2 * {font-family: var(--tc-font);},\n.tc-hero-v2 *::before,\n.tc-hero-v2 *::after { box-sizing: border-box; }\n\/* Oversized ghost logo \u2014 quiet brand texture, bottom-right *\/\n.tc-hero-v2 .ghost-mark {\n  position: absolute; z-index: 0; right: -2%; bottom: -8%;\n  width: clamp(180px, 30vh, 420px); height: auto; display: block;\n  opacity: 0.10;\n  \/* Renders the logo as a flat white silhouette so it reads as texture.\n     DELETE the next line if you want the logo in its original colours. *\/\n  filter: brightness(0) invert(1);\n  pointer-events: none; user-select: none;\n}\n.tc-hero-v2 .hero-inner {\n  position: relative; z-index: 2; width: 100%; max-width: 1240px; margin: 0 auto;\n  transform-origin: center center;\n  transition: transform 0.2s ease;\n}\n.tc-hero-v2 .hero-top {\n  display: flex; align-items: center; padding-bottom: 16px;\n  border-bottom: 1px solid rgba(255,255,255,0.14); margin-bottom: 26px;\n  opacity: 0; animation: tcFadeUp 0.6s cubic-bezier(0.16,1,0.3,1) 0.05s forwards;\n}\n.tc-hero-v2 .eyebrow {\n  display: inline-flex; align-items: center; gap: 12px;\n  font-size: 13px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase;\n  color: rgba(255,255,255,0.68);\n}\n.tc-hero-v2 .eyebrow-dash { width: 26px; height: 2px; background: var(--tc-accent); display: inline-block; }\n.tc-hero-v2 .hero-main {\n  display: grid; grid-template-columns: 1.3fr 1fr; gap: 40px; align-items: start;\n}\n.tc-hero-v2 .hero-title {\n  font-size: clamp(1.9rem, 4.4vw, 3.4rem); font-weight: 700; line-height: 1.1; letter-spacing: -0.01em;\n  color: var(--tc-white); margin: 0;\n  opacity: 0; animation: tcFadeUp 0.7s cubic-bezier(0.16,1,0.3,1) 0.2s forwards;\n}\n.tc-hero-v2 .hero-title .accent-outline { color: var(--tc-white); }\n@supports (-webkit-text-stroke: 1px black) {\n  .tc-hero-v2 .hero-title .accent-outline {\n    color: transparent;\n    -webkit-text-stroke: 1.5px var(--tc-accent);\n  }\n}\n.tc-hero-v2 .hero-tagline {\n  font-size: 0.98rem; line-height: 1.65; color: rgba(255,255,255,0.72);\n  max-width: 420px; margin: 0 0 22px;\n  opacity: 0; animation: tcFadeUp 0.7s cubic-bezier(0.16,1,0.3,1) 0.35s forwards;\n}\n.tc-hero-v2 .hero-tagline .accent-word { color: var(--tc-accent); font-weight: 600; }\n.tc-hero-v2 .hero-cta-group {\n  display: flex; gap: 16px; flex-wrap: wrap; margin-bottom: 26px;\n  opacity: 0; animation: tcFadeUp 0.7s cubic-bezier(0.16,1,0.3,1) 0.5s forwards;\n}\n.tc-hero-v2 .cta-primary {\n  position: relative; overflow: hidden; z-index: 0;\n  display: inline-flex; align-items: center; justify-content: center;\n  border: 1px solid var(--tc-accent); border-radius: 2px;\n  padding: 13px 26px; min-height: 46px; min-width: 168px;\n  font-family: var(--tc-font); font-weight: 600; font-size: 14px; text-decoration: none;\n  color: var(--tc-white);\n}\n.tc-hero-v2 .cta-primary span { position: relative; z-index: 2; transition: color 0.35s ease; }\n.tc-hero-v2 .cta-primary::before {\n  content: \"\"; position: absolute; inset: 0; z-index: 1;\n  background: var(--tc-accent); transform: scaleX(0); transform-origin: left;\n  transition: transform 0.4s cubic-bezier(0.65,0,0.35,1);\n}\n.tc-hero-v2 .cta-primary:hover::before { transform: scaleX(1); }\n.tc-hero-v2 .cta-primary:hover span { color: var(--tc-primary-dark); }\n.tc-hero-v2 .cta-secondary {\n  display: inline-flex; align-items: center; gap: 8px;\n  font-family: var(--tc-font); font-weight: 600; font-size: 14px; text-decoration: none;\n  color: rgba(255,255,255,0.85); min-height: 46px;\n  padding-bottom: 4px; border-bottom: 1px solid rgba(255,255,255,0.32);\n  transition: border-color 0.3s, color 0.3s;\n}\n.tc-hero-v2 .cta-secondary:hover { color: var(--tc-white); border-color: var(--tc-white); }\n.tc-hero-v2 .cta-secondary svg { transition: transform 0.3s; }\n.tc-hero-v2 .cta-secondary:hover svg { transform: translateX(4px); }\n.tc-hero-v2 .hero-visual {\n  max-width: 220px;\n  opacity: 0; animation: tcFadeUp 0.7s cubic-bezier(0.16,1,0.3,1) 0.65s forwards;\n}\n.tc-hero-v2 .frame { position: relative; border: 1px solid rgba(255,255,255,0.16); padding: 18px; }\n.tc-hero-v2 .frame-corner { position: absolute; width: 12px; height: 12px; }\n.tc-hero-v2 .frame-corner.tl { top: -1px; left: -1px; border-top: 1.5px solid var(--tc-accent); border-left: 1.5px solid var(--tc-accent); }\n.tc-hero-v2 .frame-corner.tr { top: -1px; right: -1px; border-top: 1.5px solid var(--tc-accent); border-right: 1.5px solid var(--tc-accent); }\n.tc-hero-v2 .frame-corner.bl { bottom: -1px; left: -1px; border-bottom: 1.5px solid var(--tc-accent); border-left: 1.5px solid var(--tc-accent); }\n.tc-hero-v2 .frame-corner.br { bottom: -1px; right: -1px; border-bottom: 1.5px solid var(--tc-accent); border-right: 1.5px solid var(--tc-accent); }\n.tc-hero-v2 .network { width: 100%; height: auto; display: block; }\n.tc-hero-v2 .frame-caption {\n  margin: 10px 0 0; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase;\n  color: rgba(255,255,255,0.5);\n}\n.tc-hero-v2 .hero-stats {\n  margin-top: 28px; padding-top: 18px; border-top: 1px solid rgba(255,255,255,0.16);\n  opacity: 0; animation: tcFadeUp 0.7s cubic-bezier(0.16,1,0.3,1) 0.8s forwards;\n}\n.tc-hero-v2 .stats-title {\n  display: block; margin-bottom: 16px;\n  font-size: 12px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase;\n  color: rgba(255,255,255,0.5);\n}\n.tc-hero-v2 .stats-row { display: grid; grid-template-columns: repeat(3, 1fr); }\n.tc-hero-v2 .stat-col { padding: 0 24px; border-left: 1px solid rgba(255,255,255,0.14); }\n.tc-hero-v2 .stat-col:first-child { padding-left: 0; border-left: none; }\n.tc-hero-v2 .stat-col:last-child { padding-right: 0; }\n.tc-hero-v2 .stat-index {\n  display: block; margin-bottom: 8px;\n  font-size: 11px; font-weight: 600; letter-spacing: 0.08em; color: var(--tc-accent);\n}\n.tc-hero-v2 .stat-number {\n  display: block; font-size: clamp(1.6rem, 2.6vw, 2.4rem); font-weight: 700; line-height: 1;\n  color: var(--tc-white); font-variant-numeric: tabular-nums;\n  transition: color 0.4s ease;\n}\n.tc-hero-v2 .stat-number.is-counting { color: var(--tc-accent); }\n.tc-hero-v2 .stat-number.did-count { animation: tcCountPop 0.45s ease; }\n@keyframes tcCountPop {\n  0%   { transform: scale(1); }\n  45%  { transform: scale(1.1); }\n  100% { transform: scale(1); }\n}\n.tc-hero-v2 .stat-label {\n  display: block; margin-top: 8px; font-size: 12px; letter-spacing: 0.05em; text-transform: uppercase;\n  color: rgba(255,255,255,0.58);\n}\n@keyframes tcFadeUp { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: translateY(0); } }\n\/* Tablet *\/\n@media (max-width: 1024px) {\n  .tc-hero-v2 { padding: 2.5vh 5vw; }\n  .tc-hero-v2 .hero-main { grid-template-columns: 1fr; gap: 22px; }\n  .tc-hero-v2 .hero-tagline { max-width: 100%; }\n  .tc-hero-v2 .hero-visual { display: none; }\n}\n\/* Mobile *\/\n@media (max-width: 767px) {\n  .tc-hero-v2 {\n    padding: 2vh 20px;\n    \/* Photo detail is lost at phone widths \u2014 darken a touch for legibility *\/\n    background-image: linear-gradient(180deg, rgba(22,44,90,0.94) 0%, rgba(22,44,90,0.90) 100%), var(--tc-hero-image);\n  }\n  .tc-hero-v2 .hero-top { margin-bottom: 18px; }\n  .tc-hero-v2 .hero-cta-group { flex-direction: column; align-items: stretch; margin-bottom: 20px; }\n  .tc-hero-v2 .cta-primary, .tc-hero-v2 .cta-secondary { justify-content: center; }\n  .tc-hero-v2 .hero-stats { margin-top: 20px; padding-top: 14px; }\n  .tc-hero-v2 .stat-col { padding: 0 10px; }\n  .tc-hero-v2 .stat-col:first-child { padding-left: 0; }\n  .tc-hero-v2 .ghost-mark { width: 62vw; opacity: 0.07; }\n}\n@media (prefers-reduced-motion: reduce) {\n  .tc-hero-v2 .hero-top,\n  .tc-hero-v2 .hero-title,\n  .tc-hero-v2 .hero-tagline,\n  .tc-hero-v2 .hero-cta-group,\n  .tc-hero-v2 .hero-visual,\n  .tc-hero-v2 .hero-stats { animation: none; opacity: 1; transform: none; }\n}\n<\/style>\n<section class=\"tc-hero-v2\">\n  <!-- CTD LOGO WATERMARK: replace the src below with your uploaded CTD logo\n       (Media Library > select logo > copy File URL). PNG or SVG with a\n       transparent background works best. -->\n  <img decoding=\"async\" class=\"ghost-mark\" src=\"https:\/\/ctd.cst.edu.bt\/wp-content\/uploads\/REPLACE-WITH-CTD-LOGO.png\" alt=\"\" aria-hidden=\"true\">\n  <div class=\"hero-inner\">\n    <!--<div class=\"hero-top\">-->\n    <!--  <span class=\"eyebrow\"><span class=\"eyebrow-dash\"><\/span>College of Science and Technology<\/span>-->\n    <!--<\/div>-->\n    <div class=\"hero-main\">\n      <div class=\"hero-col-left\">\n        <h1 class=\"hero-title\">\n          Computing Technologies<br>\n          <span class=\"accent-outline\">Department<\/span>\n        <\/h1>\n      <\/div>\n      <div class=\"hero-col-right\">\n        <p class=\"hero-tagline\">\n          Where imagination meets implementation.<br>\n          We don't just teach technologies \u2014 we produce those who build what's <span class=\"accent-word\">NEXT<\/span>.\n        <\/p>\n        <div class=\"hero-cta-group\">\n          <a href=\"https:\/\/ctd.cst.edu.bt\/?page_id=3322\" class=\"cta-primary\"><span>Explore Programs<\/span><\/a>\n          <a href=\"https:\/\/ctd.cst.edu.bt\/?page_id=1849\" class=\"cta-secondary\">\n            Meet Our Faculty\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\n          <\/a>\n        <\/div>\n    <!--    <div class=\"hero-visual\">-->\n    <!--      <div class=\"frame\">-->\n    <!--        <span class=\"frame-corner tl\"><\/span>-->\n    <!--        <span class=\"frame-corner tr\"><\/span>-->\n    <!--        <span class=\"frame-corner bl\"><\/span>-->\n    <!--        <span class=\"frame-corner br\"><\/span>-->\n    <!--        <svg class=\"network\" viewBox=\"0 0 300 300\" aria-hidden=\"true\">-->\n    <!--          <line x1=\"150\" y1=\"150\" x2=\"260\" y2=\"150\" stroke=\"rgba(255,255,255,0.22)\" stroke-width=\"1\"><\/line>-->\n    <!--          <line x1=\"150\" y1=\"150\" x2=\"227.8\" y2=\"227.8\" stroke=\"rgba(255,255,255,0.22)\" stroke-width=\"1\"><\/line>-->\n    <!--          <line x1=\"150\" y1=\"150\" x2=\"150\" y2=\"260\" stroke=\"rgba(255,255,255,0.22)\" stroke-width=\"1\"><\/line>-->\n    <!--          <line x1=\"150\" y1=\"150\" x2=\"72.2\" y2=\"227.8\" stroke=\"rgba(255,255,255,0.22)\" stroke-width=\"1\"><\/line>-->\n    <!--          <line x1=\"150\" y1=\"150\" x2=\"40\" y2=\"150\" stroke=\"rgba(255,255,255,0.22)\" stroke-width=\"1\"><\/line>-->\n    <!--          <line x1=\"150\" y1=\"150\" x2=\"72.2\" y2=\"72.2\" stroke=\"rgba(255,255,255,0.22)\" stroke-width=\"1\"><\/line>-->\n    <!--          <line x1=\"150\" y1=\"150\" x2=\"150\" y2=\"40\" stroke=\"rgba(255,255,255,0.22)\" stroke-width=\"1\"><\/line>-->\n    <!--          <line x1=\"150\" y1=\"150\" x2=\"227.8\" y2=\"72.2\" stroke=\"rgba(255,255,255,0.22)\" stroke-width=\"1\"><\/line>-->\n    <!--          <polygon points=\"260,150 227.8,227.8 150,260 72.2,227.8 40,150 72.2,72.2 150,40 227.8,72.2\" fill=\"none\" stroke=\"rgba(248,181,0,0.4)\" stroke-width=\"1\"><\/polygon>-->\n    <!--          <circle cx=\"150\" cy=\"150\" r=\"6\" fill=\"#F8B500\"><\/circle>-->\n    <!--          <circle cx=\"260\" cy=\"150\" r=\"4\" fill=\"#F8B500\"><\/circle>-->\n    <!--          <circle cx=\"227.8\" cy=\"227.8\" r=\"4\" fill=\"#ffffff\"><\/circle>-->\n    <!--          <circle cx=\"150\" cy=\"260\" r=\"4\" fill=\"#F8B500\"><\/circle>-->\n    <!--          <circle cx=\"72.2\" cy=\"227.8\" r=\"4\" fill=\"#ffffff\"><\/circle>-->\n    <!--          <circle cx=\"40\" cy=\"150\" r=\"4\" fill=\"#F8B500\"><\/circle>-->\n    <!--          <circle cx=\"72.2\" cy=\"72.2\" r=\"4\" fill=\"#ffffff\"><\/circle>-->\n    <!--          <circle cx=\"150\" cy=\"40\" r=\"4\" fill=\"#F8B500\"><\/circle>-->\n    <!--          <circle cx=\"227.8\" cy=\"72.2\" r=\"4\" fill=\"#ffffff\"><\/circle>-->\n    <!--        <\/svg>-->\n    <!--      <\/div>-->\n    <!--      <p class=\"frame-caption\">Fig. 01 \u2014 Network Systems<\/p>-->\n    <!--    <\/div>-->\n      <\/div><!-- \/.hero-col-right -->\n    <\/div><!-- \/.hero-main -->\n    <div class=\"hero-stats\">\n      <span class=\"stats-title\">Department at a Glance<\/span>\n      <div class=\"stats-row\">\n        <div class=\"stat-col\">\n          <span class=\"stat-index\">01<\/span>\n          <span class=\"stat-number\" data-count=\"270\" data-suffix=\"+\">0<\/span>\n          <span class=\"stat-label\">Enrollees<\/span>\n        <\/div>\n        <div class=\"stat-col\">\n          <span class=\"stat-index\">02<\/span>\n          <span class=\"stat-number\" data-count=\"14\">0<\/span>\n          <span class=\"stat-label\">Staff<\/span>\n        <\/div>\n        <div class=\"stat-col\">\n          <span class=\"stat-index\">03<\/span>\n          <span class=\"stat-number\" data-count=\"379\" data-suffix=\"+\">0<\/span>\n          <span class=\"stat-label\">Alumni<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n<script>\n(function () {\n  var root = document.querySelector('.tc-hero-v2');\n  if (!root) return;\n  var inner = root.querySelector('.hero-inner');\n  var statsBlock = root.querySelector('.hero-stats');\n  var numbers = root.querySelectorAll('.stat-number');\n  \/* Count-up animation for the stats ledger.\n     Starts once the stats block has finished fading into place (1.5s,\n     matching the CSS entrance timing below) so the counting itself is\n     clearly visible rather than racing the fade-in. Each column is\n     staggered slightly so the three numbers don't all land at once. *\/\n  var COUNT_SYNC_DELAY = 1500;\n  var COUNT_STAGGER     = 180;\n  var COUNT_DURATION    = 1700;\n  var prefersReducedMotion = window.matchMedia &&\n    window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  function setFinalValue(el) {\n    var target = parseInt(el.getAttribute('data-count'), 10) || 0;\n    var suffix = el.getAttribute('data-suffix') || '';\n    el.textContent = target + suffix;\n  }\n  function animateCount(el) {\n    var target = parseInt(el.getAttribute('data-count'), 10) || 0;\n    var suffix = el.getAttribute('data-suffix') || '';\n    var startTime = null;\n    el.classList.add('is-counting');\n    function step(timestamp) {\n      if (!startTime) startTime = timestamp;\n      var progress = Math.min((timestamp - startTime) \/ COUNT_DURATION, 1);\n      var eased = 1 - Math.pow(1 - progress, 3);\n      el.textContent = Math.floor(eased * target) + suffix;\n      if (progress < 1) {\n        window.requestAnimationFrame(step);\n      } else {\n        el.textContent = target + suffix;\n        el.classList.remove('is-counting');\n        el.classList.add('did-count');\n      }\n    }\n    window.requestAnimationFrame(step);\n  }\n  function runCounters() {\n    if (prefersReducedMotion) {\n      numbers.forEach(setFinalValue);\n      return;\n    }\n    numbers.forEach(function (el, i) {\n      setTimeout(function () { animateCount(el); }, COUNT_SYNC_DELAY + i * COUNT_STAGGER);\n    });\n  }\n  if ('IntersectionObserver' in window && statsBlock) {\n    var observer = new IntersectionObserver(function (entries) {\n      entries.forEach(function (entry) {\n        if (entry.isIntersecting) {\n          runCounters();\n          observer.disconnect();\n        }\n      });\n    }, { threshold: 0.3 });\n    observer.observe(statsBlock);\n  } else {\n    runCounters();\n  }\n  \/* Fit-to-viewport safety net: if content is ever taller than the\n     available space (short window, large zoom, small device), scale\n     it down so nothing gets cut off and no scrollbar appears. *\/\n  if (!inner) return;\n  function fitToViewport() {\n    inner.style.transform = 'none';\n    var style = window.getComputedStyle(root);\n    var padTop = parseFloat(style.paddingTop) || 0;\n    var padBottom = parseFloat(style.paddingBottom) || 0;\n    var available = root.clientHeight - padTop - padBottom;\n    var needed = inner.scrollHeight;\n    if (available > 0 && needed > available) {\n      var scale = Math.max(available \/ needed, 0.65);\n      inner.style.transform = 'scale(' + scale.toFixed(3) + ')';\n    }\n  }\n  fitToViewport();\n  window.addEventListener('resize', fitToViewport);\n  window.addEventListener('orientationchange', fitToViewport);\n  if ('ResizeObserver' in window) {\n    new ResizeObserver(fitToViewport).observe(root);\n  }\n  if (document.fonts && document.fonts.ready) {\n    document.fonts.ready.then(fitToViewport);\n  }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ecea210 e-con-full e-flex e-con e-parent\" data-id=\"ecea210\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-04ff580 elementor-widget elementor-widget-html\" data-id=\"04ff580\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n.tc-labs-v1 {\n  --tc-primary:        #1F3C7D;\n  --tc-primary-light:  #2f56a3;\n  --tc-primary-xlight: #e8eef7;\n  --tc-primary-dark:   #162c5a;\n  --tc-accent:         #F8B500;\n  --tc-accent-light:   #fff3cc;\n  --tc-accent-dark:    #c98f00;\n  --tc-white:          #ffffff;\n  --tc-gray-50:        #f8f9fb;\n  --tc-gray-100:       #f0f2f6;\n  --tc-gray-200:       #e2e6ee;\n  --tc-gray-400:       #9aa3b5;\n  --tc-gray-600:       #5a6278;\n  --tc-gray-800:       #2d3348;\n  --tc-shadow-sm:      0 2px 8px rgba(31,60,125,0.08);\n  --tc-shadow-md:      0 4px 20px rgba(31,60,125,0.13);\n  --tc-shadow-lg:      0 8px 40px rgba(31,60,125,0.18);\n  --tc-radius-sm:      8px;\n  --tc-radius-md:      12px;\n  --tc-radius-lg:      16px;\n  --tc-font:           'Poppins', sans-serif;\n\n  font-family: var(--tc-font);\n  color: var(--tc-gray-800);\n  box-sizing: border-box;\n  position: relative;\n  overflow: hidden;\n  background: var(--tc-gray-50);\n  padding: 100px 6vw;\n}\n\n.tc-labs-v1 * { font-family: var(--tc-font);},\n.tc-labs-v1 *::before,\n.tc-labs-v1 *::after { box-sizing: border-box; }\n\n\/* Ghost watermark \u2014 quiet texture, mirrors the hero treatment on a light bg *\/\n.tc-labs-v1 .ghost-mark {\n  position: absolute; z-index: 0; left: -1%; top: -10%;\n  font-size: clamp(140px, 22vh, 320px); font-weight: 700; line-height: 1;\n  color: rgba(31,60,125,0.035);\n  letter-spacing: -0.02em;\n  pointer-events: none; user-select: none;\n}\n@supports (-webkit-text-stroke: 1px black) {\n  .tc-labs-v1 .ghost-mark {\n    color: transparent;\n    -webkit-text-stroke: 1px rgba(31,60,125,0.06);\n  }\n}\n\n.tc-labs-v1 .labs-inner {\n  position: relative; z-index: 2; width: 100%; max-width: 1240px; margin: 0 auto;\n}\n\n\/* Header *\/\n.tc-labs-v1 .labs-header {\n  border-bottom: 1px solid var(--tc-gray-200);\n  padding-bottom: 32px; margin-bottom: 48px;\n}\n.tc-labs-v1 .labs-header-top {\n  display: flex; align-items: center; justify-content: space-between;\n  flex-wrap: wrap; gap: 12px; margin-bottom: 18px;\n}\n.tc-labs-v1 .labs-eyebrow {\n  display: inline-flex; align-items: center; gap: 12px;\n  font-size: 13px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase;\n  color: var(--tc-primary);\n}\n.tc-labs-v1 .eyebrow-dash { width: 26px; height: 2px; background: var(--tc-accent); display: inline-block; }\n.tc-labs-v1 .labs-meta {\n  font-size: 12px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase;\n  color: var(--tc-gray-400);\n}\n.tc-labs-v1 .labs-title {\n  font-size: clamp(1.8rem, 3.6vw, 2.8rem); font-weight: 700; line-height: 1.15; letter-spacing: -0.01em;\n  color: var(--tc-primary-dark); margin: 0 0 14px;\n}\n.tc-labs-v1 .labs-title .accent-outline { color: var(--tc-primary-dark); }\n@supports (-webkit-text-stroke: 1px black) {\n  .tc-labs-v1 .labs-title .accent-outline {\n    color: transparent;\n    -webkit-text-stroke: 1.5px var(--tc-accent);\n  }\n}\n.tc-labs-v1 .labs-subtitle {\n  font-size: 1rem; line-height: 1.65; color: var(--tc-gray-600);\n  max-width: 620px; margin: 0;\n}\n\n\/* Grid *\/\n.tc-labs-v1 .labs-grid {\n  display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px;\n}\n\n.tc-labs-v1 .lab-card {\n  background: var(--tc-white);\n  border: 1px solid var(--tc-gray-200);\n  border-radius: var(--tc-radius-md);\n  overflow: hidden;\n  display: flex; flex-direction: column;\n  opacity: 0; transform: translateY(24px);\n  transition: opacity 0.6s cubic-bezier(0.16,1,0.3,1),\n              transform 0.45s cubic-bezier(0.16,1,0.3,1),\n              box-shadow 0.35s ease, border-color 0.35s ease;\n}\n.tc-labs-v1 .lab-card.in-view { opacity: 1; transform: translateY(0); }\n.tc-labs-v1 .lab-card:nth-child(even) { background: var(--tc-primary-xlight); }\n.tc-labs-v1 .lab-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--tc-shadow-md);\n  border-color: var(--tc-accent);\n}\n\n.tc-labs-v1 .lab-media { position: relative; aspect-ratio: 4 \/ 3; overflow: hidden; }\n.tc-labs-v1 .lab-media img {\n  width: 100%; height: 100%; object-fit: cover; display: block;\n  filter: saturate(1.05);\n  transition: transform 0.5s cubic-bezier(0.16,1,0.3,1);\n}\n.tc-labs-v1 .lab-card:hover .lab-media img { transform: scale(1.06); }\n\n.tc-labs-v1 .lab-corner { position: absolute; width: 16px; height: 16px; z-index: 2; pointer-events: none; }\n.tc-labs-v1 .lab-corner.tl { top: 8px; left: 8px; border-top: 1.5px solid var(--tc-accent); border-left: 1.5px solid var(--tc-accent); }\n.tc-labs-v1 .lab-corner.tr { top: 8px; right: 8px; border-top: 1.5px solid var(--tc-accent); border-right: 1.5px solid var(--tc-accent); }\n.tc-labs-v1 .lab-corner.bl { bottom: 8px; left: 8px; border-bottom: 1.5px solid var(--tc-accent); border-left: 1.5px solid var(--tc-accent); }\n.tc-labs-v1 .lab-corner.br { bottom: 8px; right: 8px; border-bottom: 1.5px solid var(--tc-accent); border-right: 1.5px solid var(--tc-accent); }\n\n.tc-labs-v1 .lab-index {\n  position: absolute; top: 10px; left: 10px; z-index: 3;\n  width: 32px; height: 32px; border-radius: 50%;\n  background: var(--tc-primary-dark); color: var(--tc-white);\n  font-weight: 700; font-size: 12px;\n  display: flex; align-items: center; justify-content: center;\n  box-shadow: var(--tc-shadow-sm);\n}\n\n.tc-labs-v1 .lab-body {\n  padding: 26px 28px 28px; display: flex; flex-direction: column; flex: 1;\n}\n.tc-labs-v1 .lab-name {\n  font-size: 1.1rem; font-weight: 700; color: var(--tc-primary-dark); margin: 0 0 8px;\n}\n.tc-labs-v1 .lab-desc {\n  font-size: 0.92rem; line-height: 1.55; color: var(--tc-gray-600);\n  margin: 0 0 16px; flex: 1;\n}\n.tc-labs-v1 .lab-link {\n  display: inline-flex; align-items: center; gap: 8px;\n  font-family: var(--tc-font); font-weight: 600; font-size: 13px; text-decoration: none;\n  color: var(--tc-primary); align-self: flex-start;\n  padding-bottom: 3px; border-bottom: 1px solid transparent;\n  transition: border-color 0.3s, color 0.3s;\n}\n.tc-labs-v1 .lab-link:hover { color: var(--tc-primary-dark); border-color: var(--tc-primary-dark); }\n.tc-labs-v1 .lab-link svg { transition: transform 0.3s; }\n.tc-labs-v1 .lab-link:hover svg { transform: translateX(4px); }\n\n\/* Tablet *\/\n@media (max-width: 1024px) {\n  .tc-labs-v1 { padding: 70px 5vw; }\n  .tc-labs-v1 .labs-grid { grid-template-columns: repeat(2, 1fr); gap: 24px; }\n}\n\n\/* Mobile *\/\n@media (max-width: 767px) {\n  .tc-labs-v1 { padding: 56px 20px; }\n  .tc-labs-v1 .labs-grid { grid-template-columns: 1fr; gap: 20px; }\n  .tc-labs-v1 .labs-header { margin-bottom: 32px; padding-bottom: 24px; }\n  .tc-labs-v1 .ghost-mark { font-size: 30vh; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .tc-labs-v1 .lab-card { transition: none; opacity: 1; transform: none; }\n}\n<\/style>\n\n<section class=\"tc-labs-v1\">\n  <span class=\"ghost-mark\" aria-hidden=\"true\">LABS<\/span>\n\n  <div class=\"labs-inner\">\n    <div class=\"labs-header\">\n      <div class=\"labs-header-top\">\n        <span class=\"labs-eyebrow\"><span class=\"eyebrow-dash\"><\/span>Our Facilities<\/span>\n        <span class=\"labs-meta\">06 Specialized Labs<\/span>\n      <\/div>\n      <h2 class=\"labs-title\">Laboratory <span class=\"accent-outline\">Facilities<\/span><\/h2>\n      <p class=\"labs-subtitle\">Six dedicated labs built for hands-on learning \u2014 where every course puts students in front of real tools, real systems, and real problems.<\/p>\n    <\/div>\n\n    <div class=\"labs-grid\">\n\n      <article class=\"lab-card\">\n        <div class=\"lab-media\">\n          <span class=\"lab-corner tl\"><\/span><span class=\"lab-corner tr\"><\/span>\n          <span class=\"lab-corner bl\"><\/span><span class=\"lab-corner br\"><\/span>\n          <span class=\"lab-index\">01<\/span>\n          <img decoding=\"async\" src=\"https:\/\/ctd.cst.edu.bt\/wp-content\/uploads\/2026\/08\/IMG_9373-1536x1024.jpg\" alt=\"NLP Lab placeholder image\" loading=\"lazy\">\n        <\/div>\n        <div class=\"lab-body\">\n          <h3 class=\"lab-name\">NLP Lab<\/h3>\n          <p class=\"lab-desc\">Text mining, sentiment analysis, and conversational AI development.<\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"lab-card\">\n        <div class=\"lab-media\">\n          <span class=\"lab-corner tl\"><\/span><span class=\"lab-corner tr\"><\/span>\n          <span class=\"lab-corner bl\"><\/span><span class=\"lab-corner br\"><\/span>\n          <span class=\"lab-index\">02<\/span>\n          <img decoding=\"async\" src=\"https:\/\/ctd.cst.edu.bt\/wp-content\/uploads\/2026\/08\/IMG_9335-1536x1024.jpg\" alt=\"Database Lab placeholder image\" loading=\"lazy\">\n        <\/div>\n        <div class=\"lab-body\">\n          <h3 class=\"lab-name\">Database Lab<\/h3>\n          <p class=\"lab-desc\">Relational and NoSQL design, query tuning, and real-world data modeling.<\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"lab-card\">\n        <div class=\"lab-media\">\n          <span class=\"lab-corner tl\"><\/span><span class=\"lab-corner tr\"><\/span>\n          <span class=\"lab-corner bl\"><\/span><span class=\"lab-corner br\"><\/span>\n          <span class=\"lab-index\">03<\/span>\n          <img decoding=\"async\" src=\"https:\/\/ctd.cst.edu.bt\/wp-content\/uploads\/2025\/11\/staff-1536x1152.webp\" alt=\"Programming Lab placeholder image\" loading=\"lazy\">\n        <\/div>\n        <div class=\"lab-body\">\n          <h3 class=\"lab-name\">Programming Lab<\/h3>\n          <p class=\"lab-desc\">Core coding, algorithms, and full-stack software engineering practice.<\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"lab-card\">\n        <div class=\"lab-media\">\n          <span class=\"lab-corner tl\"><\/span><span class=\"lab-corner tr\"><\/span>\n          <span class=\"lab-corner bl\"><\/span><span class=\"lab-corner br\"><\/span>\n          <span class=\"lab-index\">04<\/span>\n          <img decoding=\"async\" src=\"https:\/\/ctd.cst.edu.bt\/wp-content\/uploads\/2025\/11\/staff-1536x1152.webp\" alt=\"BYOD Lab placeholder image\" loading=\"lazy\">\n        <\/div>\n        <div class=\"lab-body\">\n          <h3 class=\"lab-name\">BYOD Lab<\/h3>\n          <p class=\"lab-desc\">Flexible bring-your-own-device workspace for personal and mobile computing.<\/p>\n \n        <\/div>\n      <\/article>\n\n      <article class=\"lab-card\">\n        <div class=\"lab-media\">\n          <span class=\"lab-corner tl\"><\/span><span class=\"lab-corner tr\"><\/span>\n          <span class=\"lab-corner bl\"><\/span><span class=\"lab-corner br\"><\/span>\n          <span class=\"lab-index\">05<\/span>\n          <img decoding=\"async\" src=\"https:\/\/ctd.cst.edu.bt\/wp-content\/uploads\/2025\/11\/staff-1536x1152.webp\" alt=\"IoT Lab placeholder image\" loading=\"lazy\">\n        <\/div>\n        <div class=\"lab-body\">\n          <h3 class=\"lab-name\">IoT Lab<\/h3>\n          <p class=\"lab-desc\">Sensors, embedded systems, and smart device prototyping.<\/p>\n      \n        <\/div>\n      <\/article>\n\n      <article class=\"lab-card\">\n        <div class=\"lab-media\">\n          <span class=\"lab-corner tl\"><\/span><span class=\"lab-corner tr\"><\/span>\n          <span class=\"lab-corner bl\"><\/span><span class=\"lab-corner br\"><\/span>\n          <span class=\"lab-index\">06<\/span>\n          <img decoding=\"async\" src=\"https:\/\/ctd.cst.edu.bt\/wp-content\/uploads\/2025\/11\/staff-1536x1152.webp\" alt=\"Image Processing Lab placeholder image\" loading=\"lazy\">\n        <\/div>\n        <div class=\"lab-body\">\n          <h3 class=\"lab-name\">Image Processing Lab<\/h3>\n          <p class=\"lab-desc\">Computer vision, pattern recognition, and visual data analysis.<\/p>\n      \n        <\/div>\n      <\/article>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n(function () {\n  var root = document.querySelector('.tc-labs-v1');\n  if (!root) return;\n\n  var cards = root.querySelectorAll('.lab-card');\n  var prefersReducedMotion = window.matchMedia &&\n    window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n  if (prefersReducedMotion) {\n    cards.forEach(function (c) { c.classList.add('in-view'); });\n    return;\n  }\n\n  if ('IntersectionObserver' in window) {\n    var observer = new IntersectionObserver(function (entries) {\n      entries.forEach(function (entry) {\n        if (entry.isIntersecting) {\n          var card = entry.target;\n          var delay = Array.prototype.indexOf.call(cards, card) * 90;\n          setTimeout(function () { card.classList.add('in-view'); }, delay);\n          observer.unobserve(card);\n        }\n      });\n    }, { threshold: 0.2 });\n    cards.forEach(function (c) { observer.observe(c); });\n  } else {\n    cards.forEach(function (c) { c.classList.add('in-view'); });\n  }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-49701ef e-con-full e-flex e-con e-parent\" data-id=\"49701ef\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e55ecef elementor-widget elementor-widget-html\" data-id=\"e55ecef\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Student Activities Showcase \u2014 Elementor HTML Widget -->\n<style>\n\n.tc-activities-v2 {\n  --tc-primary:        #1F3C7D;\n  --tc-primary-light:  #2f56a3;\n  --tc-primary-xlight: #e8eef7;\n  --tc-primary-dark:   #162c5a;\n  --tc-accent:         #F8B500;\n  --tc-accent-light:   #fff3cc;\n  --tc-accent-dark:    #c98f00;\n  --tc-white:          #ffffff;\n  --tc-gray-50:        #f8f9fb;\n  --tc-gray-100:       #f0f2f6;\n  --tc-gray-200:       #e2e6ee;\n  --tc-gray-400:       #9aa3b5;\n  --tc-gray-600:       #5a6278;\n  --tc-gray-800:       #2d3348;\n  --tc-shadow-sm:      0 2px 8px rgba(31,60,125,0.08);\n  --tc-shadow-md:      0 4px 20px rgba(31,60,125,0.13);\n  --tc-shadow-lg:      0 8px 40px rgba(31,60,125,0.18);\n  --tc-radius-sm:      8px;\n  --tc-radius-md:      12px;\n  --tc-radius-lg:      16px;\n  --tc-font:           'Poppins', sans-serif;\n\n  font-family: var(--tc-font);\n  color: var(--tc-gray-800);\n  box-sizing: border-box;\n  position: relative;\n  overflow: hidden;\n  background: var(--tc-primary-dark);\n  padding: 100px 6vw 108px;\n}\n\n.tc-activities-v2 * {font-family: var(--tc-font);},\n.tc-activities-v2 *::before,\n.tc-activities-v2 *::after { box-sizing: border-box; }\n\n.tc-activities-v2 .ghost-mark {\n  position: absolute; z-index: 0; right: 2%; top: 50%; transform: translateY(-50%);\n  writing-mode: vertical-rl;\n  font-size: clamp(70px, 13vh, 190px); font-weight: 700; letter-spacing: 0.04em;\n  color: rgba(255,255,255,0.045);\n  pointer-events: none; user-select: none;\n}\n\n\/* \u2500\u2500 Header \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.tc-activities-v2 .activities-header {\n  position: relative; z-index: 2; text-align: center;\n  max-width: 660px; margin: 0 auto 56px;\n  opacity: 0; animation: tcaHeaderIn 0.5s cubic-bezier(0.16,1,0.3,1) 0.05s forwards;\n}\n.tc-activities-v2 .eyebrow {\n  display: inline-flex; align-items: center; gap: 12px; margin-bottom: 16px;\n  font-size: 13px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase;\n  color: rgba(255,255,255,0.68);\n}\n.tc-activities-v2 .eyebrow-dash { width: 26px; height: 2px; background: var(--tc-accent); display: inline-block; }\n.tc-activities-v2 .section-title {\n  font-size: clamp(1.8rem, 4vw, 2.7rem); font-weight: 700; line-height: 1.15;\n  color: var(--tc-white); margin: 0 0 16px;\n}\n.tc-activities-v2 .section-title .accent-outline { color: var(--tc-white); }\n@supports (-webkit-text-stroke: 1px black) {\n  .tc-activities-v2 .section-title .accent-outline {\n    color: transparent; -webkit-text-stroke: 1.5px var(--tc-accent);\n  }\n}\n.tc-activities-v2 .section-subtitle {\n  font-size: 0.98rem; line-height: 1.7; color: rgba(255,255,255,0.7); margin: 0;\n}\n\n\/* \u2500\u2500 Bento grid \u2014 column-span only, rows always auto-height so text never clips \u2500\u2500 *\/\n.tc-activities-v2 .activities-grid {\n  position: relative; z-index: 2; max-width: 1200px; margin: 0 auto;\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  grid-auto-rows: auto;\n  align-items: stretch;\n  gap: 20px;\n}\n\n.tc-activities-v2 .activity-card:nth-child(1) { grid-column: span 2; }\n.tc-activities-v2 .activity-card:nth-child(2) { grid-column: span 1; }\n.tc-activities-v2 .activity-card:nth-child(3) { grid-column: span 1; }\n.tc-activities-v2 .activity-card:nth-child(4) { grid-column: span 1; }\n.tc-activities-v2 .activity-card:nth-child(5) { grid-column: span 1; }\n.tc-activities-v2 .activity-card:nth-child(6) { grid-column: span 2; }\n.tc-activities-v2 .activity-card:nth-child(7) { grid-column: span 2; }\n.tc-activities-v2 .activity-card:nth-child(8) { grid-column: span 2; }\n\n.tc-activities-v2 .activity-card {\n  position: relative; display: flex; flex-direction: column;\n  background: var(--tc-white); border-radius: var(--tc-radius-md);\n  overflow: hidden; height: 100%;\n  box-shadow: var(--tc-shadow-sm);\n  opacity: 0; transform: translateY(20px);\n  transition: opacity 0.5s cubic-bezier(0.16,1,0.3,1),\n              transform 0.5s cubic-bezier(0.16,1,0.3,1),\n              box-shadow 0.35s ease;\n}\n.tc-activities-v2 .activity-card.is-visible { opacity: 1; transform: translateY(0); }\n.tc-activities-v2 .activity-card:hover {\n  transform: translateY(-6px);\n  box-shadow: 0 14px 40px rgba(0,0,0,0.35), 0 0 0 1px rgba(248,181,0,0.5);\n}\n\n.tc-activities-v2 .card-media {\n  position: relative; overflow: hidden; flex: 1 1 auto; min-height: 0;\n  aspect-ratio: 16 \/ 10;\n}\n.tc-activities-v2 .card-media img {\n  width: 100%; height: 100%; object-fit: cover; display: block;\n  filter: saturate(1.05);\n  transition: transform 0.5s cubic-bezier(0.16,1,0.3,1);\n}\n.tc-activities-v2 .activity-card:hover .card-media img { transform: scale(1.06); }\n\n.tc-activities-v2 .media-corner { position: absolute; width: 14px; height: 14px; z-index: 2; pointer-events: none; }\n.tc-activities-v2 .media-corner.tl { top: 8px; left: 8px; border-top: 1.5px solid var(--tc-accent); border-left: 1.5px solid var(--tc-accent); }\n.tc-activities-v2 .media-corner.tr { top: 8px; right: 8px; border-top: 1.5px solid var(--tc-accent); border-right: 1.5px solid var(--tc-accent); }\n.tc-activities-v2 .media-corner.bl { bottom: 8px; left: 8px; border-bottom: 1.5px solid var(--tc-accent); border-left: 1.5px solid var(--tc-accent); }\n.tc-activities-v2 .media-corner.br { bottom: 8px; right: 8px; border-bottom: 1.5px solid var(--tc-accent); border-right: 1.5px solid var(--tc-accent); }\n\n.tc-activities-v2 .card-tag {\n  position: absolute; left: 12px; bottom: 12px; z-index: 3;\n  display: inline-flex; align-items: center; gap: 6px;\n  background: rgba(22,44,90,0.82);\n  color: var(--tc-white); font-size: 10.5px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase;\n  padding: 4px 10px 4px 8px; border-radius: 20px;\n}\n.tc-activities-v2 .card-tag .tag-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--tc-accent); }\n.tc-activities-v2 .card-tag.tag-alt .tag-dot { background: var(--tc-white); }\n\n\/* No line-clamp, no overflow:hidden on text \u2014 full title and description always show *\/\n.tc-activities-v2 .card-body { padding: 16px 18px 20px; flex-shrink: 0; }\n.tc-activities-v2 .card-title {\n  font-size: 0.98rem; font-weight: 600; color: var(--tc-gray-800); margin: 0 0 6px; line-height: 1.35;\n}\n.tc-activities-v2 .card-desc {\n  font-size: 0.83rem; line-height: 1.55; color: var(--tc-gray-600); margin: 0;\n}\n\n\/* Featured card (Hackathon) *\/\n.tc-activities-v2 .activity-card.is-feature .card-body { padding: 22px 26px 28px; }\n.tc-activities-v2 .activity-card.is-feature .feature-eyebrow {\n  display: block; font-size: 11px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase;\n  color: var(--tc-accent-dark); margin-bottom: 8px;\n}\n.tc-activities-v2 .activity-card.is-feature .card-title { font-size: 1.3rem; }\n.tc-activities-v2 .activity-card.is-feature .card-desc { font-size: 0.93rem; }\n\n\/* Wide card (Community Extension) \u2014 horizontal split instead of stacked *\/\n.tc-activities-v2 .activity-card.is-wide { flex-direction: row; }\n.tc-activities-v2 .activity-card.is-wide .card-media { flex: 0 0 42%; aspect-ratio: auto; }\n.tc-activities-v2 .activity-card.is-wide .card-body { flex: 1 1 auto; display: flex; flex-direction: column; justify-content: center; padding: 18px 24px; }\n\n\/* \u2500\u2500 Footer CTA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.tc-activities-v2 .activities-footer { position: relative; z-index: 2; text-align: center; margin-top: 44px; }\n.tc-activities-v2 .view-calendar {\n  display: inline-flex; align-items: center; gap: 8px;\n  font-family: var(--tc-font); font-weight: 600; font-size: 14px; text-decoration: none;\n  color: rgba(255,255,255,0.85); padding-bottom: 4px; border-bottom: 1px solid rgba(255,255,255,0.3);\n  transition: color 0.3s, border-color 0.3s;\n}\n.tc-activities-v2 .view-calendar:hover { color: var(--tc-white); border-color: var(--tc-white); }\n.tc-activities-v2 .view-calendar svg { transition: transform 0.3s; }\n.tc-activities-v2 .view-calendar:hover svg { transform: translateX(4px); }\n\n@keyframes tcaHeaderIn { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: translateY(0); } }\n\n\/* Tablet *\/\n@media (max-width: 1024px) {\n  .tc-activities-v2 { padding: 72px 6vw 84px; }\n  .tc-activities-v2 .activities-header { margin-bottom: 44px; }\n  .tc-activities-v2 .activities-grid { grid-template-columns: repeat(2, 1fr); }\n  .tc-activities-v2 .activity-card:nth-child(7),\n  .tc-activities-v2 .activity-card:nth-child(8) { grid-column: span 1; }\n  .tc-activities-v2 .activity-card.is-wide { flex-direction: column; }\n  .tc-activities-v2 .activity-card.is-wide .card-media { flex: 1 1 auto; aspect-ratio: 16 \/ 10; }\n}\n\n\/* Mobile *\/\n@media (max-width: 767px) {\n  .tc-activities-v2 { padding: 56px 20px 64px; }\n  .tc-activities-v2 .activities-header { margin-bottom: 36px; }\n  .tc-activities-v2 .activities-grid { grid-template-columns: 1fr; gap: 16px; }\n  .tc-activities-v2 .activity-card:nth-child(1),\n  .tc-activities-v2 .activity-card:nth-child(2),\n  .tc-activities-v2 .activity-card:nth-child(3),\n  .tc-activities-v2 .activity-card:nth-child(4),\n  .tc-activities-v2 .activity-card:nth-child(5),\n  .tc-activities-v2 .activity-card:nth-child(6),\n  .tc-activities-v2 .activity-card:nth-child(7),\n  .tc-activities-v2 .activity-card:nth-child(8) { grid-column: span 1; }\n  .tc-activities-v2 .activity-card.is-feature .card-body { padding: 18px 20px 22px; }\n  .tc-activities-v2 .ghost-mark { display: none; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .tc-activities-v2 .activities-header,\n  .tc-activities-v2 .activity-card { animation: none; transition: none; opacity: 1; transform: none; }\n}\n<\/style>\n\n<section class=\"tc-activities-v2\">\n  <span class=\"ghost-mark\" aria-hidden=\"true\">ACTIVITIES<\/span>\n\n  <div class=\"activities-header\">\n    <span class=\"eyebrow\"><span class=\"eyebrow-dash\"><\/span>Beyond The Classroom<\/span>\n    <h2 class=\"section-title\">Student <span class=\"accent-outline\">Activities<\/span><\/h2>\n    <p class=\"section-subtitle\">A snapshot of the contests, talks, and programs that keep Computing Technologies Department students building, competing, and connecting.<\/p>\n  <\/div>\n\n  <div class=\"activities-grid\">\n\n    <article class=\"activity-card is-feature\">\n      <div class=\"card-media\">\n        <span class=\"media-corner tl\"><\/span><span class=\"media-corner tr\"><\/span>\n        <span class=\"media-corner bl\"><\/span><span class=\"media-corner br\"><\/span>\n        <span class=\"card-tag\"><span class=\"tag-dot\"><\/span>Talks<\/span>\n        <img decoding=\"async\" src=\"https:\/\/ctd.cst.edu.bt\/wp-content\/uploads\/2026\/08\/655071528_1272317744993342_973182227979435814_n.jpg\" alt=\"Annual Hackathon\" loading=\"lazy\">\n      <\/div>\n      <div class=\"card-body\">\n        <span class=\"feature-eyebrow\">Featured<\/span>\n        <h3 class=\"card-title\">Tech Talk Series<\/h3>\n        <p class=\"card-desc\">Sessions with alumni and industry guests on emerging tools, career paths, and real-world projects.<\/p>\n      <\/div>\n    <\/article>\n\n\n    <article class=\"activity-card\">\n      <div class=\"card-media\">\n        <span class=\"media-corner tl\"><\/span><span class=\"media-corner tr\"><\/span>\n        <span class=\"media-corner bl\"><\/span><span class=\"media-corner br\"><\/span>\n        <span class=\"card-tag\"><span class=\"tag-dot\"><\/span>Competition<\/span>\n        <img decoding=\"async\" src=\"https:\/\/ctd.cst.edu.bt\/wp-content\/uploads\/2026\/08\/571330822_1344106407503094_6844462846269075462_n.jpg\" alt=\"Capture the Flag\" loading=\"lazy\">\n      <\/div>\n      <div class=\"card-body\">\n        <h3 class=\"card-title\">Capture the Flag<\/h3>\n        <p class=\"card-desc\">A cybersecurity challenge covering web exploitation, cryptography, and digital forensics.<\/p>\n      <\/div>\n    <\/article>\n\n    <article class=\"activity-card\">\n      <div class=\"card-media\">\n        <span class=\"media-corner tl\"><\/span><span class=\"media-corner tr\"><\/span>\n        <span class=\"media-corner bl\"><\/span><span class=\"media-corner br\"><\/span>\n        <span class=\"card-tag\"><span class=\"tag-dot\"><\/span>Competition<\/span>\n        <img decoding=\"async\" src=\"https:\/\/ctd.cst.edu.bt\/wp-content\/uploads\/2026\/08\/572104116_1166351572256627_8981866159563989531_n.jpg\" alt=\"Programming Contest\" loading=\"lazy\">\n      <\/div>\n      <div class=\"card-body\">\n        <h3 class=\"card-title\">Programming Contest<\/h3>\n        <p class=\"card-desc\">Department-wide coding competition testing algorithms, logic, and speed.<\/p>\n      <\/div>\n    <\/article>\n\n    <article class=\"activity-card is-wide\">\n      <div class=\"card-media\">\n        <span class=\"media-corner tl\"><\/span><span class=\"media-corner tr\"><\/span>\n        <span class=\"media-corner bl\"><\/span><span class=\"media-corner br\"><\/span>\n        <span class=\"card-tag tag-alt\"><span class=\"tag-dot\"><\/span>Outreach<\/span>\n        <img decoding=\"async\" src=\"https:\/\/ctd.cst.edu.bt\/wp-content\/uploads\/2026\/08\/558903010_1142555947969523_5913141132813696099_n.jpg\" alt=\"Community Extension Program\" loading=\"lazy\">\n      <\/div>\n      <div class=\"card-body\">\n        <h3 class=\"card-title\">Community Extension Program<\/h3>\n        <p class=\"card-desc\">Students bring digital literacy and coding fundamentals to partner schools and communities.<\/p>\n      <\/div>\n    <\/article>\n\n    <article class=\"activity-card\">\n      <div class=\"card-media\">\n        <span class=\"media-corner tl\"><\/span><span class=\"media-corner tr\"><\/span>\n        <span class=\"media-corner bl\"><\/span><span class=\"media-corner br\"><\/span>\n        <span class=\"card-tag tag-alt\"><span class=\"tag-dot\"><\/span>Orientation<\/span>\n        <img decoding=\"async\" src=\"https:\/\/ctd.cst.edu.bt\/wp-content\/uploads\/2025\/11\/staff-1536x1152.webp\" alt=\"Freshmen Orientation\" loading=\"lazy\">\n      <\/div>\n      <div class=\"card-body\">\n        <h3 class=\"card-title\">Freshmen Orientation<\/h3>\n        <p class=\"card-desc\">New students meet faculty, tour the labs, and get oriented with department offerings.<\/p>\n      <\/div>\n    <\/article>\n\n    <article class=\"activity-card\">\n      <div class=\"card-media\">\n        <span class=\"media-corner tl\"><\/span><span class=\"media-corner tr\"><\/span>\n        <span class=\"media-corner bl\"><\/span><span class=\"media-corner br\"><\/span>\n        <span class=\"card-tag\"><span class=\"tag-dot\"><\/span>Exhibit<\/span>\n        <img decoding=\"async\" src=\"https:\/\/ctd.cst.edu.bt\/wp-content\/uploads\/2026\/08\/724517253_1693936915128734_8504758054694827073_n.jpg\" loading=\"lazy\">\n      <\/div>\n      <div class=\"card-body\">\n        <h3 class=\"card-title\">IT Congress &amp; Capstone Exhibit<\/h3>\n        <p class=\"card-desc\">Graduating students showcase capstone projects to faculty and industry partners.<\/p>\n      <\/div>\n    <\/article>\n\n  <\/div>\n\n  \n<\/section>\n\n<script>\n(function () {\n  var root = document.querySelector('.tc-activities-v2');\n  if (!root) return;\n\n  var cards = root.querySelectorAll('.activity-card');\n  var prefersReducedMotion = window.matchMedia &&\n    window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n  if (prefersReducedMotion) {\n    cards.forEach(function (c) { c.classList.add('is-visible'); });\n    return;\n  }\n\n  if ('IntersectionObserver' in window) {\n    var observer = new IntersectionObserver(function (entries) {\n      entries.forEach(function (entry) {\n        if (entry.isIntersecting) {\n          var card = entry.target;\n          var delay = Array.prototype.indexOf.call(cards, card) * 80;\n          setTimeout(function () { card.classList.add('is-visible'); }, delay);\n          observer.unobserve(card);\n        }\n      });\n    }, { threshold: 0.2 });\n    cards.forEach(function (c) { observer.observe(c); });\n  } else {\n    cards.forEach(function (c) { c.classList.add('is-visible'); });\n  }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-edd62c9 e-con-full e-flex e-con e-parent\" data-id=\"edd62c9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8ceaa48 elementor-widget elementor-widget-html\" data-id=\"8ceaa48\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Take a Tour \u2014 Elementor HTML Widget -->\n<style>\n\n.tc-tour-v1 {\n  --tc-primary:        #1F3C7D;\n  --tc-primary-light:  #2f56a3;\n  --tc-primary-xlight: #e8eef7;\n  --tc-primary-dark:   #162c5a;\n  --tc-accent:         #F8B500;\n  --tc-accent-light:   #fff3cc;\n  --tc-accent-dark:    #c98f00;\n  --tc-white:          #ffffff;\n  --tc-gray-50:        #f8f9fb;\n  --tc-gray-100:       #f0f2f6;\n  --tc-gray-200:       #e2e6ee;\n  --tc-gray-400:       #9aa3b5;\n  --tc-gray-600:       #5a6278;\n  --tc-gray-800:       #2d3348;\n  --tc-shadow-sm:      0 2px 8px rgba(31,60,125,0.08);\n  --tc-shadow-md:      0 4px 20px rgba(31,60,125,0.13);\n  --tc-shadow-lg:      0 8px 40px rgba(31,60,125,0.18);\n  --tc-radius-sm:      8px;\n  --tc-radius-md:      12px;\n  --tc-radius-lg:      16px;\n  --tc-font:           'Poppins', sans-serif;\n\n  font-family: var(--tc-font);\n  color: var(--tc-gray-800);\n  box-sizing: border-box;\n  position: relative;\n  overflow: hidden;\n  background: var(--tc-gray-50);\n  padding: 100px 6vw;\n}\n\n.tc-tour-v1 * {font-family: var(--tc-font);},\n.tc-tour-v1 *::before,\n.tc-tour-v1 *::after { box-sizing: border-box; }\n\n\/* Ghost watermark \u2014 same family as hero\/labs, new position for variety *\/\n.tc-tour-v1 .ghost-mark {\n  position: absolute; z-index: 0; right: -1%; top: -8%;\n  font-size: clamp(140px, 22vh, 320px); font-weight: 700; line-height: 1;\n  color: rgba(31,60,125,0.035);\n  letter-spacing: -0.02em;\n  pointer-events: none; user-select: none;\n}\n\n.tc-tour-v1 .tour-inner { position: relative; z-index: 2; max-width: 1200px; margin: 0 auto; }\n\n.tc-tour-v1 .tour-grid {\n  display: grid; grid-template-columns: 0.95fr 1.15fr; gap: 64px; align-items: center;\n}\n\n\/* \u2500\u2500 Left: text column \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.tc-tour-v1 .tour-text,\n.tc-tour-v1 .tour-video {\n  opacity: 0; transform: translateY(24px);\n  transition: opacity 0.6s cubic-bezier(0.16,1,0.3,1), transform 0.6s cubic-bezier(0.16,1,0.3,1);\n}\n.tc-tour-v1 .tour-grid.is-visible .tour-text { opacity: 1; transform: translateY(0); }\n.tc-tour-v1 .tour-grid.is-visible .tour-video { opacity: 1; transform: translateY(0); transition-delay: 0.12s; }\n\n.tc-tour-v1 .eyebrow {\n  display: inline-flex; align-items: center; gap: 12px; margin-bottom: 16px;\n  font-size: 13px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase;\n  color: var(--tc-primary);\n}\n.tc-tour-v1 .eyebrow-dash { width: 26px; height: 2px; background: var(--tc-accent); display: inline-block; }\n\n.tc-tour-v1 .tour-title {\n  font-size: clamp(1.8rem, 3.6vw, 2.8rem); font-weight: 700; line-height: 1.15;\n  color: var(--tc-primary-dark); margin: 0 0 18px;\n}\n.tc-tour-v1 .tour-title .accent-outline { color: var(--tc-primary-dark); }\n@supports (-webkit-text-stroke: 1px black) {\n  .tc-tour-v1 .tour-title .accent-outline {\n    color: transparent; -webkit-text-stroke: 1.5px var(--tc-accent);\n  }\n}\n\n.tc-tour-v1 .tour-desc {\n  font-size: 1rem; line-height: 1.7; color: var(--tc-gray-600); margin: 0 0 8px; max-width: 480px;\n}\n\n.tc-tour-v1 .tour-highlights {\n  display: flex; margin: 28px 0 32px; padding-top: 20px;\n  border-top: 1px solid var(--tc-gray-200); list-style: none; padding-left: 0;\n}\n.tc-tour-v1 .tour-highlights li { padding: 0 24px; border-left: 1px solid var(--tc-gray-200); }\n.tc-tour-v1 .tour-highlights li:first-child { padding-left: 0; border-left: none; }\n.tc-tour-v1 .highlight-number {\n  display: block; font-size: clamp(1.4rem, 2vw, 1.9rem); font-weight: 700;\n  color: var(--tc-primary-dark); line-height: 1; margin-bottom: 6px; font-variant-numeric: tabular-nums;\n}\n.tc-tour-v1 .highlight-label {\n  display: block; font-size: 11px; letter-spacing: 0.05em; text-transform: uppercase; color: var(--tc-gray-600);\n}\n\n.tc-tour-v1 .tour-cta-group { display: flex; gap: 24px; flex-wrap: wrap; align-items: center; }\n\n.tc-tour-v1 .cta-primary {\n  position: relative; overflow: hidden; z-index: 0;\n  display: inline-flex; align-items: center; justify-content: center;\n  background: var(--tc-primary); border: 1px solid var(--tc-primary); border-radius: 2px;\n  padding: 13px 26px; min-height: 46px; min-width: 168px;\n  font-family: var(--tc-font); font-weight: 600; font-size: 14px; text-decoration: none; color: var(--tc-white);\n}\n.tc-tour-v1 .cta-primary span { position: relative; z-index: 2; transition: color 0.35s ease; }\n.tc-tour-v1 .cta-primary::before {\n  content: \"\"; position: absolute; inset: 0; z-index: 1; background: var(--tc-accent);\n  transform: scaleX(0); transform-origin: left; transition: transform 0.4s cubic-bezier(0.65,0,0.35,1);\n}\n.tc-tour-v1 .cta-primary:hover::before { transform: scaleX(1); }\n.tc-tour-v1 .cta-primary:hover span { color: var(--tc-primary-dark); }\n\n.tc-tour-v1 .cta-secondary {\n  display: inline-flex; align-items: center; gap: 8px;\n  font-family: var(--tc-font); font-weight: 600; font-size: 14px; text-decoration: none;\n  color: var(--tc-primary); padding-bottom: 4px; border-bottom: 1px solid var(--tc-gray-200);\n  transition: border-color 0.3s, color 0.3s;\n}\n.tc-tour-v1 .cta-secondary:hover { color: var(--tc-primary-dark); border-color: var(--tc-primary-dark); }\n.tc-tour-v1 .cta-secondary svg { transition: transform 0.3s; }\n.tc-tour-v1 .cta-secondary:hover svg { transform: translateX(4px); }\n\n\/* \u2500\u2500 Right: video column \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.tc-tour-v1 .video-frame {\n  position: relative; border: 1px solid var(--tc-gray-200); padding: 14px;\n  border-radius: var(--tc-radius-lg); background: var(--tc-white); box-shadow: var(--tc-shadow-md);\n}\n.tc-tour-v1 .frame-corner { position: absolute; width: 14px; height: 14px; }\n.tc-tour-v1 .frame-corner.tl { top: -1px; left: -1px; border-top: 1.5px solid var(--tc-accent); border-left: 1.5px solid var(--tc-accent); }\n.tc-tour-v1 .frame-corner.tr { top: -1px; right: -1px; border-top: 1.5px solid var(--tc-accent); border-right: 1.5px solid var(--tc-accent); }\n.tc-tour-v1 .frame-corner.bl { bottom: -1px; left: -1px; border-bottom: 1.5px solid var(--tc-accent); border-left: 1.5px solid var(--tc-accent); }\n.tc-tour-v1 .frame-corner.br { bottom: -1px; right: -1px; border-bottom: 1.5px solid var(--tc-accent); border-right: 1.5px solid var(--tc-accent); }\n\n.tc-tour-v1 .video-embed {\n  position: relative; width: 100%; aspect-ratio: 16 \/ 9; overflow: hidden;\n  border-radius: var(--tc-radius-sm); background: var(--tc-primary-dark); cursor: pointer;\n}\n.tc-tour-v1 .video-thumb {\n  width: 100%; height: 100%; object-fit: cover; display: block;\n  transition: transform 0.5s cubic-bezier(0.16,1,0.3,1);\n}\n.tc-tour-v1 .video-embed:hover .video-thumb { transform: scale(1.04); }\n.tc-tour-v1 .video-embed::before {\n  content: \"\"; position: absolute; inset: 0; z-index: 1; pointer-events: none;\n  background: linear-gradient(to top, rgba(22,44,90,0.55), rgba(22,44,90,0.1) 45%, rgba(22,44,90,0.3));\n}\n.tc-tour-v1 .video-play-btn {\n  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);\n  z-index: 2; width: 72px; height: 72px; border-radius: 50%;\n  background: rgba(255,255,255,0.16); border: 1.5px solid rgba(255,255,255,0.65);\n  display: flex; align-items: center; justify-content: center; cursor: pointer;\n  transition: transform 0.3s ease, background 0.3s ease, border-color 0.3s ease;\n}\n.tc-tour-v1 .video-play-btn:hover {\n  transform: translate(-50%, -50%) scale(1.08); background: var(--tc-accent); border-color: var(--tc-accent);\n}\n.tc-tour-v1 .video-play-btn:focus-visible { outline: 2px solid var(--tc-accent); outline-offset: 3px; }\n.tc-tour-v1 .video-play-btn svg { width: 24px; height: 24px; margin-left: 4px; color: var(--tc-white); transition: color 0.3s ease; }\n.tc-tour-v1 .video-play-btn:hover svg { color: var(--tc-primary-dark); }\n\n.tc-tour-v1 .video-embed.is-playing::before,\n.tc-tour-v1 .video-embed.is-playing .video-play-btn { display: none; }\n.tc-tour-v1 .video-embed iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }\n\n.tc-tour-v1 .video-caption {\n  margin: 12px 4px 0; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tc-gray-400);\n}\n\n\/* Tablet *\/\n@media (max-width: 1024px) {\n  .tc-tour-v1 { padding: 72px 6vw; }\n  .tc-tour-v1 .tour-grid { grid-template-columns: 1fr; gap: 40px; }\n  .tc-tour-v1 .tour-video { order: -1; }\n  .tc-tour-v1 .tour-desc { max-width: 100%; }\n}\n\n\/* Mobile *\/\n@media (max-width: 767px) {\n  .tc-tour-v1 { padding: 56px 20px; }\n  .tc-tour-v1 .tour-highlights { flex-wrap: wrap; gap: 16px 0; }\n  .tc-tour-v1 .tour-highlights li { padding: 0 16px; }\n  .tc-tour-v1 .tour-cta-group { flex-direction: column; align-items: stretch; gap: 16px; }\n  .tc-tour-v1 .cta-primary, .tc-tour-v1 .cta-secondary { justify-content: center; }\n  .tc-tour-v1 .video-play-btn { width: 60px; height: 60px; }\n  .tc-tour-v1 .video-play-btn svg { width: 20px; height: 20px; }\n  .tc-tour-v1 .ghost-mark { font-size: 30vh; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .tc-tour-v1 .tour-text,\n  .tc-tour-v1 .tour-video { transition: none; opacity: 1; transform: none; }\n}\n<\/style>\n\n<section class=\"tc-tour-v1\">\n  <span class=\"ghost-mark\" aria-hidden=\"true\">TOUR<\/span>\n\n  <div class=\"tour-inner\">\n    <div class=\"tour-grid\">\n\n      <div class=\"tour-text\">\n        <span class=\"eyebrow\"><span class=\"eyebrow-dash\"><\/span>See It For Yourself<\/span>\n        <h2 class=\"tour-title\">Take a <span class=\"accent-outline\">Tour<\/span><\/h2>\n        <p class=\"tour-desc\">Step inside the Computing Technologies Department \u2014 the labs, the classrooms, the people. This short video walks you through the spaces where our students learn, build, and compete every day.<\/p>\n\n\n      <\/div>\n\n      <div class=\"video-embed\" data-video-id=\"yhMfXvuC_0Y\">\n  <img decoding=\"async\"\n    class=\"video-thumb\"\n    src=\"https:\/\/img.youtube.com\/vi\/yhMfXvuC_0Y\/hqdefault.jpg\"\n    alt=\"Department campus tour video thumbnail\"\n    loading=\"lazy\"\n  >\n\n  <button\n    class=\"video-play-btn\"\n    type=\"button\"\n    aria-label=\"Play campus tour video\"\n  >\n    <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\n      <polygon points=\"5 3 19 12 5 21\"><\/polygon>\n    <\/svg>\n  <\/button>\n<\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n(function () {\n  var root = document.querySelector('.tc-tour-v1');\n  if (!root) return;\n\n  \/* Reveal on scroll *\/\n  var grid = root.querySelector('.tour-grid');\n  var prefersReducedMotion = window.matchMedia &&\n    window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n  if (grid) {\n    if (prefersReducedMotion || !('IntersectionObserver' in window)) {\n      grid.classList.add('is-visible');\n    } else {\n      var gridObserver = new IntersectionObserver(function (entries) {\n        entries.forEach(function (entry) {\n          if (entry.isIntersecting) {\n            grid.classList.add('is-visible');\n            gridObserver.disconnect();\n          }\n        });\n      }, { threshold: 0.2 });\n      gridObserver.observe(grid);\n    }\n  }\n\n  \/* Click-to-load YouTube embed *\/\n  var embeds = root.querySelectorAll('.video-embed');\n  embeds.forEach(function (embed) {\n    var btn = embed.querySelector('.video-play-btn');\n    if (!btn) return;\n    btn.addEventListener('click', function () {\n      var videoId = embed.getAttribute('data-video-id');\n      if (!videoId) return;\n      var iframe = document.createElement('iframe');\n      iframe.src = 'https:\/\/www.youtube.com\/embed\/' + videoId + '?autoplay=1&rel=0&modestbranding=1';\n      iframe.title = 'Department Campus Tour Video';\n      iframe.setAttribute('allow', 'accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share');\n      iframe.setAttribute('allowfullscreen', '');\n      embed.innerHTML = '';\n      embed.appendChild(iframe);\n      embed.classList.add('is-playing');\n    });\n  });\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f7195a9 e-flex e-con-boxed e-con e-parent\" data-id=\"f7195a9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9a10fa0 elementor-widget elementor-widget-html\" data-id=\"9a10fa0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Shared Section Header \u2014 Elementor HTML Widget -->\n<style>\n.tc-section-header {\n  --tc-primary:        #1F3C7D;\n  --tc-primary-light:  #2f56a3;\n  --tc-primary-dark:   #162c5a;\n  --tc-accent:         #F8B500;\n  --tc-white:          #ffffff;\n  --tc-gray-600:       #5a6278;\n  --tc-font:           'Poppins', sans-serif;\n\n  font-family: var(--tc-font);\n  box-sizing: border-box;\n  position: relative; z-index: 2;\n  text-align: center; max-width: 660px; margin: 0 auto 56px;\n  opacity: 0; transform: translateY(20px);\n  transition: opacity 0.6s cubic-bezier(0.16,1,0.3,1), transform 0.6s cubic-bezier(0.16,1,0.3,1);\n}\n.tc-section-header * {font-family: var(--tc-font);},\n.tc-section-header *::before,\n.tc-section-header *::after { box-sizing: border-box; }\n.tc-section-header.is-visible { opacity: 1; transform: translateY(0); }\n\n.tc-section-header .eyebrow {\n  display: inline-flex; align-items: center; gap: 12px; margin-bottom: 16px;\n  font-size: 13px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase;\n  color: var(--tc-primary);\n}\n.tc-section-header .eyebrow-dash { width: 26px; height: 2px; background: var(--tc-accent); display: inline-block; }\n\n.tc-section-header .title {\n  font-size: clamp(1.8rem, 4vw, 2.7rem); font-weight: 700; line-height: 1.15;\n  color: var(--tc-primary-dark); margin: 0 0 16px;\n}\n.tc-section-header .title .accent { color: var(--tc-primary-dark); }\n@supports (-webkit-text-stroke: 1px black) {\n  .tc-section-header .title .accent {\n    color: transparent; -webkit-text-stroke: 1.5px var(--tc-accent);\n  }\n}\n\n.tc-section-header .subtitle {\n  font-size: 0.98rem; line-height: 1.7; color: var(--tc-gray-600); margin: 0 auto;\n}\n\n\/* Dark-background variant \u2014 add this class alongside .tc-section-header on navy sections *\/\n.tc-section-header.tc-section-header--dark .eyebrow { color: rgba(255,255,255,0.68); }\n.tc-section-header.tc-section-header--dark .title,\n.tc-section-header.tc-section-header--dark .title .accent { color: var(--tc-white); }\n@supports (-webkit-text-stroke: 1px black) {\n  .tc-section-header.tc-section-header--dark .title .accent {\n    color: transparent; -webkit-text-stroke: 1.5px var(--tc-accent);\n  }\n}\n.tc-section-header.tc-section-header--dark .subtitle { color: rgba(255,255,255,0.7); }\n\n@media (max-width: 767px) {\n  .tc-section-header { margin-bottom: 40px; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .tc-section-header { transition: none; opacity: 1; transform: none; }\n}\n<\/style>\n\n<!-- Usage on a LIGHT section (Labs, Tour, etc.) -->\n<div class=\"tc-section-header\">\n  <span class=\"eyebrow\"><span class=\"eyebrow-dash\"><\/span>Technical Blog and News<\/span>\n  <h2 class=\"title\">Tech Insights &  <span class=\"accent\">News<\/span><\/h2>\n  <p class=\"subtitle\">Get updated with our latest insights and news.<\/p>\n<\/div>\n\n<!-- Usage on a DARK section (Hero-style navy background) \u2014 just add the modifier class -->\n<!--\n<div class=\"tc-section-header tc-section-header--dark\">\n  <span class=\"eyebrow\"><span class=\"eyebrow-dash\"><\/span>Your Eyebrow Text<\/span>\n  <h2 class=\"title\">Your Title <span class=\"accent\">Emphasis<\/span><\/h2>\n  <p class=\"subtitle\">Your supporting subtitle copy.<\/p>\n<\/div>\n-->\n\n<!-- Include this script ONCE per page (not once per section) \u2014 it auto-detects every header on the page -->\n<script>\n(function () {\n  var headers = document.querySelectorAll('.tc-section-header');\n  if (!headers.length) return;\n\n  var prefersReducedMotion = window.matchMedia &&\n    window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n  if (prefersReducedMotion || !('IntersectionObserver' in window)) {\n    headers.forEach(function (el) { el.classList.add('is-visible'); });\n    return;\n  }\n\n  var observer = new IntersectionObserver(function (entries) {\n    entries.forEach(function (entry) {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('is-visible');\n        observer.unobserve(entry.target);\n      }\n    });\n  }, { threshold: 0.2 });\n\n  headers.forEach(function (el) { observer.observe(el); });\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bd62fd8 elementor-invisible elementor-widget elementor-widget-elementskit-blog-posts\" data-id=\"bd62fd8\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"elementskit-blog-posts.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div id=\"post-items--bd62fd8\" class=\"row post-items\">\n                    <div class=\"col-lg-4 col-md-6\">\n\n                                    <div class=\"elementskit-post-image-card\">\n                        <div class=\"elementskit-entry-header\">\n                            \n                                                            <div class=\"elementskit-meta-categories\">\n                                    <span class=\"elementskit-meta-wraper\">\n                                        <span><a href=\"https:\/\/ctd.cst.edu.bt\/?cat=1\" rel=\"category\">Uncategorized<\/a><\/span>\n                                    <\/span>\n                                <\/div>\n                            \n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div><!-- .elementskit-entry-header END -->\n\n\t\t\t\t\t\t<div class=\"elementskit-post-body \">\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h2 class=\"entry-title\">\n\t\t\t\t\t<a href=\"https:\/\/ctd.cst.edu.bt\/?p=3615\">\n\t\t\t\t\t\tElementor #3615\t\t\t\t\t<\/a>\n\t\t\t\t<\/h2>\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p>Two senior faculty members of the Computing Technologies Department (CTD) &#8211; Mr. Parshu Ram Dhungyel, Head of Department, and Mr. Tsheten Dorji have successfully completed a 5-day Capacity Building ASIIN Workshop on \u201cInternational Higher Education Quality Assurance Criteria and Programme Accreditation\u201d at the ASIIN Academy in D\u00fcsseldorf, Germany, from 12th&hellip;<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                                            <div class=\"btn-wraper\">\n                                                                            <a class=\"elementskit-btn whitespace--normal\" id=\"\" href=\"https:\/\/ctd.cst.edu.bt\/?p=3615\">\n                                            Read More                                             <i aria-hidden=\"true\" class=\"fas fa-arrow-right\"><\/i>                                        <\/a>\n                                    \n                                                                    <\/div>\n                                                    <\/div><!-- .elementskit-post-body END -->\n                    <\/div>\n                \n            <\/div>\n                    <div class=\"col-lg-4 col-md-6\">\n\n                                    <div class=\"elementskit-post-image-card\">\n                        <div class=\"elementskit-entry-header\">\n                            \n                                                            <div class=\"elementskit-meta-categories\">\n                                    <span class=\"elementskit-meta-wraper\">\n                                        <span><a href=\"https:\/\/ctd.cst.edu.bt\/?cat=1\" rel=\"category\">Uncategorized<\/a><\/span>\n                                    <\/span>\n                                <\/div>\n                            \n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div><!-- .elementskit-entry-header END -->\n\n\t\t\t\t\t\t<div class=\"elementskit-post-body \">\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h2 class=\"entry-title\">\n\t\t\t\t\t<a href=\"https:\/\/ctd.cst.edu.bt\/?p=2652\">\n\t\t\t\t\t\tDakzin\t\t\t\t\t<\/a>\n\t\t\t\t<\/h2>\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p>\ud835\udc0f\ud835\udc22\ud835\udc25\ud835\udc28\ud835\udc2d \ud835\udc03\ud835\udc1e\ud835\udc29\ud835\udc25\ud835\udc28\ud835\udc32\ud835\udc26\ud835\udc1e\ud835\udc27\ud835\udc2d \ud835\udc28\ud835\udc1f \ud835\udc03\ud835\udc1a\ud835\udc24\ud835\udc33\ud835\udc22\ud835\udc27 \ud835\udc12\ud835\udc32\ud835\udc2c\ud835\udc2d\ud835\udc1e\ud835\udc26 \ud835\udc22\ud835\udc27 \ud835\udc19\ud835\udc21\ud835\udc1e\ud835\udc26\ud835\udc20\ud835\udc1a\ud835\udc27\ud835\udc20 \ud835\udc1a\ud835\udc27\ud835\udc1d \ud835\udc13\ud835\udc2b\ud835\udc28\ud835\udc27\ud835\udc20\ud835\udc2c\ud835\udc1aFrom 15\u201321 September 2025, Dakzin- AI-powered Animal Intrusion Detection System for mitigating human-wildlife conflict-was successfully deployed for pilot testing at two remote agricultural sites in Bhutan: Zurphi (Zhemgang) and Beling (Trongsa). This initiative was led by the Computing Technologies Department, College of&hellip;<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                                            <div class=\"btn-wraper\">\n                                                                            <a class=\"elementskit-btn whitespace--normal\" id=\"\" href=\"https:\/\/ctd.cst.edu.bt\/?p=2652\">\n                                            Read More                                             <i aria-hidden=\"true\" class=\"fas fa-arrow-right\"><\/i>                                        <\/a>\n                                    \n                                                                    <\/div>\n                                                    <\/div><!-- .elementskit-post-body END -->\n                    <\/div>\n                \n            <\/div>\n                    <div class=\"col-lg-4 col-md-6\">\n\n                                    <div class=\"elementskit-post-image-card\">\n                        <div class=\"elementskit-entry-header\">\n                            \n                                                            <div class=\"elementskit-meta-categories\">\n                                    <span class=\"elementskit-meta-wraper\">\n                                        <span><a href=\"https:\/\/ctd.cst.edu.bt\/?cat=1\" rel=\"category\">Uncategorized<\/a><\/span>\n                                    <\/span>\n                                <\/div>\n                            \n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div><!-- .elementskit-entry-header END -->\n\n\t\t\t\t\t\t<div class=\"elementskit-post-body \">\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h2 class=\"entry-title\">\n\t\t\t\t\t<a href=\"https:\/\/ctd.cst.edu.bt\/?p=2622\">\n\t\t\t\t\t\tIndustry Research Proposal\t\t\t\t\t<\/a>\n\t\t\t\t<\/h2>\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p>\ud835\udc04\ud835\udc26\ud835\udc29\ud835\udc28\ud835\udc30\ud835\udc1e\ud835\udc2b\ud835\udc22\ud835\udc27\ud835\udc20 \ud835\udc2d\ud835\udc21\ud835\udc1e \ud835\udc0d\ud835\udc1e\ud835\udc31\ud835\udc2d \ud835\udc06\ud835\udc1e\ud835\udc27\ud835\udc1e\ud835\udc2b\ud835\udc1a\ud835\udc2d\ud835\udc22\ud835\udc28\ud835\udc27 \ud835\udc28\ud835\udc1f \ud835\udc05\ud835\udc2b\ud835\udc1e\ud835\udc1e\ud835\udc25\ud835\udc1a\ud835\udc27\ud835\udc1c\ud835\udc1e\ud835\udc2b\ud835\udc2c \ud835\udc1a\ud835\udc2d \ud835\udc02\ud835\udc28\ud835\udc25\ud835\udc25\ud835\udc1e\ud835\udc20\ud835\udc1e \ud835\udc28\ud835\udc1f \ud835\udc12\ud835\udc1c\ud835\udc22\ud835\udc1e\ud835\udc27\ud835\udc1c\ud835\udc1e \ud835\udc1a\ud835\udc27\ud835\udc1d \ud835\udc13\ud835\udc1e\ud835\udc1c\ud835\udc21\ud835\udc27\ud835\udc28\ud835\udc25\ud835\udc28\ud835\udc20\ud835\udc32 We are thrilled to have successfully concluded a dynamic two-day workshop on &#8220;Employment through Online Freelancing&#8221; for the bright students of 3IT and 3SWE at the College of Science and Technology (CST). The workshop, held on September 27th&hellip;<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                                            <div class=\"btn-wraper\">\n                                                                            <a class=\"elementskit-btn whitespace--normal\" id=\"\" href=\"https:\/\/ctd.cst.edu.bt\/?p=2622\">\n                                            Read More                                             <i aria-hidden=\"true\" class=\"fas fa-arrow-right\"><\/i>                                        <\/a>\n                                    \n                                                                    <\/div>\n                                                    <\/div><!-- .elementskit-post-body END -->\n                    <\/div>\n                \n            <\/div>\n                    <div class=\"col-lg-4 col-md-6\">\n\n                                    <div class=\"elementskit-post-image-card\">\n                        <div class=\"elementskit-entry-header\">\n                            \n                                                            <div class=\"elementskit-meta-categories\">\n                                    <span class=\"elementskit-meta-wraper\">\n                                        <span><a href=\"https:\/\/ctd.cst.edu.bt\/?cat=1\" rel=\"category\">Uncategorized<\/a><\/span>\n                                    <\/span>\n                                <\/div>\n                            \n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div><!-- .elementskit-entry-header END -->\n\n\t\t\t\t\t\t<div class=\"elementskit-post-body \">\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h2 class=\"entry-title\">\n\t\t\t\t\t<a href=\"https:\/\/ctd.cst.edu.bt\/?p=2604\">\n\t\t\t\t\t\tIndustry Tour AS2025\t\t\t\t\t<\/a>\n\t\t\t\t<\/h2>\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p>\ud835\uddd6\ud835\uddfc\ud835\uddfb\ud835\uddfb\ud835\uddf2\ud835\uddf0\ud835\ude01\ud835\uddf6\ud835\uddfb\ud835\uddf4 \ud835\udddf\ud835\uddf2\ud835\uddee\ud835\uddff\ud835\uddfb\ud835\uddf6\ud835\uddfb\ud835\uddf4 \ud835\ude04\ud835\uddf6\ud835\ude01\ud835\uddf5 \ud835\udddc\ud835\uddfb\ud835\uddf1\ud835\ude02\ud835\ude00\ud835\ude01\ud835\uddff\ud835\ude06: \ud835\uddd4 \ud835\udfee-\ud835\uddd7\ud835\uddee\ud835\ude06 \ud835\udde6\ud835\ude01\ud835\ude02\ud835\uddf1\ud835\ude06 \ud835\udde7\ud835\uddfc\ud835\ude02\ud835\uddff \ud835\ude04\ud835\uddf6\ud835\ude01\ud835\uddf5 \ud835\udfef\ud835\uddff\ud835\uddf1-\ud835\uddec\ud835\uddf2\ud835\uddee\ud835\uddff \ud835\udddc\ud835\udde7 \ud835\udde6\ud835\ude01\ud835\ude02\ud835\uddf1\ud835\uddf2\ud835\uddfb\ud835\ude01\ud835\ude00 What an incredible two-day study tour for our 3rd-year IT students! On\u00a0October 8 and 9, they stepped beyond the classroom to experience the pulse of Bhutan\u2019s growing tech industry. \ud835\uddd7\ud835\uddee\ud835\ude06 \ud835\udfed \ud835\udddb\ud835\uddf6\ud835\uddf4\ud835\uddf5\ud835\uddf9\ud835\uddf6\ud835\uddf4\ud835\uddf5\ud835\ude01\ud835\ude00:At\u00a0GovTech, students explored the Data Center and&hellip;<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                                            <div class=\"btn-wraper\">\n                                                                            <a class=\"elementskit-btn whitespace--normal\" id=\"\" href=\"https:\/\/ctd.cst.edu.bt\/?p=2604\">\n                                            Read More                                             <i aria-hidden=\"true\" class=\"fas fa-arrow-right\"><\/i>                                        <\/a>\n                                    \n                                                                    <\/div>\n                                                    <\/div><!-- .elementskit-post-body END -->\n                    <\/div>\n                \n            <\/div>\n                <\/div>\n       <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Computing Technologies Department Where imagination meets implementation. We don&#8217;t just teach technologies \u2014 we produce those who build what&#8217;s NEXT. Explore Programs Meet Our Faculty Department at a Glance 01 0 Enrollees 02 0 Staff 03 0 Alumni LABS Our Facilities 06 Specialized Labs Laboratory Facilities Six dedicated labs built for hands-on learning \u2014 where [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"disabled","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-466","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ctd.cst.edu.bt\/index.php?rest_route=\/wp\/v2\/pages\/466","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ctd.cst.edu.bt\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ctd.cst.edu.bt\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ctd.cst.edu.bt\/index.php?rest_route=\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/ctd.cst.edu.bt\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=466"}],"version-history":[{"count":279,"href":"https:\/\/ctd.cst.edu.bt\/index.php?rest_route=\/wp\/v2\/pages\/466\/revisions"}],"predecessor-version":[{"id":3759,"href":"https:\/\/ctd.cst.edu.bt\/index.php?rest_route=\/wp\/v2\/pages\/466\/revisions\/3759"}],"wp:attachment":[{"href":"https:\/\/ctd.cst.edu.bt\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=466"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}