{"id":16,"date":"2022-11-11T10:06:45","date_gmt":"2022-11-11T10:06:45","guid":{"rendered":"https:\/\/www.bio.iitb.ac.in\/sushilkumar\/?page_id=16"},"modified":"2026-09-28T07:49:17","modified_gmt":"2026-09-28T07:49:17","slug":"research","status":"publish","type":"page","link":"https:\/\/www.bio.iitb.ac.in\/sushilkumar\/research\/","title":{"rendered":"Research"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"16\" class=\"elementor elementor-16\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8dd51cb e-flex e-con-boxed e-con e-parent\" data-id=\"8dd51cb\" 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-2244f49 elementor-widget elementor-widget-html\" data-id=\"2244f49\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Research Focus Areas<\/title>\r\n    <!-- Tailwind CSS CDN -->\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <script>\r\n        tailwind.config = {\r\n            theme: {\r\n                extend: {\r\n                    colors: {\r\n                        warm: {\r\n                            50: '#fdfdfb',\r\n                            100: '#faf9f5',\r\n                            200: '#e8e3d8',\r\n                            300: '#c5b89a',\r\n                            700: '#5c5443',\r\n                            800: '#3a362d',\r\n                            900: '#211f1a'\r\n                        },\r\n                        accent: {\r\n                            red: '#6b1d0f',\r\n                            teal: '#0d9488'\r\n                        }\r\n                    },\r\n                    fontFamily: {\r\n                        sans: ['Segoe UI', '-apple-system', 'BlinkMacSystemFont', 'Roboto', 'sans-serif'],\r\n                        mono: ['Consolas', 'Courier New', 'monospace']\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    <\/script>\r\n    <!-- FontAwesome Icons -->\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n    <style>\r\n        body {\r\n            font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', sans-serif;\r\n            background-color: #faf9f5;\r\n            color: #211f1a;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        .highlight {\r\n            color: #6b1d0f;\r\n            font-weight: 700;\r\n        }\r\n\r\n        \/* 3D Perspective Container for Angled Tiles *\/\r\n        .perspective-container {\r\n            perspective: 1200px;\r\n        }\r\n\r\n        \/* Suspended Angled Tiles *\/\r\n        .angled-tile-left {\r\n            transform: rotateY(8deg) rotateX(2deg);\r\n            transform-style: preserve-3d;\r\n            transition: transform 0.4s ease, box-shadow 0.4s ease;\r\n        }\r\n\r\n        .angled-tile-right {\r\n            transform: rotateY(-8deg) rotateX(2deg);\r\n            transform-style: preserve-3d;\r\n            transition: transform 0.4s ease, box-shadow 0.4s ease;\r\n        }\r\n\r\n        .angled-tile-left:hover, .angled-tile-right:hover {\r\n            transform: rotateY(0deg) rotateX(0deg) translateY(-4px);\r\n            box-shadow: 0 12px 30px -5px rgba(33, 31, 26, 0.12);\r\n        }\r\n\r\n        .content-card {\r\n            background: #ffffff;\r\n            border: 1px solid #e8e3d8;\r\n            box-shadow: 0 8px 24px -4px rgba(33, 31, 26, 0.06);\r\n        }\r\n\r\n        \/* Tree Structure Connecting Line Styling *\/\r\n        .tree-line-v {\r\n            position: absolute;\r\n            left: 20px;\r\n            top: 24px;\r\n            bottom: 24px;\r\n            width: 2px;\r\n            background-color: #c5b89a;\r\n            z-index: 0;\r\n        }\r\n\r\n        .tree-node-icon {\r\n            position: relative;\r\n            z-index: 10;\r\n            background-color: #faf9f5;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body class=\"p-6 md:p-12\">\r\n\r\n    <main class=\"max-w-6xl mx-auto space-y-12\">\r\n        \r\n        <!-- SECTION INTRO -->\r\n        <section class=\"space-y-4 max-w-4xl\">\r\n\r\n            <p class=\"text-warm-800 text-base md:text-lg\">\r\n                Our laboratory performs computational, biochemical, histological, in vitro, and in vivo analyses to <span class=\"highlight\">identify driver genes<\/span>. Although genomics and proteomics studies have transformed cancer research, <span class=\"highlight\">targeting these oncogenes-based vulnerabilities with drugs<\/span> remains the primary goal of our research programs.\r\n            <\/p>\r\n        <\/section>\r\n\r\n        <!-- CONNECTED TREE CONTAINER -->\r\n        <div class=\"relative pl-10 md:pl-12 space-y-16\">\r\n            <!-- Vertical Connecting Tree Line -->\r\n            <div class=\"tree-line-v\"><\/div>\r\n\r\n            <!-- PROGRAM 1: BASIC RESEARCH -->\r\n            <section class=\"space-y-8 relative\">\r\n                <!-- Branch Node Header -->\r\n                <div class=\"flex items-center gap-3 border-b border-warm-200 pb-3 -ml-10 md:-ml-12\">\r\n                    <div class=\"tree-node-icon w-10 h-10 rounded-full border-2 border-warm-300 flex items-center justify-center text-teal-700 font-bold\">\r\n                        <i class=\"fa-solid fa-flask text-sm\"><\/i>\r\n                    <\/div>\r\n                    <h2 class=\"text-2xl font-bold text-warm-900\">Basic Research<\/h2>\r\n                <\/div>\r\n\r\n                <div class=\"perspective-container grid md:grid-cols-2 gap-8 items-stretch\">\r\n                    <!-- CARD 1.1 -->\r\n                    <div id=\"card-1-1\" class=\"content-card angled-tile-left rounded-xl p-6 flex flex-col justify-between\" onmouseenter=\"pauseCard('1-1')\" onmouseleave=\"resumeCard('1-1')\">\r\n                        <!-- Content rendered dynamically -->\r\n                    <\/div>\r\n\r\n                    <!-- CARD 1.2 -->\r\n                    <div id=\"card-1-2\" class=\"content-card angled-tile-right rounded-xl p-6 flex flex-col justify-between\" onmouseenter=\"pauseCard('1-2')\" onmouseleave=\"resumeCard('1-2')\">\r\n                        <!-- Content rendered dynamically -->\r\n                    <\/div>\r\n                <\/div>\r\n            <\/section>\r\n\r\n            <!-- PROGRAM 2: TRANSLATIONAL RESEARCH -->\r\n            <section class=\"space-y-8 relative\">\r\n                <!-- Branch Node Header -->\r\n                <div class=\"flex items-center gap-3 border-b border-warm-200 pb-3 -ml-10 md:-ml-12\">\r\n                    <div class=\"tree-node-icon w-10 h-10 rounded-full border-2 border-warm-300 flex items-center justify-center text-teal-700 font-bold\">\r\n                        <i class=\"fa-solid fa-dna text-sm\"><\/i>\r\n                    <\/div>\r\n                    <h2 class=\"text-2xl font-bold text-warm-900\">Translational Research<\/h2>\r\n                <\/div>\r\n\r\n                <div class=\"perspective-container grid md:grid-cols-2 gap-8 items-stretch\">\r\n                    <!-- CARD 2.1 -->\r\n                    <div id=\"card-2-1\" class=\"content-card angled-tile-left rounded-xl p-6 flex flex-col justify-between\" onmouseenter=\"pauseCard('2-1')\" onmouseleave=\"resumeCard('2-1')\">\r\n                        <!-- Content rendered dynamically -->\r\n                    <\/div>\r\n\r\n                    <!-- CARD 2.2 -->\r\n                    <div id=\"card-2-2\" class=\"content-card angled-tile-right rounded-xl p-6 flex flex-col justify-between\" onmouseenter=\"pauseCard('2-2')\" onmouseleave=\"resumeCard('2-2')\">\r\n                        <!-- Content rendered dynamically -->\r\n                    <\/div>\r\n                <\/div>\r\n            <\/section>\r\n\r\n        <\/div>\r\n\r\n    <\/main>\r\n\r\n    <script>\r\n        const RESEARCH_DATA = {\r\n            \"1-1\": {\r\n                title: \"Computational Oncology\",\r\n                slides: [\r\n                    {\r\n                        type: \"image\",\r\n                        imageSrc: \"https:\/\/www.bio.iitb.ac.in\/sushilkumar\/wp-content\/uploads\/2023\/02\/Activity-Sheet-Create-Your-First-Figure-1.png\",\r\n                        caption: \"Big data Analysis of Patient Tumors\",\r\n                        placeholderIcon: \"fa-solid fa-diagram-project\",\r\n                        placeholderText: \"Dataanalysisformm\"\r\n                    },\r\n                    {\r\n                        type: \"info\",\r\n                        heading: \"Big data Analysis of Patient Tumors\",\r\n                        description: \"We utilize large messy biological datasets to better understand cancer disease biology. This involves use of data science, machine learning and probabilistic modeling. The computational arc gives the system level understanding of disease progression and therapeutic response at individual patient level. \",\r\n                        bulletPoints: [\"Drug response prediction: We combine large scale molecular data with clinical information to develop neural network-based models and try to understand why patients respond differently to drugs\", \"Metastatic site prediction: We analyze patient methylation datasets to understand the preferential metastasis of breast cancer to distinct organs. This involves use of statistical machine learning and Bayesian models\", \"Pathogenic mutations in regulatory regions: We study the pathogenic variants in the regulatory regions in the genomic data of Indian Triple Negative breast cancer (TNBC) patients. We aim to identify population specific mutations and the pathways involved in the progression of TNBC\"]\r\n                    },\r\n                    \r\n                ]\r\n            },\r\n            \"1-2\": {\r\n                title: \"Fundamental Research On Breast Cancer\",\r\n                slides: [\r\n                    {\r\n                        type: \"image\",\r\n                        imageSrc: \"https:\/\/www.bio.iitb.ac.in\/sushilkumar\/wp-content\/uploads\/2026\/09\/naveen_gel-scaled.jpg\", \r\n                        caption: \"Biochemical \",\r\n                        placeholderIcon: \"fa-solid fa-microscope\",\r\n                        placeholderText: \"Understanding How Cancer Cells Grow and Spread\"\r\n                    },\r\n                    {\r\n                        type: \"info\",\r\n                        heading: \"Understanding How Cancer Cells Grow and Spread\",\r\n                        description: \"We utilize in vitro, biochemical, and molecular biology tools to study cancer cells. These studies assist in finding the mechanism of tumor growth and metastasis.\",\r\n                        bulletPoints: [\"In vitro modeling\", \"Cell signaling pathways\", \"Tumor microenvironment\"]\r\n                    },\r\n                    \r\n                ]\r\n            },\r\n            \"2-1\": {\r\n                title: \"Blood-based Assay for Cancer Detection\",\r\n                slides: [\r\n                    {\r\n                        type: \"image\",\r\n                        imageSrc: \"https:\/\/www.bio.iitb.ac.in\/sushilkumar\/wp-content\/uploads\/2025\/02\/image-2.png\", \r\n                        caption: \"Development of Liquid Biopsy Assay.\",\r\n                        placeholderIcon: \"fa-solid fa-vial-circle-check\",\r\n                        placeholderText: \"Development of Liquid Biopsy Assay\"\r\n                    },\r\n                    {\r\n                        type: \"info\",\r\n                        heading: \"Development of Liquid Biopsy Assay\",\r\n                        description: \"We try to develop a minimally invasive test for cancer patients. The assay is a cutting-edge innovation that might be a high-value product for India and across the globe.\",\r\n                        bulletPoints: [\"Circulating tumor DNA\", \"Early diagnostics\", \"Biomarker panels\"]\r\n                    },\r\n\r\n                ]\r\n            },\r\n            \"2-2\": {\r\n                title: \"Drug Repurposing\",\r\n                slides: [\r\n                    {\r\n                        type: \"image\",\r\n                        imageSrc: \"https:\/\/www.bio.iitb.ac.in\/sushilkumar\/wp-content\/uploads\/2026\/09\/Drug_rep.png\", \r\n                        caption: \"Pharmacophore based screening of Drugs\",\r\n                        placeholderIcon: \"fa-solid fa-capsules\",\r\n                        placeholderText: \"THERAPEUTIC SCREENING DATA\"\r\n                    },\r\n                    {\r\n                        type: \"info\",\r\n                        heading: \"Repurposing of Drugs for Cancer Therapeutics\",\r\n                        description: \"We do virtual screening and simulation studies to identify novel targeted therapeutics for cancer treatment.\",\r\n                        bulletPoints: [\r\n                            \"High-throughput virtual drug screening\",\r\n                            \"In-vitro drug testing in Breast Cancer Cell lines\",\r\n                        \r\n                        ]\r\n                    },\r\n\r\n                ]\r\n            }\r\n        };\r\n\r\n        const ROTATION_INTERVAL = 4500;\r\n\r\n        const cardStates = {\r\n            \"1-1\": { currentSlide: 0, timer: null },\r\n            \"1-2\": { currentSlide: 0, timer: null },\r\n            \"2-1\": { currentSlide: 0, timer: null },\r\n            \"2-2\": { currentSlide: 0, timer: null }\r\n        };\r\n\r\n        function renderCardContent(id) {\r\n            const data = RESEARCH_DATA[id];\r\n            const state = cardStates[id];\r\n            const currentSlideData = data.slides[state.currentSlide];\r\n            const cardEl = document.getElementById(`card-${id}`);\r\n\r\n            let slideInnerHtml = '';\r\n\r\n            if (currentSlideData.type === 'image') {\r\n                const imgContent = currentSlideData.imageSrc \r\n                    ? `<img decoding=\"async\" src=\"${currentSlideData.imageSrc}\" alt=\"${data.title}\" class=\"w-full h-full object-cover rounded\" \/>`\r\n                    : `<div class=\"text-center text-warm-700\">\r\n                         <i class=\"${currentSlideData.placeholderIcon} text-3xl mb-2 text-teal-700\"><\/i>\r\n                         <p class=\"text-xs font-mono\">${currentSlideData.placeholderText}<\/p>\r\n                       <\/div>`;\r\n\r\n                slideInnerHtml = `\r\n                    <div class=\"space-y-3\">\r\n                        <div class=\"bg-warm-100 rounded border border-warm-200 h-48 flex items-center justify-center\">\r\n                            ${imgContent}\r\n                        <\/div>\r\n                        <p class=\"text-xs text-warm-700 italic\">${currentSlideData.caption}<\/p>\r\n                    <\/div>`;\r\n            } \r\n            else if (currentSlideData.type === 'info') {\r\n                const bullets = currentSlideData.bulletPoints.map(pt => `<li>${pt}<\/li>`).join('');\r\n                slideInnerHtml = `\r\n                    <div class=\"space-y-3 py-1 min-h-[224px]\">\r\n                        <h4 class=\"text-sm font-bold text-warm-900\">${currentSlideData.heading}<\/h4>\r\n                        <p class=\"text-warm-800 text-xs sm:text-sm leading-relaxed\">${currentSlideData.description}<\/p>\r\n                        <ul class=\"text-xs text-warm-800 space-y-1 list-disc list-inside pt-1\">${bullets}<\/ul>\r\n                    <\/div>`;\r\n            } \r\n            else if (currentSlideData.type === 'projects') {\r\n                const projects = currentSlideData.projectsList.map(p => `\r\n                    <li class=\"flex items-start gap-2 text-xs text-warm-800\">\r\n                        <i class=\"fa-solid fa-chevron-right text-[10px] text-teal-700 mt-1\"><\/i>\r\n                        <span>${p}<\/span>\r\n                    <\/li>\r\n                `).join('');\r\n\r\n                slideInnerHtml = `\r\n                    <div class=\"space-y-3 py-1 min-h-[224px]\">\r\n                        <span class=\"text-[10px] font-mono font-bold text-teal-700 bg-teal-50 px-2 py-0.5 rounded inline-block\">ONGOING WORK<\/span>\r\n                        <h4 class=\"text-sm font-bold text-warm-900\">${currentSlideData.heading}<\/h4>\r\n                        <ul class=\"space-y-2 pt-1\">${projects}<\/ul>\r\n                    <\/div>`;\r\n            }\r\n\r\n            \/\/ Indicator dots\r\n            const totalSlides = data.slides.length;\r\n            let dotsHtml = '';\r\n            for (let i = 0; i < totalSlides; i++) {\r\n                const activeStyle = i === state.currentSlide ? 'bg-teal-700 w-5' : 'bg-warm-300 w-2';\r\n                dotsHtml += `<button onclick=\"goToSlide('${id}', ${i})\" class=\"h-1.5 rounded-full transition-all duration-300 ${activeStyle}\"><\/button>`;\r\n            }\r\n\r\n            cardEl.innerHTML = `\r\n                <div>\r\n                    <!-- Header (Cleaned up, sub-tag removed) -->\r\n                    <div class=\"pb-3 mb-4 border-b border-warm-200\">\r\n                        <h3 class=\"text-lg font-bold text-warm-900\">${data.title}<\/h3>\r\n                    <\/div>\r\n\r\n                    <!-- Slide Container -->\r\n                    <div class=\"relative flex items-center gap-2\">\r\n                        <button onclick=\"prevSlide('${id}')\" class=\"shrink-0 w-7 h-7 rounded-full border border-warm-200 bg-warm-50 hover:bg-warm-200 flex items-center justify-center font-bold text-xs text-warm-900 z-10 transition\">\r\n                            &lt;\r\n                        <\/button>\r\n\r\n                        <div class=\"grow overflow-hidden\">\r\n                            ${slideInnerHtml}\r\n                        <\/div>\r\n\r\n                        <button onclick=\"nextSlide('${id}')\" class=\"shrink-0 w-7 h-7 rounded-full border border-warm-200 bg-warm-50 hover:bg-warm-200 flex items-center justify-center font-bold text-xs text-warm-900 z-10 transition\">\r\n                            &gt;\r\n                        <\/button>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Footer (Only centered indicators, text removed) -->\r\n                <div class=\"pt-3 border-t border-warm-200 mt-4 flex justify-center items-center\">\r\n                    <div class=\"flex items-center gap-1.5\">\r\n                        ${dotsHtml}\r\n                    <\/div>\r\n                <\/div>\r\n            `;\r\n        }\r\n\r\n        function goToSlide(id, index) {\r\n            cardStates[id].currentSlide = index;\r\n            renderCardContent(id);\r\n        }\r\n\r\n        function nextSlide(id) {\r\n            const data = RESEARCH_DATA[id];\r\n            const state = cardStates[id];\r\n            state.currentSlide = (state.currentSlide + 1) % data.slides.length;\r\n            renderCardContent(id);\r\n        }\r\n\r\n        function prevSlide(id) {\r\n            const data = RESEARCH_DATA[id];\r\n            const state = cardStates[id];\r\n            state.currentSlide = (state.currentSlide - 1 + data.slides.length) % data.slides.length;\r\n            renderCardContent(id);\r\n        }\r\n\r\n        function startAutoRotation(id) {\r\n            cardStates[id].timer = setInterval(() => {\r\n                nextSlide(id);\r\n            }, ROTATION_INTERVAL);\r\n        }\r\n\r\n        function pauseCard(id) {\r\n            if (cardStates[id].timer) {\r\n                clearInterval(cardStates[id].timer);\r\n            }\r\n        }\r\n\r\n        function resumeCard(id) {\r\n            pauseCard(id);\r\n            startAutoRotation(id);\r\n        }\r\n\r\n        window.addEventListener('DOMContentLoaded', () => {\r\n            Object.keys(RESEARCH_DATA).forEach(id => {\r\n                renderCardContent(id);\r\n                startAutoRotation(id);\r\n            });\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Research Focus Areas Our laboratory performs computational, biochemical, histological, in vitro, and in vivo analyses to identify driver genes. Although genomics and proteomics studies have transformed cancer research, targeting these oncogenes-based vulnerabilities with drugs remains the primary goal of our research programs. Basic Research Translational Research<\/p>\n","protected":false},"author":1,"featured_media":397,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-16","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/www.bio.iitb.ac.in\/sushilkumar\/wp-json\/wp\/v2\/pages\/16","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bio.iitb.ac.in\/sushilkumar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.bio.iitb.ac.in\/sushilkumar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.bio.iitb.ac.in\/sushilkumar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bio.iitb.ac.in\/sushilkumar\/wp-json\/wp\/v2\/comments?post=16"}],"version-history":[{"count":37,"href":"https:\/\/www.bio.iitb.ac.in\/sushilkumar\/wp-json\/wp\/v2\/pages\/16\/revisions"}],"predecessor-version":[{"id":837,"href":"https:\/\/www.bio.iitb.ac.in\/sushilkumar\/wp-json\/wp\/v2\/pages\/16\/revisions\/837"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.bio.iitb.ac.in\/sushilkumar\/wp-json\/wp\/v2\/media\/397"}],"wp:attachment":[{"href":"https:\/\/www.bio.iitb.ac.in\/sushilkumar\/wp-json\/wp\/v2\/media?parent=16"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}