{"id":15119,"date":"2025-10-22T21:01:12","date_gmt":"2025-10-22T15:31:12","guid":{"rendered":"https:\/\/doms.iitm.ac.in\/wordpress\/?page_id=15119"},"modified":"2026-03-06T11:03:55","modified_gmt":"2026-03-06T05:33:55","slug":"placement-activities","status":"publish","type":"page","link":"https:\/\/doms.iitm.ac.in\/index.php\/placement-2\/placement-activities\/","title":{"rendered":"Placement @ DoMS"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"15119\" class=\"elementor elementor-15119\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e463fac e-flex e-con-boxed e-con e-parent\" data-id=\"e463fac\" 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-269e140 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"269e140\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<head>\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Lato:wght@300;400;700&family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Cinzel:wght@400;600;800&display=swap\" rel=\"stylesheet\">\n\n<\/head>\n\n\n\n<div id=\"doms-hero-parallax-root\">\n    \n    <div class=\"doms-ph-slider-wrapper\">\n        <div class=\"doms-ph-slide active\" style=\"background-image: url('https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/01\/Prof_Usha-scaled.jpg');\"><\/div>\n        <div class=\"doms-ph-slide\" style=\"background-image: url('https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/01\/1A5A9104-scaled-e1769530081676.jpg');\"><\/div>\n        \n    <\/div>\n\n\n\n    <div class=\"doms-ph-content-box\" id=\"domsHeroContent\">\n        <!--<span class=\"doms-ph-eyebrow\">Forging Future Leaders<\/span>-->\n        \n        <div class=\"doms-ph-title-wrap\">\n            <h1 class=\"doms-ph-title-main\">Placements<\/h1>\n            <span class=\"doms-ph-title-sub\">at <span>DoMS<\/span><\/span>\n        <\/div>\n        \n        \n    <\/div>\n\n   \n\n<\/div>\n\n<script>\n    (function() {\n        \/\/ --- 1. Slideshow Logic ---\n        const slides = document.querySelectorAll('.doms-ph-slide');\n        let currentSlide = 0;\n\n        function nextSlide() {\n            slides[currentSlide].classList.remove('active');\n            currentSlide = (currentSlide + 1) % slides.length;\n            slides[currentSlide].classList.add('active');\n        }\n        setInterval(nextSlide, 6000); \/\/ Slower cycle for grand feel\n\n        \/\/ --- 2. 3D Tilt Effect on Mouse Move ---\n        const container = document.getElementById('doms-hero-parallax-root');\n        const box = document.getElementById('domsHeroContent');\n\n        \/\/ Only enable tilt on desktop (mouse devices)\n        if (window.matchMedia(\"(min-width: 1024px)\").matches) {\n            container.addEventListener('mousemove', (e) => {\n                const xAxis = (window.innerWidth \/ 2 - e.pageX) \/ 25;\n                const yAxis = (window.innerHeight \/ 2 - e.pageY) \/ 25;\n                box.style.transform = `rotateY(${xAxis}deg) rotateX(${yAxis}deg)`;\n            });\n\n            \/\/ Reset on leave\n            container.addEventListener('mouseenter', () => {\n                box.style.transition = 'none';\n            });\n            container.addEventListener('mouseleave', () => {\n                box.style.transition = 'all 0.5s ease';\n                box.style.transform = `rotateY(0deg) rotateX(0deg)`;\n            });\n        }\n    })();\n<\/script>\n\n\n\n<style>\n    \/* =========================================\n       CSS ISOLATION: DoMS Placement Parallax Hero\n       ========================================= *\/\n\n    #doms-hero-parallax-root {\n        \/* --- Theme Variables --- *\/\n        --ph-font-title: 'Cinzel', serif;\n        --ph-font-head: 'Playfair Display', serif;\n        --ph-font-body: 'Lato', sans-serif;\n        \n        \/* Palette *\/\n        --ph-gold: #d4af37;\n        --ph-gold-grad: linear-gradient(135deg, #fce38a 0%, #d4af37 50%, #996515 100%);\n        --ph-white: #ffffff;\n        \n        \/* Layout *\/\n        width: 100%;\n        height: 20vh; \/* Full Screen Impact *\/\n        min-height: 400px;\n        position: relative;\n        overflow: hidden;\n        color: var(--ph-white);\n        box-sizing: border-box;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        text-align: center;\n        perspective: 2700px; \/* For 3D text effect *\/\n    }\n\n    #doms-hero-parallax-root * { box-sizing: border-box; }\n\n    \/* --- PARALLAX SLIDER CONTAINER --- *\/\n    \/* We use a fixed position pseudo-like container for the 'Fixed' bg effect *\/\n    .doms-ph-slider-wrapper {\n        position: absolute;\n        top: 0; left: 0; width: 100%; height: 100%;\n        z-index: 0;\n        \/* This ensures the image covers the area but stays 'fixed' visually if supported *\/\n        clip-path: inset(0 0 0 0); \n    }\n\n    .doms-ph-slide {\n        position: fixed; \/* The Parallax Trick *\/\n        top: 0; left: 0; width: 100%; height: 100%;\n        background-size: cover;\n        background-position: center;\n        opacity: 0;\n        visibility: hidden;\n        transition: opacity 1.5s ease-in-out, visibility 1.5s;\n        will-change: transform;\n        z-index: -1; \/* Behind everything *\/\n    }\n\n    \/* Active Slide - Ken Burns Zoom *\/\n    .doms-ph-slide.active {\n        opacity: 1;\n        visibility: visible;\n        animation: kenBurns 10s linear forwards;\n    }\n\n    @keyframes kenBurns {\n        0% { transform: scale(1); }\n        100% { transform: scale(1.15); }\n    }\n\n    \/* --- CINEMATIC OVERLAY --- *\/\n    \/* Dark gradient to pop the text *\/\n    #doms-hero-parallax-root::before {\n        content: \"\"; position: absolute; top: 0; left: 0; width: 100%; height: 100%;\n        background: radial-gradient(circle at center, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.7) 100%);\n        z-index: 1; pointer-events: none;\n    }\n\n    \/* Detailed Mesh Pattern *\/\n    #doms-hero-parallax-root::after {\n        content: \"\"; position: absolute; top: 0; left: 0; width: 100%; height: 100%;\n        background-image: linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),\n                          linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);\n        background-size: 50px 50px;\n        z-index: 1; pointer-events: none;\n    }\n\n    \/* --- CONTENT WRAPPER (Interactive) --- *\/\n    .doms-ph-content-box {\n        position: relative;\n        z-index: 10;\n        max-width: 1100px;\n        padding: 60px 40px;\n        \/* Glassmorphism subtle *\/\n        background: rgba(255, 255, 255, 0.02);\n        backdrop-filter: blur(3px);\n        border: 1px solid rgba(255, 255, 255, 0.05);\n        border-radius: 4px;\n        box-shadow: 0 20px 50px rgba(0,0,0,0.3);\n        transform-style: preserve-3d; \/* Key for the 3D tilt *\/\n        transition: transform 0.1s ease-out; \/* Smooth mouse follow *\/\n    }\n    \n    \/* Decorative corners *\/\n    .doms-ph-content-box::before, .doms-ph-content-box::after {\n        content: \"\"; position: absolute; width: 30px; height: 30px;\n        border: 2px solid var(--ph-gold); transition: all 0.5s ease;\n    }\n    .doms-ph-content-box::before { top: -2px; left: -2px; border-right: none; border-bottom: none; }\n    .doms-ph-content-box::after { bottom: -2px; right: -2px; border-left: none; border-top: none; }\n    \n    .doms-ph-content-box:hover::before, .doms-ph-content-box:hover::after {\n        width: 100%; height: 100%; opacity: 0.5;\n    }\n\n    \/* Typography *\/\n    .doms-ph-eyebrow {\n        display: inline-block;\n        font-family: var(--ph-font-body);\n        font-size: 0.9rem; text-transform: uppercase; letter-spacing: 6px;\n        color: rgba(255,255,255,0.8);\n        margin-bottom: 25px;\n        position: relative;\n    }\n    .doms-ph-eyebrow::after {\n        content: \"\"; display: block; width: 40px; height: 2px; background: var(--ph-gold);\n        margin: 10px auto 0 auto;\n    }\n\n    .doms-ph-title-wrap {\n        margin-bottom: 20px;\n    }\n\n    .doms-ph-title-main {\n        font-family: var(--ph-font-title);\n        font-size: clamp(3.5rem, 8vw, 6.5rem);\n        line-height: 1; font-weight: 800;\n        margin: 0;\n        background: var(--ph-gold-grad);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        \/* Deep Shadow *\/\n        filter: drop-shadow(0 4px 0px rgba(0,0,0,0.5));\n    }\n\n    .doms-ph-title-sub {\n        font-family: var(--ph-font-head);\n        font-size: clamp(2rem, 5vw, 3.5rem);\n        font-weight: 400; font-style: italic;\n        color: #fff; display: block; margin-top: 5px;\n    }\n    .doms-ph-title-sub span { color: var(--ph-gold); font-weight: 700; }\n\n    .doms-ph-desc {\n        font-family: var(--ph-font-body);\n        font-size: 1.2rem;\n        color: rgba(255,255,255,0.85);\n        max-width: 700px;\n        margin: 30px auto 0 auto;\n        font-weight: 300; line-height: 1.7;\n    }\n\n    \/* --- SCROLL INDICATOR --- *\/\n    .doms-ph-scroll-hint {\n        position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%);\n        z-index: 10;\n        display: flex; flex-direction: column; align-items: center; gap: 10px;\n        opacity: 0.7; animation: bounce 2s infinite;\n    }\n    .doms-ph-mouse {\n        width: 26px; height: 40px; border: 2px solid #fff; border-radius: 15px; position: relative;\n    }\n    .doms-ph-wheel {\n        width: 4px; height: 4px; background: #fff; border-radius: 50%;\n        position: absolute; top: 8px; left: 50%; transform: translateX(-50%);\n    }\n\n    @keyframes bounce {\n        0%, 20%, 50%, 80%, 100% {transform: translateX(-50%) translateY(0);}\n        40% {transform: translateX(-50%) translateY(-10px);}\n        60% {transform: translateX(-50%) translateY(-5px);}\n    }\n\n    \/* --- RESPONSIVE --- *\/\n    @media (max-width: 768px) {\n        \/* Disable fixed background on mobile for performance *\/\n        .doms-ph-slide { position: absolute; }\n        .doms-ph-content-box { padding: 40px 20px; border: none; background: none; box-shadow: none; }\n        .doms-ph-content-box::before, .doms-ph-content-box::after { display: none; }\n        \n        .doms-ph-title-main { font-size: 3.5rem; }\n        .doms-ph-title-sub { font-size: 2rem; }\n    }\n\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6212a0a e-flex e-con-boxed e-con e-parent\" data-id=\"6212a0a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7dbe702 e-con-full e-flex e-con e-parent\" data-id=\"7dbe702\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-266589f elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"266589f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n\n\n\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,500&family=Montserrat:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n\n<style>\n    \/* =========================================\n       SCOPED CSS STYLING (Strict Isolation)\n       ========================================= *\/\n\n    \/* ROOT WRAPPER *\/\n    .doms-v6-root-container {\n        \/* Palette *\/\n        --v6-maroon: #630000;\n        --v6-gold: #D4AF37;\n        --v6-cream: #F9F7F2;\n        --v6-text-dark: #2C2C2C;\n        --v6-text-light: #555555;\n        \n        \/* Fonts *\/\n        --v6-font-heading: 'Cormorant Garamond', serif; \n        --v6-font-body: 'Montserrat', sans-serif;\n        \n        \/* Layout *\/\n        --v6-max-width: 1200px;\n        \n        \/* CSS Reset for Wrapper *\/\n        all: initial; \/* Resets inherited styles from WP Theme *\/\n        display: block;\n        background-color: var(--v6-cream);\n        background-image: radial-gradient(#d1d1d1 1.5px, transparent 1.5px);\n        background-size: 30px 30px; \n        font-family: var(--v6-font-body);\n        color: var(--v6-text-dark);\n        width: 100%;\n        box-sizing: border-box;\n        overflow-x: hidden;\n    }\n\n    \/* Universal Box Sizing within Wrapper *\/\n    .doms-v6-root-container *, \n    .doms-v6-root-container *::before, \n    .doms-v6-root-container *::after {\n        box-sizing: border-box;\n        margin: 0;\n        padding: 0;\n    }\n\n    \/* =========================================\n       1. HEADER\n       ========================================= *\/\n    .doms-v6-header-section {\n        padding: 4rem 1.5rem 2rem 1.5rem;\n        text-align: center;\n        width: 100%;\n    }\n\n    .doms-v6-main-heading {\n        font-family: var(--v6-font-heading);\n        font-size: clamp(32px, 8vw, 90px); \n        font-weight: 700;\n        color: var(--v6-maroon);\n        margin-bottom: 1.5rem;\n        line-height: 1.1;\n        position: relative;\n        display: inline-block;\n    }\n    \n    .doms-v6-main-heading::after {\n        content: \"\";\n        display: block;\n        width: 80px;\n        height: 6px;\n        background-color: var(--v6-gold);\n        margin: 15px auto 0 auto;\n    }\n\n    .doms-v6-lead-para {\n        max-width: 800px;\n        margin: 0 auto;\n        font-family: var(--v6-font-body);\n        font-size: 18px;\n        font-weight: 400;\n        line-height: 1.6;\n        color: #444;\n    }\n\n    \/* =========================================\n       2. TABS LAYOUT\n       ========================================= *\/\n    .doms-v6-tabs-wrapper {\n        padding: 2rem 1.5rem 5rem 1.5rem;\n        display: flex;\n        justify-content: center;\n        width: 100%;\n    }\n\n    .doms-v6-card-container {\n        display: flex;\n        max-width: var(--v6-max-width);\n        width: 100%;\n        background: #ffffff;\n        box-shadow: 0 20px 60px rgba(0,0,0,0.06);\n        border-radius: 4px;\n        border: 1px solid rgba(0,0,0,0.05);\n    }\n\n    \/* SIDEBAR NAV *\/\n    .doms-v6-nav-col {\n        flex: 0 0 300px;\n        background: #ffffff;\n        border-right: 1px solid #f0f0f0;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        gap: 12px;\n        padding: 2rem 1.5rem;\n    }\n\n    .doms-v6-tab-btn {\n        background: transparent;\n        border: none;\n        width: 100%;\n        padding: 14px 20px;\n        font-family: var(--v6-font-heading);\n        font-size: 22px; \n        font-weight: 600;\n        color: #999;\n        cursor: pointer;\n        border-radius: 4px; \n        transition: all 0.3s ease;\n        text-align: left;\n        line-height: 1.2;\n    }\n\n    .doms-v6-tab-btn:hover {\n        color: var(--v6-maroon);\n        background: #f9f9f9;\n        padding-left: 25px; \n    }\n\n    .doms-v6-tab-btn.v6-active {\n        background-color: var(--v6-gold);\n        color: var(--v6-maroon);\n        font-weight: 700;\n        text-align: center;\n        padding-left: 20px; \n        box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3);\n    }\n\n    \/* CONTENT AREA *\/\n    .doms-v6-content-col {\n        flex: 1;\n        padding: 3rem;\n        background: #ffffff;\n        position: relative;\n        min-height: 600px; \n    }\n\n    .doms-v6-panel {\n        display: none;\n        grid-template-columns: 1fr 1fr;\n        gap: 3rem;\n        align-items: center;\n        animation: v6FadeIn 0.6s ease-out forwards;\n    }\n\n    .doms-v6-panel.v6-active {\n        display: grid;\n    }\n\n    @keyframes v6FadeIn {\n        from { opacity: 0; transform: translateY(10px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n\n    .doms-v6-panel-heading {\n        font-family: var(--v6-font-heading);\n        font-size: 50px;\n        color: var(--v6-maroon);\n        margin-bottom: 20px;\n        line-height: 1.1;\n    }\n\n    .doms-v6-panel-p {\n        font-family: var(--v6-font-body);\n        font-size: 16px;\n        color: var(--v6-text-light);\n        margin-bottom: 18px;\n        text-align: justify;\n        line-height: 1.8; \n    }\n\n    \/* COLLAGE (2 Landscape Photos) *\/\n    .doms-v6-collage-wrapper {\n        position: relative;\n        height: 450px;\n        width: 100%;\n    }\n\n    .doms-v6-photo {\n        position: absolute;\n        object-fit: cover;\n        box-shadow: 0 15px 35px rgba(0,0,0,0.15);\n        transition: transform 0.5s ease;\n        border-radius: 2px;\n    }\n\n    \/* Photo 1: Top Left *\/\n    .v6-photo-1 {\n        width: 90%;\n        height: 55%;\n        top: 0;\n        left: 0;\n        z-index: 1;\n        filter: none !important;\n    }\n\n    \/* Photo 2: Bottom Right (Overlapping) *\/\n    .v6-photo-2 {\n        width: 90%;\n        height: 55%;\n        bottom: 0;\n        right: 0;\n        z-index: 2;\n        filter: none !important;\n        border: 6px solid #ffffff; \n    }\n\n    .doms-v6-collage-wrapper:hover .v6-photo-1 {\n        transform: translateY(-5px);\n    }\n    .doms-v6-collage-wrapper:hover .v6-photo-2 {\n        transform: translateY(5px);\n    }\n\n    \/* =========================================\n       3. FOOTER PLAQUE\n       ========================================= *\/\n    .doms-v6-footer-wrapper {\n        padding: 0 1.5rem 6rem 1.5rem;\n        display: flex;\n        justify-content: center;\n        width: 100%;\n    }\n\n    .doms-v6-plaque-card {\n        max-width: 900px;\n        width: 100%;\n        background: #ffffff;\n        padding: 3rem 4rem;\n        position: relative;\n        text-align: center;\n        border: 1px solid #e0e0e0;\n        box-shadow: \n            0 0 0 5px #fff, \n            0 0 0 6px var(--v6-gold), \n            0 20px 50px rgba(0,0,0,0.08);\n    }\n\n    .doms-v6-plaque-card::before {\n        content: \"\u275d\"; \n        font-family: var(--v6-font-heading);\n        font-size: 80px;\n        color: rgba(212, 175, 55, 0.2);\n        position: absolute;\n        top: -20px;\n        left: 50%;\n        transform: translateX(-50%);\n        line-height: 1;\n    }\n\n    .doms-v6-plaque-text {\n        font-family: var(--v6-font-heading);\n        font-size: 24px;\n        font-style: italic;\n        color: var(--v6-text-dark);\n        line-height: 1.6;\n        margin-top: 1rem;\n        margin-bottom: 1.5rem;\n    }\n\n    .doms-v6-plaque-sig {\n        font-family: var(--v6-font-body);\n        font-size: 14px;\n        font-weight: 600;\n        letter-spacing: 1px;\n        text-transform: uppercase;\n        color: var(--v6-maroon);\n    }\n\n    \/* =========================================\n       RESPONSIVE (Highly Optimized for Mobile)\n       ========================================= *\/\n    @media (max-width: 992px) {\n        .doms-v6-card-container { \n            flex-direction: column; \n        }\n        \n        .doms-v6-nav-col { \n            flex-direction: row; \n            overflow-x: auto; \n            border-right: none; \n            border-bottom: 1px solid #eee; \n            padding: 1rem;\n            flex: none;\n            width: 100%;\n            justify-content: flex-start;\n            gap: 10px;\n            white-space: nowrap; \/* Forces horizontal scroll on mobile *\/\n            scrollbar-width: none; \/* Hide scrollbar Firefox *\/\n        }\n        .doms-v6-nav-col::-webkit-scrollbar { \n            display: none; \/* Hide scrollbar Webkit *\/\n        }\n        \n        .doms-v6-tab-btn { \n            white-space: nowrap; \n            padding: 10px 15px; \n            font-size: 16px; \n            width: auto;\n            text-align: center;\n        }\n\n        .doms-v6-content-col {\n            padding: 2rem;\n            min-height: auto; \/* Remove fixed height on mobile *\/\n        }\n        \n        .doms-v6-panel { \n            grid-template-columns: 1fr; \n            gap: 2rem; \n        }\n        \n        .doms-v6-collage-wrapper { \n            height: 350px; \n            margin-top: 10px; \n            width: 100%; \n        }\n        \n        .doms-v6-plaque-card { \n            padding: 2.5rem 2rem; \n        }\n    }\n\n    @media (max-width: 600px) {\n        .doms-v6-header-section {\n            padding: 3rem 1rem 1.5rem 1rem;\n        }\n        .doms-v6-tabs-wrapper {\n            padding: 1rem 1rem 3rem 1rem;\n        }\n        .doms-v6-main-heading { \n            font-size: 36px; \n        }\n        .doms-v6-lead-para {\n            font-size: 16px;\n        }\n        .doms-v6-content-col {\n            padding: 1.5rem;\n        }\n        .doms-v6-panel-heading {\n            font-size: 32px; \/* Scale down heading *\/\n        }\n        .doms-v6-collage-wrapper { \n            height: 280px; \/* Scale down collage height *\/\n        }\n        .v6-photo-2 {\n            border-width: 4px; \/* Thinner border for small screens *\/\n        }\n        .doms-v6-plaque-text { \n            font-size: 18px; \n        }\n        .doms-v6-plaque-card { \n            padding: 2rem 1.5rem; \n        }\n    }\n<\/style>\n\n<div class=\"doms-v6-root-container\">\n\n    <div class=\"doms-v6-header-section\">\n        <h2 class=\"doms-v6-main-heading\">Why Recruit at DoMS?<\/h2>\n        <p class=\"doms-v6-lead-para\">\n            MBA at the Dept. of Management Studies, IIT Madras has been designed keeping in view today's dynamic business environment and the consequent need to develop unique, young management talent to work in this environment.\n        <\/p>\n    <\/div>\n\n    <div class=\"doms-v6-tabs-wrapper\">\n        <div class=\"doms-v6-card-container\">\n            \n            <div class=\"doms-v6-nav-col\">\n                <button class=\"doms-v6-tab-btn v6-active\" onclick=\"domsV6Open(event, 'v6-tab1')\">The IIT Advantage<\/button>\n                <button class=\"doms-v6-tab-btn\" onclick=\"domsV6Open(event, 'v6-tab2')\">Programme Structure<\/button>\n                <button class=\"doms-v6-tab-btn\" onclick=\"domsV6Open(event, 'v6-tab3')\">Business Exposure<\/button>\n                <button class=\"doms-v6-tab-btn\" onclick=\"domsV6Open(event, 'v6-tab4')\">Diversity & Size<\/button>\n                <button class=\"doms-v6-tab-btn\" onclick=\"domsV6Open(event, 'v6-tab5')\">Research Scholars<\/button>\n            <\/div>\n\n            <div class=\"doms-v6-content-col\">\n                \n                <div id=\"v6-tab1\" class=\"doms-v6-panel v6-active\">\n                    <div class=\"doms-v6-text-block\">\n                        <h3 class=\"doms-v6-panel-heading\">The IIT Advantage<\/h3>\n                        <p class=\"doms-v6-panel-p\">Students of MBA at DoMS can opt for auditing courses from any of the elective courses offered by the Department of Management Studies or from over 300 courses offered by the other 16 departments in the Institute covering science, technology, humanities and social sciences.<\/p>\n                        <p class=\"doms-v6-panel-p\">This unique access to a blend of knowledge streams feed the MBA program to produce a distinct breed of business professionals. Within the IIT system our MBA students get to develop a distinct capability in analytics and problem solving.<\/p>\n                    <\/div>\n                    <div class=\"doms-v6-collage-wrapper\">\n                        <img decoding=\"async\" src=\"https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/01\/Screenshot-2026-01-28-152721.png\" class=\"doms-v6-photo v6-photo-1\" alt=\"IIT Madras Campus Landscape\">\n                        <img decoding=\"async\" src=\"https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/01\/IIT1-1.jpg\" class=\"doms-v6-photo v6-photo-2\" alt=\"Students in Campus\">\n                    <\/div>\n                <\/div>\n\n                <div id=\"v6-tab2\" class=\"doms-v6-panel\">\n                    <div class=\"doms-v6-text-block\">\n                        <h3 class=\"doms-v6-panel-heading\">Programme Structure Advantage<\/h3>\n                        <p class=\"doms-v6-panel-p\">The MBA programme at DoMS has a unique structure with courses spread over seven quarters having only five to six courses per quarter. This gives students an optimal learning experience, enabling them to develop a well-rounded professional personality.<\/p>\n                        <p class=\"doms-v6-panel-p\">Engaging in a variety of constructive activities including taking courses on audit, going on field visits, participating in various management workshops and competitions, organizing special professional events, and working on live business projects.<\/p>\n                    <\/div>\n                    <div class=\"doms-v6-collage-wrapper\">\n                        <img decoding=\"async\" src=\"https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/01\/Screenshot-2026-01-28-152837.png\" class=\"doms-v6-photo v6-photo-1\" style=\"filter:none\" alt=\"Programme Structure\">\n                    <\/div>\n                <\/div>\n\n                <div id=\"v6-tab3\" class=\"doms-v6-panel\">\n                    <div class=\"doms-v6-text-block\">\n                        <h3 class=\"doms-v6-panel-heading\">Business Domain Exposure<\/h3>\n                        <p class=\"doms-v6-panel-p\">To incorporate a deep industry specific knowledge and process level understanding of organizations in various industrial verticals, our MBA program offers a course on industrial and business domains.<\/p>\n                        <p class=\"doms-v6-panel-p\">In addition, every year industry trends are studied and course contents are updated or new courses introduced to keep pace with the global market standards.<\/p>\n                    <\/div>\n                    <div class=\"doms-v6-collage-wrapper\">\n                        <img decoding=\"async\" src=\"https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/01\/Screenshot-2026-01-28-152837.png\" class=\"doms-v6-photo v6-photo-1\" alt=\"Corporate Office\">\n                        <img decoding=\"async\" src=\"https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/01\/Screenshot-2026-01-28-153246.png\" class=\"doms-v6-photo v6-photo-2\" alt=\"Business Meeting\">\n                    <\/div>\n                <\/div>\n\n                <div id=\"v6-tab4\" class=\"doms-v6-panel\">\n                    <div class=\"doms-v6-text-block\">\n                        <h3 class=\"doms-v6-panel-heading\">Diversity and Size<\/h3>\n                        <p class=\"doms-v6-panel-p\">Our MBA batch size is in the range of 80 to 100 students admitted from a large pool of applicants through a rigorous national level selection process. Our students come from across the length and breadth of our country.<\/p>\n                        <p class=\"doms-v6-panel-p\">The small batch size enables our faculty to give personalized attention to our students, and build a warm culture of group-work in the Department. Classroom diversity is enriched by participants with prior work experience and varied socio-cultural backgrounds.<\/p>\n                    <\/div>\n                    <div class=\"doms-v6-collage-wrapper\">\n                        <img decoding=\"async\" src=\"https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/01\/Screenshot-2026-01-28-152446.png\" class=\"doms-v6-photo v6-photo-1\" alt=\"Diverse Group\">\n                        <img decoding=\"async\" src=\"https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/01\/Screenshot-2026-01-28-152721.png\" class=\"doms-v6-photo v6-photo-2\" alt=\"Team Discussion\">\n                    <\/div>\n                <\/div>\n\n                <div id=\"v6-tab5\" class=\"doms-v6-panel\">\n                    <div class=\"doms-v6-text-block\">\n                        <h3 class=\"doms-v6-panel-heading\">Research Scholars - MS\/PhD<\/h3>\n                        <p class=\"doms-v6-panel-p\">Our M.S. in Management is a unique programme which gives the student an exposure to the breadth of knowledge across the functional areas of management and depth of knowledge in their chosen area of specialization.<\/p>\n                        <p class=\"doms-v6-panel-p\">We strive to provide our research program with a global flavour. We now have academic partnerships and student exchange programs with business schools across Europe, Australian and American Universities. We have Joint Ph.D. programmes with Curtin University, University of Technology Sydney, and University of Passau.<\/p>\n                    <\/div>\n                    <div class=\"doms-v6-collage-wrapper\">\n                        <img decoding=\"async\" src=\"https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/01\/RS-10-scaled.jpg\" class=\"doms-v6-photo v6-photo-1\" alt=\"Research Lab\">\n                        <img decoding=\"async\" src=\"https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/01\/DSC00458.jpg\" class=\"doms-v6-photo v6-photo-2\" alt=\"Data Analysis\">\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"doms-v6-footer-wrapper\">\n        <div class=\"doms-v6-plaque-card\">\n            <p class=\"doms-v6-plaque-text\">\n                At DoMS, IIT Madras we take pride in liaising with industry in a meaningful way that goes beyond the \u201cDay 0, Day 1\u2026\u201d paradigm. We look forward to a relationship that is manifold in its forms of engagement. We look forward to build a long-lasting and mutually beneficial relationship and this includes engaging in activities such as guest lectures, leadership talks, and conclaves etc. that facilitate learning.\n            <\/p>\n            <div class=\"doms-v6-plaque-sig\">\n                Placement Cell, DoMS IIT Madras\n            <\/div>\n        <\/div>\n    <\/div>\n\n<\/div>\n\n<script>\n    function domsV6Open(evt, tabName) {\n        var i, tabcontent, tablinks;\n        \n        \/\/ Hide contents\n        tabcontent = document.getElementsByClassName(\"doms-v6-panel\");\n        for (i = 0; i < tabcontent.length; i++) {\n            tabcontent[i].classList.remove(\"v6-active\");\n        }\n        \n        \/\/ Deactivate buttons\n        tablinks = document.getElementsByClassName(\"doms-v6-tab-btn\");\n        for (i = 0; i < tablinks.length; i++) {\n            tablinks[i].classList.remove(\"v6-active\");\n        }\n        \n        \/\/ Activate current\n        document.getElementById(tabName).classList.add(\"v6-active\");\n        evt.currentTarget.classList.add(\"v6-active\");\n    }\n<\/script>\n\n\n\n\n\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6c9e239 e-con-full e-flex e-con e-parent\" data-id=\"6c9e239\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1f67e9e elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"1f67e9e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=Manrope:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    \/* =========================================\r\n       STYLISH ISOLATED CSS (V13)\r\n       ========================================= *\/\r\n\r\n    \/* 1. ROOT CONTAINER *\/\r\n    #wp-iso-v13-main-root {\r\n        \/* PALETTE *\/\r\n        --iso-dark-bg: #1a1d24;      \/* Lighter Charcoal *\/\r\n        --iso-card-bg: rgba(35, 40, 48, 0.5);\r\n        --iso-gold: #D4AF37;\r\n        --iso-gold-dim: rgba(212, 175, 55, 0.3);\r\n        --iso-text-white: #ffffff;\r\n        --iso-text-body: #cfd4da;    \/* Lighter grey for better readability *\/\r\n        \r\n        --font-serif: 'Playfair Display', serif; \r\n        --font-sans: 'Manrope', sans-serif;\r\n        \r\n        \/* RESET *\/\r\n        all: initial;\r\n        display: block;\r\n        box-sizing: border-box;\r\n        width: 100%;\r\n        font-family: var(--font-sans);\r\n        color: var(--iso-text-white);\r\n        line-height: 1.6;\r\n        \r\n        \/* LIGHTER BACKGROUND + VISIBLE GRAPHICS *\/\r\n        background-color: var(--iso-dark-bg);\r\n        \r\n        \/* Grid Pattern - Increased visibility *\/\r\n        background-image: \r\n            radial-gradient(rgba(255, 255, 255, 0.15) 1px, transparent 1px),\r\n            radial-gradient(circle at 50% 50%, rgba(212, 175, 55, 0.03) 0%, transparent 60%);\r\n            \r\n        background-size: 30px 30px, 100% 100%; \/* Grid size, Glow size *\/\r\n        padding: 1rem 1rem;\r\n        overflow-x: hidden;\r\n    }\r\n\r\n    #wp-iso-v13-main-root *, \r\n    #wp-iso-v13-main-root *::before, \r\n    #wp-iso-v13-main-root *::after {\r\n        box-sizing: border-box;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n\r\n    \/* --------------------------------------\r\n       2. HEADER\r\n       -------------------------------------- *\/\r\n    #wp-iso-v13-header {\r\n        max-width: 900px;\r\n        margin: 0 auto 5rem auto;\r\n        text-align: center;\r\n        \/* Slight background to make text pop against grid *\/\r\n        background: radial-gradient(closest-side, rgba(26, 29, 36, 0.95), transparent);\r\n        padding: 0.5rem;\r\n    }\r\n\r\n    #wp-iso-v13-header .wp-iso-v13-title {\r\n        font-family: var(--font-serif);\r\n        font-size: clamp(40px, 9.5vw, 90px);\r\n        font-weight: 700;\r\n        margin-bottom: 20px;\r\n        line-height: 1.1;\r\n        font-style: italic;\r\n        color: #fff;\r\n        text-shadow: 0 4px 20px rgba(0,0,0,0.5);\r\n        display: block;\r\n    }\r\n    \r\n    #wp-iso-v13-header .wp-iso-v13-title span {\r\n        color: var(--iso-gold);\r\n    }\r\n\r\n    #wp-iso-v13-header .wp-iso-v13-desc {\r\n        font-size: 18px;\r\n        color: var(--iso-text-body);\r\n        font-weight: 400;\r\n        max-width: 750px;\r\n        margin: 0 auto;\r\n        display: block;\r\n        line-height: 1.8;\r\n    }\r\n\r\n    \/* --------------------------------------\r\n       3. ROADMAP (New Stylish Cards)\r\n       -------------------------------------- *\/\r\n    #wp-iso-v13-roadmap {\r\n        max-width: 1200px;\r\n        margin: 0 auto 8rem auto;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: stretch; \/* Stretch to keep equal height *\/\r\n        gap: 20px;\r\n    }\r\n\r\n    \/* The Stylish Card *\/\r\n    #wp-iso-v13-roadmap .wp-iso-v13-card {\r\n        flex: 1;\r\n        \/* Glassy Gradient Background *\/\r\n        background: linear-gradient(145deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.01) 100%);\r\n        backdrop-filter: blur(12px);\r\n        -webkit-backdrop-filter: blur(12px);\r\n        \r\n        \/* Border Logic *\/\r\n        border: 1px solid rgba(255,255,255,0.08);\r\n        border-top: 1px solid rgba(255,255,255,0.2); \/* Highlight top edge *\/\r\n        \r\n        padding: 40px 20px;\r\n        border-radius: 12px;\r\n        text-align: center;\r\n        position: relative;\r\n        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n        min-height: 260px;\r\n        \r\n        \/* Centering Content *\/\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        justify-content: center;\r\n        \r\n        cursor: pointer;\r\n        overflow: hidden;\r\n         border-color: var(--iso-gold);\r\n          box-shadow: 0 15px 40px -5px rgba(0,0,0,0.4), \r\n                    0 0 20px -5px var(--iso-gold-dim); \/* Outer Glow *\/\r\n    }\r\n\r\n    \/* Gold Glow on Hover *\/\r\n    #wp-iso-v13-roadmap .wp-iso-v13-card:hover {\r\n        \/*transform: translateY(-12px);*\/\r\n       \r\n        background: linear-gradient(145deg, rgba(35, 40, 48, 0.9), rgba(20, 20, 20, 0.9));\r\n       \r\n    }\r\n\r\n    \/* Inner Highlight Element *\/\r\n    #wp-iso-v13-roadmap .wp-iso-v13-card::after {\r\n        content: \"\";\r\n        position: absolute;\r\n        top: 0; left: 0; width: 100%; height: 4px;\r\n        background: var(--iso-gold);\r\n        transform: scaleX(0);\r\n        transform-origin: left;\r\n        transition: transform 0.4s ease;\r\n        filter: none !important;\r\n    }\r\n\r\n    #wp-iso-v13-roadmap .wp-iso-v13-card:hover::after {\r\n        transform: scaleX(1);\r\n        \r\n    }\r\n\r\n    \/* Step Number (Floating Background Text) *\/\r\n    #wp-iso-v13-roadmap .wp-iso-v13-step-num {\r\n        font-size: 11px;\r\n        font-weight: 700;\r\n        color: var(--iso-gold);\r\n        letter-spacing: 2px;\r\n        text-transform: uppercase;\r\n        margin-bottom: 20px;\r\n        background: rgba(212, 175, 55, 0.1);\r\n        padding: 5px 12px;\r\n        border-radius: 30px;\r\n        display: inline-block;\r\n    }\r\n\r\n    \/* Icon *\/\r\n    #wp-iso-v13-roadmap .wp-iso-v13-icon {\r\n        font-size: 38px;\r\n        margin-bottom: 20px;\r\n        filter: drop-shadow(0 4px 6px rgba(0,0,0,0.3));\r\n        transition: transform 0.3s ease;\r\n        display: block;\r\n        filter: none !important;\r\n    }\r\n\r\n    #wp-iso-v13-roadmap .wp-iso-v13-card:hover .wp-iso-v13-icon {\r\n        transform: scale(1.15) rotate(5deg); \r\n    }\r\n\r\n    \/* Stylish Typography *\/\r\n    #wp-iso-v13-roadmap .wp-iso-v13-card-title {\r\n        font-family: var(--font-serif);\r\n        font-size: 25px;\r\n        color: #fff;\r\n        margin-bottom: 8px;\r\n        line-height: 1.2;\r\n        font-weight: 600;\r\n        display: block;\r\n    }\r\n\r\n    #wp-iso-v13-roadmap .wp-iso-v13-card-sub {\r\n        font-size: 15px;\r\n        color: var(--iso-text-body);\r\n        font-weight: 400;\r\n        display: block;\r\n    }\r\n\r\n    \/* 4. CONNECTORS *\/\r\n    #wp-iso-v13-roadmap .wp-iso-v13-arrow {\r\n        flex-shrink: 0;\r\n        width: 30px; \r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        color: rgba(255,255,255,0.2);\r\n        font-size: 20px;\r\n        align-self: center; \/* Center vertically relative to cards *\/\r\n    }\r\n\r\n    \/* 5. CRITERIA GRID *\/\r\n    #wp-iso-v13-criteria {\r\n        max-width: 1200px;\r\n        margin: 0 auto 4rem auto;\r\n        display: block;\r\n    }\r\n\r\n    #wp-iso-v13-criteria .wp-iso-v13-crit-head {\r\n        text-align: center;\r\n        margin-bottom: 2rem;\r\n    }\r\n\r\n    #wp-iso-v13-criteria .wp-iso-v13-crit-title {\r\n        font-family: var(--font-serif);\r\n        font-size: 80px;\r\n        font-style: italic;\r\n        color: #D3AE37;\r\n        font-weight: 600;\r\n        display: block;\r\n    }\r\n\r\n    #wp-iso-v13-criteria .wp-iso-v13-crit-subtitle {\r\n        color: var(--iso-gold);\r\n        margin-top: 10px;\r\n        font-size: 14px;\r\n        font-weight: 700;\r\n        text-transform: uppercase;\r\n        letter-spacing: 3px;\r\n        display: block;\r\n    }\r\n\r\n    #wp-iso-v13-criteria .wp-iso-v13-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(4, 1fr);\r\n        gap: 25px;\r\n    }\r\n\r\n    #wp-iso-v13-criteria .wp-iso-v13-grid-item {\r\n        background: #20242c; \/* Slightly lighter than main bg *\/\r\n        padding: 35px 25px;\r\n        border-radius: 8px;\r\n        border: 1px solid rgba(255,255,255,0.05);\r\n        transition: transform 0.3s ease, border-color 0.3s ease;\r\n        position: relative;\r\n        transform: translateY(-5px);\r\n        border-color: rgba(212, 175, 55, 0.4);\r\n        background: #252a33;\r\n    }\r\n\r\n    #wp-iso-v13-criteria .wp-iso-v13-grid-item:hover {\r\n        \r\n    }\r\n\r\n    #wp-iso-v13-criteria .wp-iso-v13-item-icon {\r\n        font-size: 32px;\r\n        color: var(--iso-gold);\r\n        margin-bottom: 20px;\r\n        display: block;\r\n         filter: none !important;\r\n    }\r\n\r\n    #wp-iso-v13-criteria .wp-iso-v13-item-h {\r\n        font-family: var(--font-serif);\r\n        font-size: 30px;\r\n        color: #fff;\r\n        margin-bottom: 12px;\r\n        display: block;\r\n    }\r\n\r\n    #wp-iso-v13-criteria .wp-iso-v13-item-p {\r\n        font-size: 15px;\r\n        color: var(--iso-text-body);\r\n        line-height: 1.6;\r\n        display: block;\r\n    }\r\n\r\n    \/* 6. FOOTER *\/\r\n    #wp-iso-v13-footer {\r\n        max-width: 900px;\r\n        margin: 0 auto;\r\n        text-align: center;\r\n        padding: 3rem;\r\n        background: linear-gradient(to right, transparent, rgba(255,255,255,0.03), transparent);\r\n        border-top: 1px solid rgba(255,255,255,0.1);\r\n        border-bottom: 1px solid rgba(255,255,255,0.1);\r\n        position: relative;\r\n    }\r\n\r\n    #wp-iso-v13-footer .wp-iso-v13-quote {\r\n        font-family: var(--font-serif);\r\n        font-size: 26px;\r\n        font-style: italic;\r\n        color: #fff;\r\n        line-height: 1.5;\r\n        display: block;\r\n    }\r\n\r\n    \/* RESPONSIVE *\/\r\n    @media (max-width: 1024px) {\r\n        #wp-iso-v13-criteria .wp-iso-v13-grid { grid-template-columns: repeat(2, 1fr); }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        #wp-iso-v13-header .wp-iso-v13-title { font-size: 36px; }\r\n        \r\n        #wp-iso-v13-roadmap { flex-direction: column; gap: 25px; }\r\n        \r\n        #wp-iso-v13-roadmap .wp-iso-v13-card { \r\n            width: 100%; \r\n            min-height: auto; \r\n            padding: 30px; \r\n        }\r\n        \r\n        \/* Hide arrows on mobile for cleaner look, or rotate them *\/\r\n        #wp-iso-v13-roadmap .wp-iso-v13-arrow { \r\n            display: none; \r\n        }\r\n\r\n        #wp-iso-v13-criteria .wp-iso-v13-grid { grid-template-columns: 1fr; }\r\n        #wp-iso-v13-footer .wp-iso-v13-quote { font-size: 20px; }\r\n    }\r\n\r\n<\/style>\r\n\r\n<div id=\"wp-iso-v13-main-root\">\r\n\r\n    <header id=\"wp-iso-v13-header\">\r\n        <div class=\"wp-iso-v13-title\">Placement <span>Process<\/span><\/div>\r\n        <div class=\"wp-iso-v13-desc\">\r\n            The placement season kicks off with the Summer Placement process for first-year students, running alongside Pre-Placement Presentations. Following this, the Final Placement process for second-year students is conducted.\r\n        <\/div>\r\n    <\/header>\r\n\r\n    <div id=\"wp-iso-v13-roadmap\">\r\n        \r\n        <div class=\"wp-iso-v13-card\">\r\n            <span class=\"wp-iso-v13-step-num\">Step 01<\/span>\r\n            <!--<div class=\"wp-iso-v13-icon\">\ud83d\udce2<\/div>-->\r\n            <div class=\"wp-iso-v13-card-title\">Pre-placement<\/div>\r\n            <div class=\"wp-iso-v13-card-sub\">Company Presentations<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"wp-iso-v13-arrow\">\u279c<\/div>\r\n\r\n        <div class=\"wp-iso-v13-card\">\r\n            <span class=\"wp-iso-v13-step-num\">Step 02<\/span>\r\n            <!--<div class=\"wp-iso-v13-icon\">\ud83d\udccb<\/div>-->\r\n            <div class=\"wp-iso-v13-card-title\">Shortlisting<\/div>\r\n            <div class=\"wp-iso-v13-card-sub\">CV Review Process<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"wp-iso-v13-arrow\">\u279c<\/div>\r\n\r\n        <div class=\"wp-iso-v13-card\">\r\n            <span class=\"wp-iso-v13-step-num\">Step 03<\/span>\r\n            <!--<div class=\"wp-iso-v13-icon\" style=\"filter:none\">\u270d\ufe0f<\/div>-->\r\n            <div class=\"wp-iso-v13-card-title\">Aptitude Tests<\/div>\r\n            <div class=\"wp-iso-v13-card-sub\">Skill Assessment<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"wp-iso-v13-arrow\">\u279c<\/div>\r\n\r\n        <div class=\"wp-iso-v13-card\">\r\n            <span class=\"wp-iso-v13-step-num\">Step 04<\/span>\r\n            <!--<div class=\"wp-iso-v13-icon\">\ud83d\udcac<\/div>-->\r\n            <div class=\"wp-iso-v13-card-title\">Interview<\/div>\r\n            <div class=\"wp-iso-v13-card-sub\">Final Evaluation<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"wp-iso-v13-arrow\">\u279c<\/div>\r\n\r\n        <div class=\"wp-iso-v13-card\">\r\n            <span class=\"wp-iso-v13-step-num\">Step 05<\/span>\r\n            <!--<div class=\"wp-iso-v13-icon\">\ud83e\udd1d<\/div>-->\r\n            <div class=\"wp-iso-v13-card-title\">The Offer<\/div>\r\n            <div class=\"wp-iso-v13-card-sub\">Letter Processing<\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <section id=\"wp-iso-v13-criteria\">\r\n        <div class=\"wp-iso-v13-crit-head\">\r\n            <div class=\"wp-iso-v13-crit-title\">Criteria for Slotting<\/div>\r\n            <div class=\"wp-iso-v13-crit-subtitle\">Selection Metrics<\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"wp-iso-v13-grid\">\r\n            <div class=\"wp-iso-v13-grid-item\">\r\n                <!--<span class=\"wp-iso-v13-item-icon\">\ud83c\udfaf<\/span>-->\r\n                <div class=\"wp-iso-v13-item-h\">Profile Offered<\/div>\r\n                <div class=\"wp-iso-v13-item-p\">Alignment with student preferences and long-term career trajectories.<\/div>\r\n            <\/div>\r\n            <div class=\"wp-iso-v13-grid-item\">\r\n                <!--<span class=\"wp-iso-v13-item-icon\">\ud83e\udd1d<\/span>-->\r\n                <div class=\"wp-iso-v13-item-h\">Past Interactions<\/div>\r\n                <div class=\"wp-iso-v13-item-p\">History of successful engagement and recruitment with the Department.<\/div>\r\n            <\/div>\r\n            <div class=\"wp-iso-v13-grid-item\">\r\n                <!--<span class=\"wp-iso-v13-item-icon\">\ud83d\udc8e<\/span>-->\r\n                <div class=\"wp-iso-v13-item-h\">Compensation<\/div>\r\n                <div class=\"wp-iso-v13-item-p\">Competitive salary packages, benefits, and growth incentives.<\/div>\r\n            <\/div>\r\n            <div class=\"wp-iso-v13-grid-item\">\r\n                <!--<span class=\"wp-iso-v13-item-icon\">\ud83c\udfdb\ufe0f<\/span>-->\r\n                <div class=\"wp-iso-v13-item-h\">Company Repute<\/div>\r\n                <div class=\"wp-iso-v13-item-p\">Global market standing, brand value, and corporate stability.<\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <div id=\"wp-iso-v13-footer\">\r\n        <div class=\"wp-iso-v13-quote\">\r\n            \"This democratic way of slotting has contributed significantly to a high percentage of our alumni continuing in their first job for over 2 years.\"\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\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                    observer.unobserve(entry.target);\r\n                }\r\n            });\r\n        }, { threshold: 0.1 });\r\n\r\n        const selectorString = '.wp-iso-v13-card, .wp-iso-v13-grid-item, #wp-iso-v13-footer';\r\n        const elements = document.querySelectorAll(selectorString);\r\n        \r\n        elements.forEach((el, index) => {\r\n            el.style.opacity = \"0\";\r\n            el.style.transform = \"translateY(20px)\";\r\n            el.style.transition = \"all 0.6s ease\";\r\n            el.style.transitionDelay = (index % 5) * 0.1 + \"s\";\r\n            observer.observe(el);\r\n        });\r\n    });\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0d262d6 e-con-full e-flex e-con e-parent\" data-id=\"0d262d6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-08a97f4 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"08a97f4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n\n\n\n\n\n\n\n\n\n\n\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Space+Grotesk:wght@300;400;600&display=swap\" rel=\"stylesheet\">\n\n<style>\n    \/* =========================================\n       SCOPED CSS STYLING (Strict V9)\n       ========================================= *\/\n\n    \/* ROOT WRAPPER *\/\n    .doms-st-v9-root {\n        \/* Palette *\/\n        --st-v9-bg: #f4f5f7;\n        --st-v9-pattern: #d1d5db;\n        --st-v9-card-bg: #ffffff;\n        --st-v9-accent: #D4AF37;\n        --st-v9-text-main: #111827;\n        --st-v9-text-sub: #4b5563;\n        \n        \/* Typography *\/\n        --font-v9-display: 'Playfair Display', serif; \n        --font-v9-tech: 'Space Grotesk', sans-serif;\n        \n        \/* Dimensions - INCREASED SIZE *\/\n        --card-v9-width: 40vw; \/* Wider for cinematic feel *\/\n        --card-v9-mobile: 85vw;\n        \n        \/* CSS RESET *\/\n        all: initial;\n        display: block;\n        box-sizing: border-box;\n        font-family: var(--font-v9-tech);\n        color: var(--st-v9-text-main);\n        line-height: 1.5;\n        \n        \/* BACKGROUND *\/\n        background-color: var(--st-v9-bg);\n        background-image: \n            linear-gradient(var(--st-v9-pattern) 1px, transparent 1px),\n            linear-gradient(90deg, var(--st-v9-pattern) 1px, transparent 1px);\n        background-size: 40px 40px;\n        background-position: center center;\n        \n        width: 100%;\n        padding: 2rem 0 2rem 0;\n        overflow-x: hidden;\n        position: relative;\n    }\n\n    \/* Universal Box Sizing *\/\n    .doms-st-v9-root *, \n    .doms-st-v9-root *::before, \n    .doms-st-v9-root *::after {\n        box-sizing: border-box;\n        margin: 0;\n        padding: 0;\n    }\n\n    \/* --------------------------------------\n       1. HEADER WRAPPER (Aligned)\n       -------------------------------------- *\/\n    .doms-st-v9-header-wrap {\n        width: 65vw; \/* Matches card width for alignment *\/\n        margin: 0 auto 1rem auto;\n        display: flex;\n        justify-content: space-between;\n        align-items: flex-end; \/* Aligns text bottom with buttons *\/\n        position: relative;\n        z-index: 2;\n    }\n\n    .doms-st-v9-titles {\n        max-width: 700px;\n    }\n\n    .doms-st-v9-label {\n        font-family: var(--font-v9-tech);\n        font-size: 14px;\n        text-transform: uppercase;\n        letter-spacing: 3px;\n        color: var(--st-v9-text-sub);\n        display: block;\n        margin-bottom: 8px;\n        font-weight: 600;\n    }\n\n    .doms-st-v9-h2 {\n        font-family: var(--font-v9-display);\n        font-size: clamp(40px, 7vw, 80px); \/* Larger Heading *\/\n        font-weight: 700;\n        color: var(--st-v9-text-main);\n        line-height: 1;\n        font-style: italic;\n    }\n\n    \/* NAVIGATION BUTTONS *\/\n    .doms-st-v9-nav-group {\n        display: flex;\n        gap: 16px;\n        padding-bottom: 5px; \/* Fine-tune vertical align *\/\n    }\n\n    .doms-st-v9-btn {\n        width: 60px; \/* Larger Touch Target *\/\n        height: 60px;\n        border-radius: 50%;\n        background: #fff;\n        border: 1px solid #ccc;\n        color: var(--st-v9-text-main);\n        font-size: 24px;\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        transition: all 0.3s ease;\n        box-shadow: 0 4px 10px rgba(0,0,0,0.05);\n    }\n\n    .doms-st-v9-btn:hover {\n        border-color: var(--st-v9-accent);\n        color: var(--st-v9-accent);\n        transform: scale(1.1);\n        box-shadow: 0 10px 25px rgba(0,0,0,0.1);\n    }\n\n    \/* --------------------------------------\n       2. SLIDER TRACK (Centered)\n       -------------------------------------- *\/\n    .doms-st-v9-track-container {\n        width: 100%;\n        overflow: hidden;\n        padding: 1rem 0; \/* Space for shadows *\/\n        position: relative;\n        z-index: 2;\n    }\n\n    .doms-st-v9-track {\n        display: flex;\n        gap: 60px;\n        overflow-x: auto;\n        scroll-behavior: smooth;\n        \/* DYNAMIC CALCULATION: Centers the active card *\/\n        padding: 0 calc(50vw - (var(--card-v9-width) \/ 2));\n        scrollbar-width: none; \n        scroll-snap-type: x mandatory;\n        cursor: grab;\n    }\n    \n    .doms-st-v9-track::-webkit-scrollbar { display: none; }\n    .doms-st-v9-track:active { cursor: grabbing; }\n\n    \/* --------------------------------------\n       3. CARDS (Larger & Detailed)\n       -------------------------------------- *\/\n    .doms-st-v9-card {\n        flex: 0 0 auto;\n        width: var(--card-v9-width);\n        aspect-ratio: 16\/9;\n        background: var(--st-v9-card-bg);\n        border-radius: 4px;\n        position: relative;\n        overflow: hidden;\n        scroll-snap-align: center;\n        transition: transform 0.5s ease, box-shadow 0.5s ease;\n        \n        \/* White Frame *\/\n        border: 10px solid #fff;\n        \n        \/* Deep Shadow *\/\n        box-shadow: 0 25px 50px rgba(0,0,0,0.1);\n         box-shadow: \n            0 40px 80px rgba(0,0,0,0.2),\n            0 0 0 2px var(--st-v9-accent); \/* Gold Outline *\/\n        border-color: #fff;\n    }\n\n  \n\n    .doms-st-v9-img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        display: block;\n        \/* Start B&W *\/\n        filter: grayscale(100%);\n        transition: filter 0.6s ease, transform 1.2s ease;\n        filter: none!important;\n    }\n\n    .doms-st-v9-card:hover .doms-st-v9-img {\n        filter: grayscale(0%);\n        \/*transform: scale(1.05);*\/\n    }\n\n    \/* --------------------------------------\n       4. PROGRESS BAR\n       -------------------------------------- *\/\n    .doms-st-v9-progress {\n        width: 65vw; \/* Matches Card Width *\/\n        margin: 3rem auto 0 auto;\n        height: 2px;\n        background: #e0e0e0;\n        position: relative;\n    }\n\n    .doms-st-v9-progress-fill {\n        position: absolute;\n        left: 0; top: 0; bottom: 0;\n        width: 20%; \n        background: var(--st-v9-text-main);\n        transition: width 0.3s ease;\n    }\n\n    \/* --------------------------------------\n       RESPONSIVE\n       -------------------------------------- *\/\n    @media (max-width: 992px) {\n        .doms-st-v9-root { padding: 4rem 0; }\n        \n        .doms-st-v9-header-wrap {\n            width: 85vw; \/* Match mobile card width *\/\n            flex-direction: column;\n            align-items: center;\n            text-align: center;\n            gap: 1.5rem;\n        }\n        \n        \/* Hide nav buttons on mobile *\/\n        .doms-st-v9-nav-group { display: none; }\n\n        .doms-st-v9-track {\n            padding: 0 calc(50vw - (var(--card-v9-mobile) \/ 2));\n            gap: 20px;\n        }\n\n        .doms-st-v9-card {\n            width: var(--card-v9-mobile);\n            border-width: 5px;\n        }\n        \n        .doms-st-v9-progress { width: 85vw; }\n        .doms-st-v9-img { filter: grayscale(0%); }\n    }\n<\/style>\n\n<div class=\"doms-st-v9-root\">\n\n    <div class=\"doms-st-v9-header-wrap\">\n        <div class=\"doms-st-v9-titles\">\n            <!--<span class=\"doms-st-v9-label\">Industry Network<\/span>-->\n            <h2 class=\"doms-st-v9-h2\">Corporate Partners<\/h2>\n        <\/div>\n        \n        <div class=\"doms-st-v9-nav-group\">\n            <button class=\"doms-st-v9-btn\" id=\"domsV9Prev\" aria-label=\"Previous Slide\">\u2190<\/button>\n            <button class=\"doms-st-v9-btn\" id=\"domsV9Next\" aria-label=\"Next Slide\">\u2192<\/button>\n        <\/div>\n    <\/div>\n\n    <div class=\"doms-st-v9-track-container\">\n        <div class=\"doms-st-v9-track\" id=\"domsV9Track\">\n            \n            <div class=\"doms-st-v9-card\">\n                <img decoding=\"async\" src=\"https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/01\/manufacturing-supplychain-companies.jpg\" class=\"doms-st-v9-img\" alt=\"Corporate Partner 1\">\n            <\/div>\n\n            <div class=\"doms-st-v9-card\">\n                <img decoding=\"async\" src=\"https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/01\/it-analytics.jpg\" class=\"doms-st-v9-img\" alt=\"Corporate Partner 2\">\n            <\/div>\n\n            <div class=\"doms-st-v9-card\">\n                <img decoding=\"async\" src=\"https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/01\/consulting-strategy.jpg\" class=\"doms-st-v9-img\" alt=\"Corporate Partner 3\">\n            <\/div>\n\n            <div class=\"doms-st-v9-card\">\n                <img decoding=\"async\" src=\"https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/01\/bfsi-companies.jpg\" class=\"doms-st-v9-img\" alt=\"Corporate Partner 4\">\n            <\/div>\n\n            <!--<div class=\"doms-st-v9-card\">-->\n            <!--    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1522071820081-009f0129c71c?ixlib=rb-1.2.1&auto=format&fit=crop&w=1600&q=80\" class=\"doms-st-v9-img\" alt=\"Corporate Partner 5\">-->\n            <!--<\/div>-->\n\n        <\/div>\n    <\/div>\n\n    <!--<div class=\"doms-st-v9-progress\">-->\n    <!--    <div class=\"doms-st-v9-progress-fill\" id=\"domsV9Bar\"><\/div>-->\n    <!--<\/div>-->\n\n<\/div>\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        const track = document.getElementById('domsV9Track');\n        const progressBar = document.getElementById('domsV9Bar');\n        const nextBtn = document.getElementById('domsV9Next');\n        const prevBtn = document.getElementById('domsV9Prev');\n\n        \/\/ Update Progress Bar\n        function updateProgress() {\n            const scrollLeft = track.scrollLeft;\n            const scrollWidth = track.scrollWidth - track.clientWidth;\n            const progress = scrollWidth > 0 ? (scrollLeft \/ scrollWidth) * 100 : 0;\n            progressBar.style.width = Math.max(10, progress) + '%'; \n        }\n\n        \/\/ Button Logic - Uses Card Width for Scroll Amount\n        const cardWidth = window.innerWidth * 0.65 + 40; \/\/ 65vw + gap\n\n        if(nextBtn) {\n            nextBtn.addEventListener('click', () => {\n                track.scrollBy({ left: cardWidth, behavior: 'smooth' });\n            });\n        }\n\n        if(prevBtn) {\n            prevBtn.addEventListener('click', () => {\n                track.scrollBy({ left: -cardWidth, behavior: 'smooth' });\n            });\n        }\n\n        \/\/ Listen for scroll\n        track.addEventListener('scroll', updateProgress);\n        \n        \/\/ Initial setup\n        updateProgress();\n\n        \/\/ Drag to Scroll (Desktop)\n        let isDown = false;\n        let startX;\n        let scrollLeft;\n\n        track.addEventListener('mousedown', (e) => {\n            isDown = true;\n            track.style.cursor = 'grabbing';\n            startX = e.pageX - track.offsetLeft;\n            scrollLeft = track.scrollLeft;\n        });\n\n        track.addEventListener('mouseleave', () => {\n            isDown = false;\n            track.style.cursor = 'grab';\n        });\n\n        track.addEventListener('mouseup', () => {\n            isDown = false;\n            track.style.cursor = 'grab';\n        });\n\n        track.addEventListener('mousemove', (e) => {\n            if (!isDown) return;\n            e.preventDefault();\n            const x = e.pageX - track.offsetLeft;\n            const walk = (x - startX) * 2;\n            track.scrollLeft = scrollLeft - walk;\n        });\n    });\n<\/script>\n\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Placements at DoMS Why Recruit at DoMS? MBA at the Dept. of Management Studies, IIT Madras has been designed keeping in view today&#8217;s dynamic business environment and the consequent need to develop unique, young management talent to work in this environment. The IIT Advantage Programme Structure Business Exposure Diversity &#038; Size Research Scholars The IIT&hellip;<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":58216,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-15119","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/doms.iitm.ac.in\/index.php\/wp-json\/wp\/v2\/pages\/15119","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=15119"}],"version-history":[{"count":380,"href":"https:\/\/doms.iitm.ac.in\/index.php\/wp-json\/wp\/v2\/pages\/15119\/revisions"}],"predecessor-version":[{"id":75462,"href":"https:\/\/doms.iitm.ac.in\/index.php\/wp-json\/wp\/v2\/pages\/15119\/revisions\/75462"}],"up":[{"embeddable":true,"href":"https:\/\/doms.iitm.ac.in\/index.php\/wp-json\/wp\/v2\/pages\/58216"}],"wp:attachment":[{"href":"https:\/\/doms.iitm.ac.in\/index.php\/wp-json\/wp\/v2\/media?parent=15119"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}