{"id":20129,"date":"2025-10-04T07:27:26","date_gmt":"2025-10-04T07:27:26","guid":{"rendered":"https:\/\/malwanchaluniversity.in\/paramedical\/?page_id=20129"},"modified":"2025-12-18T06:01:40","modified_gmt":"2025-12-18T06:01:40","slug":"courses","status":"publish","type":"page","link":"https:\/\/malwanchaluniversity.in\/paramedical\/courses\/","title":{"rendered":"Courses"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"20129\" class=\"elementor elementor-20129\">\n\t\t\t\t<div class=\"elementor-element elementor-element-269d865 e-flex e-con-boxed e-con e-parent\" data-id=\"269d865\" 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-577c07d elementor-widget elementor-widget-spacer\" data-id=\"577c07d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0a1bc04 elementor-widget elementor-widget-text-editor\" data-id=\"0a1bc04\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>We are Committed to academic excellence through a structured curriculum, innovative teaching methods a yearly academic calender that and ensures smooth and Systemic learning.<\/strong><\/p><p><strong>Our programs combine theary, hands-on training &amp; research opportunities, cquipping students with the knowledg Skills, &amp; values to excel in modern healthcare&#8221;<\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c02b699 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"c02b699\" 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-9694045 elementor-widget elementor-widget-text-editor\" data-id=\"9694045\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<!-- ================== EXAM RESULTS \u2013 REMEDIAL \/ ENRICHMENT SPLIT (FINAL) ================== -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;800&#038;display=swap\" rel=\"stylesheet\">\n\n<section class=\"exam-wrap\" aria-label=\"1st Internal Examination Result \u2013 Routing &#038; Monitoring\">\n  <style>\n    .exam-wrap{\n      \/* design tokens *\/\n      --brand:#CD2122; --brand-ink:#fff;\n      --ink:#0b0b0c; --muted:#5f6672; --bg:#ffffff; --tint:#fbf4f4;\n      --line:rgba(12,12,13,.12);\n      --radius-xl:22px; --radius-lg:16px; --radius-md:12px;\n      --shadow-lg:0 24px 48px rgba(0,0,0,.12), 0 8px 20px rgba(0,0,0,.06);\n      --shadow-sm:0 10px 24px rgba(0,0,0,.08);\n      font-family:\"Inter\",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;\n      color:var(--ink); background:var(--bg);\n      width:100vw; margin-left:calc(50% - 50vw);\n    }\n\n    \/* band *\/\n    .exam-band{\n      padding:68px 20px 90px;\n      background:\n        radial-gradient(1200px 300px at 50% -40px, rgba(205,33,34,.06), transparent 60%),\n        linear-gradient(#fff, #fff);\n      position:relative; overflow:hidden;\n    }\n\n    \/* header *\/\n    .exam-head{max-width:1200px;margin:0 auto 22px; text-align:center;}\n    .exam-head .kicker{\n      display:inline-block;padding:7px 14px;border:1px solid var(--line);\n      border-radius:999px;background:#fff;box-shadow:var(--shadow-sm);\n      font-weight:700;font-size:14px\n    }\n    .exam-head h2{margin:12px 0 6px; font-weight:800; font-size:clamp(24px,3.4vw,38px); letter-spacing:.2px;}\n    .exam-head p{margin:0;color:var(--muted)}\n\n    \/* grid shell *\/\n    .exam-grid{max-width:1200px;margin:24px auto 0; display:grid; gap:22px;}\n    @media (min-width: 980px){\n      .exam-grid{grid-template-columns:1fr 320px 1fr; align-items:start;}\n    }\n\n    \/* columns *\/\n    .lane{ display:grid; gap:18px; }\n    .panel{\n      background:#fff; border:1px solid var(--line); border-radius:var(--radius-xl);\n      padding:18px 18px 8px; box-shadow:var(--shadow-sm);\n      transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease;\n      position:relative; overflow:hidden;\n    }\n    .panel:hover{transform:translateY(-4px); box-shadow:var(--shadow-lg); border-color:rgba(205,33,34,.28)}\n    .panel .head{ display:flex; align-items:center; gap:10px; margin-bottom:8px; }\n    .badge{\n      background:var(--brand); color:var(--brand-ink);\n      font-weight:800; letter-spacing:.2px;\n      padding:7px 12px; border-radius:999px; font-size:13px; white-space:nowrap;\n    }\n    .badge.blue{ background:#0b5ed7; }\n\n    .title{ font-weight:800; font-size:clamp(18px,2.4vw,22px); }\n    .caption{color:var(--muted); font-size:14px; margin:-4px 0 10px}\n\n    \/* lists *\/\n    .list{margin:0 0 8px 0; padding:0; list-style:none;}\n    .list li{\n      position:relative; padding:10px 12px 10px 36px; border-top:1px dashed var(--line);\n      line-height:1.45; transition:background .25s ease, transform .25s ease;\n    }\n    .list li:first-child{border-top:0}\n    .list li:before{\n      content:\"\"; position:absolute; left:10px; top:13px; width:16px; height:16px;\n      border-radius:50%; border:2px solid var(--brand); background:#fff;\n    }\n    .list li:hover{background:var(--tint); transform:translateX(2px)}\n\n    \/* center pillar *\/\n    .pillar{ position:relative; }\n    .pillar .card{\n      position:sticky; top:18px;\n      background:#fff; border:1px solid var(--line); border-radius:20px;\n      padding:20px 18px; box-shadow:var(--shadow-sm); text-align:center;\n      transition:transform .35s ease, box-shadow .35s ease;\n    }\n    .pillar .card:hover{ transform:translateY(-4px); box-shadow:var(--shadow-lg); }\n    .pillar .card .dot{\n      width:10px;height:10px;border-radius:50%;background:var(--brand);display:inline-block;margin:0 3px;box-shadow:0 0 0 4px rgba(205,33,34,.18)\n    }\n    .pillar p{color:var(--muted); font-size:14px; margin:8px 0 0}\n\n    \/* connectors (desktop) *\/\n    @media (min-width:980px){\n      .connector{ position:relative; height:40px; margin:8px 0 2px; }\n      .connector:before, .connector:after{\n        content:\"\"; position:absolute; top:50%; width:calc(50% - 160px); height:2px; background:var(--line);\n      }\n      .connector:before{ left:0; transform:translateY(-50%) rotate(0.6deg);}\n      .connector:after{ right:0; transform:translateY(-50%) rotate(-0.6deg);}\n    }\n\n    \/* mini stat tags *\/\n    .tags{display:flex; flex-wrap:wrap; gap:8px; margin:10px 0 6px}\n    .tag{border:1px dashed var(--line); border-radius:999px; padding:4px 10px; font-size:12px; color:#3a3f45; background:#fff}\n\n    \/* subtle tilt on lanes *\/\n    @media (min-width:980px){\n      .lane.left .panel:hover{ transform:translateY(-4px) rotate(-.25deg); }\n      .lane.right .panel:hover{ transform:translateY(-4px) rotate(.25deg); }\n    }\n\n    \/* full-bleed bottom fade *\/\n    .exam-band:after{\n      content:\"\"; position:absolute; inset:auto 0 0 0; height:28px;\n      background:linear-gradient(to bottom, rgba(0,0,0,.05), rgba(0,0,0,0));\n      pointer-events:none;\n    }\n  <\/style>\n\n  <div class=\"exam-band\">\n    <!-- Header -->\n    <header class=\"exam-head\">\n      <span class=\"kicker\">1st Internal Examination Result<\/span>\n      <h2>Index \u2013 <span style=\"color: var(--brand);\">Department of Physiotherapy &amp; Paramedical Sciences<\/span><\/h2>\n      <p>Students are routed to <strong>Remedial<\/strong> or <strong>Enrichment<\/strong> tracks with ongoing <strong>Monitoring<\/strong>.<\/p>\n    <\/header>\n\n    <!-- Connectors (only visible on desktop) -->\n    <div class=\"connector\" aria-hidden=\"true\"><\/div>\n\n    <!-- Split Lanes -->\n    <div class=\"exam-grid\">\n      <!-- Left Lane: Remedial -->\n      <div class=\"lane left\">\n        <article class=\"panel\" aria-labelledby=\"remedial-title\">\n          <div class=\"head\">\n            <span class=\"badge\" aria-label=\"Less than 50 percent marks\">&lt; 50% Marks<\/span>\n            <h3 class=\"title\" id=\"remedial-title\" style=\"color: var(--brand);\">Slow Learner<\/h3>\n          <\/div>\n          <p class=\"caption\">Remedial \/ Revision Classes<\/p>\n\n          <div class=\"tags\" aria-label=\"Key supports\">\n            <span class=\"tag\">Personalized help<\/span>\n            <span class=\"tag\">Concept clarity<\/span>\n            <span class=\"tag\">Frequent checks<\/span>\n          <\/div>\n\n          <ul class=\"list\">\n            <li>Group discussion<\/li>\n            <li>Assignments<\/li>\n            <li>Poster making<\/li>\n            <li>Previous question paper<\/li>\n            <li>Test<\/li>\n            <li>Regular interactive session<\/li>\n            <li>One-to-one doubt clearing<\/li>\n            <li>Weekly mini quizzes<\/li>\n            <li>Peer-assisted learning<\/li>\n          <\/ul>\n        <\/article>\n      <\/div>\n\n      <!-- Center Pillar -->\n      <div class=\"pillar\">\n        <div class=\"card\" role=\"note\" aria-label=\"Monitoring Session Card\">\n          <div class=\"badge blue\">Monitoring Session<\/div>\n          <div style=\"margin: 10px 0 6px;\">\n            <span class=\"dot\" aria-hidden=\"true\"><\/span>\n            <span class=\"dot\" aria-hidden=\"true\"><\/span>\n            <span class=\"dot\" aria-hidden=\"true\"><\/span>\n          <\/div>\n          <p>Periodic review, guidance, and routing to the appropriate track based on progress.<\/p>\n        <\/div>\n      <\/div>\n\n      <!-- Right Lane: Enrichment -->\n      <div class=\"lane right\">\n        <article class=\"panel\" aria-labelledby=\"enrichment-title\">\n          <div class=\"head\">\n            <span class=\"badge\" aria-label=\"More than 50 percent marks\">&gt; 50% Marks<\/span>\n            <h3 class=\"title\" id=\"enrichment-title\" style=\"color: var(--brand);\">Fast learner<\/h3>\n          <\/div>\n          <p class=\"caption\">Advanced \/ Enrichment Classes<\/p>\n\n          <div class=\"tags\" aria-label=\"Focus areas\">\n            <span class=\"tag\">Skill building<\/span>\n            <span class=\"tag\">Leadership<\/span>\n            <span class=\"tag\">Fast learner<\/span>\n          <\/div>\n\n          <ul class=\"list\">\n            <li>Clinical training<\/li>\n            <li>Inter-college competition<\/li>\n            <li>PPT presentation<\/li>\n            <li>Scrap model innovation<\/li>\n            <li>Participation in camps, conferences &amp; seminar<\/li>\n            <li>Practical demonstration on college YouTube channel<\/li>\n            <li>Case study presentation<\/li>\n            <li>Research proposal writing<\/li>\n            <li>Academic mentoring for juniors<\/li>\n          <\/ul>\n        <\/article>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n<!-- ================== \/EXAM RESULTS \u2013 REMEDIAL \/ ENRICHMENT SPLIT (FINAL) ================== -->\n\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-90ece11 e-con-full e-flex e-con e-parent\" data-id=\"90ece11\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3b4c7bc elementor-widget elementor-widget-text-editor\" data-id=\"3b4c7bc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<!doctype html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<title>Result Analysis<\/title>\n\n<style>\n:root{\n  --accent:#f08a2b;\n  --heading:#ed7619;\n  --muted:#6b6b6b;\n}\n\n*{box-sizing:border-box}\n\nbody{\n  font-family:'Poppins', Arial, sans-serif;\n  background:#f7f8fb;\n  margin:0;\n  padding:40px;\n  color:#222;\n}\n\n\/* ===== WRAPPER ===== *\/\n.wrapper{\n  max-width:980px;\n  margin:0 auto;\n  position:relative;\n  perspective:1200px;\n}\n\n\/* ===== HEADER ===== *\/\n.header-card{\n  background:linear-gradient(\n    180deg,\n    rgba(237,118,25,0.15),\n    rgba(237,118,25,0.05)\n  );\n  border:1px solid var(--heading);\n  border-radius:8px;\n  padding:22px 18px;\n  text-align:center;\n  box-shadow:0 6px 18px rgba(0,0,0,0.06);\n  margin-bottom:34px;\n  transform-style:preserve-3d;\n  transition:transform 300ms ease, box-shadow 300ms ease;\n}\n\n.header-card h1{\n  margin:0;\n  font-size:20px;\n  font-weight:700;\n  letter-spacing:0.6px;\n  color:var(--heading);\n}\n\n\/* ===== CONNECTOR ===== *\/\n.connector{\n  height:26px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  margin-bottom:24px;\n}\n\n.connector .line{\n  height:4px;\n  width:60%;\n  background:var(--accent);\n  border-radius:2px;\n}\n\n\/* ===== COLUMNS ===== *\/\n.cols{\n  display:flex;\n  gap:20px;\n}\n\n@media (max-width:820px){\n  .cols{flex-direction:column}\n}\n\n.col{\n  flex:1;\n  display:flex;\n  flex-direction:column;\n  gap:12px;\n}\n\n\/* ===== TITLE BOX (UPDATED) ===== *\/\n.title-box{\n  background:linear-gradient(180deg,#ffb27d,#ed7619);\n  border:2px solid #ed7619;\n  padding:14px;\n  border-radius:6px;\n  text-align:center;\n  box-shadow:0 6px 18px rgba(237,118,25,0.35);\n  transition:all 300ms ease;\n}\n\n.title-box strong{\n  display:block;\n  font-size:15px;\n  color:#fff;\n  letter-spacing:0.5px;\n}\n\n.title-box small{\n  display:block;\n  font-size:13px;\n  color:#fff;\n  opacity:0.9;\n  margin-top:6px;\n}\n\n\/* ===== HOVER EFFECT ===== *\/\n.title-box:hover{\n  background:linear-gradient(180deg,#e06212,#b94d0a);\n  box-shadow:0 12px 30px rgba(185,77,10,0.45);\n  transform:translateY(-6px) scale(1.03);\n}\n\n\/* ===== CONTENT BOX ===== *\/\n.content-box{\n  background:linear-gradient(180deg,#e9f3f9,#d7eaf6);\n  padding:18px;\n  border-radius:6px;\n  border:1px solid rgba(0,0,0,0.05);\n  min-height:120px;\n  box-shadow:0 6px 18px rgba(0,0,0,0.03);\n}\n\n.content-box ul{\n  margin:0;\n  padding-left:18px;\n  color:#12384c;\n}\n\n.content-box li{margin-bottom:8px}\n\n@media (max-width:480px){\n  body{padding:18px}\n}\n<\/style>\n<\/head>\n\n<body>\n\n<div class=\"wrapper\">\n\n  <div class=\"header-card\">\n    <h1>\n      RESULT ANALYSIS AFTER 1<sup>ST<\/sup> INTERNAL, PRI UNIVERSITY &amp; FINAL EXAMINATION\n    <\/h1>\n  <\/div>\n\n  <div class=\"connector\">\n    <div class=\"line\"><\/div>\n  <\/div>\n\n  <div class=\"cols\">\n\n    <div class=\"col\">\n      <div class=\"title-box\">\n        <strong>SLOW LEARNER<\/strong>\n        <small>(LESS THAN OR EQUAL TO 59%)<\/small>\n      <\/div>\n      <div class=\"content-box\">\n        <ul>\n          <li>Remedial Classes<\/li>\n          <li>Extra problem-solving and revision sessions.<\/li>\n          <li>Internal tests and feedback.<\/li>\n          <li>Previous question paper solving.<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n\n    <div class=\"col\">\n      <div class=\"title-box\">\n        <strong>MEDIOCRE LEARNER<\/strong>\n        <small>(BETWEEN 60% TO 69%)<\/small>\n      <\/div>\n      <div class=\"content-box\">\n        <ul>\n          <li>Clinical Postings<\/li>\n          <li>Assignments related to subject areas.<\/li>\n          <li>Case discussions<\/li>\n          <li>PPT Presentations<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n\n    <div class=\"col\">\n      <div class=\"title-box\">\n        <strong>ADVANCE LEARNER<\/strong>\n        <small>(MORE THAN OR EQUAL TO 70%)<\/small>\n      <\/div>\n      <div class=\"content-box\">\n        <ul>\n          <li>Participation in Workshops<\/li>\n          <li>Participation in camps, conferences &amp; seminars.<\/li>\n          <li>Encouraged to participate in group discussions<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8f0cafd e-con-full elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-parent\" data-id=\"8f0cafd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1d4d0b2 elementor-widget elementor-widget-text-editor\" data-id=\"1d4d0b2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<!doctype html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"utf-8\" \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/>\n  <title>Result Analysis \u2014 Paramedical<\/title>\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;600;700&#038;display=swap\" rel=\"stylesheet\">\n  <style>\n    :root{\n      --peach:#e9cdbb; \/* heading box *\/\n      --peach-dark:#dcb89e;\n      --sky:#cfe7f3; \/* content boxes *\/\n      --accent:#f08a2b; \/* connector line *\/\n      --muted:#6b6b6b;\n    }\n    *{box-sizing:border-box}\n    body{\n      font-family: 'Poppins', Arial, sans-serif;\n      background:#f7f8fb;\n      margin:0;padding:40px;\n      color:#222;\n      -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;\n    }\n    .wrapper{max-width:980px;margin:0 auto;position:relative;perspective:1200px}\n\n    \/* header *\/\n    .header-card{\n      background:linear-gradient(180deg, rgba(116,106,139,0.08), rgba(116,106,139,0.02));\n      border-radius:8px;\n      padding:22px 18px;\n      text-align:center;\n      box-shadow:0 6px 18px rgba(0,0,0,0.06);\n      margin-bottom:34px;\n      border:1px solid rgba(0,0,0,0.04);\n      transform-style:preserve-3d;\n      transition:transform 300ms ease, box-shadow 300ms ease;\n    }\n    .header-card h1{\n      margin:0;font-size:20px;line-height:1.12;font-weight:700;letter-spacing:0.6px;\n      transform:translateZ(30px);\n    }\n\n    \/* connector (made an element so JS can move it) *\/\n    .connector{\n      position:relative;height:26px;margin-bottom:24px;display:flex;align-items:center;justify-content:center;pointer-events:none;\n    }\n    .connector .line{\n      height:4px;width:60%;background:var(--accent);border-radius:2px;opacity:0.95;transition:transform 250ms ease, box-shadow 250ms ease;\n      transform-origin:center;\n    }\n\n    \/* three columns *\/\n    .cols{display:flex;gap:20px;align-items:flex-start}\n    @media (max-width:820px){.cols{flex-direction:column}}\n\n    .col{flex:1;display:flex;flex-direction:column;gap:12px;transform-style:preserve-3d;transition:transform 300ms cubic-bezier(.2,.9,.2,1), box-shadow 300ms ease}\n    .title-box{\n      background:var(--peach);padding:14px;border-radius:6px;text-align:center;border:1px solid rgba(0,0,0,0.03);\n      box-shadow:0 6px 18px rgba(0,0,0,0.04);\n      transform-style:preserve-3d;transition:transform 300ms cubic-bezier(.2,.9,.2,1);\n    }\n    .title-box strong{display:block;font-size:15px}\n    .title-box small{display:block;font-size:13px;color:var(--muted);margin-top:6px}\n\n    .content-box{\n      background:linear-gradient(180deg, #e9f3f9, #d7eaf6);\n      padding:18px;border-radius:6px;border:1px solid rgba(0,0,0,0.03);min-height:120px;\n      box-shadow:0 6px 18px rgba(0,0,0,0.03);\n      transition:transform 300ms cubic-bezier(.2,.9,.2,1), box-shadow 300ms ease;\n    }\n    .content-box ul{margin:0;padding-left:18px;color:#12384c}\n    .content-box li{margin-bottom:8px}\n\n    \/* small vertical connector lines under header to each column *\/\n    .cols .col::before{\n      content:\"\";position:relative;display:block;height:18px;width:4px;margin:-12px auto 0;background:var(--accent);border-radius:2px;opacity:0.95;transition:transform 250ms ease, opacity 250ms ease}\n\n    \/* hover states for non-pointer devices fallback *\/\n    .col:hover{box-shadow:0 18px 40px rgba(0,0,0,0.08)}\n    .title-box:hover{transform:translateY(-6px) scale(1.01)}\n\n    \/* subtle floating animation for idle *\/\n    @keyframes floaty{0%{transform:translateY(0)}50%{transform:translateY(-6px)}100%{transform:translateY(0)}}\n    .idle-float{animation:floaty 6s ease-in-out infinite}\n\n    \/* responsive tweaks *\/\n    @media (max-width:480px){body{padding:18px}}\n  <\/style>\n<\/head>\n<body>\n  <div class=\"wrapper\" id=\"stage\">\n    <div class=\"header-card idle-float\" id=\"header\">\n      <h1>RESULT ANALYSIS AFTER 1<sup>ST<\/sup> INTERNAL, PRI UNIVERSITY &amp; FINAL EXAMINATION<\/h1>\n    <\/div>\n\n    <div class=\"connector\" aria-hidden=\"true\">\n      <div class=\"line\" id=\"line\"><\/div>\n    <\/div>\n\n    <div class=\"cols\" id=\"cols\">\n      <div class=\"col\" data-index=\"0\">\n        <div class=\"title-box\">\n          <strong>SLOW LEARNER<\/strong>\n          <small>(LESS THAN OR EQUAL TO 59%)<\/small>\n        <\/div>\n        <div class=\"content-box\">\n          <ul>\n            <li>Remedial Classes<\/li>\n            <li>Extra problem-solving and revision sessions.<\/li>\n            <li>Internal tests and feedback.<\/li>\n            <li>Previous question paper solving.<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n\n      <div class=\"col\" data-index=\"1\">\n        <div class=\"title-box\">\n          <strong>MEDIOCRE LEARNER<\/strong>\n          <small>(BETWEEN 60% TO 69%)<\/small>\n        <\/div>\n        <div class=\"content-box\">\n          <ul>\n            <li>Clinical Postings<\/li>\n            <li>Assignments related to subject areas.<\/li>\n            <li>Case discussions<\/li>\n            <li>PPT Presentations<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n\n      <div class=\"col\" data-index=\"2\">\n        <div class=\"title-box\">\n          <strong>ADVANCE LEARNER<\/strong>\n          <small>(MORE THAN OR EQUAL TO 70%)<\/small>\n        <\/div>\n        <div class=\"content-box\">\n          <ul>\n            <li>Participation in Workshops<\/li>\n            <li>Participation in camps, conferences &amp; seminars.<\/li>\n            <li>Encouraged to participate in group discussions<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <script>\n    (function(){\n      const stage = document.getElementById('stage');\n      const cols = Array.from(document.querySelectorAll('.col'));\n      const header = document.getElementById('header');\n      const line = document.getElementById('line');\n\n      \/\/ strength of the effect\n      const STRENGTH = 18; \/\/ px for translation, degrees for rotation scaling\n\n      \/\/ track whether there is pointer movement (for idle animation fallback)\n      let lastMove = Date.now();\n\n      function handleMove(e){\n        lastMove = Date.now();\n        const rect = stage.getBoundingClientRect();\n        \/\/ support both mouse and touch\n        const clientX = (e.touches && e.touches[0]) ? e.touches[0].clientX : e.clientX;\n        const clientY = (e.touches && e.touches[0]) ? e.touches[0].clientY : e.clientY;\n        const x = clientX - rect.left;\n        const y = clientY - rect.top;\n        const cx = rect.width \/ 2;\n        const cy = rect.height \/ 2;\n        \/\/ normalize -1..1\n        const nx = (x - cx) \/ cx;\n        const ny = (y - cy) \/ cy;\n\n        \/\/ header tilt (subtle)\n        const headerRotY = nx * STRENGTH * 0.4; \/\/ degrees\n        const headerRotX = -ny * STRENGTH * 0.15;\n        header.style.transform = `rotateY(${headerRotY}deg) rotateX(${headerRotX}deg) translateZ(10px)`;\n        header.style.boxShadow = `${-nx*20}px ${Math.abs(ny)*12+8}px 30px rgba(0,0,0,0.08)`;\n\n        \/\/ line scale\/stretch sensitivity\n        const lineScale = 1 + Math.abs(nx) * 0.12;\n        line.style.transform = `scaleX(${lineScale}) translateY(${ny*6}px)`;\n        line.style.boxShadow = `${nx*8}px ${ny*6}px 18px rgba(240,138,43,0.12)`;\n\n        \/\/ each column parallax and tilt based on distance from center\n        cols.forEach((col, i) =>{\n          const idx = i - (cols.length-1)\/2; \/\/ -1,0,1 for three columns\n          const depth = (0.6 + Math.abs(idx))*STRENGTH;\n          const tx = nx * depth * (1 + idx*0.06);\n          const ty = ny * depth * (0.6 - Math.abs(idx)*0.08);\n          const rY = nx * STRENGTH * (0.6 - idx*0.08);\n          const rX = -ny * STRENGTH * 0.06;\n          const scale = 1 + (0.02 - Math.abs(idx)*0.002);\n          col.style.transform = `translate3d(${tx}px, ${ty}px, ${-Math.abs(idx)*24}px) rotateY(${rY}deg) rotateX(${rX}deg) scale(${scale})`;\n          \/\/ slightly lift title and content differently for depth illusion\n          const title = col.querySelector('.title-box');\n          const content = col.querySelector('.content-box');\n          title.style.transform = `translateZ(${30 - Math.abs(idx)*8}px)`;\n          content.style.transform = `translateZ(${6 - Math.abs(idx)*4}px)`;\n        });\n      }\n\n      \/\/ reset to neutral when pointer leaves\n      function handleLeave(){\n        header.style.transform = '';\n        header.style.boxShadow = '';\n        line.style.transform = '';\n        line.style.boxShadow = '';\n        cols.forEach(col => {col.style.transform = ''; col.querySelector('.title-box').style.transform=''; col.querySelector('.content-box').style.transform=''});\n      }\n\n      \/\/ throttle pointer events with requestAnimationFrame\n      let raf = null;\n      function onMove(e){\n        if(raf) cancelAnimationFrame(raf);\n        raf = requestAnimationFrame(()=> handleMove(e));\n      }\n\n      stage.addEventListener('mousemove', onMove);\n      stage.addEventListener('touchmove', onMove, {passive:true});\n      stage.addEventListener('mouseleave', handleLeave);\n      stage.addEventListener('touchend', handleLeave);\n\n      \/\/ touch start to remove idle float so users feel interaction immediately\n      stage.addEventListener('touchstart', ()=>{ header.classList.remove('idle-float'); });\n      stage.addEventListener('mousemove', ()=>{ header.classList.remove('idle-float'); });\n\n      \/\/ optional: gentle periodic nudge when truly idle (after 2.5s)\n      setInterval(()=>{\n        if(Date.now() - lastMove > 2500){\n          \/\/ tiny nudge\n          header.animate([\n            { transform: 'translateZ(8px) rotateY(-2deg) rotateX(0deg)' },\n            { transform: 'translateZ(12px) rotateY(2deg) rotateX(-1deg)' },\n            { transform: 'translateZ(8px) rotateY(-2deg) rotateX(0deg)' }\n          ],{ duration: 2200, iterations: 1, easing: 'ease-in-out' });\n        }\n      }, 3000);\n\n      \/\/ accessibility: allow keyboard focus to show slight lift\n      cols.forEach(col=>{col.setAttribute('tabindex','0'); col.addEventListener('focus', ()=>{col.style.transform='translateY(-8px) scale(1.01)';}); col.addEventListener('blur', ()=>{col.style.transform='';});});\n\n    })();\n  <\/script>\n<\/body>\n<\/html>\n\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a13f0a1 e-flex e-con-boxed e-con e-parent\" data-id=\"a13f0a1\" 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-aa1fbf5 elementor-widget elementor-widget-spacer\" data-id=\"aa1fbf5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4d11a8a e-con-full e-flex e-con e-parent\" data-id=\"4d11a8a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9644c35 elementor-widget elementor-widget-text-editor\" data-id=\"9644c35\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<!doctype html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"utf-8\" \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/>\n  <title>Courses \u2014 Paramedical<\/title>\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;600;700;800&#038;display=swap\" rel=\"stylesheet\">\n  <style>\n    \/* ---------- Design Tokens (user colors applied) ---------- *\/\n    .courses-wrap{\n      --brand:#CD2122;\n      --brand-dark:#b31415;\n      --brand-ink:#ffffff;\n      --ink:#0b0b0c;\n      --muted:#60656f;\n      --bg:#ffffff;\n      --card:rgba(255,255,255,.86);\n      --line:rgba(10,10,10,.10);\n      --radius-xl:22px;\n      --radius-lg:16px;\n      --radius-md:12px;\n      --shadow-lg:0 24px 56px rgba(0,0,0,.14), 0 10px 24px rgba(0,0,0,.08);\n      --shadow-sm:0 8px 20px rgba(0,0,0,.08);\n      --focus:0 0 0 3px rgba(205,33,34,.25), 0 0 0 6px rgba(205,33,34,.15);\n      \/* derived translucent brand tokens *\/\n      --brand-05: rgba(205,33,34,.05);\n      --brand-09: rgba(205,33,34,.09);\n      --brand-10: rgba(205,33,34,.10);\n      --brand-12: rgba(205,33,34,.12);\n      --brand-25: rgba(205,33,34,.25);\n      font-family:\"Plus Jakarta Sans\", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\n      color:var(--ink);\n      -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;\n    }\n\n    \/* ---------- Full-bleed band ---------- *\/\n    .courses-wrap.fullbleed{\n      position:relative;\n      left:50%; right:50%;\n      margin-left:calc(50% - 50vw);\n      margin-right:calc(50% - 50vw);\n      width:100vw; background:var(--bg);\n      overflow:hidden;\n    }\n\n    \/* ---------- Section shell ---------- *\/\n    .courses{\n      max-width:1200px; margin:0 auto; padding:56px 20px 84px; box-sizing:border-box;\n    }\n\n    \/* ---------- Header ---------- *\/\n    .c-head{\n      display:grid; gap:16px; margin-bottom:26px;\n    }\n    .c-eyebrow{\n      display:inline-flex; align-items:center; gap:10px;\n      font-weight:700; font-size:13px; letter-spacing:.12em; text-transform:uppercase; color:var(--brand);\n    }\n    .c-eyebrow:before{\n      content:\"\"; width:28px; height:2px; background:var(--brand); border-radius:2px;\n    }\n    .c-title{\n      font-size: clamp(24px, 2.2vw, 34px);\n      line-height:1.2; font-weight:800;\n    }\n    .c-lead{\n      font-size: clamp(14px, 1.4vw, 16px);\n      color:var(--muted);\n      max-width:900px;\n    }\n\n    \/* ---------- Track chips ---------- *\/\n    .c-tracks{\n      display:flex; flex-wrap:wrap; gap:10px; margin-top:16px; margin-bottom:24px;\n    }\n    .c-chip{\n      border:1px solid var(--line); background:var(--bg); color:var(--ink);\n      padding:10px 14px; border-radius:999px; font-size:13px; font-weight:600;\n    }\n\n    \/* ---------- Grid ---------- *\/\n    .c-grid{\n      --cols:1;\n      display:grid; gap:22px;\n      grid-template-columns:repeat(var(--cols), minmax(0,1fr));\n    }\n    @media (min-width:640px){ .c-grid{ --cols:2; } }\n    @media (min-width:1024px){ .c-grid{ --cols:3; } }\n    @media (min-width:1280px){ .c-grid{ --cols:4; } }\n\n    \/* ---------- Card (flip) ---------- *\/\n    .c-card{\n      perspective:1200px; border-radius:var(--radius-lg);\n      transform:translateY(12px); opacity:0; transition:transform .8s cubic-bezier(.2,.7,.2,1), opacity .8s;\n    }\n    .c-card.is-in{ transform:translateY(0); opacity:1; }\n\n    .c-card-inner{\n      position:relative; width:100%; aspect-ratio: 4 \/ 5; \/* consistent height *\/\n      transform-style:preserve-3d;\n      transition: transform .9s cubic-bezier(.2,.7,.2,1);\n      border-radius:var(--radius-lg); box-shadow:var(--shadow-sm);\n    }\n    .c-card:hover .c-card-inner,\n    .c-card:focus-within .c-card-inner,\n    .c-card.is-flipped .c-card-inner{ transform:rotateY(180deg); }\n\n    .c-face{\n      position:absolute; inset:0; border-radius:var(--radius-lg); backface-visibility:hidden; overflow:hidden;\n    }\n\n    \/* Front *\/\n    .c-front{\n      background:\n        radial-gradient(1200px 400px at 100% -20%, var(--brand-05), transparent 50%),\n        linear-gradient(180deg, var(--bg), var(--bg));\n      border:1px solid var(--line);\n      display:grid; grid-template-rows:auto 1fr auto;\n    }\n    .c-front .c-top{\n      padding:18px 18px 0; display:flex; justify-content:space-between; align-items:center;\n    }\n    .c-tag{\n      background:var(--brand-09); color:var(--brand);\n      padding:8px 12px; border-radius:999px; font-weight:700; font-size:12px; letter-spacing:.08em; text-transform:uppercase;\n    }\n    .c-icon{\n      width:38px; height:38px; border-radius:12px; display:grid; place-items:center;\n      background:var(--brand-10); border:1px solid var(--brand-25);\n    }\n    .c-front .c-body{ padding:18px; display:grid; align-content:start; gap:10px;}\n    .c-name{ font-size:18px; line-height:1.25; font-weight:800; }\n    .c-desc{ font-size:14px; color:var(--muted); }\n    .c-front .c-bottom{\n      padding:16px 18px 18px; display:flex; gap:10px; flex-wrap:wrap;\n    }\n    .c-pill{\n      background:var(--bg); border:1px dashed rgba(205,33,34,.30); color:var(--brand);\n      padding:8px 12px; border-radius:10px; font-weight:700; font-size:12px;\n      transition:transform .25s ease; will-change:transform;\n    }\n    .c-pill:hover{ transform:translateY(-2px); }\n\n    \/* Back *\/\n    .c-back{\n      transform:rotateY(180deg);\n      background:linear-gradient(135deg, var(--brand) 0%, var(--brand-dark) 100%);\n      color:var(--brand-ink); display:grid; grid-template-rows:auto 1fr auto;\n    }\n    .c-back .c-top{ padding:18px; display:flex; align-items:center; gap:10px; }\n    .c-back .c-top .c-mini{ opacity:.85; font-weight:700; letter-spacing:.08em; text-transform:uppercase; font-size:12px; }\n    .c-back .c-body{ padding:0 18px 8px; }\n    .c-list{ display:grid; gap:10px; margin:0; padding:0 0 10px 0; list-style:none; }\n    .c-list li{\n      display:grid; grid-template-columns:auto 1fr; align-items:start; gap:10px; font-size:14px;\n    }\n    .c-bullet{\n      width:22px; height:22px; border-radius:6px; background:rgba(255,255,255,.12);\n      display:grid; place-items:center; border:1px solid rgba(255,255,255,.25);\n      font-weight:800;\n    }\n    .c-back .c-bottom{ padding:0 18px 18px; display:flex; gap:10px; flex-wrap:wrap; }\n    .c-btn, .c-link{\n      display:inline-flex; align-items:center; gap:10px; text-decoration:none; cursor:pointer;\n      border-radius:12px; padding:12px 14px; font-weight:800; font-size:13px; letter-spacing:.02em;\n      transition: transform .25s ease, box-shadow .25s ease, background .25s ease;\n    }\n    .c-btn{\n      background:var(--bg); color:var(--brand-dark); box-shadow:var(--shadow-sm);\n    }\n    .c-btn:hover{ transform:translateY(-2px); box-shadow:var(--shadow-lg); }\n    .c-link{ background:transparent; color:var(--brand-ink); border:1px solid rgba(255,255,255,.35); }\n    .c-link:hover{ transform:translateY(-2px); background:rgba(255,255,255,.10); }\n\n    \/* ---------- Flip toggler (keyboard accessible) ---------- *\/\n    .c-toggle{\n      position:absolute; inset:0; border:0; background:transparent; cursor:pointer;\n      text-indent:-9999px;\n    }\n    .c-toggle:focus{ outline:none; box-shadow:var(--focus); border-radius:var(--radius-lg); }\n\n    \/* ---------- Utility: small note row ---------- *\/\n    .c-note{\n      display:flex; gap:10px; align-items:center; color:var(--muted);\n      font-size:13px; margin-top:22px;\n    }\n    .c-note .dot{ width:8px; height:8px; border-radius:50%; background:var(--brand); opacity:.6; }\n\n    \/* Reduce motion preference *\/\n    @media (prefers-reduced-motion:reduce){\n      .c-card, .c-card-inner, .c-pill, .c-btn, .c-link{ transition:none !important; }\n    }\n\n    \/* small responsive tweaks *\/\n    @media (max-width:480px){ .courses{ padding:28px 14px 48px } }\n  <\/style>\n<\/head>\n<body>\n\n<section class=\"courses-wrap fullbleed\">\n  <div id=\"courses\" class=\"courses\">\n\n    <!-- Header -->\n    <div class=\"c-head\">\n      <div class=\"c-eyebrow\">Academics<\/div>\n      <h2 class=\"c-title\">High Standards of Academics with Structured Programs<\/h2>\n      <p class=\"c-lead\">We are committed to academic excellence through a structured curriculum, innovative teaching methods and a yearly academic calendar that ensures smooth and systemic learning.<\/p>\n\n      <!-- Track Chips -->\n      <div class=\"c-tracks\">\n        <span class=\"c-chip\">Under Graduate<\/span>\n        <span class=\"c-chip\">Diploma<\/span>\n        <span class=\"c-chip\">Certificate<\/span>\n        <span class=\"c-chip\">PO \u2022 PSO \u2022 CO<\/span>\n      <\/div>\n    <\/div>\n\n    <!-- GRID -->\n    <div class=\"c-grid\" role=\"list\">\n\n      <!-- ========== BPT (UG) ========== -->\n      <article class=\"c-card\" role=\"listitem\" aria-label=\"BPT Undergraduate\">\n        <div class=\"c-card-inner\" tabindex=\"-1\">\n\n          <!-- front -->\n          <div class=\"c-face c-front\">\n            <div class=\"c-top\"><span class=\"c-tag\">Under Graduate<\/span>\n              <span class=\"c-icon\" aria-hidden=\"true\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><path d=\"M12 2L15 8H9L12 2Z\" fill=\"currentColor\"\/><\/svg><\/span>\n            <\/div>\n            <div class=\"c-body\">\n              <h3 class=\"c-name\">BPT \u2014 Bachelor of Physiotherapy<\/h3>\n              <p class=\"c-desc\">PO \u2022 PSO \u2022 CO aligned program outcomes with hands-on clinical learning.<\/p>\n            <\/div>\n            <div class=\"c-bottom\"><span class=\"c-pill\">Overview<\/span>\n              <span class=\"c-pill\">Course Detail<\/span>\n              <span class=\"c-pill\">Career Opportunities<\/span>\n            <\/div>\n            <button class=\"c-toggle\" aria-label=\"Flip BPT card to see details\">Flip<\/button>\n          <\/div>\n\n          <!-- back -->\n          <div class=\"c-face c-back\">\n            <div class=\"c-top\"><span class=\"c-mini\">BPT \u2022 Outcomes &amp; Pathways<\/span><\/div>\n            <div class=\"c-body\">\n              <ul class=\"c-list\">\n                <li><span class=\"c-bullet\">\u2713<\/span>PO, PSO, CO mapped to clinical competencies and evidence-based practice.<\/li>\n                <li><span class=\"c-bullet\">\u2713<\/span>Structured internships and adult-learning pedagogy.<\/li>\n                <li><span class=\"c-bullet\">\u2713<\/span>Career tracks: Clinical PT, Sports Rehab, Community Health.<\/li>\n              <\/ul>\n            <\/div>\n            <div class=\"c-bottom\"><a class=\"c-btn\" href=\"https:\/\/malwanchaluniversity.in\/paramedical\/under-graduate-courses\/\">View Overview<\/a>\n              <a class=\"c-link\" href=\"#\">Course Detail<\/a>\n              <a class=\"c-link\" href=\"#\">Career Opportunities<\/a>\n            <\/div>\n          <\/div>\n\n        <\/div>\n      <\/article>\n\n      <!-- ========== BMLT (UG) ========== -->\n      <article class=\"c-card\" role=\"listitem\" aria-label=\"BMLT Undergraduate\">\n        <div class=\"c-card-inner\" tabindex=\"-1\">\n\n          <div class=\"c-face c-front\">\n            <div class=\"c-top\"><span class=\"c-tag\">Under Graduate<\/span><\/div>\n            <div class=\"c-body\">\n              <h3 class=\"c-name\">BMLT \u2014 Medical Laboratory Technology<\/h3>\n              <p class=\"c-desc\">PO \u2022 PSO \u2022 CO aligned; strong diagnostic lab training with quality control.<\/p>\n            <\/div>\n            <div class=\"c-bottom\"><span class=\"c-pill\">Overview<\/span>\n              <span class=\"c-pill\">Course Detail<\/span>\n              <span class=\"c-pill\">Career Opportunities<\/span>\n            <\/div>\n            <button class=\"c-toggle\" aria-label=\"Flip BMLT card to see details\">Flip<\/button>\n          <\/div>\n\n          <div class=\"c-face c-back\">\n            <div class=\"c-top\"><span class=\"c-mini\">BMLT \u2022 Outcomes &amp; Pathways<\/span><\/div>\n            <div class=\"c-body\">\n              <ul class=\"c-list\">\n                <li><span class=\"c-bullet\">\u2713<\/span>PO, PSO, CO integrated with lab safety and instrumentation.<\/li>\n                <li><span class=\"c-bullet\">\u2713<\/span>Rotations across hematology, biochemistry, microbiology.<\/li>\n                <li><span class=\"c-bullet\">\u2713<\/span>Careers: Lab Scientist, QA, Diagnostics Specialist.<\/li>\n              <\/ul>\n            <\/div>\n            <div class=\"c-bottom\"><a class=\"c-btn\" href=\"https:\/\/malwanchaluniversity.in\/paramedical\/under-graduate-courses\/\">View Overview<\/a>\n              <a class=\"c-link\" href=\"https:\/\/malwanchaluniversity.in\/paramedical\/under-graduate-courses\/\">Course Detail<\/a>\n              <a class=\"c-link\" href=\"#\">Career Opportunities<\/a>\n            <\/div>\n          <\/div>\n\n        <\/div>\n      <\/article>\n\n      <!-- ========== DMLT (Diploma) ========== -->\n      <article class=\"c-card\" role=\"listitem\" aria-label=\"DMLT Diploma\">\n        <div class=\"c-card-inner\" tabindex=\"-1\">\n\n          <div class=\"c-face c-front\">\n            <div class=\"c-top\"><span class=\"c-tag\">Diploma<\/span><\/div>\n            <div class=\"c-body\">\n              <h3 class=\"c-name\">DMLT \u2014 Diploma in Medical Lab Technology<\/h3>\n              <p class=\"c-desc\">Hands-on diagnostics and essential lab workflow skills.<\/p>\n            <\/div>\n            <div class=\"c-bottom\"><span class=\"c-pill\">Overview<\/span><span class=\"c-pill\">Course Detail<\/span><span class=\"c-pill\">Career Opportunities<\/span><\/div>\n            <button class=\"c-toggle\" aria-label=\"Flip DMLT card to see details\">Flip<\/button>\n          <\/div>\n\n          <div class=\"c-face c-back\">\n            <div class=\"c-top\"><span class=\"c-mini\">DMLT \u2022 Highlights<\/span><\/div>\n            <div class=\"c-body\">\n              <ul class=\"c-list\">\n                <li><span class=\"c-bullet\">\u2713<\/span>Core testing protocols and sample handling.<\/li>\n                <li><span class=\"c-bullet\">\u2713<\/span>Work-ready competencies for diagnostic labs.<\/li>\n                <li><span class=\"c-bullet\">\u2713<\/span>Progression paths to advanced lab roles.<\/li>\n              <\/ul>\n            <\/div>\n            <div class=\"c-bottom\"><a class=\"c-btn\" href=\"https:\/\/malwanchaluniversity.in\/paramedical\/diploma-courses\/\">View Overview<\/a>\n              <a class=\"c-link\" href=\"https:\/\/malwanchaluniversity.in\/paramedical\/diploma-courses\/\">Course Detail<\/a>\n              <a class=\"c-link\" href=\"https:\/\/malwanchaluniversity.in\/paramedical\/diploma-courses\/\">Career Opportunities<\/a>\n            <\/div>\n          <\/div>\n\n        <\/div>\n      <\/article>\n\n      <!-- ========== Optometric Refraction (Diploma) ========== -->\n      <article class=\"c-card\" role=\"listitem\" aria-label=\"Optometric Refraction Diploma\">\n        <div class=\"c-card-inner\" tabindex=\"-1\">\n\n          <div class=\"c-face c-front\">\n            <div class=\"c-top\"><span class=\"c-tag\">Diploma<\/span><\/div>\n            <div class=\"c-body\">\n              <h3 class=\"c-name\">Optometric Refraction<\/h3>\n              <p class=\"c-desc\">Clinical refraction skills and vision assessment techniques.<\/p>\n            <\/div>\n            <div class=\"c-bottom\"><span class=\"c-pill\">Overview<\/span><span class=\"c-pill\">Course Detail<\/span><span class=\"c-pill\">Career Opportunities<\/span><\/div>\n            <button class=\"c-toggle\" aria-label=\"Flip Optometric Refraction card to see details\">Flip<\/button>\n          <\/div>\n\n          <div class=\"c-face c-back\">\n            <div class=\"c-top\"><span class=\"c-mini\">Optometric Refraction \u2022 Highlights<\/span><\/div>\n            <div class=\"c-body\">\n              <ul class=\"c-list\">\n                <li><span class=\"c-bullet\">\u2713<\/span>Vision screening, refraction workflows, patient counselling.<\/li>\n                <li><span class=\"c-bullet\">\u2713<\/span>Hands-on training with standard instruments.<\/li>\n                <li><span class=\"c-bullet\">\u2713<\/span>Pathways: Clinics, optical retail, community outreach.<\/li>\n              <\/ul>\n            <\/div>\n            <div class=\"c-bottom\"><a class=\"c-btn\" href=\"https:\/\/malwanchaluniversity.in\/paramedical\/diploma-courses\/\">View Overview<\/a>\n              <a class=\"c-link\" href=\"https:\/\/malwanchaluniversity.in\/paramedical\/diploma-courses\/\">Course Detail<\/a>\n              <a class=\"c-link\" href=\"https:\/\/malwanchaluniversity.in\/paramedical\/diploma-courses\/\">Career Opportunities<\/a>\n            <\/div>\n          <\/div>\n\n        <\/div>\n      <\/article>\n\n      <!-- ========== OT Technician (Certificate) ========== -->\n      <article class=\"c-card\" role=\"listitem\" aria-label=\"OT Technician Certificate\">\n        <div class=\"c-card-inner\" tabindex=\"-1\">\n\n          <div class=\"c-face c-front\">\n            <div class=\"c-top\"><span class=\"c-tag\">Certificate<\/span><\/div>\n            <div class=\"c-body\">\n              <h3 class=\"c-name\">OT Technician<\/h3>\n              <p class=\"c-desc\">Operating theatre protocols and peri-operative support.<\/p>\n            <\/div>\n            <div class=\"c-bottom\"><span class=\"c-pill\">Overview<\/span><span class=\"c-pill\">Course Detail<\/span><span class=\"c-pill\">Career Opportunities<\/span><\/div>\n            <button class=\"c-toggle\" aria-label=\"Flip OT Technician card to see details\">Flip<\/button>\n          <\/div>\n\n          <div class=\"c-face c-back\">\n            <div class=\"c-top\"><span class=\"c-mini\">OT Technician \u2022 Highlights<\/span><\/div>\n            <div class=\"c-body\">\n              <ul class=\"c-list\">\n                <li><span class=\"c-bullet\">\u2713<\/span>Sterilization, instrumentation, and OT assistance.<\/li>\n                <li><span class=\"c-bullet\">\u2713<\/span>In-hospital practice and safety standards.<\/li>\n                <li><span class=\"c-bullet\">\u2713<\/span>Job roles: OT Assistant, Surgical Technologist.<\/li>\n              <\/ul>\n            <\/div>\n            <div class=\"c-bottom\"><a class=\"c-btn\" href=\"https:\/\/malwanchaluniversity.in\/paramedical\/certificate-courses\/\">View Overview<\/a>\n              <a class=\"c-link\" href=\"https:\/\/malwanchaluniversity.in\/paramedical\/certificate-courses\/\">Course Detail<\/a>\n              <a class=\"c-link\" href=\"https:\/\/malwanchaluniversity.in\/paramedical\/certificate-courses\/\">Career Opportunities<\/a>\n            <\/div>\n          <\/div>\n\n        <\/div>\n      <\/article>\n\n      <!-- ========== CT\/MRI Technician (Certificate) ========== -->\n      <article class=\"c-card\" role=\"listitem\" aria-label=\"CT\/MRI Technician Certificate\">\n        <div class=\"c-card-inner\" tabindex=\"-1\">\n\n          <div class=\"c-face c-front\">\n            <div class=\"c-top\"><span class=\"c-tag\">Certificate<\/span><\/div>\n            <div class=\"c-body\">\n              <h3 class=\"c-name\">CT\/MRI Technician<\/h3>\n              <p class=\"c-desc\">Imaging physics, protocols, and patient safety in radiology.<\/p>\n            <\/div>\n            <div class=\"c-bottom\"><span class=\"c-pill\">Overview<\/span><span class=\"c-pill\">Course Detail<\/span><span class=\"c-pill\">Career Opportunities<\/span><\/div>\n            <button class=\"c-toggle\" aria-label=\"Flip CT\/MRI Technician card to see details\">Flip<\/button>\n          <\/div>\n\n          <div class=\"c-face c-back\">\n            <div class=\"c-top\"><span class=\"c-mini\">CT\/MRI \u2022 Highlights<\/span><\/div>\n            <div class=\"c-body\">\n              <ul class=\"c-list\">\n                <li><span class=\"c-bullet\">\u2713<\/span>Cross-sectional anatomy and modality workflows.<\/li>\n                <li><span class=\"c-bullet\">\u2713<\/span>Radiation safety and patient care standards.<\/li>\n                <li><span class=\"c-bullet\">\u2713<\/span>Careers: MRI Tech, CT Tech, Imaging Assistant.<\/li>\n              <\/ul>\n            <\/div>\n            <div class=\"c-bottom\"><a class=\"c-btn\" href=\"https:\/\/malwanchaluniversity.in\/paramedical\/certificate-courses\/\">View Overview<\/a>\n              <a class=\"c-link\" href=\"https:\/\/malwanchaluniversity.in\/paramedical\/certificate-courses\/\">Course Detail<\/a>\n              <a class=\"c-link\" href=\"https:\/\/malwanchaluniversity.in\/paramedical\/certificate-courses\/\">Career Opportunities<\/a>\n            <\/div>\n          <\/div>\n\n        <\/div>\n      <\/article>\n\n      <!-- ========== X-Ray Technician (Certificate) ========== -->\n      <article class=\"c-card\" role=\"listitem\" aria-label=\"X-Ray Technician Certificate\">\n        <div class=\"c-card-inner\" tabindex=\"-1\">\n\n          <div class=\"c-face c-front\">\n            <div class=\"c-top\"><span class=\"c-tag\">Certificate<\/span><\/div>\n            <div class=\"c-body\">\n              <h3 class=\"c-name\">X-Ray Technician<\/h3>\n              <p class=\"c-desc\">Radiographic positioning and image quality assurance.<\/p>\n            <\/div>\n            <div class=\"c-bottom\"><span class=\"c-pill\">Overview<\/span><span class=\"c-pill\">Course Detail<\/span><span class=\"c-pill\">Career Opportunities<\/span><\/div>\n            <button class=\"c-toggle\" aria-label=\"Flip X-Ray Technician card to see details\">Flip<\/button>\n          <\/div>\n\n          <div class=\"c-face c-back\">\n            <div class=\"c-top\"><span class=\"c-mini\">X-Ray \u2022 Highlights<\/span><\/div>\n            <div class=\"c-body\">\n              <ul class=\"c-list\">\n                <li><span class=\"c-bullet\">\u2713<\/span>OPG, chest, extremity radiography routines.<\/li>\n                <li><span class=\"c-bullet\">\u2713<\/span>Radiation protection and QA checks.<\/li>\n                <li><span class=\"c-bullet\">\u2713<\/span>Work in hospitals, diagnostics, mobile imaging.<\/li>\n              <\/ul>\n            <\/div>\n            <div class=\"c-bottom\"><a class=\"c-btn\" href=\"https:\/\/malwanchaluniversity.in\/paramedical\/certificate-courses\/\">View Overview<\/a>\n              <a class=\"c-link\" href=\"https:\/\/malwanchaluniversity.in\/paramedical\/certificate-courses\/\">Course Detail<\/a>\n              <a class=\"c-link\" href=\"https:\/\/malwanchaluniversity.in\/paramedical\/certificate-courses\/\">Career Opportunities<\/a><\/div>\n          <\/div>\n\n        <\/div>\n      <\/article>\n\n      <!-- ========== Hospital Medical Record Science (Certificate) ========== -->\n      <article class=\"c-card\" role=\"listitem\" aria-label=\"Hospital Medical Record Science Certificate\">\n        <div class=\"c-card-inner\" tabindex=\"-1\">\n\n          <div class=\"c-face c-front\">\n            <div class=\"c-top\"><span class=\"c-tag\">Certificate<\/span><\/div>\n            <div class=\"c-body\">\n              <h3 class=\"c-name\">Hospital Medical Record Science<\/h3>\n              <p class=\"c-desc\">Clinical documentation, data integrity, and health informatics basics.<\/p>\n            <\/div>\n            <div class=\"c-bottom\"><span class=\"c-pill\">Overview<\/span><span class=\"c-pill\">Course Detail<\/span><span class=\"c-pill\">Career Opportunities<\/span><\/div>\n            <button class=\"c-toggle\" aria-label=\"Flip Hospital Medical Record Science card to see details\">Flip<\/button>\n          <\/div>\n\n          <div class=\"c-face c-back\">\n            <div class=\"c-top\"><span class=\"c-mini\">HMRS \u2022 Highlights<\/span><\/div>\n            <div class=\"c-body\">\n              <ul class=\"c-list\">\n                <li><span class=\"c-bullet\">\u2713<\/span>ICD coding fundamentals and records management.<\/li>\n                <li><span class=\"c-bullet\">\u2713<\/span>Data privacy, security, and audit trails.<\/li>\n                <li><span class=\"c-bullet\">\u2713<\/span>Careers: Medical Coder, Records Officer.<\/li>\n              <\/ul>\n            <\/div>\n            <div class=\"c-bottom\"><a class=\"c-btn\" href=\"https:\/\/malwanchaluniversity.in\/paramedical\/certificate-courses\/\">View Overview<\/a>\n              <a class=\"c-link\" href=\"https:\/\/malwanchaluniversity.in\/paramedical\/certificate-courses\/\">Course Detail<\/a>\n              <a class=\"c-link\" href=\"https:\/\/malwanchaluniversity.in\/paramedical\/certificate-courses\/\">Career Opportunities<\/a>\n            <\/div>\n          <\/div>\n\n        <\/div>\n      <\/article>\n\n    <\/div> <!-- end grid -->\n\n    <!-- Small note -->\n    <div class=\"c-note\"><span class=\"dot\"><\/span><div>Programs subject to change. Check course pages for latest details.<\/div><\/div>\n\n  <\/div>\n<\/section>\n\n<script>\n\/* -------- Flip logic (hover handled in CSS; this helps keyboard + touch) -------- *\/\n(function(){\n  const cards = document.querySelectorAll('.c-card');\n  const toggles = document.querySelectorAll('.c-toggle');\n\n  \/\/ Reveal on scroll\n  const io = new IntersectionObserver((entries)=>{\n    entries.forEach(e=>{\n      if(e.isIntersecting){ e.target.classList.add('is-in'); io.unobserve(e.target); }\n    });\n  }, {threshold:.2});\n  cards.forEach(c=>io.observe(c));\n\n  \/\/ Keyboard\/touch flip\n  toggles.forEach(btn=>{\n    const card = btn.closest('.c-card');\n    const inner = card.querySelector('.c-card-inner');\n\n    \/\/ Click \/ tap\n    btn.addEventListener('click', (ev)=>{\n      ev.preventDefault();\n      card.classList.toggle('is-flipped');\n    });\n\n    \/\/ Keyboard accessibility\n    inner.setAttribute('tabindex','0');\n    inner.addEventListener('keydown', (e)=>{\n      if(e.key === 'Enter' || e.key === ' '){\n        e.preventDefault();\n        card.classList.toggle('is-flipped');\n      }\n      if(e.key === 'Escape'){\n        card.classList.remove('is-flipped');\n      }\n    });\n  });\n})();\n<\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d903007 e-con-full elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-parent\" data-id=\"d903007\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3014b20 elementor-widget elementor-widget-text-editor\" data-id=\"3014b20\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<style>\n\/* ---------- Design Tokens ---------- *\/<br \/>.courses-wrap{<br \/>  --brand:#CD2122;<br \/>  --brand-ink:#ffffff;<br \/>  --ink:#0b0b0c;<br \/>  --muted:#60656f;<br \/>  --bg:#ffffff;<br \/>  --card:rgba(255,255,255,.86);<br \/>  --line:rgba(10,10,10,.10);<br \/>  --radius-xl:22px;<br \/>  --radius-lg:16px;<br \/>  --radius-md:12px;<br \/>  --shadow-lg:0 24px 56px rgba(0,0,0,.14), 0 10px 24px rgba(0,0,0,.08);<br \/>  --shadow-sm:0 8px 20px rgba(0,0,0,.08);<br \/>  --focus:0 0 0 3px rgba(205,33,34,.25), 0 0 0 6px rgba(205,33,34,.15);<br \/>  font-family:\"Plus Jakarta Sans\", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;<br \/>  color:var(--ink);<br \/>}<\/p>\n<p>\/* ---------- Full-bleed band ---------- *\/<br \/>.courses-wrap.fullbleed{<br \/>  position:relative;<br \/>  left:50%; right:50%;<br \/>  margin-left:calc(50% - 50vw);<br \/>  margin-right:calc(50% - 50vw);<br \/>  width:100vw; background:var(--bg);<br \/>  overflow:hidden;<br \/>}<\/p>\n<p>\/* ---------- Section shell ---------- *\/<br \/>.courses{<br \/>  max-width:1200px; margin:0 auto; padding:56px 20px 84px; box-sizing:border-box;<br \/>}<\/p>\n<p>\/* ---------- Header ---------- *\/<br \/>.c-head{<br \/>  display:grid; gap:16px; margin-bottom:26px;<br \/>}<br \/>.c-eyebrow{<br \/>  display:inline-flex; align-items:center; gap:10px;<br \/>  font-weight:700; font-size:13px; letter-spacing:.12em; text-transform:uppercase; color:var(--brand);<br \/>}<br \/>.c-eyebrow:before{<br \/>  content:\"\"; width:28px; height:2px; background:var(--brand); border-radius:2px;<br \/>}<br \/>.c-title{<br \/>  font-size: clamp(24px, 2.2vw, 34px);<br \/>  line-height:1.2; font-weight:800;<br \/>}<br \/>.c-lead{<br \/>  font-size: clamp(14px, 1.4vw, 16px);<br \/>  color:var(--muted);<br \/>  max-width:900px;<br \/>}<\/p>\n<p>\/* ---------- Track chips ---------- *\/<br \/>.c-tracks{<br \/>  display:flex; flex-wrap:wrap; gap:10px; margin-top:16px; margin-bottom:24px;<br \/>}<br \/>.c-chip{<br \/>  border:1px solid var(--line); background:#fff; color:var(--ink);<br \/>  padding:10px 14px; border-radius:999px; font-size:13px; font-weight:600;<br \/>}<\/p>\n<p>\/* ---------- Grid ---------- *\/<br \/>.c-grid{<br \/>  --cols:1;<br \/>  display:grid; gap:22px;<br \/>  grid-template-columns:repeat(var(--cols), minmax(0,1fr));<br \/>}<br \/>@media (min-width:640px){ .c-grid{ --cols:2; } }<br \/>@media (min-width:1024px){ .c-grid{ --cols:3; } }<br \/>@media (min-width:1280px){ .c-grid{ --cols:4; } }<\/p>\n<p>\/* ---------- Card (flip) ---------- *\/<br \/>.c-card{<br \/>  perspective:1200px; border-radius:var(--radius-lg);<br \/>  transform:translateY(12px); opacity:0; transition:transform .8s cubic-bezier(.2,.7,.2,1), opacity .8s;<br \/>}<br \/>.c-card.is-in{ transform:translateY(0); opacity:1; }<\/p>\n<p>.c-card-inner{<br \/>  position:relative; width:100%; aspect-ratio: 4 \/ 5; \/* consistent height *\/<br \/>  transform-style:preserve-3d;<br \/>  transition: transform .9s cubic-bezier(.2,.7,.2,1);<br \/>  border-radius:var(--radius-lg); box-shadow:var(--shadow-sm);<br \/>}<br \/>.c-card:hover .c-card-inner,<br \/>.c-card:focus-within .c-card-inner,<br \/>.c-card.is-flipped .c-card-inner{ transform:rotateY(180deg); }<\/p>\n<p>.c-face{<br \/>  position:absolute; inset:0; border-radius:var(--radius-lg); backface-visibility:hidden; overflow:hidden;<br \/>}<\/p>\n<p>\/* Front *\/<br \/>.c-front{<br \/>  background:<br \/>    radial-gradient(1200px 400px at 100% -20%, rgba(205,33,34,.06), transparent 50%),<br \/>    linear-gradient(180deg, #fff, #fff);<br \/>  border:1px solid var(--line);<br \/>  display:grid; grid-template-rows:auto 1fr auto;<br \/>}<br \/>.c-front .c-top{<br \/>  padding:18px 18px 0; display:flex; justify-content:space-between; align-items:center;<br \/>}<br \/>.c-tag{<br \/>  background:rgba(205,33,34,.09); color:var(--brand);<br \/>  padding:8px 12px; border-radius:999px; font-weight:700; font-size:12px; letter-spacing:.08em; text-transform:uppercase;<br \/>}<br \/>.c-icon{<br \/>  width:38px; height:38px; border-radius:12px; display:grid; place-items:center;<br \/>  background:rgba(205,33,34,.10); border:1px solid rgba(205,33,34,.25);<br \/>}<br \/>.c-front .c-body{ padding:18px; display:grid; align-content:start; gap:10px;}<br \/>.c-name{ font-size:18px; line-height:1.25; font-weight:800; }<br \/>.c-desc{ font-size:14px; color:var(--muted); }<br \/>.c-front .c-bottom{<br \/>  padding:16px 18px 18px; display:flex; gap:10px; flex-wrap:wrap;<br \/>}<br \/>.c-pill{<br \/>  background:#fff; border:1px dashed rgba(205,33,34,.30); color:var(--brand);<br \/>  padding:8px 12px; border-radius:10px; font-weight:700; font-size:12px;<br \/>  transition:transform .25s ease; will-change:transform;<br \/>}<br \/>.c-pill:hover{ transform:translateY(-2px); }<\/p>\n<p>\/* Back *\/<br \/>.c-back{<br \/>  transform:rotateY(180deg);<br \/>  background:linear-gradient(135deg, var(--brand) 0%, #b31415 100%);<br \/>  color:var(--brand-ink); display:grid; grid-template-rows:auto 1fr auto;<br \/>}<br \/>.c-back .c-top{ padding:18px; display:flex; align-items:center; gap:10px; }<br \/>.c-back .c-top .c-mini{ opacity:.85; font-weight:700; letter-spacing:.08em; text-transform:uppercase; font-size:12px; }<br \/>.c-back .c-body{ padding:0 18px 8px; }<br \/>.c-list{ display:grid; gap:10px; margin:0; padding:0 0 10px 0; list-style:none; }<br \/>.c-list li{<br \/>  display:grid; grid-template-columns:auto 1fr; align-items:start; gap:10px; font-size:14px;<br \/>}<br \/>.c-bullet{<br \/>  width:22px; height:22px; border-radius:6px; background:rgba(255,255,255,.12);<br \/>  display:grid; place-items:center; border:1px solid rgba(255,255,255,.25);<br \/>  font-weight:800;<br \/>}<br \/>.c-back .c-bottom{ padding:0 18px 18px; display:flex; gap:10px; flex-wrap:wrap; }<br \/>.c-btn, .c-link{<br \/>  display:inline-flex; align-items:center; gap:10px; text-decoration:none; cursor:pointer;<br \/>  border-radius:12px; padding:12px 14px; font-weight:800; font-size:13px; letter-spacing:.02em;<br \/>  transition: transform .25s ease, box-shadow .25s ease, background .25s ease;<br \/>}<br \/>.c-btn{<br \/>  background:#fff; color:#b31415; box-shadow:var(--shadow-sm);<br \/>}<br \/>.c-btn:hover{ transform:translateY(-2px); box-shadow:var(--shadow-lg); }<br \/>.c-link{ background:transparent; color:#fff; border:1px solid rgba(255,255,255,.35); }<br \/>.c-link:hover{ transform:translateY(-2px); background:rgba(255,255,255,.10); }<\/p>\n<p>\/* ---------- Flip toggler (keyboard accessible) ---------- *\/<br \/>.c-toggle{<br \/>  position:absolute; inset:0; border:0; background:transparent; cursor:pointer;<br \/>  text-indent:-9999px;<br \/>}<br \/>.c-toggle:focus{ outline:none; box-shadow:var(--focus); border-radius:var(--radius-lg); }<\/p>\n<p>\/* ---------- Utility: small note row ---------- *\/<br \/>.c-note{<br \/>  display:flex; gap:10px; align-items:center; color:var(--muted);<br \/>  font-size:13px; margin-top:22px;<br \/>}<br \/>.c-note .dot{ width:8px; height:8px; border-radius:50%; background:var(--brand); opacity:.6; }<\/p>\n<p>\/* Reduce motion preference *\/<br \/>@media (prefers-reduced-motion:reduce){<br \/>  .c-card, .c-card-inner, .c-pill, .c-btn, .c-link{ transition:none !important; }<br \/>}<br \/><\/style>\n\n<section class=\"courses-wrap fullbleed\">\n<div id=\"courses\" class=\"courses\">\n\n<!-- Header -->\n<div class=\"c-head\">\n<div class=\"c-eyebrow\">Academics<\/div>\n<h2 class=\"c-title\">High Standards of Academics with Structured Programs<\/h2>\n<p class=\"c-lead\">We are Committed to academic excellence through a structured curriculum, innovative teaching methods a yearly academic calender that and ensures smooth and Systemic learning.<\/p>\nOur programs combine theary, hands-on training &amp; research opportunities, cquipping students with the knowledg Skills, &amp; values to excel in modern healthcare.\n\n<!-- Track Chips -->\n<div class=\"c-tracks\"><span class=\"c-chip\">Under Graduate<\/span>\n<span class=\"c-chip\">Diploma<\/span>\n<span class=\"c-chip\">Certificate<\/span>\n<span class=\"c-chip\">PO \u2022 PSO \u2022 CO<\/span><\/div>\n<\/div>\n<!-- GRID -->\n<div class=\"c-grid\" role=\"list\">\n\n<!-- ========== BPT (UG) ========== -->\n\n<article class=\"c-card\" role=\"listitem\" aria-label=\"BPT Undergraduate\">\n<div class=\"c-card-inner\" tabindex=\"-1\">\n\n<!-- front -->\n<div class=\"c-face c-front\">\n<div class=\"c-top\"><span class=\"c-tag\">Under Graduate<\/span>\n<span class=\"c-icon\" aria-hidden=\"true\"><span class=\"c-icon\" aria-hidden=\"true\">\n<!-- Inline icon --><\/span><\/span>&nbsp;\n\n<\/div>\n<div class=\"c-body\">\n<h3 class=\"c-name\">BPT \u2014 Bachelor of Physiotherapy<\/h3>\n<p class=\"c-desc\">PO \u2022 PSO \u2022 CO aligned program outcomes with hands-on clinical learning.<\/p>\n\n<\/div>\n<div class=\"c-bottom\"><span class=\"c-pill\">Overview<\/span>\n<span class=\"c-pill\">Course Detail<\/span>\n<span class=\"c-pill\">Career Opportunities<\/span><\/div>\n<button class=\"c-toggle\" aria-label=\"Flip BPT card to see details\">Flip<\/button>\n\n<\/div>\n<!-- back -->\n<div class=\"c-face c-back\">\n<div class=\"c-top\"><span class=\"c-mini\">BPT \u2022 Outcomes &amp; Pathways<\/span><\/div>\n<div class=\"c-body\">\n<ul class=\"c-list\">\n \t<li><span class=\"c-bullet\">\u2713<\/span>PO, PSO, CO mapped to clinical competencies and evidence-based practice.<\/li>\n \t<li><span class=\"c-bullet\">\u2713<\/span>Structured internships and adult-learning pedagogy.<\/li>\n \t<li><span class=\"c-bullet\">\u2713<\/span>Career tracks: Clinical PT, Sports Rehab, Community Health.<\/li>\n<\/ul>\n<\/div>\n<div class=\"c-bottom\"><a class=\"c-btn\" href=\"#\">View Overview<\/a>\n<a class=\"c-link\" href=\"#\">Course Detail<\/a>\n<a class=\"c-link\" href=\"#\">Career Opportunities<\/a><\/div>\n<\/div>\n<\/div>\n<\/article><!-- ========== BMLT (UG) ========== -->\n\n<article class=\"c-card\" role=\"listitem\" aria-label=\"BMLT Undergraduate\">\n<div class=\"c-card-inner\" tabindex=\"-1\">\n<div class=\"c-face c-front\">\n<div class=\"c-top\"><span class=\"c-tag\">Under Graduate<\/span>\n&nbsp;\n\n<\/div>\n<div class=\"c-body\">\n<h3 class=\"c-name\">BMLT \u2014 Medical Laboratory Technology<\/h3>\n<p class=\"c-desc\">PO \u2022 PSO \u2022 CO aligned; strong diagnostic lab training with quality control.<\/p>\n\n<\/div>\n<div class=\"c-bottom\"><span class=\"c-pill\">Overview<\/span>\n<span class=\"c-pill\">Course Detail<\/span>\n<span class=\"c-pill\">Career Opportunities<\/span><\/div>\n<button class=\"c-toggle\" aria-label=\"Flip BMLT card to see details\">Flip<\/button>\n\n<\/div>\n<div class=\"c-face c-back\">\n<div class=\"c-top\"><span class=\"c-mini\">BMLT \u2022 Outcomes &amp; Pathways<\/span><\/div>\n<div class=\"c-body\">\n<ul class=\"c-list\">\n \t<li><span class=\"c-bullet\">\u2713<\/span>PO, PSO, CO integrated with lab safety and instrumentation.<\/li>\n \t<li><span class=\"c-bullet\">\u2713<\/span>Rotations across hematology, biochemistry, microbiology.<\/li>\n \t<li><span class=\"c-bullet\">\u2713<\/span>Careers: Lab Scientist, QA, Diagnostics Specialist.<\/li>\n<\/ul>\n<\/div>\n<div class=\"c-bottom\"><a class=\"c-btn\" href=\"#\">View Overview<\/a>\n<a class=\"c-link\" href=\"#\">Course Detail<\/a>\n<a class=\"c-link\" href=\"#\">Career Opportunities<\/a><\/div>\n<\/div>\n<\/div>\n<\/article><!-- ========== DMLT (Diploma) ========== -->\n\n<article class=\"c-card\" role=\"listitem\" aria-label=\"DMLT Diploma\">\n<div class=\"c-card-inner\" tabindex=\"-1\">\n<div class=\"c-face c-front\">\n<div class=\"c-top\"><span class=\"c-tag\">Diploma<\/span>\n&nbsp;\n\n<\/div>\n<div class=\"c-body\">\n<h3 class=\"c-name\">DMLT \u2014 Diploma in Medical Lab Technology<\/h3>\n<p class=\"c-desc\">Hands-on diagnostics and essential lab workflow skills.<\/p>\n\n<\/div>\n<div class=\"c-bottom\"><span class=\"c-pill\">Overview<\/span><span class=\"c-pill\">Course Detail<\/span><span class=\"c-pill\">Career Opportunities<\/span><\/div>\n<button class=\"c-toggle\" aria-label=\"Flip DMLT card to see details\">Flip<\/button>\n\n<\/div>\n<div class=\"c-face c-back\">\n<div class=\"c-top\"><span class=\"c-mini\">DMLT \u2022 Highlights<\/span><\/div>\n<div class=\"c-body\">\n<ul class=\"c-list\">\n \t<li><span class=\"c-bullet\">\u2713<\/span>Core testing protocols and sample handling.<\/li>\n \t<li><span class=\"c-bullet\">\u2713<\/span>Work-ready competencies for diagnostic labs.<\/li>\n \t<li><span class=\"c-bullet\">\u2713<\/span>Progression paths to advanced lab roles.<\/li>\n<\/ul>\n<\/div>\n<div class=\"c-bottom\"><a class=\"c-btn\" href=\"#\">View Overview<\/a>\n<a class=\"c-link\" href=\"#\">Course Detail<\/a>\n<a class=\"c-link\" href=\"#\">Career Opportunities<\/a><\/div>\n<\/div>\n<\/div>\n<\/article><!-- ========== Optometric Refraction (Diploma) ========== -->\n\n<article class=\"c-card\" role=\"listitem\" aria-label=\"Optometric Refraction Diploma\">\n<div class=\"c-card-inner\" tabindex=\"-1\">\n<div class=\"c-face c-front\">\n<div class=\"c-top\"><span class=\"c-tag\">Diploma<\/span>\n&nbsp;\n\n<\/div>\n<div class=\"c-body\">\n<h3 class=\"c-name\">Optometric Refraction<\/h3>\n<p class=\"c-desc\">Clinical refraction skills and vision assessment techniques.<\/p>\n\n<\/div>\n<div class=\"c-bottom\"><span class=\"c-pill\">Overview<\/span><span class=\"c-pill\">Course Detail<\/span><span class=\"c-pill\">Career Opportunities<\/span><\/div>\n<button class=\"c-toggle\" aria-label=\"Flip Optometric Refraction card to see details\">Flip<\/button>\n\n<\/div>\n<div class=\"c-face c-back\">\n<div class=\"c-top\"><span class=\"c-mini\">Optometric Refraction \u2022 Highlights<\/span><\/div>\n<div class=\"c-body\">\n<ul class=\"c-list\">\n \t<li><span class=\"c-bullet\">\u2713<\/span>Vision screening, refraction workflows, patient counselling.<\/li>\n \t<li><span class=\"c-bullet\">\u2713<\/span>Hands-on training with standard instruments.<\/li>\n \t<li><span class=\"c-bullet\">\u2713<\/span>Pathways: Clinics, optical retail, community outreach.<\/li>\n<\/ul>\n<\/div>\n<div class=\"c-bottom\"><a class=\"c-btn\" href=\"#\">View Overview<\/a>\n<a class=\"c-link\" href=\"#\">Course Detail<\/a>\n<a class=\"c-link\" href=\"#\">Career Opportunities<\/a><\/div>\n<\/div>\n<\/div>\n<\/article><!-- ========== OT Technician (Certificate) ========== -->\n\n<article class=\"c-card\" role=\"listitem\" aria-label=\"OT Technician Certificate\">\n<div class=\"c-card-inner\" tabindex=\"-1\">\n<div class=\"c-face c-front\">\n<div class=\"c-top\"><span class=\"c-tag\">Certificate<\/span>\n&nbsp;\n\n<\/div>\n<div class=\"c-body\">\n<h3 class=\"c-name\">OT Technician<\/h3>\n<p class=\"c-desc\">Operating theatre protocols and peri-operative support.<\/p>\n\n<\/div>\n<div class=\"c-bottom\"><span class=\"c-pill\">Overview<\/span><span class=\"c-pill\">Course Detail<\/span><span class=\"c-pill\">Career Opportunities<\/span><\/div>\n<button class=\"c-toggle\" aria-label=\"Flip OT Technician card to see details\">Flip<\/button>\n\n<\/div>\n<div class=\"c-face c-back\">\n<div class=\"c-top\"><span class=\"c-mini\">OT Technician \u2022 Highlights<\/span><\/div>\n<div class=\"c-body\">\n<ul class=\"c-list\">\n \t<li><span class=\"c-bullet\">\u2713<\/span>Sterilization, instrumentation, and OT assistance.<\/li>\n \t<li><span class=\"c-bullet\">\u2713<\/span>In-hospital practice and safety standards.<\/li>\n \t<li><span class=\"c-bullet\">\u2713<\/span>Job roles: OT Assistant, Surgical Technologist.<\/li>\n<\/ul>\n<\/div>\n<div class=\"c-bottom\"><a class=\"c-btn\" href=\"#\">View Overview<\/a>\n<a class=\"c-link\" href=\"#\">Course Detail<\/a>\n<a class=\"c-link\" href=\"#\">Career Opportunities<\/a><\/div>\n<\/div>\n<\/div>\n<\/article><!-- ========== CT\/MRI Technician (Certificate) ========== -->\n\n<article class=\"c-card\" role=\"listitem\" aria-label=\"CT\/MRI Technician Certificate\">\n<div class=\"c-card-inner\" tabindex=\"-1\">\n<div class=\"c-face c-front\">\n<div class=\"c-top\"><span class=\"c-tag\">Certificate<\/span>\n&nbsp;\n\n<\/div>\n<div class=\"c-body\">\n<h3 class=\"c-name\">CT\/MRI Technician<\/h3>\n<p class=\"c-desc\">Imaging physics, protocols, and patient safety in radiology.<\/p>\n\n<\/div>\n<div class=\"c-bottom\"><span class=\"c-pill\">Overview<\/span><span class=\"c-pill\">Course Detail<\/span><span class=\"c-pill\">Career Opportunities<\/span><\/div>\n<button class=\"c-toggle\" aria-label=\"Flip CT\/MRI Technician card to see details\">Flip<\/button>\n\n<\/div>\n<div class=\"c-face c-back\">\n<div class=\"c-top\"><span class=\"c-mini\">CT\/MRI \u2022 Highlights<\/span><\/div>\n<div class=\"c-body\">\n<ul class=\"c-list\">\n \t<li><span class=\"c-bullet\">\u2713<\/span>Cross-sectional anatomy and modality workflows.<\/li>\n \t<li><span class=\"c-bullet\">\u2713<\/span>Radiation safety and patient care standards.<\/li>\n \t<li><span class=\"c-bullet\">\u2713<\/span>Careers: MRI Tech, CT Tech, Imaging Assistant.<\/li>\n<\/ul>\n<\/div>\n<div class=\"c-bottom\"><a class=\"c-btn\" href=\"#\">View Overview<\/a>\n<a class=\"c-link\" href=\"#\">Course Detail<\/a>\n<a class=\"c-link\" href=\"#\">Career Opportunities<\/a><\/div>\n<\/div>\n<\/div>\n<\/article><!-- ========== X-Ray Technician (Certificate) ========== -->\n\n<article class=\"c-card\" role=\"listitem\" aria-label=\"X-Ray Technician Certificate\">\n<div class=\"c-card-inner\" tabindex=\"-1\">\n<div class=\"c-face c-front\">\n<div class=\"c-top\"><span class=\"c-tag\">Certificate<\/span>\n&nbsp;\n\n<\/div>\n<div class=\"c-body\">\n<h3 class=\"c-name\">X-Ray Technician<\/h3>\n<p class=\"c-desc\">Radiographic positioning and image quality assurance.<\/p>\n\n<\/div>\n<div class=\"c-bottom\"><span class=\"c-pill\">Overview<\/span><span class=\"c-pill\">Course Detail<\/span><span class=\"c-pill\">Career Opportunities<\/span><\/div>\n<button class=\"c-toggle\" aria-label=\"Flip X-Ray Technician card to see details\">Flip<\/button>\n\n<\/div>\n<div class=\"c-face c-back\">\n<div class=\"c-top\"><span class=\"c-mini\">X-Ray \u2022 Highlights<\/span><\/div>\n<div class=\"c-body\">\n<ul class=\"c-list\">\n \t<li><span class=\"c-bullet\">\u2713<\/span>OPG, chest, extremity radiography routines.<\/li>\n \t<li><span class=\"c-bullet\">\u2713<\/span>Radiation protection and QA checks.<\/li>\n \t<li><span class=\"c-bullet\">\u2713<\/span>Work in hospitals, diagnostics, mobile imaging.<\/li>\n<\/ul>\n<\/div>\n<div class=\"c-bottom\"><a class=\"c-btn\" href=\"#\">View Overview<\/a>\n<a class=\"c-link\" href=\"#\">Course Detail<\/a>\n<a class=\"c-link\" href=\"#\">Career Opportunities<\/a><\/div>\n<\/div>\n<\/div>\n<\/article><!-- ========== Hospital Medical Record Science (Certificate) ========== -->\n\n<article class=\"c-card\" role=\"listitem\" aria-label=\"Hospital Medical Record Science Certificate\">\n<div class=\"c-card-inner\" tabindex=\"-1\">\n<div class=\"c-face c-front\">\n<div class=\"c-top\"><span class=\"c-tag\">Certificate<\/span>\n&nbsp;\n\n<\/div>\n<div class=\"c-body\">\n<h3 class=\"c-name\">Hospital Medical Record Science<\/h3>\n<p class=\"c-desc\">Clinical documentation, data integrity, and health informatics basics.<\/p>\n\n<\/div>\n<div class=\"c-bottom\"><span class=\"c-pill\">Overview<\/span><span class=\"c-pill\">Course Detail<\/span><span class=\"c-pill\">Career Opportunities<\/span><\/div>\n<button class=\"c-toggle\" aria-label=\"Flip Hospital Medical Record Science card to see details\">Flip<\/button>\n\n<\/div>\n<div class=\"c-face c-back\">\n<div class=\"c-top\"><span class=\"c-mini\">HMRS \u2022 Highlights<\/span><\/div>\n<div class=\"c-body\">\n<ul class=\"c-list\">\n \t<li><span class=\"c-bullet\">\u2713<\/span>ICD coding fundamentals and records management.<\/li>\n \t<li><span class=\"c-bullet\">\u2713<\/span>Data privacy, security, and audit trails.<\/li>\n \t<li><span class=\"c-bullet\">\u2713<\/span>Careers: Medical Coder, Records Officer.<\/li>\n<\/ul>\n<\/div>\n<div class=\"c-bottom\"><a class=\"c-btn\" href=\"#\">View Overview<\/a>\n<a class=\"c-link\" href=\"#\">Course Detail<\/a>\n<a class=\"c-link\" href=\"#\">Career Opportunities<\/a><\/div>\n<\/div>\n<\/div>\n<\/article><!-- ========== Medical Lab Technician: BMLT & DMLT (Summary) ========== -->\n\n<article class=\"c-card\" role=\"listitem\" aria-label=\"Medical Lab Technician Programs\">\n<div class=\"c-card-inner\" tabindex=\"-1\">\n<div class=\"c-face c-front\">\n<div class=\"c-top\"><span class=\"c-tag\">UG + Diploma<\/span>\n&nbsp;\n\n<\/div>\n<div class=\"c-body\">\n<h3 class=\"c-name\">Medical Lab Technician: BMLT &amp; DMLT<\/h3>\n<p class=\"c-desc\">Progressive tracks from Diploma to Undergraduate with PO \u2022 PSO \u2022 CO focus.<\/p>\n\n<\/div>\n<div class=\"c-bottom\"><span class=\"c-pill\">Overview<\/span><span class=\"c-pill\">Course Detail<\/span><span class=\"c-pill\">Career Opportunities<\/span><\/div>\n<button class=\"c-toggle\" aria-label=\"Flip Medical Lab Technician summary card to see details\">Flip<\/button>\n\n<\/div>\n<div class=\"c-face c-back\">\n<div class=\"c-top\"><span class=\"c-mini\">Lab Programs \u2022 Summary<\/span><\/div>\n<div class=\"c-body\">\n<ul class=\"c-list\">\n \t<li><span class=\"c-bullet\">\u2713<\/span>Skill-ladders from DMLT to BMLT with clinical depth.<\/li>\n \t<li><span class=\"c-bullet\">\u2713<\/span>Outcome-based learning with annual academic calendar.<\/li>\n \t<li><span class=\"c-bullet\">\u2713<\/span>Industry-aligned roles in diagnostics and QA.<\/li>\n<\/ul>\n<\/div>\n<div class=\"c-bottom\"><a class=\"c-btn\" href=\"#\">View Overview<\/a>\n<a class=\"c-link\" href=\"#\">Course Detail<\/a>\n<a class=\"c-link\" href=\"#\">Career Opportunities<\/a><\/div>\n<\/div>\n<\/div>\n<\/article><\/div>\n<!-- \/c-grid -->\n\n<!-- Small note -->\n<div class=\"c-note\">Hover or tap a card to flip. Press <strong>Enter<\/strong> or <strong>Space<\/strong> when focused for keyboard access.<\/div>\n<\/div>\n<\/section><script>\n\/* -------- Flip logic (hover handled in CSS; this helps keyboard + touch) -------- *\/\n(function(){\n  const cards = document.querySelectorAll('.c-card');\n  const toggles = document.querySelectorAll('.c-toggle');\n\n  \/\/ Reveal on scroll\n  const io = new IntersectionObserver((entries)=>{\n    entries.forEach(e=>{\n      if(e.isIntersecting){ e.target.classList.add('is-in'); io.unobserve(e.target); }\n    });\n  }, {threshold:.2});\n  cards.forEach(c=>io.observe(c));\n\n  \/\/ Keyboard\/touch flip\n  toggles.forEach(btn=>{\n    const card = btn.closest('.c-card');\n    const inner = card.querySelector('.c-card-inner');\n\n    \/\/ Click \/ tap\n    btn.addEventListener('click', (ev)=>{\n      ev.preventDefault();\n      card.classList.toggle('is-flipped');\n    });\n\n    \/\/ Keyboard accessibility\n    inner.setAttribute('tabindex','0');\n    inner.addEventListener('keydown', (e)=>{\n      if(e.key === 'Enter' || e.key === ' '){\n        e.preventDefault();\n        card.classList.toggle('is-flipped');\n      }\n      if(e.key === 'Escape'){\n        card.classList.remove('is-flipped');\n      }\n    });\n  });\n})();\n<\/script>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bdcb186 e-flex e-con-boxed e-con e-parent\" data-id=\"bdcb186\" 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-60f1adb elementor-widget elementor-widget-spacer\" data-id=\"60f1adb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-83c55c4 e-con-full elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-parent\" data-id=\"83c55c4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7722d07 elementor-widget elementor-widget-text-editor\" data-id=\"7722d07\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<!-- ================== FULL-WIDTH COURSES GRID (Flip Cards) \u2014 COMPLETE PASTE-IN ================== -->\n<style>\n\/* ---------- Google Font ---------- *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;600;700;800&display=swap');\n\n\/* ---------- Design Tokens ---------- *\/\n.courses-wrap{\n  --brand:#CD2122;\n  --brand-ink:#ffffff;\n  --ink:#0b0b0c;\n  --muted:#60656f;\n  --bg:#ffffff;\n  --card:rgba(255,255,255,.86);\n  --line:rgba(10,10,10,.10);\n  --radius-xl:22px;\n  --radius-lg:16px;\n  --radius-md:12px;\n  --shadow-lg:0 24px 56px rgba(0,0,0,.14), 0 10px 24px rgba(0,0,0,.08);\n  --shadow-sm:0 8px 20px rgba(0,0,0,.08);\n  --focus:0 0 0 3px rgba(205,33,34,.25), 0 0 0 6px rgba(205,33,34,.15);\n  font-family:\"Plus Jakarta Sans\", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\n  color:var(--ink);\n}\n\n\/* ---------- Full-bleed band ---------- *\/\n.courses-wrap.fullbleed{\n  position:relative;\n  left:50%; right:50%;\n  margin-left:calc(50% - 50vw);\n  margin-right:calc(50% - 50vw);\n  width:100vw; background:var(--bg);\n  overflow:hidden;\n}\n\n\/* ---------- Section shell ---------- *\/\n.courses{\n  max-width:1200px; margin:0 auto; padding:56px 20px 84px; box-sizing:border-box;\n}\n\n\/* ---------- Header ---------- *\/\n.c-head{\n  display:grid; gap:16px; margin-bottom:26px;\n}\n.c-eyebrow{\n  display:inline-flex; align-items:center; gap:10px;\n  font-weight:700; font-size:13px; letter-spacing:.12em; text-transform:uppercase; color:var(--brand);\n}\n.c-eyebrow:before{\n  content:\"\"; width:28px; height:2px; background:var(--brand); border-radius:2px;\n}\n.c-title{\n  font-size: clamp(24px, 2.2vw, 34px);\n  line-height:1.2; font-weight:800;\n}\n.c-lead{\n  font-size: clamp(14px, 1.4vw, 16px);\n  color:var(--muted);\n  max-width:900px;\n}\n\n\/* ---------- Track chips ---------- *\/\n.c-tracks{\n  display:flex; flex-wrap:wrap; gap:10px; margin-top:16px; margin-bottom:24px;\n}\n.c-chip{\n  border:1px solid var(--line); background:#fff; color:var(--ink);\n  padding:10px 14px; border-radius:999px; font-size:13px; font-weight:600;\n}\n\n\/* ---------- Grid ---------- *\/\n.c-grid{\n  --cols:1;\n  display:grid; gap:22px;\n  grid-template-columns:repeat(var(--cols), minmax(0,1fr));\n}\n@media (min-width:640px){ .c-grid{ --cols:2; } }\n@media (min-width:1024px){ .c-grid{ --cols:3; } }\n@media (min-width:1280px){ .c-grid{ --cols:4; } }\n\n\/* ---------- Card (flip) ---------- *\/\n.c-card{\n  perspective:1200px; border-radius:var(--radius-lg);\n  transform:translateY(12px); opacity:0; transition:transform .8s cubic-bezier(.2,.7,.2,1), opacity .8s;\n}\n.c-card.is-in{ transform:translateY(0); opacity:1; }\n\n.c-card-inner{\n  position:relative; width:100%;\n  \/* === Taller aspect ratio so words & buttons always visible === *\/\n  aspect-ratio: 4 \/ 6.4; \/* mobile *\/\n  transform-style:preserve-3d;\n  transition: transform .9s cubic-bezier(.2,.7,.2,1), box-shadow .35s ease;\n  border-radius:var(--radius-lg); box-shadow:var(--shadow-sm);\n  will-change: transform, box-shadow;\n}\n@media (min-width:640px){  .c-card-inner{ aspect-ratio: 4 \/ 6;   } }\n@media (min-width:1024px){ .c-card-inner{ aspect-ratio: 4 \/ 5.6; } }\n@media (min-width:1280px){ .c-card-inner{ aspect-ratio: 4 \/ 5.2; } }\n\n.c-card:hover .c-card-inner,\n.c-card:focus-within .c-card-inner,\n.c-card.is-flipped .c-card-inner{ transform:rotateY(180deg) scale(1.02); box-shadow:var(--shadow-lg); }\n\n.c-face{\n  position:absolute; inset:0; border-radius:var(--radius-lg); backface-visibility:hidden; overflow:hidden;\n}\n\n\/* Front *\/\n.c-front{\n  background:\n    radial-gradient(1200px 400px at 100% -20%, rgba(205,33,34,.06), transparent 50%),\n    linear-gradient(180deg, #fff, #fff);\n  border:1px solid var(--line);\n  display:grid; grid-template-rows:auto 1fr auto;\n}\n.c-front .c-top{\n  padding:18px 18px 0; display:flex; justify-content:space-between; align-items:center;\n}\n.c-tag{\n  background:rgba(205,33,34,.09); color:var(--brand);\n  padding:8px 12px; border-radius:999px; font-weight:700; font-size:12px; letter-spacing:.08em; text-transform:uppercase;\n}\n.c-icon{\n  width:38px; height:38px; border-radius:12px; display:grid; place-items:center;\n  background:rgba(205,33,34,.10); border:1px solid rgba(205,33,34,.25);\n}\n.c-front .c-body{ padding:18px; display:grid; align-content:start; gap:10px;}\n.c-name{ font-size:18px; line-height:1.25; font-weight:800; }\n.c-desc{ font-size:14px; color:var(--muted); }\n.c-front .c-bottom{\n  padding:16px 18px 18px; display:flex; gap:10px; flex-wrap:wrap;\n}\n.c-pill{\n  background:#fff; border:1px dashed rgba(205,33,34,.30); color:var(--brand);\n  padding:8px 12px; border-radius:10px; font-weight:700; font-size:12px;\n  transition:transform .25s ease; will-change:transform;\n}\n.c-pill:hover{ transform:translateY(-3px); }\n\n\/* Back *\/\n.c-back{\n  transform:rotateY(180deg);\n  background:linear-gradient(135deg, var(--brand) 0%, #b31415 100%);\n  color:var(--brand-ink); display:grid; grid-template-rows:auto 1fr auto;\n}\n.c-back .c-top{ padding:18px; display:flex; align-items:center; gap:10px; }\n.c-back .c-top .c-mini{ opacity:.85; font-weight:700; letter-spacing:.08em; text-transform:uppercase; font-size:12px; }\n.c-back .c-body{ padding:0 18px 8px; }\n.c-list{ display:grid; gap:10px; margin:0; padding:0 0 10px 0; list-style:none; }\n.c-list li{\n  display:grid; grid-template-columns:auto 1fr; align-items:start; gap:10px; font-size:14px;\n}\n.c-bullet{\n  width:22px; height:22px; border-radius:6px; background:rgba(255,255,255,.12);\n  display:grid; place-items:center; border:1px solid rgba(255,255,255,.25);\n  font-weight:800;\n}\n.c-back .c-bottom{ padding:0 18px 18px; display:flex; gap:10px; flex-wrap:wrap; margin-top:auto; }\n.c-btn, .c-link{\n  display:inline-flex; align-items:center; gap:10px; text-decoration:none; cursor:pointer;\n  border-radius:12px; padding:12px 16px; font-weight:800; font-size:13px; letter-spacing:.02em;\n  transition: transform .25s ease, box-shadow .25s ease, background .25s ease;\n}\n.c-btn{\n  background:#fff; color:#b31415; box-shadow:var(--shadow-sm);\n}\n.c-btn:hover{ transform:translateY(-2px); box-shadow:var(--shadow-lg); }\n.c-link{ background:transparent; color:#fff; border:1px solid rgba(255,255,255,.35); }\n.c-link:hover{ transform:translateY(-2px); background:rgba(255,255,255,.10); }\n\n\/* ---------- Flip toggler (keyboard accessible) ---------- *\/\n.c-toggle{\n  position:absolute; inset:0; border:0; background:transparent; cursor:pointer;\n  text-indent:-9999px;\n}\n.c-toggle:focus{ outline:none; box-shadow:var(--focus); border-radius:var(--radius-lg); }\n\n\/* ---------- Utility: small note row ---------- *\/\n.c-note{\n  display:flex; gap:10px; align-items:center; color:var(--muted);\n  font-size:13px; margin-top:22px;\n}\n.c-note .dot{ width:8px; height:8px; border-radius:50%; background:var(--brand); opacity:.6; }\n\n\/* Reduce motion preference *\/\n@media (prefers-reduced-motion:reduce){\n  .c-card, .c-card-inner, .c-pill, .c-btn, .c-link{ transition:none !important; }\n}\n\n\/* Optional: a tiny gap bump for extra breathing room *\/\n.c-grid{ gap:24px; }\n<\/style>\n\n<section class=\"courses-wrap fullbleed\">\n  <div id=\"courses\" class=\"courses\">\n\n    <!-- Header -->\n    <div class=\"c-head\">\n      <div class=\"c-eyebrow\">Academics<\/div>\n      <h2 class=\"c-title\">High Standards of Academics with Structured Programs<\/h2>\n      <p class=\"c-lead\">We maintain excellence through advanced teaching-learning methods designed for adult learning. A yearly academic calendar ensures consistent monitoring of academic activities and outcomes.<\/p>\n      <!-- Track Chips -->\n      <div class=\"c-tracks\">\n        <span class=\"c-chip\">Under Graduate<\/span>\n        <span class=\"c-chip\">Diploma<\/span>\n        <span class=\"c-chip\">Certificate<\/span>\n        <span class=\"c-chip\">PO \u2022 PSO \u2022 CO<\/span>\n      <\/div>\n    <\/div>\n\n    <!-- GRID -->\n    <div class=\"c-grid\" role=\"list\">\n\n      <!-- ========== BPT (UG) ========== -->\n      <article class=\"c-card\" role=\"listitem\" aria-label=\"BPT Undergraduate\">\n        <div class=\"c-card-inner\" tabindex=\"-1\">\n          <!-- front -->\n          <div class=\"c-face c-front\">\n            <div class=\"c-top\">\n              <span class=\"c-tag\">Under Graduate<\/span>\n              <span class=\"c-icon\" aria-hidden=\"true\"><\/span>\n            <\/div>\n            <div class=\"c-body\">\n              <h3 class=\"c-name\">BPT \u2014 Bachelor of Physiotherapy<\/h3>\n              <p class=\"c-desc\">PO \u2022 PSO \u2022 CO aligned program outcomes with hands-on clinical learning.<\/p>\n            <\/div>\n            <div class=\"c-bottom\">\n              <span class=\"c-pill\">Overview<\/span>\n              <span class=\"c-pill\">Course Detail<\/span>\n              <span class=\"c-pill\">Career Opportunities<\/span>\n            <\/div>\n            <button class=\"c-toggle\" aria-label=\"Flip BPT card to see details\">Flip<\/button>\n          <\/div>\n          <!-- back -->\n          <div class=\"c-face c-back\">\n            <div class=\"c-top\"><span class=\"c-mini\">BPT \u2022 Outcomes &amp; Pathways<\/span><\/div>\n            <div class=\"c-body\">\n              <ul class=\"c-list\">\n                <li><span class=\"c-bullet\">\u2713<\/span>PO, PSO, CO mapped to clinical competencies and evidence-based practice.<\/li>\n                <li><span class=\"c-bullet\">\u2713<\/span>Structured internships and adult-learning pedagogy.<\/li>\n                <li><span class=\"c-bullet\">\u2713<\/span>Career tracks: Clinical PT, Sports Rehab, Community Health.<\/li>\n              <\/ul>\n            <\/div>\n            <div class=\"c-bottom\">\n              <a class=\"c-btn\" href=\"#\">View Overview<\/a>\n              <a class=\"c-link\" href=\"#\">Course Detail<\/a>\n              <a class=\"c-link\" href=\"#\">Career Opportunities<\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <!-- ========== BMLT (UG) ========== -->\n      <article class=\"c-card\" role=\"listitem\" aria-label=\"BMLT Undergraduate\">\n        <div class=\"c-card-inner\" tabindex=\"-1\">\n          <div class=\"c-face c-front\">\n            <div class=\"c-top\">\n              <span class=\"c-tag\">Under Graduate<\/span>\n              <span class=\"c-icon\" aria-hidden=\"true\"><\/span>\n            <\/div>\n            <div class=\"c-body\">\n              <h3 class=\"c-name\">BMLT \u2014 Medical Laboratory Technology<\/h3>\n              <p class=\"c-desc\">PO \u2022 PSO \u2022 CO aligned; strong diagnostic lab training with quality control.<\/p>\n            <\/div>\n            <div class=\"c-bottom\">\n              <span class=\"c-pill\">Overview<\/span>\n              <span class=\"c-pill\">Course Detail<\/span>\n              <span class=\"c-pill\">Career Opportunities<\/span>\n            <\/div>\n            <button class=\"c-toggle\" aria-label=\"Flip BMLT card to see details\">Flip<\/button>\n          <\/div>\n          <div class=\"c-face c-back\">\n            <div class=\"c-top\"><span class=\"c-mini\">BMLT \u2022 Outcomes &amp; Pathways<\/span><\/div>\n            <div class=\"c-body\">\n              <ul class=\"c-list\">\n                <li><span class=\"c-bullet\">\u2713<\/span>PO, PSO, CO integrated with lab safety and instrumentation.<\/li>\n                <li><span class=\"c-bullet\">\u2713<\/span>Rotations across hematology, biochemistry, microbiology.<\/li>\n                <li><span class=\"c-bullet\">\u2713<\/span>Careers: Lab Scientist, QA, Diagnostics Specialist.<\/li>\n              <\/ul>\n            <\/div>\n            <div class=\"c-bottom\">\n              <a class=\"c-btn\" href=\"#\">View Overview<\/a>\n              <a class=\"c-link\" href=\"#\">Course Detail<\/a>\n              <a class=\"c-link\" href=\"#\">Career Opportunities<\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <!-- ========== DMLT (Diploma) ========== -->\n      <article class=\"c-card\" role=\"listitem\" aria-label=\"DMLT Diploma\">\n        <div class=\"c-card-inner\" tabindex=\"-1\">\n          <div class=\"c-face c-front\">\n            <div class=\"c-top\">\n              <span class=\"c-tag\">Diploma<\/span>\n              <span class=\"c-icon\" aria-hidden=\"true\"><\/span>\n            <\/div>\n            <div class=\"c-body\">\n              <h3 class=\"c-name\">DMLT \u2014 Diploma in Medical Lab Technology<\/h3>\n              <p class=\"c-desc\">Hands-on diagnostics and essential lab workflow skills.<\/p>\n            <\/div>\n            <div class=\"c-bottom\">\n              <span class=\"c-pill\">Overview<\/span><span class=\"c-pill\">Course Detail<\/span><span class=\"c-pill\">Career Opportunities<\/span>\n            <\/div>\n            <button class=\"c-toggle\" aria-label=\"Flip DMLT card to see details\">Flip<\/button>\n          <\/div>\n          <div class=\"c-face c-back\">\n            <div class=\"c-top\"><span class=\"c-mini\">DMLT \u2022 Highlights<\/span><\/div>\n            <div class=\"c-body\">\n              <ul class=\"c-list\">\n                <li><span class=\"c-bullet\">\u2713<\/span>Core testing protocols and sample handling.<\/li>\n                <li><span class=\"c-bullet\">\u2713<\/span>Work-ready competencies for diagnostic labs.<\/li>\n                <li><span class=\"c-bullet\">\u2713<\/span>Progression paths to advanced lab roles.<\/li>\n              <\/ul>\n            <\/div>\n            <div class=\"c-bottom\">\n              <a class=\"c-btn\" href=\"#\">View Overview<\/a>\n              <a class=\"c-link\" href=\"#\">Course Detail<\/a>\n              <a class=\"c-link\" href=\"#\">Career Opportunities<\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <!-- ========== Optometric Refraction (Diploma) ========== -->\n      <article class=\"c-card\" role=\"listitem\" aria-label=\"Optometric Refraction Diploma\">\n        <div class=\"c-card-inner\" tabindex=\"-1\">\n          <div class=\"c-face c-front\">\n            <div class=\"c-top\">\n              <span class=\"c-tag\">Diploma<\/span>\n              <span class=\"c-icon\" aria-hidden=\"true\"><\/span>\n            <\/div>\n            <div class=\"c-body\">\n              <h3 class=\"c-name\">Optometric Refraction<\/h3>\n              <p class=\"c-desc\">Clinical refraction skills and vision assessment techniques.<\/p>\n            <\/div>\n            <div class=\"c-bottom\">\n              <span class=\"c-pill\">Overview<\/span><span class=\"c-pill\">Course Detail<\/span><span class=\"c-pill\">Career Opportunities<\/span>\n            <\/div>\n            <button class=\"c-toggle\" aria-label=\"Flip Optometric Refraction card to see details\">Flip<\/button>\n          <\/div>\n          <div class=\"c-face c-back\">\n            <div class=\"c-top\"><span class=\"c-mini\">Optometric Refraction \u2022 Highlights<\/span><\/div>\n            <div class=\"c-body\">\n              <ul class=\"c-list\">\n                <li><span class=\"c-bullet\">\u2713<\/span>Vision screening, refraction workflows, patient counselling.<\/li>\n                <li><span class=\"c-bullet\">\u2713<\/span>Hands-on training with standard instruments.<\/li>\n                <li><span class=\"c-bullet\">\u2713<\/span>Pathways: Clinics, optical retail, community outreach.<\/li>\n              <\/ul>\n            <\/div>\n            <div class=\"c-bottom\">\n              <a class=\"c-btn\" href=\"#\">View Overview<\/a>\n              <a class=\"c-link\" href=\"#\">Course Detail<\/a>\n              <a class=\"c-link\" href=\"#\">Career Opportunities<\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <!-- ========== OT Technician (Certificate) ========== -->\n      <article class=\"c-card\" role=\"listitem\" aria-label=\"OT Technician Certificate\">\n        <div class=\"c-card-inner\" tabindex=\"-1\">\n          <div class=\"c-face c-front\">\n            <div class=\"c-top\">\n              <span class=\"c-tag\">Certificate<\/span>\n              <span class=\"c-icon\" aria-hidden=\"true\"><\/span>\n            <\/div>\n            <div class=\"c-body\">\n              <h3 class=\"c-name\">OT Technician<\/h3>\n              <p class=\"c-desc\">Operating theatre protocols and peri-operative support.<\/p>\n            <\/div>\n            <div class=\"c-bottom\">\n              <span class=\"c-pill\">Overview<\/span><span class=\"c-pill\">Course Detail<\/span><span class=\"c-pill\">Career Opportunities<\/span>\n            <\/div>\n            <button class=\"c-toggle\" aria-label=\"Flip OT Technician card to see details\">Flip<\/button>\n          <\/div>\n          <div class=\"c-face c-back\">\n            <div class=\"c-top\"><span class=\"c-mini\">OT Technician \u2022 Highlights<\/span><\/div>\n            <div class=\"c-body\">\n              <ul class=\"c-list\">\n                <li><span class=\"c-bullet\">\u2713<\/span>Sterilization, instrumentation, and OT assistance.<\/li>\n                <li><span class=\"c-bullet\">\u2713<\/span>In-hospital practice and safety standards.<\/li>\n                <li><span class=\"c-bullet\">\u2713<\/span>Job roles: OT Assistant, Surgical Technologist.<\/li>\n              <\/ul>\n            <\/div>\n            <div class=\"c-bottom\">\n              <a class=\"c-btn\" href=\"#\">View Overview<\/a>\n              <a class=\"c-link\" href=\"#\">Course Detail<\/a>\n              <a class=\"c-link\" href=\"#\">Career Opportunities<\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <!-- ========== CT\/MRI Technician (Certificate) ========== -->\n      <article class=\"c-card\" role=\"listitem\" aria-label=\"CT\/MRI Technician Certificate\">\n        <div class=\"c-card-inner\" tabindex=\"-1\">\n          <div class=\"c-face c-front\">\n            <div class=\"c-top\">\n              <span class=\"c-tag\">Certificate<\/span>\n              <span class=\"c-icon\" aria-hidden=\"true\"><\/span>\n            <\/div>\n            <div class=\"c-body\">\n              <h3 class=\"c-name\">CT\/MRI Technician<\/h3>\n              <p class=\"c-desc\">Imaging physics, protocols, and patient safety in radiology.<\/p>\n            <\/div>\n            <div class=\"c-bottom\">\n              <span class=\"c-pill\">Overview<\/span><span class=\"c-pill\">Course Detail<\/span><span class=\"c-pill\">Career Opportunities<\/span>\n            <\/div>\n            <button class=\"c-toggle\" aria-label=\"Flip CT\/MRI Technician card to see details\">Flip<\/button>\n          <\/div>\n          <div class=\"c-face c-back\">\n            <div class=\"c-top\"><span class=\"c-mini\">CT\/MRI \u2022 Highlights<\/span><\/div>\n            <div class=\"c-body\">\n              <ul class=\"c-list\">\n                <li><span class=\"c-bullet\">\u2713<\/span>Cross-sectional anatomy and modality workflows.<\/li>\n                <li><span class=\"c-bullet\">\u2713<\/span>Radiation safety and patient care standards.<\/li>\n                <li><span class=\"c-bullet\">\u2713<\/span>Careers: MRI Tech, CT Tech, Imaging Assistant.<\/li>\n              <\/ul>\n            <\/div>\n            <div class=\"c-bottom\">\n              <a class=\"c-btn\" href=\"#\">View Overview<\/a>\n              <a class=\"c-link\" href=\"#\">Course Detail<\/a>\n              <a class=\"c-link\" href=\"#\">Career Opportunities<\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <!-- ========== X-Ray Technician (Certificate) ========== -->\n      <article class=\"c-card\" role=\"listitem\" aria-label=\"X-Ray Technician Certificate\">\n        <div class=\"c-card-inner\" tabindex=\"-1\">\n          <div class=\"c-face c-front\">\n            <div class=\"c-top\">\n              <span class=\"c-tag\">Certificate<\/span>\n              <span class=\"c-icon\" aria-hidden=\"true\"><\/span>\n            <\/div>\n            <div class=\"c-body\">\n              <h3 class=\"c-name\">X-Ray Technician<\/h3>\n              <p class=\"c-desc\">Radiographic positioning and image quality assurance.<\/p>\n            <\/div>\n            <div class=\"c-bottom\">\n              <span class=\"c-pill\">Overview<\/span><span class=\"c-pill\">Course Detail<\/span><span class=\"c-pill\">Career Opportunities<\/span>\n            <\/div>\n            <button class=\"c-toggle\" aria-label=\"Flip X-Ray Technician card to see details\">Flip<\/button>\n          <\/div>\n          <div class=\"c-face c-back\">\n            <div class=\"c-top\"><span class=\"c-mini\">X-Ray \u2022 Highlights<\/span><\/div>\n            <div class=\"c-body\">\n              <ul class=\"c-list\">\n                <li><span class=\"c-bullet\">\u2713<\/span>OPG, chest, extremity radiography routines.<\/li>\n                <li><span class=\"c-bullet\">\u2713<\/span>Radiation protection and QA checks.<\/li>\n                <li><span class=\"c-bullet\">\u2713<\/span>Work in hospitals, diagnostics, mobile imaging.<\/li>\n              <\/ul>\n            <\/div>\n            <div class=\"c-bottom\">\n              <a class=\"c-btn\" href=\"#\">View Overview<\/a>\n              <a class=\"c-link\" href=\"#\">Course Detail<\/a>\n              <a class=\"c-link\" href=\"#\">Career Opportunities<\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <!-- ========== Hospital Medical Record Science (Certificate) ========== -->\n      <article class=\"c-card\" role=\"listitem\" aria-label=\"Hospital Medical Record Science Certificate\">\n        <div class=\"c-card-inner\" tabindex=\"-1\">\n          <div class=\"c-face c-front\">\n            <div class=\"c-top\">\n              <span class=\"c-tag\">Certificate<\/span>\n              <span class=\"c-icon\" aria-hidden=\"true\"><\/span>\n            <\/div>\n            <div class=\"c-body\">\n              <h3 class=\"c-name\">Hospital Medical Record Science<\/h3>\n              <p class=\"c-desc\">Clinical documentation, data integrity, and health informatics basics.<\/p>\n            <\/div>\n            <div class=\"c-bottom\">\n              <span class=\"c-pill\">Overview<\/span><span class=\"c-pill\">Course Detail<\/span><span class=\"c-pill\">Career Opportunities<\/span>\n            <\/div>\n            <button class=\"c-toggle\" aria-label=\"Flip Hospital Medical Record Science card to see details\">Flip<\/button>\n          <\/div>\n          <div class=\"c-face c-back\">\n            <div class=\"c-top\"><span class=\"c-mini\">HMRS \u2022 Highlights<\/span><\/div>\n            <div class=\"c-body\">\n              <ul class=\"c-list\">\n                <li><span class=\"c-bullet\">\u2713<\/span>ICD coding fundamentals and records management.<\/li>\n                <li><span class=\"c-bullet\">\u2713<\/span>Data privacy, security, and audit trails.<\/li>\n                <li><span class=\"c-bullet\">\u2713<\/span>Careers: Medical Coder, Records Officer.<\/li>\n              <\/ul>\n            <\/div>\n            <div class=\"c-bottom\">\n              <a class=\"c-btn\" href=\"#\">View Overview<\/a>\n              <a class=\"c-link\" href=\"#\">Course Detail<\/a>\n              <a class=\"c-link\" href=\"#\">Career Opportunities<\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <!-- ========== Medical Lab Technician: BMLT & DMLT (Summary) ========== -->\n      <article class=\"c-card\" role=\"listitem\" aria-label=\"Medical Lab Technician Programs\">\n        <div class=\"c-card-inner\" tabindex=\"-1\">\n          <div class=\"c-face c-front\">\n            <div class=\"c-top\">\n              <span class=\"c-tag\">UG + Diploma<\/span>\n              <span class=\"c-icon\" aria-hidden=\"true\"><\/span>\n            <\/div>\n            <div class=\"c-body\">\n              <h3 class=\"c-name\">Medical Lab Technician: BMLT &amp; DMLT<\/h3>\n              <p class=\"c-desc\">Progressive tracks from Diploma to Undergraduate with PO \u2022 PSO \u2022 CO focus.<\/p>\n            <\/div>\n            <div class=\"c-bottom\">\n              <span class=\"c-pill\">Overview<\/span><span class=\"c-pill\">Course Detail<\/span><span class=\"c-pill\">Career Opportunities<\/span>\n            <\/div>\n            <button class=\"c-toggle\" aria-label=\"Flip Medical Lab Technician summary card to see details\">Flip<\/button>\n          <\/div>\n          <div class=\"c-face c-back\">\n            <div class=\"c-top\"><span class=\"c-mini\">Lab Programs \u2022 Summary<\/span><\/div>\n            <div class=\"c-body\">\n              <ul class=\"c-list\">\n                <li><span class=\"c-bullet\">\u2713<\/span>Skill-ladders from DMLT to BMLT with clinical depth.<\/li>\n                <li><span class=\"c-bullet\">\u2713<\/span>Outcome-based learning with annual academic calendar.<\/li>\n                <li><span class=\"c-bullet\">\u2713<\/span>Industry-aligned roles in diagnostics and QA.<\/li>\n              <\/ul>\n            <\/div>\n            <div class=\"c-bottom\">\n              <a class=\"c-btn\" href=\"#\">View Overview<\/a>\n              <a class=\"c-link\" href=\"#\">Course Detail<\/a>\n              <a class=\"c-link\" href=\"#\">Career Opportunities<\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/article>\n\n    <\/div>\n    <!-- \/c-grid -->\n\n    <!-- Small note -->\n    <div class=\"c-note\">\n      <span class=\"dot\" aria-hidden=\"true\"><\/span>\n      Hover or tap a card to flip. Press <strong>Enter<\/strong> or <strong>Space<\/strong> when focused; press <strong>Esc<\/strong> to reset.\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n\/* -------- Flip logic (hover handled in CSS; this helps keyboard + touch) -------- *\/\n(function(){\n  const cards = document.querySelectorAll('.c-card');\n  const toggles = document.querySelectorAll('.c-toggle');\n\n  \/\/ Reveal on scroll\n  const io = new IntersectionObserver((entries)=>{\n    entries.forEach(e=>{\n      if(e.isIntersecting){ e.target.classList.add('is-in'); io.unobserve(e.target); }\n    });\n  }, {threshold:.2});\n  cards.forEach(c=>io.observe(c));\n\n  \/\/ Keyboard\/touch flip\n  toggles.forEach(btn=>{\n    const card = btn.closest('.c-card');\n    const inner = card.querySelector('.c-card-inner');\n\n    \/\/ Click \/ tap\n    btn.addEventListener('click', (ev)=>{\n      ev.preventDefault();\n      card.classList.toggle('is-flipped');\n    });\n\n    \/\/ Keyboard accessibility\n    inner.setAttribute('tabindex','0');\n    inner.addEventListener('keydown', (e)=>{\n      if(e.key === 'Enter' || e.key === ' '){\n        e.preventDefault();\n        card.classList.toggle('is-flipped');\n      }\n      if(e.key === 'Escape'){\n        card.classList.remove('is-flipped');\n      }\n    });\n  });\n})();\n<\/script>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>We are Committed to academic excellence through a structured curriculum, innovative teaching methods a yearly academic calender that and ensures smooth and Systemic learning. Our programs combine theary, hands-on training &amp; research opportunities, cquipping students with the knowledg Skills, &amp; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":20735,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_vp_format_video_url":"","_vp_image_focal_point":[],"footnotes":""},"class_list":["post-20129","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/malwanchaluniversity.in\/paramedical\/wp-json\/wp\/v2\/pages\/20129","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/malwanchaluniversity.in\/paramedical\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/malwanchaluniversity.in\/paramedical\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/malwanchaluniversity.in\/paramedical\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/malwanchaluniversity.in\/paramedical\/wp-json\/wp\/v2\/comments?post=20129"}],"version-history":[{"count":43,"href":"https:\/\/malwanchaluniversity.in\/paramedical\/wp-json\/wp\/v2\/pages\/20129\/revisions"}],"predecessor-version":[{"id":20894,"href":"https:\/\/malwanchaluniversity.in\/paramedical\/wp-json\/wp\/v2\/pages\/20129\/revisions\/20894"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/malwanchaluniversity.in\/paramedical\/wp-json\/wp\/v2\/media\/20735"}],"wp:attachment":[{"href":"https:\/\/malwanchaluniversity.in\/paramedical\/wp-json\/wp\/v2\/media?parent=20129"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}