{"id":15084,"date":"2025-10-22T16:20:54","date_gmt":"2025-10-22T10:50:54","guid":{"rendered":"https:\/\/doms.iitm.ac.in\/wordpress\/?page_id=15084"},"modified":"2026-03-03T12:22:58","modified_gmt":"2026-03-03T06:52:58","slug":"research-programs","status":"publish","type":"page","link":"https:\/\/doms.iitm.ac.in\/index.php\/programs\/research-programs\/","title":{"rendered":"Research Programs"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"15084\" class=\"elementor elementor-15084\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ebdc853 e-flex e-con-boxed e-con e-parent\" data-id=\"ebdc853\" 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-193babb elementor-widget elementor-widget-html\" data-id=\"193babb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"doms-hero-v2-root\" class=\"doms-hero-v2-scope\">\n\n\n    <div class=\"doms-hero-v2-container\">\n\n        <div class=\"doms-hero-v2-bg-wrapper\">\n            <div class=\"doms-hero-v2-slide active lazyload\" \n                 style=\"background-image:inherit;\" data-bg-image=\"url(&#039;https:\/\/doms.iitm.ac.in\/wordpress\/wp-content\/uploads\/2026\/01\/Research-scholars-convocation-scaled.jpg&#039;)\">\n            <\/div>\n            \n            <div class=\"doms-hero-v2-slide lazyload\" \n                 style=\"background-image:inherit;\" data-bg-image=\"url(&#039;https:\/\/doms.iitm.ac.in\/wordpress\/wp-content\/uploads\/2026\/01\/Screenshot-2026-01-27-010718.png&#039;)\">\n            <\/div>\n            \n            <!--<div class=\"doms-hero-v2-slide\" -->\n            <!--     style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1507679799987-c73779587ccf?q=80&w=2671&auto=format&fit=crop');\">-->\n            <!--<\/div>-->\n        <\/div>\n\n        <div class=\"doms-hero-v2-overlay\"><\/div>\n\n        <div class=\"doms-hero-v2-content\">\n            <div class=\"doms-hero-v2-tag\">Research Programmes<\/div>\n            \n            <h1 class=\"doms-hero-v2-title\" ><span style=\"color:white\">\n                Leading Research<\/span><br>\n                <span class=\"doms-hero-v2-title-accent\">Excellence.<\/span>\n            <\/h1>\n\n            <p class=\"doms-hero-v2-desc\">\n                Advance your academic career through rigorous, innovative research in management with world-class faculty guidance. Join a thriving research community and an ecosystem that bridges deep theoretical inquiry with impactful industry applications.\n            <\/p>\n\n            <!--<div class=\"doms-hero-v2-actions\">-->\n            <!--    <a href=\"#programmes\" class=\"doms-hero-v2-btn doms-hero-v2-btn-primary\">View Programmes<\/a>-->\n            <!--    <a href=\"#research\" class=\"doms-hero-v2-btn doms-hero-v2-btn-secondary\">Our Research<\/a>-->\n            <!--<\/div>-->\n        <\/div>\n    <\/div>\n\n    <script>\n        (function() {\n            \/\/ Self-contained script to avoid WP conflicts\n            const slides = document.querySelectorAll('.doms-hero-v2-slide');\n            let current = 0;\n            const total = slides.length;\n\n            function rotateSlides() {\n                \/\/ Remove active class from current\n                slides[current].classList.remove('active');\n                \n                \/\/ Increment\n                current = (current + 1) % total;\n                \n                \/\/ Add active to new\n                slides[current].classList.add('active');\n            }\n\n            \/\/ Rotate every 5 seconds\n            setInterval(rotateSlides, 5000);\n        })();\n    <\/script>\n\n<\/div>\n\n\n\n\n\n    <style>\n        \/* ========================================\n           ISOLATION & VARIABLES\n           ======================================== *\/\n        .doms-hero-v2-scope {\n            \/* Palette - Strict IITM & Academic Colors *\/\n            --dh2-maroon: #800000;\n            --dh2-maroon-dark: #2b0a0a;\n            --dh2-gold: #D4AF37;\n            --dh2-gold-hover: #b5952f;\n            --dh2-white: #ffffff;\n            --dh2-offwhite: #f0f0f0;\n            --dh2-overlay: rgba(0, 0, 0, 0.75);\n\n            \/* Typography *\/\n            --dh2-font-serif: \"Merriweather\", \"Playfair Display\", \"Times New Roman\", serif;\n            --dh2-font-sans: \"Inter\", \"Helvetica Neue\", Arial, sans-serif;\n\n            \/* Dimensions *\/\n            --dh2-height-desktop: 60vh;\n            --dh2-height-mobile: 600px; \/* Fixed minimum for mobile *\/\n            \n            \/* Reset *\/\n            all: initial;\n            font-family: var(--dh2-font-sans);\n            display: block;\n            width: 100%;\n            position: relative;\n            box-sizing: border-box;\n            background-color: var(--dh2-maroon-dark);\n            overflow: hidden;\n        }\n\n        .doms-hero-v2-scope * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        \/* ========================================\n           LAYOUT & CONTAINER\n           ======================================== *\/\n        .doms-hero-v2-container {\n            position: relative;\n            width: 100%;\n            height: var(--dh2-height-desktop);\n            min-height: 490px;\n            display: flex;\n            align-items: center; \/* Vertically center content *\/\n            justify-content: flex-start; \/* Left align content *\/\n        }\n\n        \/* ========================================\n           BACKGROUND SLIDER (KEN BURNS)\n           ======================================== *\/\n        .doms-hero-v2-bg-wrapper {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            z-index: 0;\n        }\n\n        .doms-hero-v2-slide {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background-size: cover;\n            background-position: center;\n            opacity: 0;\n            transition: opacity 1.5s ease-in-out;\n            transform: scale(1);\n        }\n\n        .doms-hero-v2-slide.active {\n            opacity: 1;\n            animation: dh2KenBurns 18s infinite alternate;\n        }\n\n        @keyframes dh2KenBurns {\n            0% { transform: scale(1); }\n            100% { transform: scale(1.15); }\n        }\n\n        \/* Gradient Overlay for Text Readability *\/\n        .doms-hero-v2-overlay {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            z-index: 1;\n            \/* Gradient fades from dark (left) to transparent (right) *\/\n            background: linear-gradient(\n                90deg, \n                rgba(0,0,0,0.9) 0%, \n                rgba(20, 5, 5, 0.7) 45%, \n                rgba(0,0,0,0.2) 100%\n            );\n        }\n\n        \/* ========================================\n           CONTENT TYPOGRAPHY\n           ======================================== *\/\n        .doms-hero-v2-content {\n            position: relative;\n            z-index: 10;\n            width: 100%;\n            max-width: 1400px;\n            margin: 0 auto;\n            padding: 0 5vw;\n            color: var(--dh2-white);\n        }\n\n        \/* Tag \/ Eyebrow *\/\n        .doms-hero-v2-tag {\n            display: inline-block;\n            font-size: 13px;\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: 4px;\n            color: var(--dh2-gold);\n            margin-bottom: 20px;\n            border-bottom: 2px solid var(--dh2-gold);\n            padding-bottom: 5px;\n            opacity: 0; \n            animation: dh2FadeUp 0.8s ease-out forwards 0.2s;\n        }\n\n        \/* MAIN TITLE - The Most Important Element *\/\n        .doms-hero-v2-title {\n            font-family: var(--dh2-font-serif);\n            \/* Fluid Typography: 42px min, 5vw scalable, 80px max *\/\n            font-size: clamp(42px, 5.5vw, 85px); \n            font-weight: 800; \/* Bold *\/\n            line-height: 1.05;\n            color: var(--dh2-white);\n            margin-bottom: 24px;\n            text-shadow: 0 4px 10px rgba(0,0,0,0.3);\n            max-width: 900px;\n            opacity: 0; \n            animation: dh2FadeUp 0.8s ease-out forwards 0.4s;\n        }\n\n        .doms-hero-v2-title-accent {\n            color: var(--dh2-gold);\n            font-style: italic; \/* Classic academic touch *\/\n        }\n\n        \/* Description (2-3 Lines) *\/\n        .doms-hero-v2-desc {\n            font-size: clamp(16px, 1.1vw, 20px);\n            line-height: 1.6;\n            color: rgba(255, 255, 255, 0.9);\n            max-width: 650px;\n            margin-bottom: 40px;\n            font-weight: 300;\n            opacity: 0; \n            animation: dh2FadeUp 0.8s ease-out forwards 0.6s;\n        }\n\n        \/* ========================================\n           INTERACTIONS & BUTTONS\n           ======================================== *\/\n        .doms-hero-v2-actions {\n            display: flex;\n            gap: 20px;\n            opacity: 0; \n            animation: dh2FadeUp 0.8s ease-out forwards 0.8s;\n        }\n\n        .doms-hero-v2-btn {\n            padding: 16px 32px;\n            font-size: 15px;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            text-decoration: none;\n            transition: all 0.3s ease;\n            cursor: pointer;\n            border: 1px solid transparent;\n        }\n\n        .doms-hero-v2-btn-primary {\n            background-color: var(--dh2-gold);\n            color: #000;\n            border-color: var(--dh2-gold);\n        }\n\n        .doms-hero-v2-btn-primary:hover {\n            background-color: var(--dh2-white);\n            border-color: var(--dh2-white);\n            transform: translateY(-2px);\n        }\n\n        .doms-hero-v2-btn-secondary {\n            background-color: transparent;\n            color: var(--dh2-white);\n            border-color: rgba(255,255,255,0.4);\n        }\n\n        .doms-hero-v2-btn-secondary:hover {\n            border-color: var(--dh2-white);\n            background-color: rgba(255,255,255,0.1);\n        }\n\n        \/* ========================================\n           ANIMATIONS\n           ======================================== *\/\n        @keyframes dh2FadeUp {\n            from { opacity: 0; transform: translateY(30px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n\n        \/* ========================================\n           RESPONSIVE ADJUSTMENTS\n           ======================================== *\/\n        @media (max-width: 992px) {\n            .doms-hero-v2-container {\n                height: auto;\n                min-height: 80vh;\n                padding-top: 100px;\n                padding-bottom: 80px;\n                background-color: #000; \/* Fallback *\/\n            }\n\n            .doms-hero-v2-overlay {\n                \/* Heavier gradient on mobile for text legibility *\/\n                background: linear-gradient(\n                    180deg, \n                    rgba(0,0,0,0.6) 0%, \n                    rgba(0,0,0,0.85) 40%, \n                    rgba(0,0,0,1) 100%\n                );\n            }\n\n            .doms-hero-v2-title {\n                font-size: 42px; \/* Force size on tablet *\/\n            }\n            \n            .doms-hero-v2-actions {\n                flex-direction: column;\n                width: 100%;\n            }\n            \n            .doms-hero-v2-btn {\n                width: 100%;\n                text-align: center;\n            }\n        }\n    <\/style>\n\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-15030e4 e-flex e-con-boxed e-con e-parent\" data-id=\"15030e4\" 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-bd6749f elementor-widget elementor-widget-html\" data-id=\"bd6749f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n    <!--<section class=\"doms-research-community-stats-section\">-->\r\n    <!--    <div class=\"doms-container doms-stats-grid-wrapper\">-->\r\n    <!--        <div class=\"doms-circular-stat-item\">-->\r\n    <!--            <div class=\"doms-stat-circle-outer-ring\">-->\r\n    <!--                <div class=\"doms-stat-circle-inner-fill\">-->\r\n    <!--                    <span class=\"doms-stat-number-text\">----<\/span>-->\r\n    <!--                <\/div>-->\r\n    <!--            <\/div>-->\r\n    <!--            <span class=\"doms-stat-label-text\">PhD Scholars<\/span>-->\r\n    <!--        <\/div>-->\r\n    <!--        <div class=\"doms-circular-stat-item\">-->\r\n    <!--            <div class=\"doms-stat-circle-outer-ring\">-->\r\n    <!--                <div class=\"doms-stat-circle-inner-fill\">-->\r\n    <!--                    <span class=\"doms-stat-number-text\">----<\/span>-->\r\n    <!--                <\/div>-->\r\n    <!--            <\/div>-->\r\n    <!--            <span class=\"doms-stat-label-text\">MS Scholars<\/span>-->\r\n    <!--        <\/div>-->\r\n    <!--        <div class=\"doms-circular-stat-item\">-->\r\n    <!--            <div class=\"doms-stat-circle-outer-ring\">-->\r\n    <!--                <div class=\"doms-stat-circle-inner-fill\">-->\r\n    <!--                    <span class=\"doms-stat-number-text\">---<\/span>-->\r\n    <!--                <\/div>-->\r\n    <!--            <\/div>-->\r\n    <!--            <span class=\"doms-stat-label-text\">Publications\/Year<\/span>-->\r\n    <!--        <\/div>-->\r\n    <!--        <div class=\"doms-circular-stat-item\">-->\r\n    <!--            <div class=\"doms-stat-circle-outer-ring\">-->\r\n    <!--                <div class=\"doms-stat-circle-inner-fill\">-->\r\n    <!--                    <span class=\"doms-stat-number-text\">---<\/span>-->\r\n    <!--                <\/div>-->\r\n    <!--            <\/div>-->\r\n    <!--            <span class=\"doms-stat-label-text\">Research Areas<\/span>-->\r\n    <!--        <\/div>-->\r\n    <!--    <\/div>-->\r\n    <!--<\/section>-->\r\n\r\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-7b5e350 e-flex e-con-boxed e-con e-parent\" data-id=\"7b5e350\" 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-1dbdb75 elementor-widget elementor-widget-html\" data-id=\"1dbdb75\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"doms-prog-tabs-2026-root\" class=\"doms-prog-tabs-2026-scope\">\n\n    <style>\n        \/* ========================================\n           ISOLATION & VARIABLES\n           ======================================== *\/\n        .doms-prog-tabs-2026-scope {\n            \/* Palette *\/\n            --dpt-maroon: #800000;\n            --dpt-maroon-vibrant: #a31b1b;\n            --dpt-gold: #D4AF37;\n            --dpt-gold-vibrant: #eac14d;\n            \n            --dpt-text-dark: #222222;\n            --dpt-text-gray: #444444;\n            --dpt-white: #ffffff;\n            --dpt-border: rgba(0,0,0,0.08);\n            \n            \/* Glass Effect *\/\n            --dpt-glass-bg: rgba(255, 255, 255, 0.90);\n            --dpt-glass-border: rgba(255, 255, 255, 0.8);\n            --dpt-glass-shadow: 0 12px 40px -10px rgba(60, 20, 20, 0.1);\n\n            \/* Typography *\/\n            --dpt-font-serif: \"Merriweather\", \"Times New Roman\", serif;\n            --dpt-font-sans: \"Inter\", \"Helvetica Neue\", Arial, sans-serif;\n\n            \/* Reset *\/\n            all: initial;\n            display: block;\n            width: 100%;\n            font-family: var(--dpt-font-sans);\n            box-sizing: border-box;\n            position: relative;\n            overflow: hidden; \n            padding: 80px 0; \/* Default Desktop Padding *\/\n            background-color: #fdfdfd; \n        }\n\n        .doms-prog-tabs-2026-scope * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        \/* ========================================\n           BACKGROUND SYSTEM\n           ======================================== *\/\n        .doms-pt-bg-layer {\n            position: absolute;\n            inset: 0;\n            z-index: 0;\n            pointer-events: none;\n            overflow: hidden;\n            background: #F0E4E1; \n        }\n\n        .doms-pt-bg-grid {\n            position: absolute;\n            inset: 0;\n            background-image: \n                linear-gradient(to right, rgba(128, 0, 0, 0.03) 1px, transparent 1px),\n                linear-gradient(to bottom, rgba(128, 0, 0, 0.03) 1px, transparent 1px);\n            background-size: 50px 50px;\n            -webkit-mask-image: radial-gradient(circle at center, black 40%, transparent 100%);\n            mask-image: radial-gradient(circle at center, black 40%, transparent 100%);\n        }\n\n        .doms-pt-bg-noise {\n            position: absolute;\n            inset: 0;\n            opacity: 0.03;\n            background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'\/%3E%3C\/svg%3E\");\n        }\n\n        .doms-pt-blob {\n            position: absolute;\n            border-radius: 50%;\n            filter: blur(60px);\n            opacity: 0.6;\n            mix-blend-mode: multiply;\n            animation: domsBlobFloat 25s infinite alternate ease-in-out;\n        }\n\n        .doms-pt-blob-1 { width: 600px; height: 600px; background: radial-gradient(circle, var(--dpt-maroon-vibrant) 0%, transparent 70%); top: -150px; right: -150px; opacity: 0.12; }\n        .doms-pt-blob-2 { width: 500px; height: 500px; background: radial-gradient(circle, var(--dpt-gold-vibrant) 0%, transparent 70%); bottom: -100px; left: -100px; opacity: 0.2; animation-delay: -5s; }\n        .doms-pt-blob-3 { width: 400px; height: 400px; background: radial-gradient(circle, #b85c5c 0%, transparent 70%); top: 40%; left: 20%; opacity: 0.08; animation: domsBlobFloatReverse 35s infinite alternate ease-in-out; }\n\n        @keyframes domsBlobFloat {\n            0% { transform: translate(0, 0) scale(1); }\n            100% { transform: translate(40px, 60px) scale(1.1); }\n        }\n        @keyframes domsBlobFloatReverse {\n            0% { transform: translate(0, 0) scale(1); }\n            100% { transform: translate(-40px, -50px) scale(0.9); }\n        }\n\n        \/* ========================================\n           LAYOUT CONTAINERS\n           ======================================== *\/\n        .doms-prog-tabs-2026-container {\n            position: relative;\n            z-index: 2;\n            max-width: 1400px;\n            margin: 0 auto;\n            padding: 0 5vw;\n        }\n\n        .doms-prog-tabs-2026-layout-grid {\n            display: grid;\n            grid-template-columns: 280px 1fr; \n            gap: 60px;\n            min-height: 800px;\n        }\n\n        \/* ========================================\n           TAB NAVIGATION (LEFT SIDE)\n           ======================================== *\/\n        .doms-prog-tabs-2026-nav {\n            display: flex;\n            flex-direction: column;\n            background: rgba(255,255,255,0.6);\n            backdrop-filter: blur(15px);\n            -webkit-backdrop-filter: blur(15px);\n            border-radius: 12px;\n            padding: 20px;\n            border: 1px solid rgba(255,255,255,0.6);\n            box-shadow: 0 4px 20px rgba(0,0,0,0.03);\n            height: fit-content;\n            position: sticky;\n            top: 40px;\n            z-index: 10; \/* Ensure nav sits on top *\/\n        }\n\n        .doms-prog-tabs-2026-nav-header {\n            font-family: var(--dpt-font-serif);\n            font-size: 28px;\n            color: var(--dpt-maroon);\n            margin-bottom: 30px;\n            padding-bottom: 20px;\n            border-bottom: 3px solid var(--dpt-gold);\n            line-height: 1.2;\n        }\n\n        .doms-prog-tabs-2026-tab-btn {\n            appearance: none;\n            background: transparent;\n            border: none;\n            text-align: left;\n            padding: 18px 25px;\n            font-size: 18px;\n            font-weight: 500;\n            color: var(--dpt-text-gray);\n            cursor: pointer;\n            transition: all 0.3s ease;\n            position: relative;\n            border-radius: 8px;\n            margin-bottom: 8px;\n            font-family: var(--dpt-font-serif);\n        }\n\n        .doms-prog-tabs-2026-tab-btn:hover {\n            background-color: rgba(255,255,255,0.9);\n            color: var(--dpt-maroon);\n            transform: translateX(5px);\n            box-shadow: 0 2px 10px rgba(0,0,0,0.05);\n        }\n\n        .doms-prog-tabs-2026-tab-btn.active {\n            background-color: var(--dpt-maroon);\n            color: var(--dpt-white);\n            box-shadow: 0 8px 20px rgba(128, 0, 0, 0.25);\n            transform: translateX(5px);\n        }\n\n        \/* ========================================\n           TAB CONTENT PANELS (Glassmorphism)\n           ======================================== *\/\n        .doms-prog-tabs-2026-panel {\n            display: none;\n            opacity: 0;\n            transform: translateY(15px);\n            transition: opacity 0.4s ease, transform 0.4s ease;\n            \n            background: var(--dpt-glass-bg);\n            backdrop-filter: blur(20px);\n            -webkit-backdrop-filter: blur(20px);\n            border: 1px solid var(--dpt-glass-border);\n            border-radius: 20px;\n            box-shadow: var(--dpt-glass-shadow);\n            padding: 50px;\n        }\n\n        .doms-prog-tabs-2026-panel.active {\n            display: block;\n            opacity: 1;\n            transform: translateY(0);\n            animation: dptFadeIn 0.6s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;\n        }\n\n        @keyframes dptFadeIn {\n            from { opacity: 0; transform: translateY(30px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n\n        .doms-prog-tabs-2026-heading {\n            font-family: var(--dpt-font-serif);\n            font-size: 32px;\n            color: var(--dpt-text-dark);\n            margin-bottom: 30px;\n            border-left: 5px solid var(--dpt-gold);\n            padding-left: 25px;\n        }\n\n        .doms-prog-tabs-2026-subheading {\n            font-family: var(--dpt-font-sans);\n            font-size: 20px;\n            font-weight: 700;\n            color: var(--dpt-maroon);\n            margin: 35px 0 15px 0;\n            display: block;\n        }\n\n        .doms-prog-tabs-2026-text {\n            font-size: 16px;\n            line-height: 1.8;\n            color: var(--dpt-text-gray);\n            margin-bottom: 20px;\n            text-align: justify;\n        }\n\n        \/* ========================================\n           MS SPLIT LAYOUT\n           ======================================== *\/\n        .doms-ms-split-layout {\n            display: grid;\n            grid-template-columns: 1.4fr 1.5fr;\n            gap: 30px;\n            margin-bottom: 40px;\n            align-items: start;\n        }\n\n        \/* Large Flyer Styles *\/\n        .doms-prog-tabs-2026-flyer-container {\n            width: 100%;\n            background-color: #fff;\n            padding: 6px;\n            border: 1px solid rgba(0,0,0,0.05);\n            box-shadow: 0 25px 50px -12px rgba(0,0,0,0.15);\n            border-radius: 6px;\n            transform: rotate(1deg);\n            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n            position: relative;\n        }\n        \n        .doms-prog-tabs-2026-flyer-container:hover {\n            transform: rotate(0deg) scale(1.03) translateY(-5px);\n            z-index: 2;\n        }\n\n        .doms-prog-tabs-2026-flyer-img {\n            width: 100%;\n            height: auto;\n            display: block;\n            aspect-ratio: 210\/297; \n            object-fit: cover;\n            border-radius: 2px;\n        }\n\n        \/* ========================================\n           HIGHLIGHT BOXES & LISTS\n           ======================================== *\/\n        .doms-prog-tabs-2026-highlight-box {\n            background-color: rgba(128, 0, 0, 0.04);\n            border-left: 4px solid var(--dpt-maroon);\n            padding: 30px;\n            margin: 30px 0;\n            border-radius: 0 12px 12px 0;\n        }\n\n        .doms-prog-tabs-2026-list-styled {\n            list-style: none;\n            padding-left: 10px;\n        }\n\n        .doms-prog-tabs-2026-list-styled li {\n            position: relative;\n            padding-left: 30px;\n            margin-bottom: 14px;\n            color: var(--dpt-text-dark);\n            font-size: 15px;\n        }\n\n        .doms-prog-tabs-2026-list-styled li::before {\n            content: '\u2022';\n            color: var(--dpt-gold);\n            font-size: 28px;\n            position: absolute;\n            left: 0;\n            top: -8px;\n        }\n\n        \/* ========================================\n           COMPETENCY GRID\n           ======================================== *\/\n        .doms-prog-tabs-2026-competency-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n            gap: 20px;\n            margin-top: 30px;\n        }\n\n        .doms-prog-tabs-2026-comp-card {\n            background: #fff;\n            border: 1px solid rgba(0,0,0,0.06);\n            padding: 25px;\n            border-radius: 12px;\n            transition: all 0.3s ease;\n        }\n        \n        .doms-prog-tabs-2026-comp-card:hover {\n            border-color: var(--dpt-gold);\n            transform: translateY(-8px);\n            box-shadow: 0 15px 30px rgba(0,0,0,0.08);\n        }\n\n        .doms-prog-tabs-2026-comp-code {\n            display: block;\n            font-size: 13px;\n            font-weight: 800;\n            color: var(--dpt-gold);\n            margin-bottom: 10px;\n            letter-spacing: 1px;\n            text-transform: uppercase;\n        }\n\n        .doms-prog-tabs-2026-comp-text {\n            font-size: 15px;\n            font-weight: 600;\n            line-height: 1.4;\n        }\n\n        \/* ========================================\n           RESPONSIVE (MOBILE OPTIMIZED)\n           ======================================== *\/\n        @media (max-width: 992px) {\n            .doms-prog-tabs-2026-scope {\n                padding: 40px 0; \/* Reduced vertical padding *\/\n            }\n            \n            .doms-prog-tabs-2026-container {\n                padding: 0 15px; \/* Standard mobile gutter *\/\n            }\n\n            .doms-prog-tabs-2026-layout-grid {\n                grid-template-columns: 1fr; \/* Force Stack *\/\n                gap: 20px;\n            }\n\n            \/* --- Scrollable Pill Nav --- *\/\n            .doms-prog-tabs-2026-nav {\n                position: relative;\n                top: 0;\n                flex-direction: row;\n                overflow-x: auto;\n                -webkit-overflow-scrolling: touch; \/* Smooth scroll iOS *\/\n                white-space: nowrap;\n                padding: 12px;\n                background: #fff;\n                border: 1px solid #eee;\n                margin-bottom: 10px;\n                \n                \/* Hide Scrollbar *\/\n                -ms-overflow-style: none;  \/* IE\/Edge *\/\n                scrollbar-width: none;  \/* Firefox *\/\n            }\n            \n            .doms-prog-tabs-2026-nav::-webkit-scrollbar {\n                display: none; \/* Chrome\/Safari *\/\n            }\n\n            .doms-prog-tabs-2026-nav-header {\n                display: none; \/* Hide header in pill mode to save space *\/\n            }\n\n            .doms-prog-tabs-2026-tab-btn {\n                margin-bottom: 0;\n                margin-right: 12px;\n                padding: 10px 18px;\n                font-size: 14px;\n                border-radius: 50px; \/* Pill Shape *\/\n                background: #f4f4f4; \/* Subtle bg for inactive pills *\/\n            }\n\n            .doms-prog-tabs-2026-tab-btn.active {\n                background: var(--dpt-maroon);\n                color: #fff;\n                transform: none;\n            }\n\n            \/* --- Content Panels --- *\/\n            .doms-prog-tabs-2026-panel {\n                padding: 25px; \/* Reduced from 50px *\/\n            }\n            \n            .doms-prog-tabs-2026-heading {\n                font-size: 24px; \/* Smaller heading *\/\n                margin-bottom: 20px;\n                border-left-width: 4px;\n                padding-left: 15px;\n            }\n\n            \/* --- MS Split Layout Stack --- *\/\n            .doms-ms-split-layout {\n                grid-template-columns: 1fr;\n                gap: 30px;\n            }\n            \n            \/* --- Flyer Sizing --- *\/\n            .doms-prog-tabs-2026-flyer-container {\n                max-width: 100%;\n                width: 280px; \/* Constrain width *\/\n                margin: 0 auto;\n                transform: rotate(0deg);\n            }\n            \n            .doms-prog-tabs-2026-highlight-box {\n                padding: 20px;\n            }\n        }\n    <\/style>\n\n    <div class=\"doms-pt-bg-layer\">\n        <div class=\"doms-pt-bg-grid\"><\/div>\n        <div class=\"doms-pt-bg-noise\"><\/div>\n        <div class=\"doms-pt-blob doms-pt-blob-1\"><\/div>\n        <div class=\"doms-pt-blob doms-pt-blob-2\"><\/div>\n        <div class=\"doms-pt-blob doms-pt-blob-3\"><\/div>\n    <\/div>\n\n    <div class=\"doms-prog-tabs-2026-container\">\n        \n        <div class=\"doms-prog-tabs-2026-layout-grid\">\n            \n            <nav class=\"doms-prog-tabs-2026-nav\" role=\"tablist\">\n                <div class=\"doms-prog-tabs-2026-nav-header\">Programmes<\/div>\n                \n                <button class=\"doms-prog-tabs-2026-tab-btn active\" \n                        onclick=\"domsSwitchTab2026(event, 'doms-tab-ms')\"\n                        role=\"tab\" \n                        aria-selected=\"true\">\n                    M.S. (By Research)\n                <\/button>\n                \n                <button class=\"doms-prog-tabs-2026-tab-btn\" \n                        onclick=\"domsSwitchTab2026(event, 'doms-tab-phd')\"\n                        role=\"tab\" \n                        aria-selected=\"false\">\n                    Ph.D.\n                <\/button>\n                \n                <button class=\"doms-prog-tabs-2026-tab-btn\" \n                        onclick=\"domsSwitchTab2026(event, 'doms-tab-postdoc')\"\n                        role=\"tab\" \n                        aria-selected=\"false\">\n                    Post Doc\n                <\/button>\n            <\/nav>\n\n            <main class=\"doms-prog-tabs-2026-content-area\">\n\n                <div id=\"doms-tab-ms\" class=\"doms-prog-tabs-2026-panel active\" role=\"tabpanel\">\n                    \n                    <h2 class=\"doms-prog-tabs-2026-heading\">Master of Science (M.S.)<\/h2>\n                    \n                    <div class=\"doms-ms-split-layout\">\n                        <div class=\"doms-ms-text-col\">\n                            <p class=\"doms-prog-tabs-2026-text\">\n                                Master of Science is a post graduate program best suited for candidates who are starting their research careers, changing careers or even for those who are seeking specific academic competence. M.S. prepares the student in undertaking logical, rigorous, and managerially relevant research in various areas of management. This program is characterized by significant research component in the curriculum.\n                            <\/p>\n\n                            <div class=\"doms-prog-tabs-2026-subheading\">Master of Science (By Research)<\/div>\n                            <p class=\"doms-prog-tabs-2026-text\">\n                                The MS (by Research) program is best suited for students who want to kick-start their research career. The program emphasizes the use of logical, analytical, experimental and intuitive thinking skills in the pursuit of research. It is a program for those starting research careers; helps students seeking a research oriented industry job (e.g. R&D profile or for a role that involves macro level design and conceptualization).\n                            <\/p>\n                        <\/div>\n\n                        <div class=\"doms-ms-flyer-col\">\n                            <div class=\"doms-prog-tabs-2026-flyer-container\">\n                                <img decoding=\"async\" src=\"https:\/\/doms.iitm.ac.in\/wordpress\/wp-content\/uploads\/2026\/01\/Research_Admission_Poster-scaled.png\" style=\"filter:none\"\n                                     alt=\"DoMS IIT Madras MS Programme Official Flyer\" \n                                     class=\"doms-prog-tabs-2026-flyer-img\"\n                                     onerror=\"this.src='https:\/\/images.unsplash.com\/photo-1606326608606-aa0b62935f2b?q=80&w=800&auto=format&fit=crop'\"> \n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"doms-prog-tabs-2026-highlight-box\">\n                        <h4 style=\"color:var(--dpt-maroon); margin-bottom:10px; font-family:var(--dpt-font-serif); font-size:18px;\">Upgrade to PhD<\/h4>\n                        <p class=\"doms-prog-tabs-2026-text\" style=\"font-size:14px; margin-bottom:10px;\">\n                            Provision is available to meritorious candidates to upgrade their registration to the PhD program if they satisfy the following criteria:\n                        <\/p>\n                        <ul class=\"doms-prog-tabs-2026-list-styled\">\n                            <li>The candidate should have been registered for a minimum of two semesters in the MS programme<\/li>\n                            <li>The minimum CGPA of 8.0 in the prescribed courses<\/li>\n                            <li>All other regulations will apply as per the senate norms<\/li>\n                        <\/ul>\n                    <\/div>\n\n                    <div class=\"doms-prog-tabs-2026-subheading\">Guide Allocation Policy<\/div>\n                    <p class=\"doms-prog-tabs-2026-text\">\n                        Research Scholars are given a months' time to interact with all the faculty members of the Department. At the end of one month, scholars are asked to give their preference of 3 guides. Based on the preference of the scholar, the department will allocate the Research Guide. The first choice of the scholar is honored in most of the cases. The willingness of the faculty member concerned and the area of research are also kept in mind in deciding allocation.\n                    <\/p>\n                <\/div>\n\n                <div id=\"doms-tab-phd\" class=\"doms-prog-tabs-2026-panel\" role=\"tabpanel\">\n                    <h2 class=\"doms-prog-tabs-2026-heading\">Doctorate of Philosophy (Ph.D.)<\/h2>\n                    \n                    <p class=\"doms-prog-tabs-2026-text\">\n                        The flagship doctoral research programme is a full-fledged research programme designed to prepare and provide exceptional faculty resources for management teaching and research. It moulds professionals capable of leading industrial research and development activities. The programme helps expand the body of management knowledge into niche fields through knowledge creation and transfer. The time frame is usually 4 to 5 years.\n                    <\/p>\n\n                    <p class=\"doms-prog-tabs-2026-text\">\n                        These programmes are intensive and rigorous, aimed at training research scholars for leading academic and corporate research programmes and careers. The department currently has around 150 Ph.D. scholars and 37 M.S. scholars working on application-oriented as well as theoretical research leading to conceptual, analytical and empirical models.\n                    <\/p>\n\n                    <div class=\"doms-prog-tabs-2026-subheading\">Program Level Competencies<\/div>\n                    \n                    <div class=\"doms-prog-tabs-2026-competency-grid\">\n                        <div class=\"doms-prog-tabs-2026-comp-card\">\n                            <span class=\"doms-prog-tabs-2026-comp-code\">DPCG1<\/span>\n                            <div class=\"doms-prog-tabs-2026-comp-text\">Skill development for management research and analytical techniques<\/div>\n                        <\/div>\n                        <div class=\"doms-prog-tabs-2026-comp-card\">\n                            <span class=\"doms-prog-tabs-2026-comp-code\">DPCG2<\/span>\n                            <div class=\"doms-prog-tabs-2026-comp-text\">Expert knowledge of discipline and literature<\/div>\n                        <\/div>\n                        <div class=\"doms-prog-tabs-2026-comp-card\">\n                            <span class=\"doms-prog-tabs-2026-comp-code\">DPCG3<\/span>\n                            <div class=\"doms-prog-tabs-2026-comp-text\">Design and implementation of a research project<\/div>\n                        <\/div>\n                        <div class=\"doms-prog-tabs-2026-comp-card\">\n                            <span class=\"doms-prog-tabs-2026-comp-code\">DPCG4<\/span>\n                            <div class=\"doms-prog-tabs-2026-comp-text\">Ability for teaching and pedagogy<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div id=\"doms-tab-postdoc\" class=\"doms-prog-tabs-2026-panel\" role=\"tabpanel\">\n                    <h2 class=\"doms-prog-tabs-2026-heading\">Post Doctoral Fellowship<\/h2>\n                    \n                    <p class=\"doms-prog-tabs-2026-text\">\n                        The flagship doctoral research programme is a full-fledged research programme designed to prepare and provide exceptional faculty resources for management teaching and research. It moulds professionals capable of leading industrial research and development activities. The programme helps expand the body of management knowledge into niche fields through knowledge creation and transfer. The time frame is usually 4 to 5 years.\n                    <\/p>\n\n                    <p class=\"doms-prog-tabs-2026-text\">\n                        These programmes are intensive and rigorous, aimed at training research scholars for leading academic and corporate research programmes and careers. The department currently has around 150 Ph.D. scholars and 37 M.S. scholars working on application-oriented as well as theoretical research leading to conceptual, analytical and empirical models.\n                    <\/p>\n                    \n                    <div class=\"doms-prog-tabs-2026-subheading\">Program Level Competencies<\/div>\n                    \n                    <div class=\"doms-prog-tabs-2026-competency-grid\">\n                        <div class=\"doms-prog-tabs-2026-comp-card\">\n                            <span class=\"doms-prog-tabs-2026-comp-code\">DPCG1<\/span>\n                            <div class=\"doms-prog-tabs-2026-comp-text\">Skill development for management research and analytical techniques<\/div>\n                        <\/div>\n                        <div class=\"doms-prog-tabs-2026-comp-card\">\n                            <span class=\"doms-prog-tabs-2026-comp-code\">DPCG2<\/span>\n                            <div class=\"doms-prog-tabs-2026-comp-text\">Expert knowledge of discipline and literature<\/div>\n                        <\/div>\n                        <div class=\"doms-prog-tabs-2026-comp-card\">\n                            <span class=\"doms-prog-tabs-2026-comp-code\">DPCG3<\/span>\n                            <div class=\"doms-prog-tabs-2026-comp-text\">Design and implementation of a research project<\/div>\n                        <\/div>\n                        <div class=\"doms-prog-tabs-2026-comp-card\">\n                            <span class=\"doms-prog-tabs-2026-comp-code\">DPCG4<\/span>\n                            <div class=\"doms-prog-tabs-2026-comp-text\">Ability for teaching and pedagogy<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n            <\/main>\n        <\/div>\n    <\/div>\n\n    <script>\n        function domsSwitchTab2026(event, tabId) {\n            event.preventDefault();\n            const root = document.getElementById('doms-prog-tabs-2026-root');\n            const buttons = root.querySelectorAll('.doms-prog-tabs-2026-tab-btn');\n            const panels = root.querySelectorAll('.doms-prog-tabs-2026-panel');\n\n            buttons.forEach(btn => {\n                btn.classList.remove('active');\n                btn.setAttribute('aria-selected', 'false');\n            });\n            panels.forEach(panel => panel.classList.remove('active'));\n\n            event.currentTarget.classList.add('active');\n            event.currentTarget.setAttribute('aria-selected', 'true');\n\n            const targetPanel = document.getElementById(tabId);\n            if (targetPanel) {\n                targetPanel.classList.add('active');\n            }\n        }\n    <\/script>\n<\/div>\n\n\n\n\n\n\n\n\n\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-3aa40fa e-flex e-con-boxed e-con e-parent\" data-id=\"3aa40fa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2fabfbb e-flex e-con-boxed e-con e-parent\" data-id=\"2fabfbb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d3d8479 e-flex e-con-boxed e-con e-parent\" data-id=\"d3d8479\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d5f07e2 e-flex e-con-boxed e-con e-parent\" data-id=\"d5f07e2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0c7d770 e-flex e-con-boxed e-con e-parent\" data-id=\"0c7d770\" 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-f6d0818 elementor-widget elementor-widget-html\" data-id=\"f6d0818\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n\r\n<body>\r\n\r\n\r\n\r\n\r\n\r\n    <script>\r\n        \/\/ Tab Functionality\r\n        function openProgram(evt, programName) {\r\n            var i, tabcontent, tablinks;\r\n           \r\n            \/\/ Hide all content\r\n            tabcontent = document.getElementsByClassName(\"doms-tab-content-panel\");\r\n            for (i = 0; i < tabcontent.length; i++) {\r\n                tabcontent[i].style.display = \"none\";\r\n                tabcontent[i].classList.remove(\"active-panel\");\r\n            }\r\n           \r\n            \/\/ Remove active class from buttons\r\n            tablinks = document.getElementsByClassName(\"doms-tab-button-item\");\r\n            for (i = 0; i < tablinks.length; i++) {\r\n                tablinks[i].className = tablinks[i].className.replace(\" active\", \"\");\r\n            }\r\n           \r\n            \/\/ Show current tab\r\n            document.getElementById(programName).style.display = \"block\";\r\n            \/\/ Timeout to allow display:block to apply before animation\r\n            setTimeout(() => {\r\n                document.getElementById(programName).classList.add(\"active-panel\");\r\n            }, 10);\r\n           \r\n            evt.currentTarget.className += \" active\";\r\n        }\r\n\r\n\r\n        \/\/ Animation Observer\r\n        const observer = new IntersectionObserver((entries) => {\r\n            entries.forEach(entry => {\r\n                if(entry.isIntersecting) {\r\n                    entry.target.style.opacity = 1;\r\n                    entry.target.style.transform = 'translateY(0)';\r\n                }\r\n            });\r\n        });\r\n        document.querySelectorAll('.doms-animate-fade-up').forEach(el => observer.observe(el));\r\n\r\n\r\n        \/\/ Mobile Menu\r\n        document.querySelector('.doms-mobile-menu-hamburger').addEventListener('click', function() {\r\n            document.querySelector('.doms-nav-link-list-group').classList.toggle('active-mobile-menu');\r\n        });\r\n    <\/script>\r\n<\/body>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n    <style>\/* ==========================================================================\r\n   1. VARIABLES & RESET\r\n   ========================================================================== *\/\r\n   :root {\r\n    --doms-maroon: #560000;\r\n    --doms-maroon-dark: #2a0000;\r\n    --doms-maroon-gradient: linear-gradient(135deg, #560000 0%, #350000 100%);\r\n    --doms-gold: #C5A059;\r\n    --doms-gold-light: #F2D28C;\r\n    --doms-gold-metallic: linear-gradient(45deg, #C5A059, #F2D28C, #C5A059);\r\n    --doms-cream: #F9F8F4;\r\n    --doms-white: #ffffff;\r\n    --doms-text-dark: #1a1a1a;\r\n    --doms-text-grey: #555555;\r\n   \r\n    --font-heading: 'Playfair Display', serif;\r\n    --font-body: 'Lato', sans-serif;\r\n    --font-accent: 'Cinzel', serif;\r\n   \r\n    --shadow-soft: 0 10px 30px rgba(0,0,0,0.05);\r\n    --shadow-card: 0 15px 35px rgba(0,0,0,0.1);\r\n    --shadow-gold-glow: 0 0 20px rgba(197, 160, 89, 0.3);\r\n}\r\n\r\n\r\n* { margin: 0; padding: 0; box-sizing: border-box; }\r\nbody { font-family: var(--font-body); color: var(--doms-text-dark); background-color: var(--doms-white); overflow-x: hidden; line-height: 1.6; }\r\n\r\n\r\n\/* Typography Utilities *\/\r\nh1, h2, h3, h4, h5 { font-family: var(--font-heading); color: var(--doms-maroon); font-weight: 700; }\r\n.doms-stylish-font-accent { font-family: var(--font-accent); color: var(--doms-gold); font-size: 1.4em; margin-right: 2px; }\r\n.doms-text-gold-highlight { color: var(--doms-gold); font-style: italic; }\r\n.doms-text-white { color: var(--doms-white); }\r\n.doms-text-center { text-align: center; }\r\n\r\n\r\n\/* Layout Utilities *\/\r\n.doms-container { width: 90%; max-width: 1200px; margin: 0 auto; padding: 0 15px; }\r\n.doms-bg-cream-texture { background-color: var(--doms-cream); }\r\n.doms-bg-white { background-color: var(--doms-white); }\r\n\r\n\r\n\/* Buttons *\/\r\n.doms-btn-gold-filled-small {\r\n    background: var(--doms-gold-metallic); color: var(--doms-maroon); padding: 8px 25px;\r\n    font-weight: bold; border-radius: 50px; text-decoration: none; text-transform: uppercase;\r\n    transition: 0.3s; font-size: 0.85rem; border: none;\r\n}\r\n.doms-btn-gold-filled-small:hover { background: var(--doms-maroon); color: var(--doms-gold); }\r\n\r\n\r\n.doms-btn-gold-solid-large {\r\n    background: var(--doms-gold-metallic); color: var(--doms-maroon); padding: 15px 40px;\r\n    font-weight: bold; border-radius: 4px; text-decoration: none; text-transform: uppercase;\r\n    transition: 0.3s; display: inline-block; letter-spacing: 1px;\r\n}\r\n.doms-btn-gold-solid-large:hover { transform: translateY(-3px); box-shadow: 0 10px 20px rgba(197, 160, 89, 0.4); }\r\n\r\n\r\n.doms-btn-white-outline-large {\r\n    border: 2px solid rgba(255,255,255,0.4); color: var(--doms-white); padding: 13px 38px;\r\n    font-weight: bold; border-radius: 4px; text-decoration: none; text-transform: uppercase;\r\n    transition: 0.3s; display: inline-block; letter-spacing: 1px;\r\n}\r\n.doms-btn-white-outline-large:hover { border-color: var(--doms-gold); color: var(--doms-gold); background: rgba(0,0,0,0.2); }\r\n\r\n\r\n\/* Animations *\/\r\n.doms-animate-fade-up { opacity: 0; transform: translateY(30px); transition: opacity 0.8s ease, transform 0.8s ease; }\r\n.doms-delay-100 { transition-delay: 0.1s; } .doms-delay-200 { transition-delay: 0.2s; }\r\n.doms-delay-300 { transition-delay: 0.3s; } .doms-delay-400 { transition-delay: 0.4s; }\r\n\r\n\r\n\r\n\r\n\/* ==========================================================================\r\n   4. STATS SECTION (Circular)\r\n   ========================================================================== *\/\r\n.doms-research-community-stats-section {\r\n    padding: 60px 0; background: var(--doms-white); margin-top: -60px; position: relative; z-index: 10;\r\n    border-bottom: 1px solid #eee; border-radius: 8px 8px 0 0;\r\n}\r\n.doms-stats-grid-wrapper { display: flex; justify-content: space-around; flex-wrap: wrap; gap: 30px; }\r\n\r\n\r\n.doms-circular-stat-item { display: flex; flex-direction: column; align-items: center; }\r\n.doms-stat-circle-outer-ring {\r\n    width: 120px; height: 120px; border-radius: 50%; border: 2px dashed var(--doms-gold);\r\n    display: flex; align-items: center; justify-content: center; position: relative; margin-bottom: 15px;\r\n    animation: spinSlow 30s linear infinite;\r\n}\r\n.doms-stat-circle-inner-fill {\r\n    width: 95px; height: 95px; background: var(--doms-maroon); border-radius: 50%;\r\n    display: flex; align-items: center; justify-content: center;\r\n    box-shadow: var(--shadow-card);\r\n}\r\n.doms-stat-number-text { font-family: var(--font-accent); font-size: 1.8rem; color: var(--doms-gold); font-weight: bold; }\r\n.doms-stat-label-text { font-size: 0.9rem; text-transform: uppercase; color: var(--doms-text-grey); font-weight: bold; letter-spacing: 1px; }\r\n\r\n\r\n\r\n\/* ==========================================================================\r\n   5. PROGRAMS TABS\r\n   ========================================================================== *\/\r\n.doms-research-programs-tabs-section { padding: 100px 0; background-color: var(--doms-white); }\r\n.doms-section-header-centered { text-align: center; margin-bottom: 50px; }\r\n.doms-section-subtitle-label { font-family: var(--font-accent); color: var(--doms-gold); text-transform: uppercase; letter-spacing: 2px; font-size: 0.9rem; margin-bottom: 10px; display: block; }\r\n.doms-section-main-heading { font-size: 2.8rem; margin-bottom: 20px; }\r\n.doms-divider-center-gold-small { width: 80px; height: 3px; background: var(--doms-gold); margin: 0 auto; }\r\n\r\n\r\n\/* Tabs Navigation *\/\r\n.doms-tabs-navigation-wrapper {\r\n    display: flex; justify-content: center; gap: 20px; margin-bottom: 50px; flex-wrap: wrap;\r\n}\r\n.doms-tab-button-item {\r\n    background: transparent; border: 2px solid var(--doms-maroon); color: var(--doms-maroon);\r\n    padding: 12px 35px; border-radius: 30px; font-weight: bold; cursor: pointer;\r\n    transition: 0.3s; font-family: var(--font-body); text-transform: uppercase; font-size: 0.9rem;\r\n}\r\n.doms-tab-button-item:hover, .doms-tab-button-item.active {\r\n    background: var(--doms-maroon); color: var(--doms-gold); box-shadow: var(--shadow-card);\r\n}\r\n\r\n\r\n\/* Tab Content *\/\r\n.doms-tab-content-panel { display: none; animation: fadeIn 0.5s ease; }\r\n.doms-tab-content-panel.active-panel { display: block; }\r\n@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }\r\n\r\n\r\n.doms-program-card-layout {\r\n    display: flex; align-items: center; gap: 60px; background: var(--doms-white);\r\n    padding: 40px; border-radius: 10px; box-shadow: var(--shadow-soft); border: 1px solid #eee;\r\n}\r\n.doms-program-card-layout.reverse-layout { flex-direction: row-reverse; }\r\n\r\n\r\n.doms-program-text-content { flex: 1; }\r\n.doms-program-text-content h3 { font-size: 2rem; margin-bottom: 10px; }\r\n.doms-program-tagline { font-family: var(--font-accent); color: var(--doms-gold); font-size: 1.1rem; margin-bottom: 20px; font-style: italic; }\r\n.doms-program-text-content p { color: var(--doms-text-grey); margin-bottom: 25px; }\r\n\r\n\r\n.doms-program-key-features-list { margin-bottom: 30px; }\r\n.doms-feature-check-item { margin-bottom: 10px; display: flex; align-items: center; gap: 10px; font-weight: 600; color: var(--doms-text-dark); }\r\n.doms-feature-check-item i { color: var(--doms-gold); font-size: 1.1rem; }\r\n\r\n\r\n.doms-program-quick-facts-row { display: flex; gap: 40px; border-top: 1px solid #eee; padding-top: 20px; }\r\n.doms-fact-box { display: flex; flex-direction: column; }\r\n.doms-fact-box strong { color: var(--doms-maroon); font-size: 0.9rem; text-transform: uppercase; }\r\n.doms-fact-box span { font-size: 1.1rem; font-weight: bold; }\r\n\r\n\r\n.doms-program-visual-content { flex: 1; display: flex; justify-content: center; position: relative; height: 400px; }\r\n.doms-circular-image-mask-large {\r\n    width: 350px; height: 350px; border-radius: 50%;\r\n    background: #ccc; background-image: linear-gradient(135deg, #e0e0e0, #d0d0d0);\r\n    position: relative; z-index: 2; display: flex; align-items: center; justify-content: center;\r\n    color: #777; font-weight: bold; font-style: italic;\r\n}\r\n.doms-circular-image-mask-large::after { content: attr(data-label); }\r\n.doms-orbit-decoration-ring {\r\n    position: absolute; width: 400px; height: 400px; border: 1px solid var(--doms-gold);\r\n    border-radius: 50%; top: -25px; left: 50%; transform: translateX(-50%); z-index: 1;\r\n    opacity: 0.5;\r\n}\r\n\r\n\r\n\/* ==========================================================================\r\n   6. GUIDE ALLOCATION (Process Steps)\r\n   ========================================================================== *\/\r\n.doms-guide-allocation-section { padding: 100px 0; }\r\n.doms-section-description-text { text-align: center; color: var(--doms-text-grey); margin-bottom: 50px; max-width: 600px; margin-left: auto; margin-right: auto; }\r\n\r\n\r\n.doms-process-steps-container {\r\n    display: flex; justify-content: space-between; align-items: flex-start;\r\n    position: relative; padding: 0 20px;\r\n}\r\n\r\n\r\n.doms-process-step-item { text-align: center; position: relative; z-index: 2; width: 200px; }\r\n.doms-step-circle-number {\r\n    width: 60px; height: 60px; background: var(--doms-gold-metallic); color: var(--doms-maroon);\r\n    border-radius: 50%; font-size: 1.5rem; font-weight: bold; display: flex; align-items: center;\r\n    justify-content: center; margin: 0 auto 20px; box-shadow: var(--shadow-card);\r\n}\r\n.doms-process-step-item h4 { font-size: 1.1rem; margin-bottom: 10px; color: var(--doms-maroon); }\r\n.doms-process-step-item p { font-size: 0.9rem; color: var(--doms-text-grey); }\r\n\r\n\r\n.doms-step-connector-line {\r\n    flex: 1; height: 2px; background: var(--doms-gold); margin-top: 30px; opacity: 0.5;\r\n}\r\n\r\n\r\n\/* ==========================================================================\r\n   7. COMPETENCY FRAMEWORK (Grid)\r\n   ========================================================================== *\/\r\n.doms-competency-framework-section { padding: 100px 0; background: var(--doms-maroon-dark); }\r\n.doms-competency-grid-layout { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; margin-top: 50px; }\r\n\r\n\r\n.doms-competency-card-item {\r\n    background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1);\r\n    padding: 30px; border-radius: 8px; transition: 0.3s; position: relative; overflow: hidden;\r\n}\r\n.doms-competency-card-item:hover { background: rgba(255,255,255,0.1); border-color: var(--doms-gold); transform: translateY(-5px); }\r\n\r\n\r\n.doms-competency-icon-box { font-size: 2rem; color: var(--doms-gold); margin-bottom: 20px; }\r\n.doms-competency-card-item h3 { color: var(--doms-white); font-size: 1.3rem; margin-bottom: 10px; }\r\n.doms-competency-card-item p { color: rgba(255,255,255,0.7); font-size: 0.9rem; }\r\n.doms-code-badge { position: absolute; top: 20px; right: 20px; font-size: 0.8rem; color: rgba(255,255,255,0.3); font-weight: bold; }\r\n\r\n\r\n\/* ==========================================================================\r\n   8. RESEARCH AREAS (Grid)\r\n   ========================================================================== *\/\r\n.doms-research-areas-section { padding: 100px 0; }\r\n.doms-research-areas-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; margin-top: 50px; }\r\n\r\n\r\n.doms-area-card-box {\r\n    background: var(--doms-white); padding: 30px; border-radius: 8px; text-align: center;\r\n    box-shadow: var(--shadow-soft); transition: 0.3s; border-bottom: 3px solid transparent;\r\n}\r\n.doms-area-card-box:hover { border-bottom-color: var(--doms-gold); box-shadow: var(--shadow-card); }\r\n\r\n\r\n.doms-area-icon { width: 60px; height: 60px; background: var(--doms-cream); border-radius: 50%; display: grid; place-items: center; font-size: 1.5rem; color: var(--doms-maroon); margin: 0 auto 20px; }\r\n.doms-area-card-box h4 { font-size: 1.2rem; margin-bottom: 10px; }\r\n.doms-area-card-box p { font-size: 0.9rem; color: var(--doms-text-grey); }\r\n\r\n\r\n\/* ==========================================================================\r\n   9. FOOTER \/ CTA\r\n   ========================================================================== *\/\r\n.doms-research-footer-cta-section {\r\n    padding: 100px 0 40px; background: #111; position: relative; text-align: center; color: var(--doms-white);\r\n    background-image: url('path\/to\/research-lab-bg.jpg'); background-size: cover;\r\n}\r\n.doms-footer-overlay-layer { position: absolute; inset: 0; background: linear-gradient(rgba(86,0,0,0.9), #111); }\r\n.doms-footer-content-centered { position: relative; z-index: 2; }\r\n\r\n\r\n.doms-footer-title { font-size: 3rem; color: var(--doms-gold); margin-bottom: 15px; }\r\n.doms-footer-subtitle { font-size: 1.2rem; color: rgba(255,255,255,0.8); margin-bottom: 40px; }\r\n\r\n\r\n.doms-footer-contact-details { display: flex; justify-content: center; gap: 40px; margin-bottom: 40px; flex-wrap: wrap; }\r\n.doms-contact-item { font-size: 1.1rem; color: var(--doms-white); }\r\n.doms-contact-item i { color: var(--doms-gold); margin-right: 10px; }\r\n\r\n\r\n.doms-footer-buttons-row { display: flex; justify-content: center; gap: 20px; margin-bottom: 60px; }\r\n.doms-footer-copyright-text { border-top: 1px solid rgba(255,255,255,0.1); padding-top: 20px; font-size: 0.8rem; color: #777; }\r\n\r\n\r\n\/* ==========================================================================\r\n   10. RESPONSIVE MEDIA QUERIES\r\n   ========================================================================== *\/\r\n@media (max-width: 900px) {\r\n    .doms-hero-main-title-text { font-size: 3.5rem; }\r\n    .doms-program-card-layout, .doms-program-card-layout.reverse-layout { flex-direction: column; text-align: center; }\r\n    .doms-program-visual-content { width: 100%; height: 300px; }\r\n    .doms-circular-image-mask-large { width: 250px; height: 250px; }\r\n    .doms-orbit-decoration-ring { width: 280px; height: 280px; }\r\n   \r\n    .doms-process-steps-container { flex-direction: column; align-items: center; gap: 20px; }\r\n    .doms-step-connector-line { display: none; }\r\n    .doms-process-step-item { width: 100%; }\r\n   \r\n    .doms-nav-link-list-group { display: none; flex-direction: column; position: absolute; top: 100%; width: 100%; left: 0; background: var(--doms-white); padding: 20px; box-shadow: var(--shadow-card); }\r\n    .doms-nav-link-list-group.active-mobile-menu { display: flex; }\r\n    .doms-mobile-menu-hamburger { display: block; }\r\n}<\/style>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Research Programmes Leading Research Excellence. Advance your academic career through rigorous, innovative research in management with world-class faculty guidance. Join a thriving research community and an ecosystem that bridges deep theoretical inquiry with impactful industry applications. Programmes M.S. (By Research) Ph.D. Post Doc Master of Science (M.S.) Master of Science is a post graduate program&hellip;<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":15135,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-15084","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/doms.iitm.ac.in\/index.php\/wp-json\/wp\/v2\/pages\/15084","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/doms.iitm.ac.in\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/doms.iitm.ac.in\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/doms.iitm.ac.in\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/doms.iitm.ac.in\/index.php\/wp-json\/wp\/v2\/comments?post=15084"}],"version-history":[{"count":208,"href":"https:\/\/doms.iitm.ac.in\/index.php\/wp-json\/wp\/v2\/pages\/15084\/revisions"}],"predecessor-version":[{"id":75057,"href":"https:\/\/doms.iitm.ac.in\/index.php\/wp-json\/wp\/v2\/pages\/15084\/revisions\/75057"}],"up":[{"embeddable":true,"href":"https:\/\/doms.iitm.ac.in\/index.php\/wp-json\/wp\/v2\/pages\/15135"}],"wp:attachment":[{"href":"https:\/\/doms.iitm.ac.in\/index.php\/wp-json\/wp\/v2\/media?parent=15084"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}