{"id":15109,"date":"2025-10-22T19:41:02","date_gmt":"2025-10-22T14:11:02","guid":{"rendered":"https:\/\/doms.iitm.ac.in\/wordpress\/?page_id=15109"},"modified":"2026-03-06T10:48:23","modified_gmt":"2026-03-06T05:18:23","slug":"research-admissions","status":"publish","type":"page","link":"https:\/\/doms.iitm.ac.in\/index.php\/admissions\/research-admissions\/","title":{"rendered":"Research Admissions"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"15109\" class=\"elementor elementor-15109\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1fbeaad e-con-full e-flex e-con e-parent\" data-id=\"1fbeaad\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-64d83a9 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"64d83a9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"doms-research-hero-v2-root\" class=\"doms-resh2-iso-scope\">\r\n\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@300;400;500;700&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400;1,600&display=swap\" rel=\"stylesheet\">\r\n\r\n    <style>\r\n        \/* --- 1. SCOPED VARIABLES --- *\/\r\n        #doms-research-hero-v2-root.doms-resh2-iso-scope {\r\n            \/* Palette *\/\r\n            --rh2-bg: #0f0505; \/* Deep Scholarly Black\/Maroon *\/\r\n            --rh2-maroon: #800000;\r\n            --rh2-gold: #D4AF37;\r\n            --rh2-text: #ffffff;\r\n            --rh2-text-muted: rgba(255, 255, 255, 0.8);\r\n            \r\n            \/* Typography *\/\r\n            --rh2-serif: 'Playfair Display', serif;\r\n            --rh2-sans: 'Manrope', sans-serif;\r\n            \r\n            \/* Dimensions *\/\r\n            --rh2-min-h: 400px;\r\n        }\r\n\r\n        \/* --- 2. RESET --- *\/\r\n        #doms-research-hero-v2-root.doms-resh2-iso-scope {\r\n            all: initial !important;\r\n            display: block !important;\r\n            width: 100% !important;\r\n            height: 650px !important;\r\n            min-height: var(--rh2-min-h) !important;\r\n            background-color: var(--rh2-bg) !important;\r\n            font-family: var(--rh2-sans) !important;\r\n            color: var(--rh2-text) !important;\r\n            position: relative !important;\r\n            overflow: hidden !important;\r\n            box-sizing: border-box !important;\r\n        }\r\n\r\n        .doms-resh2-iso-scope * {\r\n            box-sizing: border-box !important;\r\n            margin: 0 !important;\r\n            padding: 0 !important;\r\n            border: 0 !important;\r\n            background: transparent !important;\r\n        }\r\n\r\n        \/* --- 3. PARALLAX BACKGROUND --- *\/\r\n        .doms-resh2-bg {\r\n            position: absolute !important;\r\n            top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important;\r\n            z-index: 0 !important;\r\n            \/* Image: Abstract Library\/Knowledge Network *\/\r\n            background-image: url('https:\/\/images.unsplash.com\/photo-1507842217343-583bb7270b66?ixlib=rb-1.2.1&auto=format&fit=crop&w=1920&q=80') !important;\r\n            background-size: cover !important;\r\n            background-position: center center !important;\r\n            \/* THE FIXED EFFECT *\/\r\n            background-attachment: fixed !important;\r\n        }\r\n\r\n        .doms-resh2-overlay {\r\n            position: absolute !important;\r\n            top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important;\r\n            \/* Gradient: Deep Maroon to Black *\/\r\n            background: linear-gradient(180deg, rgba(40, 0, 0, 0.6) 0%, rgba(15, 2, 2, 0.95) 100%) !important;\r\n            z-index: 1 !important;\r\n            backdrop-filter: blur(2px) !important;\r\n        }\r\n\r\n        \/* Subtle Grid Pattern *\/\r\n        .doms-resh2-pattern {\r\n            position: absolute !important;\r\n            top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important;\r\n            background-image: linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),\r\n            linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px) !important;\r\n            background-size: 60px 60px !important;\r\n            z-index: 2 !important;\r\n            pointer-events: none !important;\r\n        }\r\n\r\n        \/* --- 4. CONTENT WRAPPER --- *\/\r\n        .doms-resh2-content {\r\n            position: relative !important;\r\n            z-index: 10 !important;\r\n            width: 100% !important;\r\n            min-height: var(--rh2-min-h) !important;\r\n            display: flex !important;\r\n            flex-direction: column !important;\r\n            justify-content: center !important;\r\n            align-items: center !important;\r\n            text-align: center !important;\r\n            padding: 120px 20px !important;\r\n            max-width: 1000px !important;\r\n            margin: 0 auto !important;\r\n        }\r\n\r\n        \/* --- 5. TYPOGRAPHY --- *\/\r\n        \r\n        \/* The Label *\/\r\n        .doms-resh2-label {\r\n            font-family: var(--rh2-sans) !important;\r\n            font-size: 12px !important;\r\n            font-weight: 700 !important;\r\n            text-transform: uppercase !important;\r\n            letter-spacing: 3px !important;\r\n            color: var(--rh2-gold) !important;\r\n            margin-bottom: 24px !important;\r\n            display: inline-block !important;\r\n            border: 1px solid rgba(212, 175, 55, 0.5) !important;\r\n            padding: 10px 24px !important;\r\n            border-radius: 50px !important;\r\n            background: rgba(0,0,0,0.3) !important;\r\n        }\r\n\r\n        \/* The Main Title *\/\r\n        .doms-resh2-title {\r\n            font-family: var(--rh2-serif) !important;\r\n            font-size: clamp(48px, 7vw, 90px) !important;\r\n            font-weight: 700 !important;\r\n            color: #fff !important;\r\n            line-height: 1.1 !important;\r\n            margin-bottom: 50px !important;\r\n            text-shadow: 0 10px 40px rgba(0,0,0,0.6) !important;\r\n        }\r\n\r\n        \/* The Quote Box *\/\r\n        .doms-resh2-quote-box {\r\n            position: relative !important;\r\n            max-width: 850px !important;\r\n            margin: 0 auto !important;\r\n            padding: 40px !important;\r\n            background: rgba(255,255,255,0.03) !important;\r\n            border-top: 2px solid var(--rh2-gold) !important;\r\n            border-radius: 4px !important;\r\n        }\r\n\r\n        .doms-resh2-quote-mark {\r\n            display: block !important;\r\n            font-family: var(--rh2-serif) !important;\r\n            font-size: 60px !important;\r\n            color: var(--rh2-gold) !important;\r\n            line-height: 1 !important;\r\n            margin-bottom: 20px !important;\r\n            opacity: 0.8 !important;\r\n        }\r\n\r\n        .doms-resh2-quote {\r\n            font-family: var(--rh2-serif) !important;\r\n            font-size: clamp(22px, 4vw, 32px) !important;\r\n            font-style: italic !important;\r\n            font-weight: 400 !important;\r\n            color: #ffffff !important;\r\n            line-height: 1.5 !important;\r\n            margin-bottom: 30px !important;\r\n        }\r\n\r\n        .doms-resh2-author {\r\n            font-family: var(--rh2-sans) !important;\r\n            font-size: 14px !important;\r\n            font-weight: 700 !important;\r\n            text-transform: uppercase !important;\r\n            letter-spacing: 2px !important;\r\n            color: var(--rh2-gold) !important;\r\n        }\r\n\r\n        \/* --- 6. RESPONSIVE --- *\/\r\n        @media (max-width: 768px) {\r\n            \/* Disable fixed background on mobile for performance and jitter prevention *\/\r\n            .doms-resh2-bg { background-attachment: scroll !important; }\r\n            \r\n            .doms-resh2-quote-box { padding: 30px 20px !important; border-top: none !important; border-left: 2px solid var(--rh2-gold) !important; }\r\n            .doms-resh2-quote-mark { font-size: 40px !important; margin-bottom: 10px !important; }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"doms-resh2-bg\"><\/div>\r\n    <div class=\"doms-resh2-overlay\"><\/div>\r\n    <div class=\"doms-resh2-pattern\"><\/div>\r\n\r\n    <div class=\"doms-resh2-content\">\r\n        \r\n        <div class=\"doms-resh2-label\">Doctoral Programmes<\/div>\r\n        \r\n        <h1 class=\"doms-resh2-title\">Research Admissions<\/h1>\r\n        \r\n        <div class=\"doms-resh2-quote-box\">\r\n            <span class=\"doms-resh2-quote-mark\">\u201c<\/span>\r\n            <p class=\"doms-resh2-quote\">\r\n                Research is to see what everybody else has seen, and to think what nobody else has thought.\r\n            <\/p>\r\n            <span class=\"doms-resh2-author\">\u2014 Albert Szent-Gy\u00f6rgyi<\/span>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\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\r\n\/* =========================================\r\n   1. VARIABLES & RESET\r\n   ========================================= *\/\r\n:root {\r\n    --maroon: #560000;\r\n    --maroon-dark: #2a0000;\r\n    --maroon-gradient: linear-gradient(135deg, #560000 0%, #350000 100%);\r\n    --gold: #C5A059;\r\n    --gold-light: #F2D28C;\r\n    --gold-metallic: linear-gradient(45deg, #C5A059, #F2D28C, #C5A059);\r\n    --cream: #F9F8F4;\r\n    --white: #ffffff;\r\n    --text-dark: #1a1a1a;\r\n    --text-grey: #555;\r\n    \r\n    --font-serif: 'Playfair Display', serif;\r\n    --font-sans: 'Lato', sans-serif;\r\n    --font-deco: '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}\r\n\r\n* { margin: 0; padding: 0; box-sizing: border-box; }\r\nbody { font-family: var(--font-sans); color: var(--text-dark); background: var(--white); overflow-x: hidden; line-height: 1.6; }\r\n\r\nh1, h2, h3, h4, h5 { font-family: var(--font-serif); color: var(--maroon); font-weight: 700; }\r\n.stylish-char { font-family: var(--font-deco); color: var(--gold); font-size: 1.4em; margin-right: 2px; }\r\n.gold-text { color: var(--gold); font-style: italic; }\r\n.text-center { text-align: center; }\r\n.mb-40 { margin-bottom: 40px; }\r\n\r\n\/* Layout *\/\r\n.container { width: 90%; max-width: 1200px; margin: 0 auto; padding: 0 15px; }\r\n.bg-cream { background: var(--cream); }\r\n.bg-maroon-dark { background: var(--maroon-dark); color: var(--white); }\r\n\r\n\/* Common Components *\/\r\n.section-label { font-family: var(--font-deco); color: var(--gold); text-transform: uppercase; letter-spacing: 2px; font-size: 0.9rem; margin-bottom: 10px; display: block; }\r\n.section-heading { font-size: 2.5rem; margin-bottom: 20px; }\r\n.divider-center { width: 80px; height: 3px; background: var(--gold); margin: 0 auto 30px; }\r\n.divider-gold { width: 100px; height: 3px; background: var(--gold); margin: 20px 0; }\r\n\r\n\/* Buttons *\/\r\n.btn-gold { border: 1px solid var(--gold); color: var(--gold); padding: 8px 20px; border-radius: 50px; text-decoration: none; font-weight: bold; transition: 0.3s; }\r\n.btn-gold:hover { background: var(--gold); color: var(--white); }\r\n\r\n.btn-gold-solid {\r\n    background: var(--gold-metallic); color: var(--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;\r\n}\r\n.btn-gold-solid:hover { transform: translateY(-3px); box-shadow: 0 5px 15px rgba(197, 160, 89, 0.4); }\r\n\r\n.btn-outline-light {\r\n    border: 2px solid rgba(255,255,255,0.5); color: var(--white); padding: 13px 40px;\r\n    font-weight: bold; border-radius: 4px; text-decoration: none; text-transform: uppercase;\r\n    transition: 0.3s; display: inline-block; margin-left: 15px;\r\n}\r\n.btn-outline-light:hover { background: rgba(255,255,255,0.1); border-color: var(--white); }\r\n\r\n\/* Animations *\/\r\n.fade-in { opacity: 0; transition: opacity 1s ease, transform 1s ease; transform: translateY(20px); }\r\n.delay-1 { transition-delay: 0.2s; } .delay-2 { transition-delay: 0.4s; }\r\n.delay-3 { transition-delay: 0.6s; } .delay-4 { transition-delay: 0.8s; }\r\n\r\n\/* =========================================\r\n   2. NAVBAR & NOTIFICATION\r\n   ========================================= *\/\r\n.notification-bar { background: var(--maroon-dark); color: white; padding: 10px 0; font-size: 0.85rem; border-bottom: 1px solid rgba(255,255,255,0.1); }\r\n.flex-bar { display: flex; justify-content: center; align-items: center; gap: 15px; }\r\n.bar-link { color: var(--gold); text-decoration: none; font-weight: bold; border-bottom: 1px dashed var(--gold); }\r\n\r\n.doms-navbar { padding: 15px 0; background: var(--white); position: sticky; top: 0; z-index: 1000; border-bottom: 3px solid var(--gold); box-shadow: var(--shadow-soft); }\r\n.nav-flex { display: flex; justify-content: space-between; align-items: center; }\r\n\r\n.brand-block { display: flex; align-items: center; gap: 15px; }\r\n.logo-box { background: var(--maroon); color: var(--gold); font-family: var(--font-deco); padding: 8px 12px; font-weight: bold; font-size: 1.2rem; border-radius: 2px; }\r\n.brand-text { display: flex; flex-direction: column; line-height: 1.1; }\r\n.main-text { font-family: var(--font-serif); font-weight: 700; color: var(--maroon); font-size: 1.1rem; }\r\n.sub-text { font-size: 0.8rem; color: var(--gold); text-transform: uppercase; letter-spacing: 1px; font-weight: bold; }\r\n\r\n.nav-links { display: flex; gap: 30px; list-style: none; align-items: center; }\r\n.nav-links a { text-decoration: none; color: var(--text-dark); font-weight: 600; text-transform: uppercase; font-size: 0.85rem; transition: 0.3s; }\r\n.nav-links a:not(.btn-gold):hover { color: var(--maroon); }\r\n.mobile-menu-btn { display: none; font-size: 1.5rem; color: var(--maroon); cursor: pointer; }\r\n\r\n\/* =========================================\r\n   3. HERO SECTION\r\n   ========================================= *\/\r\n.hero-section {\r\n    height: 90vh; background: var(--maroon-gradient); position: relative;\r\n    display: flex; align-items: center; justify-content: center; text-align: center;\r\n    color: var(--white); overflow: hidden;\r\n}\r\n.hero-overlay {\r\n    position: absolute; inset: 0;\r\n    \/* Subtle Pattern *\/\r\n    background-image: repeating-linear-gradient(45deg, rgba(255,255,255,0.03) 0, rgba(255,255,255,0.03) 1px, transparent 1px, transparent 10px);\r\n    z-index: 1;\r\n}\r\n.hero-content { position: relative; z-index: 2; max-width: 900px; }\r\n\r\n.hero-quote { font-family: var(--font-serif); font-style: italic; color: var(--gold); margin-bottom: 20px; font-size: 1.1rem; opacity: 0.9; }\r\n.hero-title { font-size: 4.5rem; line-height: 1.1; margin-bottom: 20px; }\r\n.hero-desc { font-size: 1.2rem; color: rgba(255,255,255,0.9); margin-bottom: 40px; }\r\n\r\n.hero-stats { display: flex; justify-content: center; gap: 40px; margin-bottom: 40px; flex-wrap: wrap; }\r\n.stat-circle {\r\n    width: 100px; height: 100px; border: 2px dashed var(--gold); border-radius: 50%;\r\n    display: flex; flex-direction: column; justify-content: center; align-items: center;\r\n    background: rgba(255,255,255,0.05); animation: spin 20s linear infinite;\r\n}\r\n.stat-circle .count { font-size: 1.8rem; font-weight: bold; color: var(--gold); font-family: var(--font-deco); }\r\n.stat-circle .label { font-size: 0.7rem; text-transform: uppercase; color: #ccc; }\r\n@keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }\r\n.stat-circle > * { animation: spin 20s linear infinite reverse; }\r\n\r\n\/* =========================================\r\n   4. QUICK NAV STRIP\r\n   ========================================= *\/\r\n.quick-nav-strip { background: var(--maroon); padding: 15px 0; border-bottom: 1px solid rgba(255,255,255,0.1); }\r\n.nav-strip-flex { display: flex; justify-content: center; gap: 40px; flex-wrap: wrap; }\r\n.nav-strip-flex a { color: rgba(255,255,255,0.8); text-decoration: none; font-size: 0.9rem; text-transform: uppercase; font-weight: bold; display: flex; align-items: center; gap: 8px; transition: 0.3s; }\r\n.nav-strip-flex a:hover { color: var(--gold); }\r\n\r\n\/* =========================================\r\n   5. PROGRAMS SECTION\r\n   ========================================= *\/\r\n.programs-section { padding: 100px 0; }\r\n.programs-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 30px; margin-top: 40px; }\r\n\r\n.prog-card {\r\n    background: var(--white); border: 1px solid #eee; border-radius: 8px; padding: 40px 30px;\r\n    text-align: center; box-shadow: var(--shadow-soft); transition: 0.3s; position: relative; overflow: hidden;\r\n}\r\n.prog-card:hover { transform: translateY(-10px); box-shadow: var(--shadow-card); border-color: var(--gold); }\r\n.prog-card.featured { border-top: 5px solid var(--maroon); background: #fffcf5; transform: scale(1.05); z-index: 2; }\r\n.badge { position: absolute; top: 15px; right: 15px; background: var(--gold); color: var(--maroon); padding: 4px 10px; font-size: 0.7rem; font-weight: bold; text-transform: uppercase; border-radius: 4px; }\r\n\r\n.prog-icon { font-size: 2.5rem; color: var(--maroon); margin-bottom: 20px; }\r\n.prog-card h3 { font-size: 1.5rem; margin-bottom: 5px; color: var(--text-dark); }\r\n.prog-sub { color: var(--gold); font-weight: bold; font-size: 0.9rem; margin-bottom: 15px; text-transform: uppercase; }\r\n.prog-desc { font-size: 0.9rem; color: #666; margin-bottom: 20px; }\r\n\r\n.check-list { list-style: none; padding: 0; text-align: left; margin-bottom: 25px; }\r\n.check-list li { font-size: 0.9rem; margin-bottom: 8px; display: flex; align-items: center; gap: 8px; color: #555; }\r\n.check-list li::before { content: \"\u2713\"; color: var(--gold); font-weight: bold; }\r\n\r\n.read-more { color: var(--maroon); font-weight: bold; text-decoration: none; border-bottom: 1px solid var(--gold); transition: 0.3s; }\r\n.read-more:hover { color: var(--gold); }\r\n\r\n\/* =========================================\r\n   6. DETAILS SECTION (Accordions)\r\n   ========================================= *\/\r\n.details-section { padding: 100px 0; }\r\n.detail-block { background: var(--white); border-radius: 8px; margin-bottom: 20px; box-shadow: var(--shadow-soft); overflow: hidden; border-left: 4px solid var(--gold); }\r\n\r\n.detail-header {\r\n    padding: 20px 30px; cursor: pointer; display: flex; justify-content: space-between; align-items: center;\r\n    background: white; transition: 0.3s;\r\n}\r\n.detail-header:hover { background: #f9f9f9; }\r\n.detail-header h4 { margin: 0; font-size: 1.2rem; color: var(--maroon); }\r\n.toggle-icon { font-size: 1.5rem; font-weight: bold; color: var(--gold); }\r\n\r\n.detail-content { max-height: 0; overflow: hidden; transition: max-height 0.3s ease-out; }\r\n.content-flex { padding: 30px; display: flex; gap: 40px; border-top: 1px solid #eee; }\r\n.content-text { flex: 2; }\r\n.content-visual { flex: 1; }\r\n\r\n.content-text h5 { color: var(--gold); margin-top: 15px; margin-bottom: 5px; font-size: 1rem; text-transform: uppercase; }\r\n.content-text p, .content-text ul { font-size: 0.95rem; color: #555; margin-bottom: 15px; }\r\n.content-text ul { list-style: disc; padding-left: 20px; }\r\n\r\n.info-box { background: var(--maroon); color: white; padding: 20px; border-radius: 8px; }\r\n.info-box strong { color: var(--gold); display: block; margin-bottom: 5px; }\r\n\r\n\/* =========================================\r\n   7. RESEARCH AREAS\r\n   ========================================= *\/\r\n.areas-section { padding: 100px 0; }\r\n.areas-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 20px; margin-top: 40px; }\r\n\r\n.area-card {\r\n    background: rgba(255,255,255,0.05); padding: 30px 20px; text-align: center; border-radius: 8px;\r\n    border: 1px solid rgba(255,255,255,0.1); transition: 0.3s;\r\n}\r\n.area-card:hover { transform: translateY(-5px); background: var(--white); }\r\n.area-card:hover h4, .area-card:hover p, .area-card:hover .area-icon { color: var(--maroon); }\r\n\r\n.area-icon { font-size: 2rem; color: var(--gold); margin-bottom: 15px; }\r\n.area-card h4 { margin-bottom: 10px; font-size: 1.1rem; }\r\n.area-card p { font-size: 0.85rem; color: rgba(255,255,255,0.7); line-height: 1.4; }\r\n\r\n\/* =========================================\r\n   8. ENROLLMENT TABLE\r\n   ========================================= *\/\r\n.enrollment-section { padding: 100px 0; background: var(--white); }\r\n.table-responsive { overflow-x: auto; margin-top: 40px; box-shadow: var(--shadow-card); border-radius: 8px; }\r\n.enroll-table { width: 100%; border-collapse: collapse; min-width: 700px; }\r\n.enroll-table th { background: var(--maroon); color: var(--gold); padding: 15px; text-align: left; font-family: var(--font-serif); }\r\n.enroll-table td { padding: 15px; border-bottom: 1px solid #eee; color: #444; font-size: 0.95rem; }\r\n.enroll-table tr:hover { background: #f9f9f9; }\r\n\r\n.tick { color: #2e7d32; font-weight: bold; background: #e8f5e9; padding: 4px 8px; border-radius: 4px; font-size: 0.8rem; }\r\n.cross { color: #ccc; font-weight: bold; }\r\n\r\n\/* =========================================\r\n   9. PROCESS & REQUIREMENTS\r\n   ========================================= *\/\r\n.process-section { padding: 100px 0; }\r\n.process-steps { display: flex; justify-content: space-between; align-items: center; margin-top: 50px; flex-wrap: wrap; gap: 20px; }\r\n\r\n.step-card { text-align: center; width: 150px; position: relative; }\r\n.step-num {\r\n    width: 50px; height: 50px; background: var(--white); border: 2px solid var(--maroon);\r\n    color: var(--maroon); border-radius: 50%; display: flex; align-items: center; justify-content: center;\r\n    font-size: 1.2rem; font-weight: bold; margin: 0 auto 15px; box-shadow: var(--shadow-soft); transition: 0.3s;\r\n}\r\n.step-card.highlight .step-num { background: var(--gold); color: var(--maroon); border-color: var(--gold); }\r\n.step-card:hover .step-num { transform: scale(1.1); }\r\n.step-card h4 { font-size: 1rem; margin-bottom: 5px; }\r\n.step-card p { font-size: 0.8rem; color: #666; }\r\n.step-arrow { color: var(--gold); font-size: 1.2rem; }\r\n\r\n.requirements-box {\r\n    margin-top: 60px; background: var(--white); padding: 30px; border-radius: 8px;\r\n    border-left: 4px solid var(--gold); box-shadow: var(--shadow-soft);\r\n}\r\n.requirements-box h4 { color: var(--maroon); margin-bottom: 20px; }\r\n.req-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; }\r\n.req-item { display: flex; align-items: center; gap: 10px; font-size: 0.95rem; color: #555; }\r\n.req-item i { color: var(--gold); }\r\n\r\n\/* =========================================\r\n   10. INFO SECTION (Dates & FAQ)\r\n   ========================================= *\/\r\n.info-section { padding: 100px 0; background: var(--cream); }\r\n.split-layout { display: flex; gap: 50px; }\r\n.info-col { flex: 1; }\r\n\r\n.info-title { font-size: 1.5rem; color: var(--maroon); margin-bottom: 25px; border-bottom: 2px solid var(--gold); display: inline-block; padding-bottom: 5px; }\r\n\r\n.date-card { background: var(--white); border-radius: 8px; overflow: hidden; box-shadow: var(--shadow-soft); }\r\n.dc-header { background: var(--maroon); color: white; padding: 15px; font-weight: bold; text-align: center; }\r\n.dc-list { list-style: none; padding: 0; margin: 0; }\r\n.dc-list li { display: flex; justify-content: space-between; padding: 15px 20px; border-bottom: 1px solid #eee; font-size: 0.9rem; }\r\n.dc-note { padding: 15px; font-size: 0.85rem; color: #777; font-style: italic; text-align: center; background: #f9f9f9; }\r\n\r\n.accordion .acc-item { margin-bottom: 15px; background: var(--white); border-radius: 6px; box-shadow: var(--shadow-soft); }\r\n.acc-header { padding: 15px 20px; font-weight: bold; cursor: pointer; color: var(--text-dark); position: relative; }\r\n.acc-header::after { content: '+'; position: absolute; right: 20px; color: var(--gold); font-size: 1.2rem; }\r\n.acc-header.active::after { content: '-'; }\r\n.acc-body { max-height: 0; overflow: hidden; transition: max-height 0.3s ease-out; padding: 0 20px; color: #666; font-size: 0.9rem; }\r\n.view-all-faq { display: block; margin-top: 20px; color: var(--maroon); font-weight: bold; font-size: 0.9rem; text-decoration: none; }\r\n\r\n\/* =========================================\r\n   11. FOOTER\r\n   ========================================= *\/\r\n.footer-cta { padding: 100px 0 30px; background: #111; position: relative; text-align: center; color: white; border-top: 5px solid var(--gold); }\r\n.footer-overlay { position: absolute; inset: 0; background: linear-gradient(to top, #000, transparent); }\r\n.footer-content { position: relative; z-index: 2; }\r\n\r\n.footer-content h2 { font-size: 3rem; margin-bottom: 15px; color: var(--gold); }\r\n.footer-content p { font-size: 1.2rem; color: #ccc; margin-bottom: 40px; }\r\n\r\n.contact-grid { display: flex; justify-content: center; gap: 40px; margin-bottom: 40px; flex-wrap: wrap; }\r\n.contact-box { display: flex; align-items: center; gap: 10px; color: #aaa; }\r\n.contact-box i { color: var(--gold); font-size: 1.2rem; }\r\n\r\n.footer-buttons { display: flex; justify-content: center; gap: 20px; margin-bottom: 60px; }\r\n.copyright { font-size: 0.8rem; color: #666; border-top: 1px solid #333; padding-top: 20px; }\r\n\r\n\/* =========================================\r\n   12. RESPONSIVE\r\n   ========================================= *\/\r\n@media (max-width: 900px) {\r\n    .hero-title { font-size: 3.5rem; }\r\n    .split-layout { flex-direction: column; }\r\n    .nav-links { display: none; flex-direction: column; background: var(--white); position: absolute; top: 100%; width: 100%; left: 0; padding: 20px; box-shadow: var(--shadow-card); }\r\n    .nav-links.active { display: flex; }\r\n    .mobile-menu-btn { display: block; }\r\n    .process-steps { flex-direction: column; }\r\n    .step-arrow { transform: rotate(90deg); margin: 10px 0; }\r\n    .content-flex { flex-direction: column; }\r\n}\r\n\r\n\r\n<\/style>\r\n\r\n <script>\r\n        \/\/ Accordion functionality for Program Details\r\n        document.querySelectorAll('.detail-header').forEach(header => {\r\n            header.addEventListener('click', () => {\r\n                const content = header.nextElementSibling;\r\n                const icon = header.querySelector('.toggle-icon');\r\n                \r\n                \/\/ Toggle current\r\n                if (content.style.maxHeight) {\r\n                    content.style.maxHeight = null;\r\n                    icon.textContent = '+';\r\n                } else {\r\n                    content.style.maxHeight = content.scrollHeight + \"px\";\r\n                    icon.textContent = '-';\r\n                }\r\n            });\r\n        });\r\n\r\n        \/\/ Accordion for FAQs\r\n        document.querySelectorAll('.acc-header').forEach(header => {\r\n            header.addEventListener('click', () => {\r\n                const body = header.nextElementSibling;\r\n                header.classList.toggle('active');\r\n                if (body.style.maxHeight) {\r\n                    body.style.maxHeight = null;\r\n                } else {\r\n                    body.style.maxHeight = body.scrollHeight + \"px\";\r\n                }\r\n            });\r\n        });\r\n\r\n        \/\/ Mobile Menu\r\n        document.querySelector('.mobile-menu-btn').addEventListener('click', function() {\r\n            document.querySelector('.nav-links').classList.toggle('active');\r\n        });\r\n\r\n        \/\/ Scroll Animation\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('.fade-in').forEach(el => observer.observe(el));\r\n    <\/script>\r\n    \r\n    \r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-74ffb2b e-con-full e-flex e-con e-parent\" data-id=\"74ffb2b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7a4992a elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"7a4992a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t <div id=\"doms-research-msg-v4-arch-root\" class=\"doms-rm4-iso-scope\">\r\n\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,600&display=swap\" rel=\"stylesheet\">\r\n\r\n    <style>\r\n        \/* --- 1. SCOPED VARIABLES --- *\/\r\n        #doms-research-msg-v4-arch-root.doms-rm4-iso-scope {\r\n            \/* Palette *\/\r\n            --rm4-bg: #f8f8f8; \/* Light Grey Canvas *\/\r\n            --rm4-card-bg: #ffffff;\r\n            --rm4-ink: #111111;\r\n            --rm4-ink-light: #555555;\r\n            --rm4-maroon: #800000;\r\n            --rm4-gold: #D4AF37;\r\n            --rm4-shadow: 0 30px 60px rgba(0,0,0,0.08);\r\n            \r\n            \/* Typography *\/\r\n            --rm4-serif: 'Playfair Display', serif;\r\n            --rm4-sans: 'Manrope', sans-serif;\r\n            \r\n            \/* Dimensions *\/\r\n            --rm4-pad: 120px;\r\n        }\r\n\r\n        \/* --- 2. RESET --- *\/\r\n        #doms-research-msg-v4-arch-root.doms-rm4-iso-scope {\r\n            all: initial !important;\r\n            display: block !important;\r\n            width: 100% !important;\r\n            background-color: var(--rm4-bg) !important;\r\n            font-family: var(--rm4-sans) !important;\r\n            color: var(--rm4-ink) !important;\r\n            box-sizing: border-box !important;\r\n            padding: var(--rm4-pad) 0 !important;\r\n            position: relative !important;\r\n            overflow: hidden !important;\r\n        }\r\n\r\n        .doms-rm4-iso-scope * {\r\n            box-sizing: border-box !important;\r\n            margin: 0 !important;\r\n            padding: 0 !important;\r\n            border: 0 !important;\r\n            background: transparent !important;\r\n        }\r\n\r\n        \/* --- 3. LAYOUT --- *\/\r\n        .doms-rm4-container {\r\n            max-width: 1300px !important;\r\n            margin: 0 auto !important;\r\n            padding: 0 30px !important;\r\n            position: relative !important;\r\n        }\r\n\r\n        .doms-rm4-grid {\r\n            display: grid !important;\r\n            grid-template-columns: 5fr 6fr !important; \/* 50\/60 split for overlap *\/\r\n            align-items: center !important;\r\n            position: relative !important;\r\n        }\r\n\r\n        \/* --- 4. THE VISUAL PILLAR (Right Side) --- *\/\r\n        .doms-rm4-visual-col {\r\n            grid-column: 2 \/ 3 !important;\r\n            position: relative !important;\r\n            height: 700px !important; \/* Tall vertical image *\/\r\n            z-index: 1 !important;\r\n        }\r\n\r\n        .doms-rm4-img-box {\r\n            width: 100% !important;\r\n            height: 100% !important;\r\n            overflow: hidden !important;\r\n            \/* Border Radius: Top-Right only for architectural feel *\/\r\n            border-top-right-radius: 100px !important; \r\n            border-bottom-left-radius: 8px !important;\r\n            box-shadow: var(--rm4-shadow) !important;\r\n            position: relative !important;\r\n        }\r\n\r\n        .doms-rm4-img {\r\n            width: 100% !important;\r\n            height: 100% !important;\r\n            object-fit: cover !important;\r\n            transition: transform 1.5s cubic-bezier(0.25, 1, 0.5, 1) !important;\r\n            \/* Placeholder: Modern Research Architecture *\/\r\n            background-image: url('https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/02\/1756630420200-e1771408842959.jpg') !important;\r\n            background-size: cover !important;\r\n            background-position: center !important;\r\n        }\r\n\r\n        .doms-rm4-img-box:hover .doms-rm4-img {\r\n            transform: scale(1.05) !important;\r\n        }\r\n\r\n        \/* --- 5. THE CONTENT CARD (Left Side - Overlapping) --- *\/\r\n        .doms-rm4-content-col {\r\n            grid-column: 1 \/ 2 !important;\r\n            position: relative !important;\r\n            z-index: 2 !important;\r\n            \/* The Overlap Magic: Negative Margin Right pulls it over the image *\/\r\n            margin-right: -100px !important; \r\n        }\r\n\r\n        .doms-rm4-card {\r\n            background: var(--rm4-card-bg) !important;\r\n            padding: 60px !important;\r\n            box-shadow: var(--rm4-shadow) !important;\r\n            border-left: 5px solid var(--rm4-maroon) !important;\r\n            position: relative !important;\r\n        }\r\n\r\n        \/* Decorative Elements *\/\r\n        .doms-rm4-eyebrow {\r\n            font-size: 11px !important;\r\n            font-weight: 700 !important;\r\n            text-transform: uppercase !important;\r\n            letter-spacing: 2px !important;\r\n            color: var(--rm4-gold) !important;\r\n            margin-bottom: 20px !important;\r\n            display: block !important;\r\n        }\r\n\r\n        .doms-rm4-title {\r\n            font-family: var(--rm4-serif) !important;\r\n            font-size: 48px !important;\r\n            line-height: 1.1 !important;\r\n            color: var(--rm4-ink) !important;\r\n            margin-bottom: 30px !important;\r\n        }\r\n\r\n        .doms-rm4-text {\r\n            font-size: 16px !important;\r\n            line-height: 1.8 !important;\r\n            color: var(--rm4-ink-light) !important;\r\n            margin-bottom: 20px !important;\r\n        }\r\n\r\n        \/* Stats Row *\/\r\n        .doms-rm4-stats {\r\n            margin-top: 40px !important;\r\n            padding-top: 30px !important;\r\n            border-top: 1px solid #eee !important;\r\n            display: flex !important;\r\n            align-items: center !important;\r\n            gap: 40px !important;\r\n        }\r\n\r\n        .doms-rm4-stat-block {\r\n            display: flex !important;\r\n            flex-direction: column !important;\r\n        }\r\n\r\n        .doms-rm4-stat-num {\r\n            font-family: var(--rm4-serif) !important;\r\n            font-size: 36px !important;\r\n            color: var(--rm4-maroon) !important;\r\n            line-height: 1 !important;\r\n            font-weight: 400 !important;\r\n            font-style: italic !important;\r\n        }\r\n\r\n        .doms-rm4-stat-lbl {\r\n            font-size: 11px !important;\r\n            font-weight: 700 !important;\r\n            text-transform: uppercase !important;\r\n            color: var(--rm4-ink) !important;\r\n            margin-top: 5px !important;\r\n            letter-spacing: 0.5px !important;\r\n        }\r\n\r\n        \/* Button *\/\r\n        .doms-rm4-btn {\r\n            margin-top: 40px !important;\r\n            display: inline-block !important;\r\n            padding: 14px 32px !important;\r\n            background: var(--rm4-ink) !important;\r\n            color: #fff !important;\r\n            font-size: 13px !important;\r\n            font-weight: 600 !important;\r\n            text-transform: uppercase !important;\r\n            letter-spacing: 1px !important;\r\n            text-decoration: none !important;\r\n            transition: all 0.3s ease !important;\r\n        }\r\n\r\n        .doms-rm4-btn:hover {\r\n            background: var(--rm4-gold) !important;\r\n            color: #000 !important;\r\n            transform: translateY(-2px) !important;\r\n        }\r\n\r\n        \/* --- 6. BACKGROUND DECORATION --- *\/\r\n        .doms-rm4-decor-text {\r\n            position: absolute !important;\r\n            top: 50px !important;\r\n            left: 0 !important;\r\n            font-family: var(--rm4-serif) !important;\r\n            font-size: 200px !important;\r\n            color: #f0f0f0 !important; \/* Extremely subtle *\/\r\n            font-weight: 700 !important;\r\n            z-index: 0 !important;\r\n            line-height: 1 !important;\r\n            pointer-events: none !important;\r\n        }\r\n\r\n        \/* --- 7. RESPONSIVE --- *\/\r\n        @media (max-width: 1024px) {\r\n            .doms-rm4-grid { grid-template-columns: 1fr !important; }\r\n            \r\n            \/* Remove Overlap on Tablet\/Mobile *\/\r\n            .doms-rm4-content-col { \r\n                grid-column: 1 \/ 2 !important; \r\n                margin-right: 0 !important;\r\n                margin-top: -100px !important; \/* Pull up to overlap bottom of image *\/\r\n                padding: 0 40px !important;\r\n            }\r\n            \r\n            .doms-rm4-visual-col {\r\n                grid-column: 1 \/ 2 !important;\r\n                height: 500px !important;\r\n                width: 100% !important;\r\n            }\r\n            \r\n            .doms-rm4-img-box { border-radius: 0 !important; }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            #doms-research-msg-v4-arch-root.doms-rm4-iso-scope { padding: 60px 0 !important; }\r\n            .doms-rm4-container { padding: 0 !important; }\r\n            \r\n            .doms-rm4-visual-col { height: 350px !important; }\r\n            \r\n            .doms-rm4-content-col {\r\n                margin-top: -50px !important;\r\n                padding: 0 20px !important;\r\n            }\r\n            \r\n            .doms-rm4-card { padding: 40px 30px !important; }\r\n            .doms-rm4-title { font-size: 32px !important; }\r\n            \r\n            .doms-rm4-decor-text { display: none !important; }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"doms-rm4-container\">\r\n        \r\n        <div class=\"doms-rm4-decor-text\">Research<\/div>\r\n\r\n        <div class=\"doms-rm4-grid\">\r\n            \r\n            <div class=\"doms-rm4-content-col\">\r\n                <div class=\"doms-rm4-card\">\r\n                    <span class=\"doms-rm4-eyebrow\">Message to Applicants<\/span>\r\n                    <h2 class=\"doms-rm4-title\">Welcome to the <br>Research Ecosystem<\/h2>\r\n                    \r\n                    <p class=\"doms-rm4-text\">\r\n                        Welcome to DoMS, IIT Madras. Our programs are designed to condition young talent in finding their inner creativity and satisfying the <strong>\"explorer\"<\/strong> within.\r\n                    <\/p>\r\n                    <p class=\"doms-rm4-text\">\r\n                        With the largest number of management scholars across India, we continue our legacy of meaningful contributions to society.\r\n                    <\/p>\r\n\r\n                    <div class=\"doms-rm4-stats\">\r\n                        <div class=\"doms-rm4-stat-block\">\r\n                            <span class=\"doms-rm4-stat-num\">03<\/span>\r\n                            <span class=\"doms-rm4-stat-lbl\">Programs<\/span>\r\n                        <\/div>\r\n                        <div class=\"doms-rm4-stat-block\">\r\n                            <span class=\"doms-rm4-stat-num\">06<\/span>\r\n                            <span class=\"doms-rm4-stat-lbl\">Research Groups<\/span>\r\n                        <\/div>\r\n                        <div class=\"doms-rm4-stat-block\">\r\n                            <span class=\"doms-rm4-stat-num\">#1<\/span>\r\n                            <span class=\"doms-rm4-stat-lbl\">Largest Cohort<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <a href=\"https:\/\/research.iitm.ac.in\/\" target=\"_blank\" class=\"doms-rm4-btn\">Visit Portal<\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"doms-rm4-visual-col\">\r\n                <div class=\"doms-rm4-img-box\">\r\n                    <div class=\"doms-rm4-img\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\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\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-763697d e-con-full e-flex e-con e-parent\" data-id=\"763697d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-25c0f96 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"25c0f96\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"doms-rs-v2-textured-root\" class=\"doms-rs2-iso-scope\">\r\n\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap\" rel=\"stylesheet\">\r\n\r\n    <style>\r\n        \/* --- 1. SCOPED VARIABLES --- *\/\r\n        #doms-rs-v2-textured-root.doms-rs2-iso-scope {\r\n            \/* Palette *\/\r\n            --rs2-bg: #fcfbf7; \/* Warm Scholarly Cream *\/\r\n            --rs2-card: #ffffff;\r\n            --rs2-ink: #111111;\r\n            --rs2-ink-light: #555555;\r\n            --rs2-maroon: #800000;\r\n            --rs2-gold: #D4AF37;\r\n            --rs2-border: #e0e0e0;\r\n            --rs2-shadow: 0 10px 30px rgba(100, 80, 60, 0.05); \/* Warm shadow *\/\r\n            \r\n            \/* Typography *\/\r\n            --rs2-serif: 'Playfair Display', serif;\r\n            --rs2-sans: 'Manrope', sans-serif;\r\n            \r\n            \/* Spacing *\/\r\n            --rs2-pad: 20px;\r\n        }\r\n\r\n        \/* --- 2. RESET & BACKGROUND --- *\/\r\n        #doms-rs-v2-textured-root.doms-rs2-iso-scope {\r\n            all: initial !important;\r\n            display: block !important;\r\n            width: 100% !important;\r\n            background-color: var(--rs2-bg) !important;\r\n            \r\n            \/* Interesting Pattern: Topographic Lines (SVG Data) *\/\r\n            background-image: url(\"data:image\/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23d4af37' fill-opacity='0.08' fill-rule='evenodd'\/%3E%3C\/svg%3E\") !important;\r\n            \r\n            font-family: var(--rs2-sans) !important;\r\n            color: var(--rs2-ink) !important;\r\n            box-sizing: border-box !important;\r\n            padding: var(--rs2-pad) 0 !important;\r\n            overflow: hidden !important;\r\n        }\r\n\r\n        .doms-rs2-iso-scope * {\r\n            box-sizing: border-box !important;\r\n            margin: 0 !important;\r\n            padding: 0 !important;\r\n            border: 0 !important;\r\n            background: transparent !important;\r\n        }\r\n\r\n        \/* --- 3. CONTAINER --- *\/\r\n        .doms-rs2-container {\r\n            max-width: 1200px !important;\r\n            margin: 0 auto !important;\r\n            padding: 0 30px !important;\r\n        }\r\n\r\n        \/* Header *\/\r\n        .doms-rs2-header {\r\n            text-align: center !important;\r\n            max-width: 750px !important;\r\n            margin: 0 auto 70px auto !important;\r\n        }\r\n\r\n        .doms-rs2-eyebrow {\r\n            font-size: 11px !important;\r\n            font-weight: 700 !important;\r\n            text-transform: uppercase !important;\r\n            letter-spacing: 2px !important;\r\n            color: var(--rs2-maroon) !important;\r\n            margin-bottom: 20px !important;\r\n            display: inline-block !important;\r\n            background: #fff !important;\r\n            padding: 6px 16px !important;\r\n            border: 1px solid rgba(0,0,0,0.08) !important;\r\n            border-radius: 50px !important;\r\n        }\r\n\r\n        .doms-rs2-title {\r\n            font-family: var(--rs2-serif) !important;\r\n            font-size: 60px !important;\r\n            font-weight: 700 !important;\r\n            color: var(--rs2-ink) !important;\r\n            line-height: 1.1 !important;\r\n            margin-bottom: 20px !important;\r\n        }\r\n\r\n        .doms-rs2-desc {\r\n            font-size: 16px !important;\r\n            line-height: 1.8 !important;\r\n            color: var(--rs2-ink-light) !important;\r\n        }\r\n\r\n        \/* --- 4. GRID CARDS --- *\/\r\n        .doms-rs2-grid {\r\n            display: grid !important;\r\n            grid-template-columns: repeat(3, 1fr) !important;\r\n            gap: 30px !important;\r\n            margin-bottom: 80px !important;\r\n        }\r\n\r\n        .doms-rs2-card {\r\n            background: var(--rs2-card) !important;\r\n            border-radius: 8px !important;\r\n            border: 9px solid var(--rs2-border) !important;\r\n            box-shadow: var(--rs2-shadow) !important;\r\n            display: flex !important;\r\n            flex-direction: column !important;\r\n            height: 480px !important; \/* Consistent height *\/\r\n            position: relative !important;\r\n            transition: transform 0.3s ease, border-color 0.3s ease !important;\r\n            overflow: hidden !important;\r\n        }\r\n\r\n        .doms-rs2-card:hover {\r\n            transform: translateY(-8px) !important;\r\n            border-color: var(--rs2-gold) !important;\r\n        }\r\n\r\n        \/* Card Header *\/\r\n        .doms-rs2-head {\r\n            padding: 30px !important;\r\n            border-bottom: 1px dashed var(--rs2-border) !important;\r\n            background: linear-gradient(to bottom, #ffffff, #fafafa) !important;\r\n        }\r\n\r\n        .doms-rs2-icon-wrap {\r\n            width: 44px !important;\r\n            height: 44px !important;\r\n            background: rgba(212, 175, 55, 0.1) !important;\r\n            color: var(--rs2-gold) !important;\r\n            display: flex !important;\r\n            align-items: center !important;\r\n            justify-content: center !important;\r\n            border-radius: 8px !important;\r\n            font-size: 20px !important;\r\n            margin-bottom: 16px !important;\r\n        }\r\n\r\n        .doms-rs2-name {\r\n            font-family: var(--rs2-serif) !important;\r\n            font-size: 36px !important;\r\n            font-weight: 600 !important;\r\n            color: var(--rs2-maroon) !important;\r\n            line-height: 1.2 !important;\r\n        }\r\n\r\n        \/* Scrollable Body *\/\r\n        .doms-rs2-body {\r\n            padding: 24px 30px !important;\r\n            overflow-y: auto !important;\r\n            flex-grow: 1 !important;\r\n            \/* Scrollbar styling *\/\r\n            scrollbar-width: thin !important;\r\n            scrollbar-color: #ccc transparent !important;\r\n        }\r\n        \r\n        .doms-rs2-body::-webkit-scrollbar { width: 4px !important; }\r\n        .doms-rs2-body::-webkit-scrollbar-thumb { background: #ccc !important; border-radius: 4px !important; }\r\n\r\n        \/* Styled Pills\/Tags *\/\r\n        .doms-rs2-tags {\r\n            display: flex !important;\r\n            flex-wrap: wrap !important;\r\n            gap: 8px !important;\r\n        }\r\n\r\n        .doms-rs2-tag {\r\n            font-family: var(--rs2-sans) !important;\r\n            font-size: 12px !important;\r\n            font-weight: 500 !important;\r\n            color: var(--rs2-ink-light) !important;\r\n            background: #fff !important;\r\n            border: 1px solid #e5e5e5 !important;\r\n            padding: 8px 14px !important;\r\n            border-radius: 4px !important;\r\n            transition: all 0.2s ease !important;\r\n            line-height: 1.4 !important;\r\n        }\r\n\r\n        .doms-rs2-tag:hover {\r\n            border-color: var(--rs2-maroon) !important;\r\n            color: var(--rs2-maroon) !important;\r\n            background: #fff5f5 !important;\r\n        }\r\n\r\n        \/* --- 5. PROGRAMS FOOTER --- *\/\r\n        .doms-rs2-footer {\r\n            background: #111 !important;\r\n            border-radius: 8px !important;\r\n            padding: 50px !important;\r\n            color: #fff !important;\r\n            display: flex !important;\r\n            flex-direction: column !important;\r\n            align-items: center !important;\r\n            position: relative !important;\r\n            overflow: hidden !important;\r\n        }\r\n        \r\n        \/* Subtle gold accent line *\/\r\n        .doms-rs2-footer::top {\r\n            content: '' !important;\r\n            position: absolute !important;\r\n            top: 0 !important; left: 0 !important; width: 100% !important; height: 3px !important;\r\n            background: var(--rs2-gold) !important;\r\n        }\r\n\r\n        .doms-rs2-foot-title {\r\n            font-family: var(--rs2-serif) !important;\r\n            font-size: 28px !important;\r\n            margin-bottom: 30px !important;\r\n            color: #fff !important;\r\n        }\r\n\r\n        .doms-rs2-progs {\r\n            display: flex !important;\r\n            flex-wrap: wrap !important;\r\n            gap: 20px !important;\r\n            justify-content: center !important;\r\n        }\r\n\r\n        .doms-rs2-prog-item {\r\n            padding: 16px 32px !important;\r\n            border: 1px solid rgba(255,255,255,0.2) !important;\r\n            border-radius: 50px !important;\r\n            font-size: 15px !important;\r\n            font-weight: 600 !important;\r\n            letter-spacing: 0.5px !important;\r\n            transition: all 0.3s ease !important;\r\n            display: flex !important;\r\n            align-items: center !important;\r\n            gap: 10px !important;\r\n        }\r\n\r\n        .doms-rs2-prog-item:hover {\r\n            background: #fff !important;\r\n            color: #000 !important;\r\n            transform: translateY(-3px) !important;\r\n        }\r\n\r\n        .doms-rs2-dot {\r\n            width: 6px !important;\r\n            height: 6px !important;\r\n            background: var(--rs2-gold) !important;\r\n            border-radius: 50% !important;\r\n        }\r\n\r\n        \/* --- 6. MOBILE CONTROLS --- *\/\r\n        .doms-rs2-nav {\r\n            display: none !important;\r\n            gap: 12px !important;\r\n            justify-content: center !important;\r\n            margin-top: 20px !important;\r\n        }\r\n\r\n        .doms-rs2-btn {\r\n            width: 44px !important; height: 44px !important;\r\n            border-radius: 50% !important;\r\n            border: 1px solid #ccc !important;\r\n            background: #fff !important;\r\n            display: flex !important;\r\n            align-items: center !important;\r\n            justify-content: center !important;\r\n            font-size: 18px !important;\r\n            color: #333 !important;\r\n        }\r\n\r\n        \/* --- 7. RESPONSIVE --- *\/\r\n        @media (max-width: 900px) {\r\n            #doms-rs-v2-textured-root.doms-rs2-iso-scope { padding: 60px 0 !important; }\r\n            .doms-rs2-container { padding: 0 !important; } \/* Full bleed for slider *\/\r\n            \r\n            .doms-rs2-header { padding: 0 20px !important; margin-bottom: 40px !important; text-align: left !important; }\r\n            .doms-rs2-title { font-size: 36px !important; }\r\n            .doms-rs2-nav { display: flex !important; margin-bottom: 20px !important; padding-right: 20px !important; justify-content: flex-end !important; }\r\n\r\n            \/* Slider Transformation *\/\r\n            .doms-rs2-grid {\r\n                display: flex !important;\r\n                overflow-x: auto !important;\r\n                scroll-snap-type: x mandatory !important;\r\n                padding: 10px 20px 40px 20px !important;\r\n                gap: 20px !important;\r\n                scrollbar-width: none !important;\r\n            }\r\n            .doms-rs2-grid::-webkit-scrollbar { display: none !important; }\r\n\r\n            .doms-rs2-card {\r\n                min-width: 85vw !important;\r\n                scroll-snap-align: center !important;\r\n                height: 420px !important;\r\n            }\r\n\r\n            .doms-rs2-footer { margin: 0 20px !important; text-align: center !important; }\r\n            .doms-rs2-progs { flex-direction: column !important; width: 100% !important; }\r\n            .doms-rs2-prog-item { justify-content: center !important; width: 100% !important; }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"doms-rs2-container\">\r\n        \r\n        <div class=\"doms-rs2-header\">\r\n            <span class=\"doms-rs2-eyebrow\">Academic Landscape<\/span>\r\n            <h2 class=\"doms-rs2-title\">Research Streams<\/h2>\r\n            <p class=\"doms-rs2-desc\">\r\n                Scholars at DoMS explore 6 broad fields of management, identifying gaps and contributing to the global knowledge pool.\r\n            <\/p>\r\n            \r\n            <div class=\"doms-rs2-nav\">\r\n                <button class=\"doms-rs2-btn\" onclick=\"scrollStreamsV2Left()\">\u2190<\/button>\r\n                <button class=\"doms-rs2-btn\" onclick=\"scrollStreamsV2Right()\">\u2192<\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"doms-rs2-grid\" id=\"doms-rs2-slider\">\r\n            \r\n            <div class=\"doms-rs2-card\">\r\n                <div class=\"doms-rs2-head\">\r\n                    <div class=\"doms-rs2-icon-wrap\"><span>\ud83d\udcc8<\/span><\/div>\r\n                    <h3 class=\"doms-rs2-name\">Finance<\/h3>\r\n                <\/div>\r\n                <div class=\"doms-rs2-body\">\r\n                    <div class=\"doms-rs2-tags\">\r\n                        <span class=\"doms-rs2-tag\">Corporate Finance<\/span>\r\n                        <span class=\"doms-rs2-tag\">Financial Decision Making<\/span>\r\n                        <span class=\"doms-rs2-tag\">Family Business<\/span>\r\n                        <span class=\"doms-rs2-tag\">Modelling & Forecasting<\/span>\r\n                        <span class=\"doms-rs2-tag\">Banking<\/span>\r\n                        <span class=\"doms-rs2-tag\">Risk Management<\/span>\r\n                        <span class=\"doms-rs2-tag\">Capital Markets<\/span>\r\n                        <span class=\"doms-rs2-tag\">Derivatives<\/span>\r\n                        <span class=\"doms-rs2-tag\">Venture Capital<\/span>\r\n                        <span class=\"doms-rs2-tag\">Private Equity<\/span>\r\n                        <span class=\"doms-rs2-tag\">SME Finance<\/span>\r\n                        <span class=\"doms-rs2-tag\">Real Options<\/span>\r\n                        <span class=\"doms-rs2-tag\">Developmental Finance<\/span>\r\n                        <span class=\"doms-rs2-tag\">Behavioral Finance<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"doms-rs2-card\">\r\n                <div class=\"doms-rs2-head\">\r\n                    <div class=\"doms-rs2-icon-wrap\"><span>\ud83d\udce3<\/span><\/div>\r\n                    <h3 class=\"doms-rs2-name\">Marketing<\/h3>\r\n                <\/div>\r\n                <div class=\"doms-rs2-body\">\r\n                    <div class=\"doms-rs2-tags\">\r\n                        <span class=\"doms-rs2-tag\">Sales Performance<\/span>\r\n                        <span class=\"doms-rs2-tag\">Branding<\/span>\r\n                        <span class=\"doms-rs2-tag\">Corporate Identity<\/span>\r\n                        <span class=\"doms-rs2-tag\">B2B Marketing<\/span>\r\n                        <span class=\"doms-rs2-tag\">Entrepreneurial Marketing<\/span>\r\n                        <span class=\"doms-rs2-tag\">Bottom of Pyramid<\/span>\r\n                        <span class=\"doms-rs2-tag\">Food Marketing<\/span>\r\n                        <span class=\"doms-rs2-tag\">Gamification<\/span>\r\n                        <span class=\"doms-rs2-tag\">AI Engagement<\/span>\r\n                        <span class=\"doms-rs2-tag\">Consumer Behaviour<\/span>\r\n                        <span class=\"doms-rs2-tag\">Green Consumption<\/span>\r\n                        <span class=\"doms-rs2-tag\">Psychometrics<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"doms-rs2-card\">\r\n                <div class=\"doms-rs2-head\">\r\n                    <div class=\"doms-rs2-icon-wrap\"><span>\ud83d\udcbb<\/span><\/div>\r\n                    <h3 class=\"doms-rs2-name\">Information Systems<\/h3>\r\n                <\/div>\r\n                <div class=\"doms-rs2-body\">\r\n                    <div class=\"doms-rs2-tags\">\r\n                        <span class=\"doms-rs2-tag\">Preference Elicitation<\/span>\r\n                        <span class=\"doms-rs2-tag\">Electronic Negotiation<\/span>\r\n                        <span class=\"doms-rs2-tag\">Shopping Agents<\/span>\r\n                        <span class=\"doms-rs2-tag\">Cloud Analytics<\/span>\r\n                        <span class=\"doms-rs2-tag\">Web Personalization<\/span>\r\n                        <span class=\"doms-rs2-tag\">Information Privacy<\/span>\r\n                        <span class=\"doms-rs2-tag\">IT Adoption<\/span>\r\n                        <span class=\"doms-rs2-tag\">Business Value<\/span>\r\n                        <span class=\"doms-rs2-tag\">eGovernment<\/span>\r\n                        <span class=\"doms-rs2-tag\">Social Network Mining<\/span>\r\n                        <span class=\"doms-rs2-tag\">Recommender Systems<\/span>\r\n                        <span class=\"doms-rs2-tag\">App Analytics<\/span>\r\n                        <span class=\"doms-rs2-tag\">Econometric Modeling<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"doms-rs2-card\">\r\n                <div class=\"doms-rs2-head\">\r\n                    <div class=\"doms-rs2-icon-wrap\"><span>\ud83e\udd1d<\/span><\/div>\r\n                    <h3 class=\"doms-rs2-name\">HR & OB<\/h3>\r\n                <\/div>\r\n                <div class=\"doms-rs2-body\">\r\n                    <div class=\"doms-rs2-tags\">\r\n                        <span class=\"doms-rs2-tag\">Positive OB<\/span>\r\n                        <span class=\"doms-rs2-tag\">Leadership (L&OD)<\/span>\r\n                        <span class=\"doms-rs2-tag\">Cognition<\/span>\r\n                        <span class=\"doms-rs2-tag\">Goal Directed Behaviour<\/span>\r\n                        <span class=\"doms-rs2-tag\">Behaviourism<\/span>\r\n                        <span class=\"doms-rs2-tag\">Workforce Diversity<\/span>\r\n                        <span class=\"doms-rs2-tag\">Decision Making<\/span>\r\n                        <span class=\"doms-rs2-tag\">Social Neuroscience<\/span>\r\n                        <span class=\"doms-rs2-tag\">HRM & Training<\/span>\r\n                        <span class=\"doms-rs2-tag\">Work-Life Balance<\/span>\r\n                        <span class=\"doms-rs2-tag\">Employee Wellbeing<\/span>\r\n                        <span class=\"doms-rs2-tag\">Women in Mgmt<\/span>\r\n                        <span class=\"doms-rs2-tag\">CSR & Sustainability<\/span>\r\n                        <span class=\"doms-rs2-tag\">Ancient Indian Wisdom<\/span>\r\n                        <span class=\"doms-rs2-tag\">Cross-Cultural Research<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"doms-rs2-card\">\r\n                <div class=\"doms-rs2-head\">\r\n                    <div class=\"doms-rs2-icon-wrap\"><span>\u2699\ufe0f<\/span><\/div>\r\n                    <h3 class=\"doms-rs2-name\">Operations<\/h3>\r\n                <\/div>\r\n                <div class=\"doms-rs2-body\">\r\n                    <div class=\"doms-rs2-tags\">\r\n                        <span class=\"doms-rs2-tag\">Supply Chain & Logistics<\/span>\r\n                        <span class=\"doms-rs2-tag\">Green Concerns<\/span>\r\n                        <span class=\"doms-rs2-tag\">Healthcare & Food<\/span>\r\n                        <span class=\"doms-rs2-tag\">Game Theoretic Models<\/span>\r\n                        <span class=\"doms-rs2-tag\">Pricing & Revenue<\/span>\r\n                        <span class=\"doms-rs2-tag\">Scheduling<\/span>\r\n                        <span class=\"doms-rs2-tag\">Integrated Production<\/span>\r\n                        <span class=\"doms-rs2-tag\">Inventory Optimization<\/span>\r\n                        <span class=\"doms-rs2-tag\">Behavioural Decision Theory<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"doms-rs2-card\">\r\n                <div class=\"doms-rs2-head\">\r\n                    <div class=\"doms-rs2-icon-wrap\"><span>\ud83c\udf10<\/span><\/div>\r\n                    <h3 class=\"doms-rs2-name\">Integrative Management<\/h3>\r\n                <\/div>\r\n                <div class=\"doms-rs2-body\">\r\n                    <div class=\"doms-rs2-tags\">\r\n                        <span class=\"doms-rs2-tag\">Strategy Studies<\/span>\r\n                        <span class=\"doms-rs2-tag\">Policy Studies<\/span>\r\n                        <span class=\"doms-rs2-tag\">Technology Management<\/span>\r\n                        <span class=\"doms-rs2-tag\">Business Model Innovation<\/span>\r\n                        <span class=\"doms-rs2-tag\">Entrepreneurship<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"doms-rs2-footer\">\r\n            <h3 class=\"doms-rs2-foot-title\">Research Programs Offered<\/h3>\r\n            <div class=\"doms-rs2-progs\">\r\n                <div class=\"doms-rs2-prog-item\">\r\n                    <span class=\"doms-rs2-dot\"><\/span> Master of Science (by Research)\r\n                <\/div>\r\n                <div class=\"doms-rs2-prog-item\">\r\n                    <span class=\"doms-rs2-dot\"><\/span> Doctor of Philosophy (PhD)\r\n                <\/div>\r\n                <div class=\"doms-rs2-prog-item\">\r\n                    <span class=\"doms-rs2-dot\"><\/span> Post-Doctoral Fellowship\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <script>\r\n        function scrollStreamsV2Left() {\r\n            document.getElementById('doms-rs2-slider').scrollBy({ left: -320, behavior: 'smooth' });\r\n        }\r\n        function scrollStreamsV2Right() {\r\n            document.getElementById('doms-rs2-slider').scrollBy({ left: 320, behavior: 'smooth' });\r\n        }\r\n    <\/script>\r\n<\/div>\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\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a6be094 e-con-full e-flex e-con e-parent\" data-id=\"a6be094\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ca80aa9 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"ca80aa9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"doms-enrol-compact-root\" class=\"doms-dec-iso-scope\">\r\n\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap\" rel=\"stylesheet\">\r\n\r\n    <style>\r\n        \/* --- 1. SCOPED VARIABLES --- *\/\r\n        #doms-enrol-compact-root.doms-dec-iso-scope {\r\n            \/* Palette: Maroon Obsidian *\/\r\n            --dc-overlay: linear-gradient(180deg, rgba(64, 0, 0, 0.94) 0%, rgba(10, 0, 0, 0.98) 100%);\r\n            \r\n            --dc-glass: rgba(255, 255, 255, 0.03);\r\n            --dc-glass-border: rgba(255, 255, 255, 0.1);\r\n            --dc-glass-hover: rgba(255, 255, 255, 0.08);\r\n            \r\n            --dc-text: #ffffff;\r\n            --dc-text-muted: rgba(255, 255, 255, 0.7);\r\n            \r\n            --dc-gold: #D4AF37;\r\n            --dc-gold-solid: #C5A028;\r\n            --dc-gold-dim: rgba(212, 175, 55, 0.2);\r\n            \r\n            \/* Typography *\/\r\n            --dc-serif: 'Playfair Display', serif;\r\n            --dc-sans: 'Manrope', sans-serif;\r\n            \r\n            \/* Compact Spacing *\/\r\n            --dc-pad: 80px; \r\n        }\r\n\r\n        \/* --- 2. RESET --- *\/\r\n        #doms-enrol-compact-root.doms-dec-iso-scope {\r\n            all: initial !important;\r\n            display: block !important;\r\n            width: 100% !important;\r\n            \/* Removed fixed min-height to allow compactness *\/\r\n            font-family: var(--dc-sans) !important;\r\n            color: var(--dc-text) !important;\r\n            box-sizing: border-box !important;\r\n            padding: var(--dc-pad) 0 !important;\r\n            position: relative !important;\r\n            overflow: hidden !important;\r\n        }\r\n\r\n        .doms-dec-iso-scope * {\r\n            box-sizing: border-box !important;\r\n            margin: 0 !important;\r\n            padding: 0 !important;\r\n            border: 0 !important;\r\n            background: transparent !important;\r\n        }\r\n\r\n        \/* --- 3. BACKGROUND --- *\/\r\n        .doms-dc-bg {\r\n            position: absolute !important;\r\n            top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important;\r\n            z-index: 0 !important;\r\n            background-image: url('https:\/\/images.unsplash.com\/photo-1497366216548-37526070297c?ixlib=rb-1.2.1&auto=format&fit=crop&w=1920&q=80') !important;\r\n            background-size: cover !important;\r\n            background-position: center !important;\r\n            background-attachment: fixed !important;\r\n        }\r\n\r\n        .doms-dc-overlay {\r\n            position: absolute !important;\r\n            top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important;\r\n            background: var(--dc-overlay) !important;\r\n            backdrop-filter: blur(5px) !important;\r\n            z-index: 1 !important;\r\n        }\r\n\r\n        \/* --- 4. CONTAINER & HEADER --- *\/\r\n        .doms-dc-container {\r\n            max-width: 1280px !important; \/* Wider container for horizontal layout *\/\r\n            margin: 0 auto !important;\r\n            padding: 0 30px !important;\r\n            position: relative !important;\r\n            z-index: 5 !important;\r\n        }\r\n\r\n        .doms-dc-header {\r\n            display: flex !important;\r\n            justify-content: space-between !important;\r\n            align-items: flex-end !important;\r\n            margin-bottom: 50px !important;\r\n            border-bottom: 1px solid rgba(255,255,255,0.1) !important;\r\n            padding-bottom: 20px !important;\r\n        }\r\n\r\n        .doms-dc-title-group { max-width: 700px !important; }\r\n\r\n        .doms-dc-eyebrow {\r\n            font-size: 11px !important;\r\n            font-weight: 700 !important;\r\n            text-transform: uppercase !important;\r\n            letter-spacing: 2px !important;\r\n            color: var(--dc-gold) !important;\r\n            margin-bottom: 10px !important;\r\n            display: block !important;\r\n        }\r\n\r\n        .doms-dc-title {\r\n            font-family: var(--dc-serif) !important;\r\n            font-size: 60px !important; \/* Slightly smaller for compactness *\/\r\n            color: #fff !important;\r\n            line-height: 1.1 !important;\r\n            font-weight: 500 !important;\r\n        }\r\n\r\n        \/* Mobile Swipe Hint *\/\r\n        .doms-dc-swipe-hint {\r\n            display: none !important;\r\n            font-size: 12px !important;\r\n            color: var(--dc-gold) !important;\r\n            align-items: center !important;\r\n            gap: 6px !important;\r\n        }\r\n\r\n        \/* --- 5. COMPACT HORIZONTAL GRID --- *\/\r\n        .doms-dc-grid {\r\n            display: grid !important;\r\n            grid-template-columns: repeat(4, 1fr) !important; \/* 4 Columns! *\/\r\n            gap: 20px !important; \/* Tighter gap *\/\r\n            margin-bottom: 40px !important;\r\n        }\r\n\r\n        \/* CARD *\/\r\n        .doms-dc-card {\r\n            background: var(--dc-glass) !important;\r\n            border: 1px solid var(--dc-glass-border) !important;\r\n            padding: 30px 24px !important; \/* Tighter padding *\/\r\n            backdrop-filter: blur(20px) !important;\r\n            transition: all 0.3s ease !important;\r\n            position: relative !important;\r\n            border-radius: 6px !important;\r\n            display: flex !important;\r\n            flex-direction: column !important;\r\n             background: var(--dc-glass-hover) !important;\r\n            border-color: var(--dc-gold) !important;\r\n        }\r\n\r\n        .doms-dc-card:hover {\r\n           \r\n            transform: translateY(-5px) !important;\r\n        }\r\n\r\n        \/* ICON (Smaller but Solid) *\/\r\n        .doms-dc-icon-box {\r\n            width: 48px !important;\r\n            height: 48px !important;\r\n            background: var(--dc-gold-dim) !important;\r\n            display: flex !important;\r\n            align-items: center !important;\r\n            justify-content: center !important;\r\n            border-radius: 50% !important;\r\n            margin-bottom: 20px !important;\r\n            color: var(--dc-gold) !important;\r\n            border: 1px solid var(--dc-gold) !important;\r\n        }\r\n        .doms-dc-card:hover .doms-dc-icon-box { background: var(--dc-gold) !important; color: #000 !important; }\r\n        .doms-dc-svg { width: 20px !important; height: 20px !important; stroke-width: 1.5 !important; }\r\n\r\n        \/* TEXT *\/\r\n        .doms-dc-head {\r\n            font-family: var(--dc-serif) !important;\r\n            font-size: 20px !important;\r\n            color: #fff !important;\r\n            margin-bottom: 12px !important;\r\n            font-weight: 600 !important;\r\n            line-height: 1.2 !important;\r\n            height: 50px !important; \/* Force alignment *\/\r\n        }\r\n\r\n        .doms-dc-text {\r\n            font-size: 13px !important; \/* Compact Text *\/\r\n            line-height: 1.6 !important;\r\n            color: #ddd !important;\r\n            margin-bottom: 20px !important;\r\n            flex-grow: 1 !important;\r\n        }\r\n\r\n        \/* TAGS (Compact) *\/\r\n        .doms-dc-tags {\r\n            display: flex !important;\r\n            flex-wrap: wrap !important;\r\n            gap: 6px !important;\r\n            margin-top: auto !important;\r\n        }\r\n\r\n        .doms-dc-tag {\r\n            font-size: 10px !important;\r\n            text-transform: uppercase !important;\r\n            font-weight: 700 !important;\r\n            padding: 4px 10px !important;\r\n            border-radius: 50px !important;\r\n            background: rgba(255,255,255,0.1) !important;\r\n            color: #fff !important;\r\n        }\r\n        .doms-dc-tag.gold { background: var(--dc-gold) !important; color: #000 !important; }\r\n\r\n        \/* --- 6. SLIM FOOTER MATRIX --- *\/\r\n        .doms-dc-matrix-grid {\r\n            display: grid !important;\r\n            grid-template-columns: 1fr 1fr !important;\r\n            gap: 20px !important;\r\n        }\r\n\r\n        .doms-dc-prog-card {\r\n            background: #fff !important;\r\n            color: #111 !important;\r\n            padding: 24px 30px !important; \/* Slimmer padding *\/\r\n            border-radius: 4px !important;\r\n            border-left: 5px solid var(--dc-gold-solid) !important;\r\n            display: flex !important;\r\n            align-items: center !important;\r\n            justify-content: space-between !important;\r\n        }\r\n\r\n        .doms-dc-prog-head {\r\n            font-family: var(--dc-serif) !important;\r\n            font-size: 20px !important;\r\n            font-weight: 700 !important;\r\n            margin: 0 !important;\r\n            color: #000 !important;\r\n        }\r\n\r\n        .doms-dc-list-inline {\r\n            display: flex !important;\r\n            gap: 15px !important;\r\n            font-size: 12px !important;\r\n            font-weight: 600 !important;\r\n            flex-wrap: wrap !important;\r\n        }\r\n        \r\n        .doms-dc-check { color: var(--dc-gold-solid) !important; }\r\n        .doms-dc-cross { color: #ccc !important; text-decoration: line-through !important; }\r\n\r\n        \/* --- 7. MOBILE OPTIMIZATION --- *\/\r\n        @media (max-width: 900px) {\r\n            #doms-enrol-compact-root.doms-dec-iso-scope { padding: 60px 0 !important; }\r\n            .doms-dc-container { padding: 0 20px !important; }\r\n            \r\n            .doms-dc-bg { background-attachment: scroll !important; }\r\n            .doms-dc-header { flex-direction: column !important; align-items: flex-start !important; border: none !important; margin-bottom: 20px !important; }\r\n            .doms-dc-swipe-hint { display: flex !important; margin-top: 10px !important; }\r\n\r\n            \/* SCROLLABLE GRID *\/\r\n            .doms-dc-grid {\r\n                display: flex !important;\r\n                overflow-x: auto !important;\r\n                scroll-snap-type: x mandatory !important;\r\n                padding-bottom: 20px !important;\r\n                gap: 15px !important;\r\n                \/* Hide Scrollbar *\/\r\n                -ms-overflow-style: none !important;\r\n                scrollbar-width: none !important;\r\n            }\r\n            .doms-dc-grid::-webkit-scrollbar { display: none !important; }\r\n\r\n            .doms-dc-card {\r\n                min-width: 280px !important; \/* Card width on mobile *\/\r\n                scroll-snap-align: center !important;\r\n                height: auto !important; \/* Allow auto height *\/\r\n                min-height: 320px !important;\r\n            }\r\n            .doms-dc-head { height: auto !important; }\r\n\r\n            \/* Footer Stack *\/\r\n            .doms-dc-matrix-grid { grid-template-columns: 1fr !important; gap: 10px !important; }\r\n            .doms-dc-prog-card { flex-direction: column !important; align-items: flex-start !important; gap: 15px !important; }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"doms-dc-bg\"><\/div>\r\n    <div class=\"doms-dc-overlay\"><\/div>\r\n\r\n    <div class=\"doms-dc-container\">\r\n        \r\n        <div class=\"doms-dc-header\">\r\n            <div class=\"doms-dc-title-group\">\r\n                <span class=\"doms-dc-eyebrow\">Program Structure<\/span>\r\n                <h2 class=\"doms-dc-title\">Enrolment Categories<\/h2>\r\n            <\/div>\r\n            <div class=\"doms-dc-swipe-hint\">Swipe to view \u2192<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"doms-dc-grid\">\r\n            \r\n            <div class=\"doms-dc-card\">\r\n                <div class=\"doms-dc-icon-box\">\r\n                    <svg class=\"doms-dc-svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 10v6M2 10l10-5 10 5-10 5z\"\/><path d=\"M6 12v5c3 3 9 3 12 0v-5\"\/><\/svg>\r\n                <\/div>\r\n                <h3 class=\"doms-dc-head\">Full-Time<\/h3>\r\n                <p class=\"doms-dc-text\">\r\n                    For scholars dedicated solely to their academic research program.\r\n                <\/p>\r\n                <div class=\"doms-dc-tags\">\r\n                    <span class=\"doms-dc-tag gold\">HTRA<\/span>\r\n                    <span class=\"doms-dc-tag gold\">QIP<\/span>\r\n                    <span class=\"doms-dc-tag gold\">UGC<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"doms-dc-card\">\r\n                <div class=\"doms-dc-icon-box\">\r\n                    <svg class=\"doms-dc-svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"4\" y=\"2\" width=\"16\" height=\"20\" rx=\"2\" ry=\"2\"\/><path d=\"M12 22v-6\"\/><\/svg>\r\n                <\/div>\r\n                <h3 class=\"doms-dc-head\">External<\/h3>\r\n                <p class=\"doms-dc-text\">\r\n                    Sponsored by industries with recognized R&D facilities.\r\n                <\/p>\r\n                <div class=\"doms-dc-tags\">\r\n                    <span class=\"doms-dc-tag\">Industry<\/span>\r\n                    <span class=\"doms-dc-tag\">R&D<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"doms-dc-card\">\r\n                <div class=\"doms-dc-icon-box\">\r\n                    <svg class=\"doms-dc-svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\r\n                <\/div>\r\n                <h3 class=\"doms-dc-head\">Part-Time<\/h3>\r\n                <p class=\"doms-dc-text\">\r\n                    Sponsored by institutions located in the Chennai region.\r\n                <\/p>\r\n                <div class=\"doms-dc-tags\">\r\n                    <span class=\"doms-dc-tag\">Local<\/span>\r\n                    <span class=\"doms-dc-tag\">Chennai<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"doms-dc-card\">\r\n                <div class=\"doms-dc-icon-box\">\r\n                    <svg class=\"doms-dc-svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"4\" y=\"3\" width=\"16\" height=\"18\" rx=\"2\" ry=\"2\"\/><path d=\"M8 7h8\"\/><\/svg>\r\n                <\/div>\r\n                <h3 class=\"doms-dc-head\">Staff<\/h3>\r\n                <p class=\"doms-dc-text\">\r\n                    Exclusive track for current staff members of IIT Madras.\r\n                <\/p>\r\n                <div class=\"doms-dc-tags\">\r\n                    <span class=\"doms-dc-tag\">Internal<\/span>\r\n                    <span class=\"doms-dc-tag\">IITM<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"doms-dc-matrix-grid\">\r\n            \r\n            <div class=\"doms-dc-prog-card\">\r\n                <h4 class=\"doms-dc-prog-head\">PhD Program<\/h4>\r\n                <div class=\"doms-dc-list-inline\">\r\n                    <span><span class=\"doms-dc-check\">\u25cf<\/span> HTRA<\/span>\r\n                    <span><span class=\"doms-dc-check\">\u25cf<\/span> QIP<\/span>\r\n                    <span><span class=\"doms-dc-check\">\u25cf<\/span> Part-Time<\/span>\r\n                    <span><span class=\"doms-dc-check\">\u25cf<\/span> External<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"doms-dc-prog-card\">\r\n                <h4 class=\"doms-dc-prog-head\">M.S. Program<\/h4>\r\n                <div class=\"doms-dc-list-inline\">\r\n                    <span><span class=\"doms-dc-check\">\u25cf<\/span> HTRA<\/span>\r\n                    <!--<span class=\"doms-dc-cross\">QIP<\/span>-->\r\n                    <span><span class=\"doms-dc-check\">\u25cf<\/span> Part-Time<\/span>\r\n                    <span><span class=\"doms-dc-check\">\u25cf<\/span> External<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n        \r\n        <div style=\"text-align:right; font-size:11px; color:#aaa; margin-top:10px;\">\r\n             QIP details: <a href=\"http:\/\/www.qip.iitm.ac.in\/\" target=\"_blank\" style=\"color:var(--dc-gold); text-decoration:none;\">qip.iitm.ac.in<\/a>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\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\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-419935d e-con-full e-flex e-con e-parent\" data-id=\"419935d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-70871ca elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"70871ca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"doms-app-process-root\" class=\"doms-dap-iso-scope\">\r\n\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap\" rel=\"stylesheet\">\r\n\r\n    <style>\r\n        \/* --- 1. SCOPED VARIABLES --- *\/\r\n        #doms-app-process-root.doms-dap-iso-scope {\r\n            \/* Palette: Clean Executive *\/\r\n            --dp-bg: #ffffff;\r\n            --dp-ink: #111111;\r\n            --dp-ink-light: #555555;\r\n            --dp-maroon: #800000;\r\n            --dp-gold: #D4AF37;\r\n            --dp-gold-dim: rgba(212, 175, 55, 0.1);\r\n            --dp-border: #e5e5e5;\r\n            --dp-shadow: 0 10px 40px rgba(0,0,0,0.05);\r\n            \r\n            \/* Typography *\/\r\n            --dp-serif: 'Playfair Display', serif;\r\n            --dp-sans: 'Manrope', sans-serif;\r\n            \r\n            \/* Spacing *\/\r\n            --dp-pad: 20px;\r\n        }\r\n\r\n        \/* --- 2. RESET --- *\/\r\n        #doms-app-process-root.doms-dap-iso-scope {\r\n            all: initial !important;\r\n            display: block !important;\r\n            width: 100% !important;\r\n            background-color: var(--dp-bg) !important;\r\n            \/* Technical Grid Background *\/\r\n            background-image: \r\n                linear-gradient(var(--dp-border) 1px, transparent 1px),\r\n                linear-gradient(90deg, var(--dp-border) 1px, transparent 1px) !important;\r\n            background-size: 60px 60px !important;\r\n            background-position: -1px -1px !important;\r\n            \r\n            font-family: var(--dp-sans) !important;\r\n            color: var(--dp-ink) !important;\r\n            box-sizing: border-box !important;\r\n            padding: var(--dp-pad) 0 !important;\r\n            position: relative !important;\r\n            overflow: hidden !important;\r\n        }\r\n\r\n        .doms-dap-iso-scope * {\r\n            box-sizing: border-box !important;\r\n            margin: 0 !important;\r\n            padding: 0 !important;\r\n            border: 0 !important;\r\n            background: transparent !important;\r\n        }\r\n\r\n        \/* --- 3. LAYOUT --- *\/\r\n        .doms-dap-container {\r\n            max-width: 1200px !important;\r\n            margin: 0 auto !important;\r\n            padding: 0 30px !important;\r\n            position: relative !important;\r\n            z-index: 5 !important;\r\n        }\r\n\r\n        .doms-dap-grid {\r\n            display: grid !important;\r\n            grid-template-columns: 1fr 1.5fr !important;\r\n            gap: 80px !important;\r\n            align-items: start !important;\r\n        }\r\n\r\n        \/* --- 4. LEFT: STICKY INFO --- *\/\r\n        .doms-dap-left {\r\n            position: sticky !important;\r\n            top: 100px !important;\r\n            background: #fff !important;\r\n            padding: 40px !important;\r\n            border: 1px solid var(--dp-border) !important;\r\n            border-top: 4px solid var(--dp-maroon) !important;\r\n            box-shadow: var(--dp-shadow) !important;\r\n        }\r\n\r\n        .doms-dap-eyebrow {\r\n            font-size: 11px !important;\r\n            font-weight: 700 !important;\r\n            text-transform: uppercase !important;\r\n            letter-spacing: 2px !important;\r\n            color: var(--dp-gold) !important;\r\n            margin-bottom: 20px !important;\r\n            display: block !important;\r\n        }\r\n\r\n        .doms-dap-title {\r\n            font-family: var(--dp-serif) !important;\r\n            font-size: 50px !important;\r\n            color: var(--dp-ink) !important;\r\n            line-height: 1.1 !important;\r\n            margin-bottom: 24px !important;\r\n        }\r\n\r\n        .doms-dap-text {\r\n            font-size: 16px !important;\r\n            line-height: 1.8 !important;\r\n            color: var(--dp-ink-light) !important;\r\n            margin-bottom: 30px !important;\r\n        }\r\n\r\n        \/* CTA Button *\/\r\n        .doms-dap-btn {\r\n            display: inline-flex !important;\r\n            align-items: center !important;\r\n            justify-content: center !important;\r\n            gap: 10px !important;\r\n            width: 100% !important;\r\n            padding: 18px 24px !important;\r\n            background: var(--dp-maroon) !important;\r\n            color: #fff !important;\r\n            font-size: 14px !important;\r\n            font-weight: 700 !important;\r\n            text-transform: uppercase !important;\r\n            letter-spacing: 1px !important;\r\n            text-decoration: none !important;\r\n            border-radius: 2px !important;\r\n            transition: all 0.3s ease !important;\r\n        }\r\n\r\n        .doms-dap-btn:hover {\r\n            background: #5a0000 !important;\r\n            transform: translateY(-2px) !important;\r\n            box-shadow: 0 10px 20px rgba(128,0,0,0.15) !important;\r\n        }\r\n\r\n        \/* --- 5. RIGHT: CHECKLIST STEPS --- *\/\r\n        .doms-dap-right {\r\n            position: relative !important;\r\n        }\r\n\r\n        .doms-dap-subtitle {\r\n            font-family: var(--dp-serif) !important;\r\n            font-size: 40px !important;\r\n            margin-bottom: 30px !important;\r\n            padding-bottom: 15px !important;\r\n            border-bottom: 1px solid var(--dp-border) !important;\r\n        }\r\n\r\n        \/* Checklist Item *\/\r\n        .doms-dap-check-item {\r\n            display: flex !important;\r\n            gap: 24px !important;\r\n            margin-bottom: 30px !important;\r\n            padding: 30px !important;\r\n            background: #fff !important;\r\n            border: 1px solid var(--dp-border) !important;\r\n            transition: all 0.3s ease !important;\r\n            position: relative !important;\r\n        }\r\n\r\n        .doms-dap-check-item:hover {\r\n            border-color: var(--dp-gold) !important;\r\n            transform: translateX(10px) !important;\r\n            box-shadow: 0 5px 20px rgba(0,0,0,0.05) !important;\r\n        }\r\n\r\n        \/* Number\/Icon *\/\r\n        .doms-dap-num {\r\n            font-family: var(--dp-serif) !important;\r\n            font-size: 32px !important;\r\n            color: var(--dp-gold) !important;\r\n            font-weight: 700 !important;\r\n            line-height: 1 !important;\r\n            min-width: 40px !important;\r\n        }\r\n\r\n        .doms-dap-content h4 {\r\n            font-family: var(--dp-sans) !important;\r\n            font-size: 18px !important;\r\n            font-weight: 700 !important;\r\n            color: var(--dp-ink) !important;\r\n            margin-bottom: 10px !important;\r\n        }\r\n\r\n        .doms-dap-content p {\r\n            font-size: 15px !important;\r\n            line-height: 1.6 !important;\r\n            color: var(--dp-ink-light) !important;\r\n        }\r\n\r\n        \/* --- 6. MOBILE OPTIMIZATION --- *\/\r\n        @media (max-width: 900px) {\r\n            #doms-app-process-root.doms-dap-iso-scope { padding: 60px 0 !important; }\r\n            .doms-dap-container { padding: 0 20px !important; }\r\n            \r\n            .doms-dap-grid {\r\n                grid-template-columns: 1fr !important;\r\n                gap: 50px !important;\r\n            }\r\n            \r\n            .doms-dap-left {\r\n                position: relative !important;\r\n                top: 0 !important;\r\n                padding: 30px !important;\r\n            }\r\n            \r\n            .doms-dap-title { font-size: 36px !important; }\r\n            \r\n            .doms-dap-check-item {\r\n                flex-direction: column !important;\r\n                gap: 15px !important;\r\n                padding: 24px !important;\r\n            }\r\n            \r\n            .doms-dap-check-item:hover { transform: none !important; }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"doms-dap-container\">\r\n        \r\n        <div class=\"doms-dap-grid\">\r\n            \r\n            <div class=\"doms-dap-left\">\r\n                <span class=\"doms-dap-eyebrow\">Start Your Journey<\/span>\r\n                <h2 class=\"doms-dap-title\">Application & Eligibility<\/h2>\r\n                <p class=\"doms-dap-text\">\r\n                    Candidates are encouraged to use our online system for a seamless application experience.\r\n                <\/p>\r\n                <p class=\"doms-dap-text\" style=\"font-size:14px; border-left:2px solid #eee; padding-left:15px;\">\r\n                    Details regarding the fee structure and specific eligibility criteria are comprehensively listed on the portal.\r\n                <\/p>\r\n                \r\n                <a href=\"https:\/\/research.iitm.ac.in\/\" target=\"_blank\" class=\"doms-dap-btn\">\r\n                    Research Admission Portal <span>\u2192<\/span>\r\n                <\/a>\r\n            <\/div>\r\n\r\n            <div class=\"doms-dap-right\">\r\n                <h3 class=\"doms-dap-subtitle\">Application Checklist<\/h3>\r\n                \r\n                <div class=\"doms-dap-check-item\">\r\n                    <div class=\"doms-dap-num\">01<\/div>\r\n                    <div class=\"doms-dap-content\">\r\n                        <h4>Academic Scores<\/h4>\r\n                        <p>Semester-wise (or annual) score sheets for your qualifying degree. Ensure all transcripts are legible.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"doms-dap-check-item\">\r\n                    <div class=\"doms-dap-num\">02<\/div>\r\n                    <div class=\"doms-dap-content\">\r\n                        <h4>Qualifying Examination<\/h4>\r\n                        <p>A valid score card for the qualifying examination (e.g., CAT, GATE, GRE, GMAT, NET) along with examination details.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"doms-dap-check-item\">\r\n                    <div class=\"doms-dap-num\">03<\/div>\r\n                    <div class=\"doms-dap-content\">\r\n                        <h4>Area of Specialization<\/h4>\r\n                        <p>Identify and select the specific research area or functional group you wish to apply for.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"doms-dap-check-item\">\r\n                    <div class=\"doms-dap-num\">04<\/div>\r\n                    <div class=\"doms-dap-content\">\r\n                        <h4>Statement of Purpose<\/h4>\r\n                        <p>A detailed SOP outlining your motivation. <strong>Doctoral candidates<\/strong> must also include a summary of their research proposal.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\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\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-540ddc2 e-con-full e-flex e-con e-parent\" data-id=\"540ddc2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0a5a5cd elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"0a5a5cd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"doms-select-parallax-root\" class=\"doms-dsp2-iso-scope\">\r\n\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap\" rel=\"stylesheet\">\r\n\r\n    <style>\r\n        \/* --- 1. SCOPED VARIABLES --- *\/\r\n        #doms-select-parallax-root.doms-dsp2-iso-scope {\r\n            \/* Palette: White Glass on Deep Image *\/\r\n            --dsp2-overlay: rgba(255, 255, 255, 0.085); \/* Strong white wash *\/\r\n            --dsp2-glass: rgba(255, 255, 255, 0.8);\r\n            --dsp2-glass-border: rgba(255, 255, 255, 0.6);\r\n            --dsp2-ink: #1a1a1a;\r\n            --dsp2-ink-light: #444444;\r\n            --dsp2-maroon: #800000;\r\n            --dsp2-gold: #D4AF37;\r\n            \r\n            \/* Typography *\/\r\n            --dsp2-serif: 'Playfair Display', serif;\r\n            --dsp2-sans: 'Manrope', sans-serif;\r\n            \r\n            \/* Spacing *\/\r\n            --dsp2-pad: 120px;\r\n        }\r\n\r\n        \/* --- 2. RESET --- *\/\r\n        #doms-select-parallax-root.doms-dsp2-iso-scope {\r\n            all: initial !important;\r\n            display: block !important;\r\n            width: 100% !important;\r\n            min-height: 800px !important;\r\n            font-family: var(--dsp2-sans) !important;\r\n            color: var(--dsp2-ink) !important;\r\n            box-sizing: border-box !important;\r\n            padding: var(--dsp2-pad) 0 !important;\r\n            position: relative !important;\r\n            overflow: hidden !important;\r\n        }\r\n\r\n        .doms-dsp2-iso-scope * {\r\n            box-sizing: border-box !important;\r\n            margin: 0 !important;\r\n            padding: 0 !important;\r\n            border: 0 !important;\r\n            background: transparent !important;\r\n        }\r\n\r\n        \/* --- 3. PARALLAX BACKGROUND --- *\/\r\n        .doms-dsp2-bg {\r\n            position: absolute !important;\r\n            top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important;\r\n            z-index: 0 !important;\r\n            \/* Image: Research Seminar \/ Hallway *\/\r\n            background-image: url('https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2025\/12\/Research-park.jpeg') !important;\r\n            background-size: cover !important;\r\n            background-position: center !important;\r\n            \/* FIXED EFFECT *\/\r\n            background-attachment: fixed !important;\r\n        }\r\n\r\n        .doms-dsp2-overlay {\r\n            position: absolute !important;\r\n            top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important;\r\n            background: var(--dsp2-overlay) !important;\r\n            backdrop-filter: blur(1px) !important; \/* Soften image details *\/\r\n            z-index: 1 !important;\r\n        }\r\n\r\n        \/* --- 4. LAYOUT --- *\/\r\n        .doms-dsp2-container {\r\n            max-width: 1100px !important;\r\n            margin: 0 auto !important;\r\n            padding: 0 30px !important;\r\n            position: relative !important;\r\n            z-index: 5 !important;\r\n        }\r\n\r\n        .doms-dsp2-layout {\r\n            display: grid !important;\r\n            grid-template-columns: 300px 1fr !important;\r\n            gap: 80px !important;\r\n            align-items: start !important;\r\n        }\r\n\r\n        \/* --- 5. LEFT: STICKY SIDEBAR --- *\/\r\n        .doms-dsp2-sidebar {\r\n            position: sticky !important;\r\n            top: 100px !important;\r\n            padding: 30px !important;\r\n            background: rgba(255,255,255,0.6) !important;\r\n            backdrop-filter: blur(10px) !important;\r\n            border-radius: 8px !important;\r\n            border: 1px solid #fff !important;\r\n            box-shadow: 0 20px 40px rgba(0,0,0,0.05) !important;\r\n        }\r\n\r\n        .doms-dsp2-eyebrow {\r\n            font-size: 11px !important;\r\n            font-weight: 700 !important;\r\n            text-transform: uppercase !important;\r\n            letter-spacing: 2px !important;\r\n            color: var(--dsp2-maroon) !important;\r\n            margin-bottom: 20px !important;\r\n            display: block !important;\r\n            border-bottom: 2px solid var(--dsp2-gold) !important;\r\n            padding-bottom: 5px !important;\r\n            display: inline-block !important;\r\n        }\r\n\r\n        .doms-dsp2-title {\r\n            font-family: var(--dsp2-serif) !important;\r\n            font-size: 42px !important;\r\n            line-height: 1.1 !important;\r\n            color: var(--dsp2-ink) !important;\r\n            margin-bottom: 30px !important;\r\n        }\r\n\r\n        .doms-dsp2-btn {\r\n            display: inline-flex !important;\r\n            align-items: center !important;\r\n            justify-content: center !important;\r\n            padding: 14px 28px !important;\r\n            background: var(--dsp2-maroon) !important;\r\n            color: #fff !important;\r\n            font-size: 14px !important;\r\n            font-weight: 600 !important;\r\n            text-transform: uppercase !important;\r\n            letter-spacing: 1px !important;\r\n            text-decoration: none !important;\r\n            border-radius: 4px !important;\r\n            transition: all 0.3s ease !important;\r\n            width: 100% !important;\r\n        }\r\n\r\n        .doms-dsp2-btn:hover {\r\n            background: #5a0000 !important;\r\n            transform: translateY(-2px) !important;\r\n            box-shadow: 0 10px 20px rgba(128, 0, 0, 0.2) !important;\r\n        }\r\n\r\n        \/* --- 6. RIGHT: TIMELINE --- *\/\r\n        .doms-dsp2-timeline {\r\n            position: relative !important;\r\n            padding-left: 50px !important;\r\n            \/* The Vertical Line *\/\r\n            border-left: 2px solid rgba(128, 0, 0, 0.1) !important;\r\n        }\r\n\r\n        \/* Timeline Step Card (Glass) *\/\r\n        .doms-dsp2-card {\r\n            position: relative !important;\r\n            background: var(--dsp2-glass) !important;\r\n            border: 1px solid var(--dsp2-glass-border) !important;\r\n            backdrop-filter: blur(15px) !important;\r\n            -webkit-backdrop-filter: blur(15px) !important;\r\n            border-radius: 8px !important;\r\n            padding: 40px !important;\r\n            margin-bottom: 50px !important;\r\n            box-shadow: 0 10px 30px rgba(0,0,0,0.03) !important;\r\n            transition: all 0.3s ease !important;\r\n        }\r\n\r\n        .doms-dsp2-card:hover {\r\n            transform: translateY(-5px) !important;\r\n            background: #fff !important;\r\n            box-shadow: 0 20px 50px rgba(0,0,0,0.08) !important;\r\n            border-color: var(--dsp2-gold) !important;\r\n        }\r\n\r\n        \/* The Dot *\/\r\n        .doms-dsp2-card::before {\r\n            content: '' !important;\r\n            position: absolute !important;\r\n            left: -59px !important; \/* Align with border line *\/\r\n            top: 40px !important;\r\n            width: 16px !important;\r\n            height: 16px !important;\r\n            background: #fff !important;\r\n            border: 4px solid var(--dsp2-maroon) !important;\r\n            border-radius: 50% !important;\r\n            z-index: 2 !important;\r\n            box-shadow: 0 0 0 4px rgba(255,255,255,0.8) !important;\r\n        }\r\n\r\n        \/* Card Content *\/\r\n        .doms-dsp2-step-num {\r\n            font-size: 10px !important;\r\n            font-weight: 800 !important;\r\n            color: var(--dsp2-gold) !important;\r\n            text-transform: uppercase !important;\r\n            letter-spacing: 1px !important;\r\n            margin-bottom: 12px !important;\r\n            display: block !important;\r\n        }\r\n\r\n        .doms-dsp2-step-title {\r\n            font-family: var(--dsp2-serif) !important;\r\n            font-size: 26px !important;\r\n            color: var(--dsp2-ink) !important;\r\n            margin-bottom: 20px !important;\r\n            font-weight: 600 !important;\r\n        }\r\n\r\n        .doms-dsp2-text {\r\n            font-size: 16px !important;\r\n            line-height: 1.7 !important;\r\n            color: var(--dsp2-ink-light) !important;\r\n            margin-bottom: 24px !important;\r\n        }\r\n\r\n        \/* Shortlist Criteria *\/\r\n        .doms-dsp2-check-list {\r\n            background: rgba(255,255,255,0.5) !important;\r\n            border-left: 3px solid var(--dsp2-maroon) !important;\r\n            padding: 15px 20px !important;\r\n            display: flex !important;\r\n            flex-direction: column !important;\r\n            gap: 10px !important;\r\n        }\r\n        .doms-dsp2-check-item { font-size: 14px !important; font-weight: 600 !important; color: #333 !important; display: flex !important; align-items: center !important; gap: 10px !important; }\r\n        .doms-dsp2-icon { color: var(--dsp2-maroon) !important; }\r\n\r\n        \/* Assessment Box *\/\r\n        .doms-dsp2-rat-grid {\r\n            display: grid !important;\r\n            grid-template-columns: 1fr 1fr !important;\r\n            gap: 15px !important;\r\n        }\r\n        .doms-dsp2-rat-item {\r\n            background: #fff !important;\r\n            border: 1px solid #eee !important;\r\n            padding: 15px !important;\r\n            border-radius: 4px !important;\r\n        }\r\n        .doms-dsp2-rat-head { font-size: 13px !important; font-weight: 700 !important; margin-bottom: 5px !important; display: block !important; color: #000 !important; }\r\n        .doms-dsp2-rat-desc { font-size: 12px !important; color: #666 !important; line-height: 1.4 !important; }\r\n\r\n        \/* Interview Panel *\/\r\n        .doms-dsp2-panel {\r\n            display: flex !important;\r\n            gap: 15px !important;\r\n            margin-top: 15px !important;\r\n        }\r\n        .doms-dsp2-badge {\r\n            background: var(--dsp2-maroon) !important;\r\n            color: #fff !important;\r\n            font-size: 12px !important;\r\n            font-weight: 600 !important;\r\n            padding: 6px 12px !important;\r\n            border-radius: 50px !important;\r\n        }\r\n\r\n        \/* --- 7. RESPONSIVE --- *\/\r\n        @media (max-width: 900px) {\r\n            #doms-select-parallax-root.doms-dsp2-iso-scope { padding: 60px 0 !important; }\r\n            .doms-dsp2-container { padding: 0 20px !important; }\r\n            \r\n            \/* DISABLE FIXED PARALLAX ON MOBILE *\/\r\n            .doms-dsp2-bg { background-attachment: scroll !important; }\r\n            \r\n            .doms-dsp2-layout {\r\n                grid-template-columns: 1fr !important;\r\n                gap: 40px !important;\r\n            }\r\n            \r\n            .doms-dsp2-sidebar {\r\n                position: relative !important;\r\n                top: 0 !important;\r\n                padding: 20px !important;\r\n                margin-bottom: 20px !important;\r\n            }\r\n            \r\n            .doms-dsp2-title { font-size: 32px !important; }\r\n            \r\n            \/* Timeline Adjustments *\/\r\n            .doms-dsp2-timeline { padding-left: 20px !important; border-left: 2px solid rgba(128,0,0,0.1) !important; }\r\n            .doms-dsp2-card::before { left: -29px !important; } \/* Re-align dot *\/\r\n            .doms-dsp2-card { padding: 30px 20px !important; }\r\n            \r\n            .doms-dsp2-rat-grid { grid-template-columns: 1fr !important; }\r\n            .doms-dsp2-panel { flex-wrap: wrap !important; }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"doms-dsp2-bg\"><\/div>\r\n    <div class=\"doms-dsp2-overlay\"><\/div>\r\n\r\n    <div class=\"doms-dsp2-container\">\r\n        \r\n        <div class=\"doms-dsp2-layout\">\r\n            \r\n            <div class=\"doms-dsp2-sidebar\">\r\n                <span class=\"doms-dsp2-eyebrow\">The Path to Research<\/span>\r\n                <h2 class=\"doms-dsp2-title\">Selection Procedure<\/h2>\r\n                <p style=\"font-size:14px; line-height:1.6; color:#555; margin-bottom:24px;\">\r\n                    Our rigorous selection process identifies candidates with strong analytical capability and domain expertise.\r\n                <\/p>\r\n                <a href=\"http:\/\/research.iitm.ac.in\" target=\"_blank\" class=\"doms-dsp2-btn\">\r\n                    Apply Online <span>\u2192<\/span>\r\n                <\/a>\r\n            <\/div>\r\n\r\n            <div class=\"doms-dsp2-timeline\">\r\n                \r\n                <div class=\"doms-dsp2-card\">\r\n                    <span class=\"doms-dsp2-step-num\">Step 01<\/span>\r\n                    <h3 class=\"doms-dsp2-step-title\">Online Application<\/h3>\r\n                    <p class=\"doms-dsp2-text\">\r\n                        The applicant must submit their candidacy through the official IIT Madras Research Portal. Ensure all preliminary data is accurate.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <div class=\"doms-dsp2-card\">\r\n                    <span class=\"doms-dsp2-step-num\">Step 02<\/span>\r\n                    <h3 class=\"doms-dsp2-step-title\">Shortlisting<\/h3>\r\n                    <p class=\"doms-dsp2-text\">\r\n                        Applications are reviewed, and a shortlist is prepared based on rigorous academic criteria.\r\n                    <\/p>\r\n                    <div class=\"doms-dsp2-check-list\">\r\n                        <div class=\"doms-dsp2-check-item\"><span class=\"doms-dsp2-icon\">\u2713<\/span> Academic Performance<\/div>\r\n                        <div class=\"doms-dsp2-check-item\"><span class=\"doms-dsp2-icon\">\u2713<\/span> Qualifying Exam Scores<\/div>\r\n                        <div class=\"doms-dsp2-check-item\"><span class=\"doms-dsp2-icon\">\u2713<\/span> SOP & Proposal<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"doms-dsp2-card\">\r\n                    <span class=\"doms-dsp2-step-num\">Step 03<\/span>\r\n                    <h3 class=\"doms-dsp2-step-title\">Assessment Day<\/h3>\r\n                    <p class=\"doms-dsp2-text\">\r\n                        Shortlisted candidates are invited to the department for verification and written assessments.\r\n                    <\/p>\r\n                    <div class=\"doms-dsp2-rat-grid\">\r\n                        <div class=\"doms-dsp2-rat-item\">\r\n                            <span class=\"doms-dsp2-rat-head\">Research Aptitude Test<\/span>\r\n                            <span class=\"doms-dsp2-rat-desc\">Generic test on analytics, language, and research skills.<\/span>\r\n                        <\/div>\r\n                        <div class=\"doms-dsp2-rat-item\">\r\n                            <span class=\"doms-dsp2-rat-head\">Specialization Exam<\/span>\r\n                            <span class=\"doms-dsp2-rat-desc\">For exempted candidates: Domain-specific written test.<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"doms-dsp2-card\">\r\n                    <span class=\"doms-dsp2-step-num\">Step 04<\/span>\r\n                    <h3 class=\"doms-dsp2-step-title\">Personal Interview<\/h3>\r\n                    <p class=\"doms-dsp2-text\">\r\n                        The final phase is a technical interview. A panel of faculty members evaluates your understanding of the domain.\r\n                    <\/p>\r\n                    <div class=\"doms-dsp2-panel\">\r\n                        <span class=\"doms-dsp2-badge\">Technical Knowledge<\/span>\r\n                        <span class=\"doms-dsp2-badge\">Research Aptitude<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\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\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b172624 e-flex e-con-boxed e-con e-parent\" data-id=\"b172624\" 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-5c0c1d6 elementor-widget elementor-widget-html\" data-id=\"5c0c1d6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"doms-pdf-pattern-root\" class=\"doms-dpp-iso-scope\">\r\n\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap\" rel=\"stylesheet\">\r\n\r\n    <style>\r\n        \/* --- 1. SCOPED VARIABLES --- *\/\r\n        #doms-pdf-pattern-root.doms-dpp-iso-scope {\r\n            \/* Palette: Clean Geometry *\/\r\n            --dpp-bg: #fdfdfd;\r\n            --dpp-ink: #111111;\r\n            --dpp-ink-light: #555555;\r\n            --dpp-maroon: #800000;\r\n            --dpp-gold: #D4AF37;\r\n            --dpp-border: #e6e6e6;\r\n            --dpp-card-bg: #ffffff;\r\n            --dpp-shadow: 0 10px 40px rgba(0,0,0,0.06);\r\n            \r\n            \/* Typography *\/\r\n            --dpp-serif: 'Playfair Display', serif;\r\n            --dpp-sans: 'Manrope', sans-serif;\r\n            \r\n            \/* Spacing *\/\r\n            --dpp-pad: 100px;\r\n        }\r\n\r\n        \/* --- 2. RESET & PATTERN --- *\/\r\n        #doms-pdf-pattern-root.doms-dpp-iso-scope {\r\n            all: initial !important;\r\n            display: block !important;\r\n            width: 100% !important;\r\n            background-color: var(--dpp-bg) !important;\r\n            \r\n            \/* THE PATTERN: Subtle Dot Grid *\/\r\n            background-image: radial-gradient(rgba(0,0,0,0.1) 1px, transparent 1px) !important;\r\n            background-size: 30px 30px !important;\r\n            \r\n            font-family: var(--dpp-sans) !important;\r\n            color: var(--dpp-ink) !important;\r\n            box-sizing: border-box !important;\r\n            padding: var(--dpp-pad) 0 !important;\r\n            position: relative !important;\r\n            overflow: hidden !important;\r\n        }\r\n\r\n        .doms-dpp-iso-scope * {\r\n            box-sizing: border-box !important;\r\n            margin: 0 !important;\r\n            padding: 0 !important;\r\n            border: 0 !important;\r\n            background: transparent !important;\r\n        }\r\n\r\n        \/* Geometric Watermark *\/\r\n        .doms-dpp-watermark {\r\n            position: absolute !important;\r\n            top: 50% !important;\r\n            right: -10% !important;\r\n            width: 600px !important;\r\n            height: 600px !important;\r\n            border: 1px solid rgba(128, 0, 0, 0.05) !important;\r\n            border-radius: 50% !important;\r\n            transform: translateY(-50%) !important;\r\n            z-index: 0 !important;\r\n            pointer-events: none !important;\r\n        }\r\n        .doms-dpp-watermark::before {\r\n            content: '' !important;\r\n            position: absolute !important;\r\n            top: 50px !important; left: 50px !important; right: 50px !important; bottom: 50px !important;\r\n            border: 1px dashed rgba(212, 175, 55, 0.1) !important;\r\n            border-radius: 50% !important;\r\n        }\r\n\r\n        \/* --- 3. CONTAINER --- *\/\r\n        .doms-dpp-container {\r\n            max-width: 1100px !important;\r\n            margin: 0 auto !important;\r\n            padding: 0 30px !important;\r\n            position: relative !important;\r\n            z-index: 5 !important;\r\n        }\r\n\r\n        \/* Header *\/\r\n        .doms-dpp-header {\r\n            max-width: 800px !important;\r\n            margin-bottom: 60px !important;\r\n        }\r\n\r\n        .doms-dpp-eyebrow {\r\n            font-size: 11px !important;\r\n            font-weight: 700 !important;\r\n            text-transform: uppercase !important;\r\n            letter-spacing: 2px !important;\r\n            color: var(--dpp-maroon) !important;\r\n            margin-bottom: 16px !important;\r\n            display: inline-block !important;\r\n            background: rgba(128, 0, 0, 0.05) !important;\r\n            padding: 6px 12px !important;\r\n            border-radius: 4px !important;\r\n        }\r\n\r\n        .doms-dpp-title {\r\n            font-family: var(--dpp-serif) !important;\r\n            font-size: 60px !important;\r\n            color: var(--dpp-ink) !important;\r\n            line-height: 1.1 !important;\r\n            margin-bottom: 24px !important;\r\n        }\r\n\r\n        .doms-dpp-lead {\r\n            font-size: 18px !important;\r\n            line-height: 1.6 !important;\r\n            color: var(--dpp-ink-light) !important;\r\n            max-width: 700px !important;\r\n        }\r\n\r\n        \/* --- 4. GRID LAYOUT --- *\/\r\n        .doms-dpp-grid {\r\n            display: grid !important;\r\n            grid-template-columns: 1.5fr 1fr !important;\r\n            gap: 60px !important;\r\n            align-items: start !important;\r\n        }\r\n\r\n        \/* Left Content *\/\r\n        .doms-dpp-text p {\r\n            font-size: 16px !important;\r\n            line-height: 1.8 !important;\r\n            color: var(--dpp-ink-light) !important;\r\n            margin-bottom: 20px !important;\r\n        }\r\n\r\n        \/* Research Areas Box *\/\r\n        .doms-dpp-areas {\r\n            margin-top: 40px !important;\r\n            padding: 30px !important;\r\n            background: #fff !important;\r\n            border: 1px solid var(--dpp-border) !important;\r\n            border-left: 4px solid var(--dpp-maroon) !important;\r\n            border-radius: 4px !important;\r\n            box-shadow: var(--dpp-shadow) !important;\r\n        }\r\n\r\n        .doms-dpp-area-label {\r\n            font-size: 12px !important;\r\n            font-weight: 700 !important;\r\n            text-transform: uppercase !important;\r\n            color: var(--dpp-ink) !important;\r\n            margin-bottom: 20px !important;\r\n            display: block !important;\r\n            letter-spacing: 0.5px !important;\r\n        }\r\n\r\n        .doms-dpp-tags {\r\n            display: flex !important;\r\n            flex-wrap: wrap !important;\r\n            gap: 10px !important;\r\n        }\r\n\r\n        .doms-dpp-tag {\r\n            font-size: 13px !important;\r\n            font-weight: 500 !important;\r\n            background: #f4f4f4 !important;\r\n            color: #333 !important;\r\n            padding: 8px 14px !important;\r\n            border-radius: 4px !important;\r\n            transition: all 0.2s ease !important;\r\n            border: 1px solid transparent !important;\r\n        }\r\n\r\n        .doms-dpp-tag:hover {\r\n            background: var(--dpp-maroon) !important;\r\n            color: #fff !important;\r\n            border-color: var(--dpp-maroon) !important;\r\n        }\r\n\r\n        \/* Right Content: Fellowship Cards *\/\r\n        .doms-dpp-cards-col {\r\n            display: flex !important;\r\n            flex-direction: column !important;\r\n            gap: 20px !important;\r\n        }\r\n\r\n        .doms-dpp-card {\r\n            background: #fff !important;\r\n            border: 1px solid var(--dpp-border) !important;\r\n            padding: 30px !important;\r\n            border-radius: 8px !important;\r\n            transition: all 0.3s ease !important;\r\n            position: relative !important;\r\n        }\r\n\r\n        .doms-dpp-card:hover {\r\n            transform: translateY(-5px) !important;\r\n            box-shadow: 0 15px 30px rgba(0,0,0,0.08) !important;\r\n            border-color: var(--dpp-gold) !important;\r\n        }\r\n\r\n        \/* Card Icon *\/\r\n        .doms-dpp-icon {\r\n            width: 48px !important;\r\n            height: 48px !important;\r\n            background: rgba(212, 175, 55, 0.1) !important;\r\n            color: var(--dpp-gold) !important;\r\n            display: flex !important;\r\n            align-items: center !important;\r\n            justify-content: center !important;\r\n            border-radius: 50% !important;\r\n            margin-bottom: 20px !important;\r\n            font-size: 20px !important;\r\n        }\r\n\r\n        \/* Special style for Women's PDF *\/\r\n        .doms-dpp-card.maroon-accent .doms-dpp-icon {\r\n            background: rgba(128, 0, 0, 0.05) !important;\r\n            color: var(--dpp-maroon) !important;\r\n        }\r\n\r\n        .doms-dpp-card-head {\r\n            font-family: var(--dpp-serif) !important;\r\n            font-size: 20px !important;\r\n            color: var(--dpp-ink) !important;\r\n            margin-bottom: 10px !important;\r\n            font-weight: 700 !important;\r\n        }\r\n\r\n        .doms-dpp-card-desc {\r\n            font-size: 14px !important;\r\n            line-height: 1.6 !important;\r\n            color: var(--dpp-ink-light) !important;\r\n        }\r\n\r\n        \/* Footer CTA *\/\r\n        .doms-dpp-footer {\r\n            margin-top: 60px !important;\r\n            padding-top: 30px !important;\r\n            border-top: 1px solid var(--dpp-border) !important;\r\n            display: flex !important;\r\n            align-items: center !important;\r\n            justify-content: space-between !important;\r\n            flex-wrap: wrap !important;\r\n            gap: 20px !important;\r\n        }\r\n\r\n        .doms-dpp-note {\r\n            font-size: 14px !important;\r\n            color: #666 !important;\r\n            font-style: italic !important;\r\n        }\r\n\r\n        .doms-dpp-btn {\r\n            display: inline-flex !important;\r\n            align-items: center !important;\r\n            gap: 8px !important;\r\n            padding: 14px 28px !important;\r\n            background: var(--dpp-maroon) !important;\r\n            color: #fff !important;\r\n            font-size: 13px !important;\r\n            font-weight: 700 !important;\r\n            text-transform: uppercase !important;\r\n            letter-spacing: 1px !important;\r\n            text-decoration: none !important;\r\n            border-radius: 2px !important;\r\n            transition: all 0.3s ease !important;\r\n        }\r\n\r\n        .doms-dpp-btn:hover {\r\n            background: #5a0000 !important;\r\n            transform: translateY(-2px) !important;\r\n        }\r\n\r\n        \/* --- 5. RESPONSIVE --- *\/\r\n        @media (max-width: 900px) {\r\n            #doms-pdf-pattern-root.doms-dpp-iso-scope { padding: 60px 0 !important; }\r\n            .doms-dpp-container { padding: 0 20px !important; }\r\n            \r\n            .doms-dpp-grid { grid-template-columns: 1fr !important; gap: 40px !important; }\r\n            \r\n            .doms-dpp-title { font-size: 32px !important; }\r\n            \r\n            .doms-dpp-footer { flex-direction: column !important; align-items: flex-start !important; }\r\n            \r\n            \/* Watermark adjustment *\/\r\n            .doms-dpp-watermark { display: none !important; }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"doms-dpp-watermark\"><\/div>\r\n\r\n    <div class=\"doms-dpp-container\">\r\n        \r\n        <div class=\"doms-dpp-header\">\r\n            <span class=\"doms-dpp-eyebrow\">Academic Excellence<\/span>\r\n            <h2 class=\"doms-dpp-title\">Post-Doctoral Fellowship<\/h2>\r\n            <p class=\"doms-dpp-lead\">\r\n                DoMS invites applications throughout the year, offering recent PhD graduates a platform to further their professional development.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"doms-dpp-grid\">\r\n            \r\n            <div class=\"doms-dpp-left\">\r\n                <div class=\"doms-dpp-text\">\r\n                    <p>\r\n                        At DoMS, postdoctoral researchers collaborate with distinguished professors and work in an environment that supports and celebrates excellence. This program is designed to build on your research foundation and enrich your academic expertise.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <div class=\"doms-dpp-areas\">\r\n                    <span class=\"doms-dpp-area-label\">Available Research Areas<\/span>\r\n                    <div class=\"doms-dpp-tags\">\r\n                        <span class=\"doms-dpp-tag\">Finance<\/span>\r\n                        <span class=\"doms-dpp-tag\">HR & Organizational Behavior<\/span>\r\n                        <span class=\"doms-dpp-tag\">Information Systems<\/span>\r\n                        <span class=\"doms-dpp-tag\">Integrative Management<\/span>\r\n                        <span class=\"doms-dpp-tag\">Operations<\/span>\r\n                        <span class=\"doms-dpp-tag\">Marketing<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"doms-dpp-cards-col\">\r\n                \r\n                <div class=\"doms-dpp-card\">\r\n                    <div class=\"doms-dpp-icon\">\u2756<\/div>\r\n                    <h3 class=\"doms-dpp-card-head\">Institute PDF<\/h3>\r\n                    <p class=\"doms-dpp-card-desc\">\r\n                        Standard fellowship for meritorious PhD graduates looking to pursue advanced research at IIT Madras.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <div class=\"doms-dpp-card maroon-accent\">\r\n                    <div class=\"doms-dpp-icon\">\u2726<\/div>\r\n                    <h3 class=\"doms-dpp-card-head\">PDF for Women<\/h3>\r\n                    <p class=\"doms-dpp-card-desc\">\r\n                        A dedicated fellowship track for women researchers returning from a break in their career.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"doms-dpp-footer\">\r\n            <span class=\"doms-dpp-note\">Applications are open throughout the year.<\/span>\r\n            <!--<a href=\"#\" class=\"doms-dpp-btn\">-->\r\n            <!--    Guidelines & Application <span>\u2192<\/span>-->\r\n            <!--<\/a>-->\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n\r\n\r\n\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>Doctoral Programmes Research Admissions \u201c Research is to see what everybody else has seen, and to think what nobody else has thought. \u2014 Albert Szent-Gy\u00f6rgyi Research Message to Applicants Welcome to the Research Ecosystem Welcome to DoMS, IIT Madras. Our programs are designed to condition young talent in finding their inner creativity and satisfying the&hellip;<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":15107,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-15109","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/doms.iitm.ac.in\/index.php\/wp-json\/wp\/v2\/pages\/15109","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=15109"}],"version-history":[{"count":217,"href":"https:\/\/doms.iitm.ac.in\/index.php\/wp-json\/wp\/v2\/pages\/15109\/revisions"}],"predecessor-version":[{"id":75381,"href":"https:\/\/doms.iitm.ac.in\/index.php\/wp-json\/wp\/v2\/pages\/15109\/revisions\/75381"}],"up":[{"embeddable":true,"href":"https:\/\/doms.iitm.ac.in\/index.php\/wp-json\/wp\/v2\/pages\/15107"}],"wp:attachment":[{"href":"https:\/\/doms.iitm.ac.in\/index.php\/wp-json\/wp\/v2\/media?parent=15109"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}