{"id":9202,"date":"2026-09-13T14:33:19","date_gmt":"2026-09-13T10:33:19","guid":{"rendered":"https:\/\/www.bio.iitb.ac.in\/~dkagrawal\/?page_id=9202"},"modified":"2026-09-30T06:13:00","modified_gmt":"2026-09-30T02:13:00","slug":"cmt-teaching-new_draft","status":"publish","type":"page","link":"https:\/\/www.bio.iitb.ac.in\/~dkagrawal\/cmt-teaching-new_draft\/","title":{"rendered":"CMT_Teaching"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9202\" class=\"elementor elementor-9202\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0000002a elementor-widget elementor-widget-html\" data-id=\"0000002a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style id=\"cmt-lab-template-styles\">\n:root {\n  --cmt-navy: #0b2632;\n  --cmt-blue: #0e6a70;\n  --cmt-cyan: #48c1c6;\n  --cmt-gold: #b97815;\n  --cmt-ice: #e4f1f2;\n  --cmt-soft: #f3f7f7;\n  --cmt-ink: #0f1a1f;\n  --cmt-muted: #50646b;\n  --cmt-border: #d2dfe1;\n  --cmt-white: #ffffff;\n  --cmt-radius: 16px;\n  --cmt-shadow: 0 20px 55px rgba(11, 38, 50, .11);\n  --cmt-display: Newsreader, Charter, \"Iowan Old Style\", Georgia, serif;\n  --cmt-body: \"IBM Plex Sans\", Inter, \"Segoe UI\", Arial, sans-serif;\n  --cmt-label: \"IBM Plex Mono\", \"SFMono-Regular\", Consolas, monospace;\n}\n.cmt-hero, .cmt-section, .cmt-band, .cmt-cta { font-family: var(--cmt-body); }\n.cmt-hero { position:relative; isolation:isolate; background: radial-gradient(circle at 88% 12%, rgba(72,193,198,.25), transparent 33%), linear-gradient(135deg, #081d27 0%, #0b3340 60%, #0d5860 100%); color: #fff; padding: 88px 34px 82px; overflow: hidden; }\n.cmt-hero > .e-con-inner { display: grid !important; grid-template-columns: minmax(0,1.08fr) minmax(320px,.92fr); gap: 54px; align-items: center; max-width: 1180px !important; margin: 0 auto; }\n.cmt-hero-copy, .cmt-hero-visual { position:relative; z-index:2; }\n.cmt-signal-widget { position:absolute !important; inset:0; z-index:0; pointer-events:none; overflow:hidden; opacity:.34; }\n.cmt-signal-widget .elementor-widget-container, .cmt-signal, .cmt-signal svg { width:100%; height:100%; }\n.cmt-signal svg { display:block; min-width:940px; }\n.cmt-signal path, .cmt-signal line { vector-effect:non-scaling-stroke; }\n.cmt-hero--compact { padding-top: 62px; padding-bottom: 62px; }\n.cmt-hero--compact > .e-con-inner { grid-template-columns: minmax(0,1fr); max-width: 920px !important; }\n.cmt-eyebrow { color: #86e0e3; font-family:var(--cmt-label); font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; margin-bottom: 16px; }\n.cmt-hero .elementor-heading-title { color: #fff; font-family:var(--cmt-display); font-weight:500; font-size: clamp(45px,5.4vw,76px); line-height: .99; letter-spacing: -.035em; margin: 0; text-wrap:balance; }\n.cmt-hero--compact .elementor-heading-title { font-size: clamp(38px,4vw,60px); }\n.cmt-hero .elementor-widget-text-editor { color: rgba(255,255,255,.84); font-size: 19px; line-height: 1.65; max-width: 700px; }\n.cmt-actions > .e-con-inner { display: flex !important; flex-wrap: wrap; gap: 14px; margin-top: 12px; }\n.cmt-button-primary .elementor-button { background: #84e0e3; color: #071b22; border-radius: 999px; padding: 14px 24px; font-weight: 800; }\n.cmt-button-secondary .elementor-button { background: transparent; color: #fff; border: 1px solid rgba(255,255,255,.55); border-radius: 999px; padding: 13px 24px; font-weight: 700; }\n.cmt-button-link .elementor-button { background: transparent; color: var(--cmt-blue); padding: 8px 0; font-weight: 800; }\n.cmt-button-primary .elementor-button:hover, .cmt-button-primary .elementor-button:focus-visible { background:#fff; transform:translateY(-1px); }\n.cmt-button-secondary .elementor-button:hover, .cmt-button-secondary .elementor-button:focus-visible { background:rgba(255,255,255,.11); border-color:#fff; }\n.cmt-button-link .elementor-button:hover, .cmt-button-link .elementor-button:focus-visible { color:#084d52; }\n.cmt-hero-media { position:relative; }\n.cmt-hero-media:before { content:\"\"; position:absolute; inset:-12px 12px 12px -12px; border:1px solid rgba(132,224,227,.5); border-radius:22px; z-index:-1; }\n.cmt-hero-media img { display:block; width:100%; aspect-ratio: 4\/3; object-fit:cover; border-radius: 20px; box-shadow: 0 28px 80px rgba(0,0,0,.34); border: 1px solid rgba(255,255,255,.22); }\n.cmt-section { padding: 82px 34px; color: var(--cmt-ink); }\n.cmt-section--soft { background: var(--cmt-soft); }\n.cmt-section--ice { background: var(--cmt-ice); }\n.cmt-section > .e-con-inner { max-width: 1180px !important; margin: 0 auto; }\n.cmt-section-title .elementor-heading-title { color: var(--cmt-navy); font-family:var(--cmt-display); font-weight:500; font-size: clamp(34px,3.4vw,50px); line-height: 1.07; letter-spacing: -.025em; text-wrap:balance; }\n.cmt-section-intro { color: var(--cmt-muted); font-size: 18px; line-height: 1.72; max-width: 790px; margin-bottom: 34px; }\n.cmt-grid > .e-con-inner { display: grid !important; gap: 22px; align-items: stretch; }\n.cmt-grid--2 > .e-con-inner { grid-template-columns: repeat(2, minmax(0,1fr)); }\n.cmt-grid--3 > .e-con-inner { grid-template-columns: repeat(3, minmax(0,1fr)); }\n.cmt-grid--4 > .e-con-inner { grid-template-columns: repeat(4, minmax(0,1fr)); }\n.cmt-card { position:relative; background: #fff; border: 1px solid var(--cmt-border); border-radius: var(--cmt-radius); padding: 28px; box-shadow: 0 8px 25px rgba(11,38,50,.05); transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }\n.cmt-card:hover { transform: translateY(-4px); border-color: rgba(24,168,181,.65); box-shadow: var(--cmt-shadow); }\n.cmt-card .elementor-heading-title { color: var(--cmt-navy); font-family:var(--cmt-display); font-weight:600; font-size: 25px; line-height: 1.18; }\n.cmt-card .elementor-widget-text-editor { color: var(--cmt-muted); font-size: 16px; line-height: 1.65; }\n.cmt-card-number { color: var(--cmt-blue); font-family:var(--cmt-label); font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }\n.cmt-feature { background: linear-gradient(180deg,#fff,#f8fbfd); }\n.cmt-feature .elementor-heading-title { font-size: 26px; }\n.cmt-band { background: var(--cmt-navy); color: #fff; padding: 30px 34px; }\n.cmt-band > .e-con-inner { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)); max-width:1180px !important; margin:0 auto; gap:20px; }\n.cmt-band .elementor-heading-title { color:#fff; font-family:var(--cmt-display); font-weight:600; font-size:21px; }\n.cmt-band .elementor-widget-text-editor { color:rgba(255,255,255,.68); }\n.cmt-profile { display:grid !important; grid-template-columns:150px minmax(0,1fr); gap:24px; align-items:center; }\n.cmt-profile img { width:150px; height:180px; object-fit:cover; border-radius:16px; }\n.cmt-profile-text h3 { color:var(--cmt-navy); margin:0 0 6px; font-size:24px; }\n.cmt-profile-text p { color:var(--cmt-muted); margin:4px 0; line-height:1.55; }\n.cmt-publication { border-left: 4px solid var(--cmt-gold); padding: 20px 22px; background:#fff; border-radius:0 14px 14px 0; margin-bottom:14px; box-shadow:0 6px 20px rgba(7,27,51,.05); }\n.cmt-publication strong { color:var(--cmt-navy); }\n.cmt-publication a { color:var(--cmt-blue); font-weight:700; }\n.cmt-list ul { margin:0; padding-left:1.2em; }\n.cmt-list li { color:var(--cmt-muted); margin:.65em 0; line-height:1.55; }\n.cmt-steps > .e-con-inner { counter-reset:cmtstep; display:grid !important; grid-template-columns:repeat(5,minmax(0,1fr)); gap:14px; }\n.cmt-step { background:#fff; border:1px solid var(--cmt-border); border-radius:14px; padding:22px 18px; }\n.cmt-step:before { counter-increment:cmtstep; content:\"0\" counter(cmtstep); display:block; color:var(--cmt-blue); font-family:var(--cmt-label); font-weight:700; letter-spacing:.08em; margin-bottom:12px; }\n.cmt-step .elementor-heading-title { font-family:var(--cmt-display); font-size:20px; color:var(--cmt-navy); }\n.cmt-cta { background: linear-gradient(115deg,var(--cmt-blue),#0b4d57); color:#fff; padding:64px 34px; }\n.cmt-cta > .e-con-inner { max-width:1000px !important; margin:0 auto; text-align:center; align-items:center; }\n.cmt-cta .elementor-heading-title { color:#fff; font-family:var(--cmt-display); font-weight:500; font-size:clamp(34px,3.4vw,50px); }\n.cmt-cta .elementor-widget-text-editor { color:rgba(255,255,255,.83); font-size:18px; max-width:720px; margin:0 auto; }\n.cmt-cta .cmt-button-primary .elementor-button { background:#fff; color:var(--cmt-navy); margin-top:12px; }\n.cmt-contact a { color:var(--cmt-blue); }\n.cmt-section a:not(.elementor-button), .cmt-contact a { text-decoration-thickness:1px; text-underline-offset:3px; }\n.cmt-hero a:focus-visible, .cmt-section a:focus-visible, .cmt-cta a:focus-visible { outline:3px solid #f3b64d; outline-offset:4px; border-radius:5px; }\n@media (max-width: 980px) {\n  .cmt-hero > .e-con-inner, .cmt-grid--4 > .e-con-inner, .cmt-grid--3 > .e-con-inner { grid-template-columns:repeat(2,minmax(0,1fr)); }\n  .cmt-hero > .e-con-inner { grid-template-columns:1fr; }\n  .cmt-steps > .e-con-inner { grid-template-columns:repeat(2,minmax(0,1fr)); }\n}\n@media (max-width: 680px) {\n  .cmt-hero, .cmt-section, .cmt-cta { padding-left:20px; padding-right:20px; }\n  .cmt-hero { padding-top:54px; padding-bottom:54px; }\n  .cmt-grid--2 > .e-con-inner, .cmt-grid--3 > .e-con-inner, .cmt-grid--4 > .e-con-inner, .cmt-band > .e-con-inner, .cmt-steps > .e-con-inner { grid-template-columns:1fr; }\n  .cmt-profile { grid-template-columns:1fr; }\n  .cmt-profile img { width:120px; height:145px; }\n  .cmt-section { padding-top:58px; padding-bottom:58px; }\n}\n@media (prefers-reduced-motion: reduce) {\n  .cmt-card, .cmt-button-primary .elementor-button { transition:none !important; }\n  .cmt-card:hover, .cmt-button-primary .elementor-button:hover { transform:none; }\n}\n@media print {\n  .cmt-signal-widget, .cmt-actions, .cmt-cta { display:none !important; }\n  .cmt-hero { background:#fff !important; color:#000; padding:24px 0; }\n  .cmt-hero .elementor-heading-title, .cmt-hero .elementor-widget-text-editor { color:#000 !important; }\n  .cmt-section { padding:28px 0; }\n  .cmt-card, .cmt-publication { box-shadow:none; break-inside:avoid; }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f27b6d3 e-con e-atomic-element e-flexbox-base e-default-div e-730207e \" data-id=\"f27b6d3\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"f27b6d3\">\n    \t\t<div class=\"elementor-element elementor-element-b803b4f elementor-widget elementor-widget-html\" data-id=\"b803b4f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\r\n     TEACHING\r\n     CMT Lab\r\n===================================================== -->\r\n\r\n<style>\r\n\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Noto+Serif:wght@500;600&family=Noto+Sans:wght@400;500;600&display=swap');\r\n\r\n\r\n\/* =========================================================\r\n   PAGE\r\n\r\n   Type system (matches the rest of the site):\r\n     Headings  -> Noto Serif\r\n     Body text -> Noto Sans\r\n   ========================================================= *\/\r\n\r\n.teaching-page {\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    overflow: hidden;\r\n\r\n    background: linear-gradient(135deg, #f7fafc 0%, #edf5f9 100%);\r\n\r\n    color: #123B4A;\r\n\r\n    font-family: 'Noto Sans', sans-serif;\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n.teaching-page *,\r\n.teaching-page *::before,\r\n.teaching-page *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n.teaching-container {\r\n\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    width: 86%;\r\n\r\n    max-width: 1080px;\r\n\r\n    margin: 0 auto;\r\n\r\n    padding: 58px 0 70px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PAGE HEADER\r\n   ========================================================= *\/\r\n\r\n.teaching-header {\r\n\r\n    max-width: 760px;\r\n\r\n    margin-bottom: 52px;\r\n\r\n    animation: teachingReveal 0.7s ease both;\r\n}\r\n\r\n\r\n\/* Eyebrow (sans) *\/\r\n\r\n.teaching-eyebrow {\r\n\r\n    display: inline-flex;\r\n    align-items: center;\r\n\r\n    gap: 11px;\r\n\r\n    margin-bottom: 14px;\r\n\r\n    color: #4d879c;\r\n\r\n    font-family: 'Noto Sans', sans-serif;\r\n\r\n    font-size: 12px;\r\n\r\n    font-weight: 600;\r\n\r\n    letter-spacing: 2.2px;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n.teaching-eyebrow::before {\r\n\r\n    content: \"\";\r\n\r\n    width: 28px;\r\n    height: 2px;\r\n\r\n    background: #58c7d7;\r\n\r\n    flex-shrink: 0;\r\n}\r\n\r\n\r\n\/* Page title (serif) *\/\r\n\r\n.teaching-title {\r\n\r\n    margin: 0 0 18px !important;\r\n\r\n    color: #123B4A !important;\r\n\r\n    font-family: 'Noto Serif', Georgia, serif !important;\r\n\r\n    font-size: clamp(44px, 5.2vw, 64px) !important;\r\n\r\n    line-height: 1.08 !important;\r\n\r\n    font-weight: 600 !important;\r\n\r\n    letter-spacing: -1.4px;\r\n}\r\n\r\n\r\n.teaching-line {\r\n\r\n    width: 56px;\r\n    height: 3px;\r\n\r\n    margin: 0 0 22px;\r\n\r\n    border-radius: 2px;\r\n\r\n    background: #58c7d7;\r\n}\r\n\r\n\r\n\/* Page intro (sans) *\/\r\n\r\n.teaching-intro {\r\n\r\n    max-width: 700px;\r\n\r\n    margin: 0 !important;\r\n\r\n    color: #496579 !important;\r\n\r\n    font-family: 'Noto Sans', sans-serif !important;\r\n\r\n    font-size: 18px !important;\r\n\r\n    font-weight: 400 !important;\r\n\r\n    line-height: 1.8 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CATEGORY\r\n   ========================================================= *\/\r\n\r\n.teaching-category {\r\n\r\n    margin-bottom: 52px;\r\n\r\n    animation: teachingReveal 0.7s ease 0.15s both;\r\n}\r\n\r\n\r\n.teaching-category:last-child {\r\n\r\n    margin-bottom: 0;\r\n}\r\n\r\n\r\n.category-header {\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    align-items: flex-start;\r\n\r\n    padding-bottom: 20px;\r\n\r\n    margin-bottom: 24px;\r\n\r\n    border-bottom: 1px solid #dce8ef;\r\n}\r\n\r\n\r\n\/* Department code (sans) *\/\r\n\r\n.category-number {\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    margin-bottom: 10px;\r\n\r\n    padding: 5px 12px;\r\n\r\n    border: 1px solid #cfe5ee;\r\n\r\n    border-radius: 20px;\r\n\r\n    background: #eaf4f8;\r\n\r\n    color: #287084;\r\n\r\n    font-family: 'Noto Sans', sans-serif;\r\n\r\n    font-size: 12px;\r\n\r\n    font-weight: 600;\r\n\r\n    letter-spacing: 1.6px;\r\n\r\n    text-transform: uppercase;\r\n\r\n    white-space: nowrap;\r\n}\r\n\r\n\r\n\/* Department name (serif) \u2014 stays a link *\/\r\n\r\n.category-title {\r\n\r\n    margin: 0 !important;\r\n\r\n    color: #123B4A !important;\r\n\r\n    font-family: 'Noto Serif', Georgia, serif !important;\r\n\r\n    font-size: clamp(24px, 2.8vw, 30px) !important;\r\n\r\n    line-height: 1.28 !important;\r\n\r\n    font-weight: 600 !important;\r\n\r\n    letter-spacing: -0.4px;\r\n}\r\n\r\n\r\n.category-title a {\r\n\r\n    color: inherit !important;\r\n\r\n    text-decoration: none !important;\r\n\r\n    border-bottom: 1px solid transparent;\r\n\r\n    transition:\r\n        color 0.25s ease,\r\n        border-color 0.25s ease;\r\n}\r\n\r\n\r\n.category-title a:hover {\r\n\r\n    color: #287084 !important;\r\n\r\n    border-bottom-color: #58c7d7;\r\n}\r\n\r\n\r\n.category-title a:focus-visible {\r\n\r\n    outline: 2px solid #287084;\r\n\r\n    outline-offset: 4px;\r\n\r\n    border-radius: 3px;\r\n}\r\n\r\n\r\n\/* Optional description (sans) *\/\r\n\r\n.category-description {\r\n\r\n    max-width: 700px;\r\n\r\n    margin: 14px 0 0 !important;\r\n\r\n    color: #496579 !important;\r\n\r\n    font-family: 'Noto Sans', sans-serif !important;\r\n\r\n    font-size: 16px !important;\r\n\r\n    font-weight: 400 !important;\r\n\r\n    line-height: 1.75 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   COURSE GRID\r\n   ========================================================= *\/\r\n\r\n.course-list {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n\r\n    gap: 16px;\r\n\r\n    width: 100%;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   COURSE CARD\r\n   ========================================================= *\/\r\n\r\n.course-link {\r\n\r\n    position: relative;\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    align-items: flex-start;\r\n\r\n    padding: 20px 22px 22px;\r\n\r\n    border: 1px solid #dce8ef;\r\n\r\n    border-radius: 10px;\r\n\r\n    background: rgba(255, 255, 255, 0.82);\r\n\r\n    box-shadow: 0 6px 20px rgba(31, 73, 97, 0.04);\r\n\r\n    text-decoration: none !important;\r\n\r\n    color: #123B4A;\r\n\r\n    transition:\r\n        transform 0.3s ease,\r\n        border-color 0.3s ease,\r\n        box-shadow 0.3s ease;\r\n}\r\n\r\n\r\n.course-link:hover {\r\n\r\n    transform: translateY(-4px);\r\n\r\n    border-color: #c7dfe8;\r\n\r\n    box-shadow: 0 13px 30px rgba(31, 73, 97, 0.10);\r\n}\r\n\r\n\r\n.course-link:focus-visible {\r\n\r\n    outline: 2px solid #287084;\r\n\r\n    outline-offset: 3px;\r\n}\r\n\r\n\r\n\/* Accent edge *\/\r\n\r\n.course-link::before {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    top: 20px;\r\n    bottom: 22px;\r\n    left: 0;\r\n\r\n    width: 3px;\r\n\r\n    border-radius: 0 2px 2px 0;\r\n\r\n    background: #58c7d7;\r\n\r\n    opacity: 0;\r\n\r\n    transition: opacity 0.3s ease;\r\n}\r\n\r\n\r\n.course-link:hover::before {\r\n\r\n    opacity: 0.8;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   COURSE CODE (sans)\r\n   ========================================================= *\/\r\n\r\n.course-number {\r\n\r\n    margin-bottom: 9px;\r\n\r\n    color: #4d879c;\r\n\r\n    font-family: 'Noto Sans', sans-serif;\r\n\r\n    font-size: 13px;\r\n\r\n    font-weight: 600;\r\n\r\n    letter-spacing: 1.4px;\r\n\r\n    line-height: 1.4;\r\n\r\n    transition: color 0.3s ease;\r\n}\r\n\r\n\r\n.course-link:hover .course-number {\r\n\r\n    color: #287084;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   COURSE CONTENT\r\n   ========================================================= *\/\r\n\r\n.course-content {\r\n\r\n    min-width: 0;\r\n}\r\n\r\n\r\n\/* Course name (serif) *\/\r\n\r\n.course-title {\r\n\r\n    margin: 0 !important;\r\n\r\n    color: #123B4A !important;\r\n\r\n    font-family: 'Noto Serif', Georgia, serif !important;\r\n\r\n    font-size: 19px !important;\r\n\r\n    line-height: 1.38 !important;\r\n\r\n    font-weight: 600 !important;\r\n\r\n    letter-spacing: -0.2px;\r\n\r\n    transition: color 0.3s ease;\r\n}\r\n\r\n\r\n.course-link:hover .course-title {\r\n\r\n    color: #287084 !important;\r\n}\r\n\r\n\r\n\/* Optional course description (sans) *\/\r\n\r\n.course-description {\r\n\r\n    margin: 8px 0 0 !important;\r\n\r\n    color: #496579 !important;\r\n\r\n    font-family: 'Noto Sans', sans-serif !important;\r\n\r\n    font-size: 15px !important;\r\n\r\n    font-weight: 400 !important;\r\n\r\n    line-height: 1.7 !important;\r\n}\r\n\r\n\r\n@keyframes teachingReveal {\r\n\r\n    from {\r\n        opacity: 0;\r\n        transform: translateY(18px);\r\n    }\r\n\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESPONSIVE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 1000px) {\r\n\r\n    .teaching-container {\r\n\r\n        width: 90%;\r\n\r\n        padding: 50px 0 60px;\r\n    }\r\n\r\n    .teaching-intro {\r\n\r\n        font-size: 17px !important;\r\n    }\r\n\r\n}\r\n\r\n\r\n@media (max-width: 760px) {\r\n\r\n    .teaching-container {\r\n\r\n        width: 90%;\r\n\r\n        padding: 44px 0 54px;\r\n    }\r\n\r\n    .teaching-header {\r\n\r\n        margin-bottom: 42px;\r\n    }\r\n\r\n    .teaching-intro {\r\n\r\n        font-size: 16px !important;\r\n    }\r\n\r\n    .teaching-category {\r\n\r\n        margin-bottom: 44px;\r\n    }\r\n\r\n    .course-list {\r\n\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 14px;\r\n    }\r\n\r\n}\r\n\r\n\r\n@media (max-width: 480px) {\r\n\r\n    .teaching-container {\r\n\r\n        width: 91%;\r\n\r\n        padding: 38px 0 48px;\r\n    }\r\n\r\n    .teaching-title {\r\n\r\n        font-size: 40px !important;\r\n\r\n        letter-spacing: -1px;\r\n    }\r\n\r\n    .teaching-eyebrow {\r\n\r\n        font-size: 11px;\r\n\r\n        letter-spacing: 1.8px;\r\n    }\r\n\r\n    .teaching-intro {\r\n\r\n        font-size: 15px !important;\r\n    }\r\n\r\n    .category-title {\r\n\r\n        font-size: 23px !important;\r\n    }\r\n\r\n    .course-link {\r\n\r\n        padding: 18px 18px 19px;\r\n    }\r\n\r\n    .course-title {\r\n\r\n        font-size: 18px !important;\r\n    }\r\n\r\n}\r\n\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    .teaching-header,\r\n    .teaching-category {\r\n\r\n        animation: none;\r\n\r\n        opacity: 1;\r\n\r\n        transform: none;\r\n    }\r\n\r\n    .course-link,\r\n    .course-link::before,\r\n    .course-number,\r\n    .course-title,\r\n    .category-title a {\r\n\r\n        transition: none;\r\n    }\r\n\r\n    .course-link:hover {\r\n\r\n        transform: none;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<div class=\"teaching-page\">\r\n\r\n    <div class=\"teaching-container\">\r\n\r\n        <!-- ================================\r\n             HEADER\r\n        ================================= -->\r\n\r\n        <header class=\"teaching-header\">\r\n\r\n            <div class=\"teaching-eyebrow\">\r\n                Education\r\n            <\/div>\r\n\r\n            <h1 class=\"teaching-title\">\r\n                Teaching\r\n            <\/h1>\r\n\r\n            <div class=\"teaching-line\"><\/div>\r\n\r\n            <p class=\"teaching-intro\">\r\n                Teaching within the Department of Biosciences and\r\n                Bioengineering at IIT Bombay brings together quantitative\r\n                biology, computational methods and mathematical modelling\r\n                of biological systems. Courses offered through the lab\r\n                combine theoretical foundations with hands-on computational\r\n                practice, helping students explore biological questions\r\n                using quantitative approaches.\r\n            <\/p>\r\n\r\n        <\/header>\r\n\r\n\r\n        <!-- ================================\r\n             BIOSCIENCES\r\n        ================================= -->\r\n\r\n        <section class=\"teaching-category\">\r\n\r\n            <div class=\"category-header\">\r\n\r\n                <span class=\"category-number\">\r\n                    01 \u2014 BSBE\r\n                <\/span>\r\n\r\n                <h2 class=\"category-title\">\r\n\r\n                    <a\r\n                        href=\"https:\/\/portal.iitb.ac.in\/asc\/Courses\"\r\n                        target=\"_blank\"\r\n                        rel=\"noopener\"\r\n                    >\r\n                        Department of Biosciences and Bioengineering\r\n                    <\/a>\r\n\r\n                <\/h2>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"course-list\">\r\n\r\n                <a\r\n                    href=\"YOUR-BB454-COURSE-LINK-HERE\"\r\n                    class=\"course-link\"\r\n                    target=\"_blank\"\r\n                    rel=\"noopener\"\r\n                >\r\n                    <div class=\"course-number\">\r\n                        BB 454\r\n                    <\/div>\r\n\r\n                    <div class=\"course-content\">\r\n                        <h3 class=\"course-title\">\r\n                            Programming for Bioinformatics\r\n                        <\/h3>\r\n                    <\/div>\r\n                <\/a>\r\n\r\n\r\n                <a\r\n                    href=\"YOUR-BB523-COURSE-LINK-HERE\"\r\n                    class=\"course-link\"\r\n                    target=\"_blank\"\r\n                    rel=\"noopener\"\r\n                >\r\n                    <div class=\"course-number\">\r\n                        BB 523\r\n                    <\/div>\r\n\r\n                    <div class=\"course-content\">\r\n                        <h3 class=\"course-title\">\r\n                            Mathematics and Numerical Methods for Biologists\r\n                        <\/h3>\r\n                    <\/div>\r\n                <\/a>\r\n\r\n\r\n                <a\r\n                    href=\"YOUR-BB542-COURSE-LINK-HERE\"\r\n                    class=\"course-link\"\r\n                    target=\"_blank\"\r\n                    rel=\"noopener\"\r\n                >\r\n                    <div class=\"course-number\">\r\n                        BB 542\r\n                    <\/div>\r\n\r\n                    <div class=\"course-content\">\r\n                        <h3 class=\"course-title\">\r\n                            Mathematics and Statistics\r\n                        <\/h3>\r\n                    <\/div>\r\n                <\/a>\r\n\r\n\r\n                <a\r\n                    href=\"YOUR-BB626-COURSE-LINK-HERE\"\r\n                    class=\"course-link\"\r\n                    target=\"_blank\"\r\n                    rel=\"noopener\"\r\n                >\r\n                    <div class=\"course-number\">\r\n                        BB 626\r\n                    <\/div>\r\n\r\n                    <div class=\"course-content\">\r\n                        <h3 class=\"course-title\">\r\n                            Modeling Biological Systems and Processes\r\n                        <\/h3>\r\n                    <\/div>\r\n                <\/a>\r\n\r\n\r\n                <a\r\n                    href=\"YOUR-BB653-COURSE-LINK-HERE\"\r\n                    class=\"course-link\"\r\n                    target=\"_blank\"\r\n                    rel=\"noopener\"\r\n                >\r\n                    <div class=\"course-number\">\r\n                        BB 653\r\n                    <\/div>\r\n\r\n                    <div class=\"course-content\">\r\n                        <h3 class=\"course-title\">\r\n                            Experimental Techniques in Biomedical Engineering\r\n                        <\/h3>\r\n                    <\/div>\r\n                <\/a>\r\n\r\n\r\n                <a\r\n                    href=\"YOUR-BB708-COURSE-LINK-HERE\"\r\n                    class=\"course-link\"\r\n                    target=\"_blank\"\r\n                    rel=\"noopener\"\r\n                >\r\n                    <div class=\"course-number\">\r\n                        BB 708\r\n                    <\/div>\r\n\r\n                    <div class=\"course-content\">\r\n                        <h3 class=\"course-title\">\r\n                            Introduction to Quantitative Physiology\r\n                        <\/h3>\r\n                    <\/div>\r\n                <\/a>\r\n\r\n\r\n                <a\r\n                    href=\"YOUR-BB709-COURSE-LINK-HERE\"\r\n                    class=\"course-link\"\r\n                    target=\"_blank\"\r\n                    rel=\"noopener\"\r\n                >\r\n                    <div class=\"course-number\">\r\n                        BB 709\r\n                    <\/div>\r\n\r\n                    <div class=\"course-content\">\r\n                        <h3 class=\"course-title\">\r\n                            Mathematics for Biomedical Data Analysis\r\n                        <\/h3>\r\n                    <\/div>\r\n                <\/a>\r\n\r\n\r\n                <a\r\n                    href=\"YOUR-BB899-COURSE-LINK-HERE\"\r\n                    class=\"course-link\"\r\n                    target=\"_blank\"\r\n                    rel=\"noopener\"\r\n                >\r\n                    <div class=\"course-number\">\r\n                        BB 899\r\n                    <\/div>\r\n\r\n                    <div class=\"course-content\">\r\n                        <h3 class=\"course-title\">\r\n                            Communication Skills\r\n                        <\/h3>\r\n                    <\/div>\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/section>\r\n\r\n\r\n        <!-- ================================\r\n             KCDH\r\n        ================================= -->\r\n\r\n        <section class=\"teaching-category\">\r\n\r\n            <div class=\"category-header\">\r\n\r\n                <span class=\"category-number\">\r\n                    02 \u2014 KCDH\r\n                <\/span>\r\n\r\n                <h2 class=\"category-title\">\r\n\r\n                    <a\r\n                        href=\"https:\/\/www.kcdh.iitb.ac.in\/site\/announcement-pdf\/b512745d-7e7d-11f1-9d3e-01d52b552cdb.pdf\"\r\n                        target=\"_blank\"\r\n                        rel=\"noopener\"\r\n                    >\r\n                        Koita Centre for Digital Health\r\n                    <\/a>\r\n\r\n                <\/h2>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"course-list\">\r\n\r\n                <a\r\n                    href=\"YOUR-DH899-COURSE-LINK-HERE\"\r\n                    class=\"course-link\"\r\n                    target=\"_blank\"\r\n                    rel=\"noopener\"\r\n                >\r\n                    <div class=\"course-number\">\r\n                        DH 899\r\n                    <\/div>\r\n\r\n                    <div class=\"course-content\">\r\n                        <h3 class=\"course-title\">\r\n                            Communication Skills\r\n                        <\/h3>\r\n                    <\/div>\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/section>\r\n\r\n    <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Education Teaching Teaching within the Department of Biosciences and Bioengineering at IIT Bombay brings together quantitative biology, computational methods and mathematical modelling of biological systems. Courses offered through the lab combine theoretical foundations with hands-on computational practice, helping students explore biological questions using quantitative approaches. 01 \u2014 BSBE Department of Biosciences and Bioengineering BB 454 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":10,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-9202","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/www.bio.iitb.ac.in\/~dkagrawal\/wp-json\/wp\/v2\/pages\/9202","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bio.iitb.ac.in\/~dkagrawal\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.bio.iitb.ac.in\/~dkagrawal\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.bio.iitb.ac.in\/~dkagrawal\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bio.iitb.ac.in\/~dkagrawal\/wp-json\/wp\/v2\/comments?post=9202"}],"version-history":[{"count":17,"href":"https:\/\/www.bio.iitb.ac.in\/~dkagrawal\/wp-json\/wp\/v2\/pages\/9202\/revisions"}],"predecessor-version":[{"id":9409,"href":"https:\/\/www.bio.iitb.ac.in\/~dkagrawal\/wp-json\/wp\/v2\/pages\/9202\/revisions\/9409"}],"wp:attachment":[{"href":"https:\/\/www.bio.iitb.ac.in\/~dkagrawal\/wp-json\/wp\/v2\/media?parent=9202"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}