{"id":15121,"date":"2025-10-22T21:01:46","date_gmt":"2025-10-22T15:31:46","guid":{"rendered":"https:\/\/doms.iitm.ac.in\/wordpress\/?page_id=15121"},"modified":"2026-03-06T11:05:01","modified_gmt":"2026-03-06T05:35:01","slug":"placements-reports","status":"publish","type":"page","link":"https:\/\/doms.iitm.ac.in\/index.php\/placement-2\/placements-reports\/","title":{"rendered":"Placements Reports"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"15121\" class=\"elementor elementor-15121\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7b738c7 e-con-full e-flex e-con e-parent\" data-id=\"7b738c7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-05ed356 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"05ed356\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<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,600;0,700;1,400&family=Manrope:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n\n<style>\n    \/* =========================================\n       HERO SECTION ISOLATED CSS (V14)\n       ========================================= *\/\n\n    \/* 1. ROOT WRAPPER (ID Defined) *\/\n    #wp-iso-v14-hero-root {\n        \/* PALETTE (Matches V13) *\/\n        --iso-hero-bg: #1a1d24; \n        --iso-hero-gold: #D4AF37;\n        --iso-hero-white: #ffffff;\n        --iso-hero-overlay-dark: rgba(26, 29, 36, 0.85); \/* Matches Charcoal *\/\n        --iso-hero-overlay-accent: rgba(74, 4, 4, 0.4);  \/* Subtle Maroon Tint *\/\n\n        \/* FONTS *\/\n        --font-hero-serif: 'Playfair Display', serif; \n        --font-hero-sans: 'Manrope', sans-serif;\n        \n        \/* DIMENSIONS *\/\n        --iso-hero-height: 50vh;\n\n        \/* RESET *\/\n        all: initial;\n        display: block;\n        box-sizing: border-box;\n        width: 100%;\n        font-family: var(--font-hero-sans);\n        color: var(--iso-hero-white);\n        position: relative;\n        overflow: hidden; \n        background-color: var(--iso-hero-bg);\n    }\n\n    \/* Universal Reset for Children *\/\n    #wp-iso-v14-hero-root *, \n    #wp-iso-v14-hero-root *::before, \n    #wp-iso-v14-hero-root *::after {\n        box-sizing: border-box;\n        margin: 0;\n        padding: 0;\n    }\n\n    \/* --------------------------------------\n       2. BACKGROUND LAYERS\n       -------------------------------------- *\/\n    #wp-iso-v14-hero-root .wp-iso-v14-bg-layer-wrapper {\n        position: absolute;\n        top: 0; left: 0; width: 100%; height: 100%;\n        z-index: 0;\n        overflow: hidden;\n    }\n\n    \/* Ken Burns Image *\/\n    #wp-iso-v14-hero-root .wp-iso-v14-bg-image-element {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        \/* Placeholder: IIT Madras Admin or Generic Campus *\/\n        background-image: url('https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/01\/Screenshot-2026-01-12-114322.png');\n        background-position: center;\n        background-size: cover;\n        animation: wpIsoV14Zoom 20s infinite alternate ease-in-out;\n    }\n\n    @keyframes wpIsoV14Zoom {\n        0% { transform: scale(1); }\n        100% { transform: scale(1.15); }\n    }\n\n    \/* Gradient Overlay *\/\n    #wp-iso-v14-hero-root .wp-iso-v14-gradient-overlay {\n        position: absolute;\n        top: 0; left: 0; width: 100%; height: 100%;\n        z-index: 1;\n        background: linear-gradient(135deg, var(--iso-hero-overlay-dark) 20%, var(--iso-hero-overlay-accent) 100%);\n        opacity: 0.9;\n    }\n\n    \/* Grid Pattern (Matches V13 Style) *\/\n    #wp-iso-v14-hero-root .wp-iso-v14-grid-texture {\n        position: absolute;\n        top: 0; left: 0; width: 100%; height: 100%;\n        z-index: 2;\n        background-image: \n            radial-gradient(rgba(255, 255, 255, 0.1) 1px, transparent 1px);\n        background-size: 30px 30px;\n        opacity: 0.6;\n        pointer-events: none;\n    }\n\n    \/* --------------------------------------\n       3. CONTENT CONTAINER\n       -------------------------------------- *\/\n    #wp-iso-v14-hero-root .wp-iso-v14-content-container {\n        position: relative;\n        z-index: 3;\n        height: var(--iso-hero-height);\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: center;\n        text-align: center;\n        padding: 0 1rem;\n        \/* Ensure 3D transform for parallax *\/\n        transform-style: preserve-3d; \n    }\n\n    \/* Subtitle Badge *\/\n    #wp-iso-v14-hero-root .wp-iso-v14-subtitle-badge {\n        font-family: var(--font-hero-sans);\n        font-size: 0.85rem;\n        text-transform: uppercase;\n        letter-spacing: 4px;\n        color: var(--iso-hero-gold);\n        margin-bottom: 1.5rem;\n        position: relative;\n        display: inline-block;\n        padding: 8px 16px;\n        border: 1px solid rgba(212, 175, 55, 0.3);\n        border-radius: 30px;\n        background: rgba(0,0,0,0.2);\n        backdrop-filter: blur(5px);\n        \n        \/* Animation *\/\n        opacity: 0;\n        transform: translateY(20px);\n        animation: wpIsoV14FadeUp 1s cubic-bezier(0.2, 0.8, 0.2, 1) 0.5s forwards;\n    }\n\n    \/* Main Headline *\/\n    #wp-iso-v14-hero-root .wp-iso-v14-main-headline {\n        font-family: var(--font-hero-serif);\n        font-size: clamp(3rem, 6vw, 5.5rem);\n        font-weight: 700;\n        line-height: 1.1;\n        margin: 0;\n        color: #ffffff;\n        text-shadow: 0 10px 30px rgba(0,0,0,0.5);\n        display: block;\n        \n        \/* Animation *\/\n        opacity: 0;\n        transform: translateY(30px);\n        animation: wpIsoV14FadeUp 1s cubic-bezier(0.2, 0.8, 0.2, 1) 0.8s forwards;\n    }\n\n    #wp-iso-v14-hero-root .wp-iso-v14-main-headline span {\n        display: block;\n        font-size: 0.5em; \n        font-weight: 400;\n        font-style: italic;\n        color: rgba(255,255,255,0.85);\n        margin-top: 0.5rem;\n    }\n\n    \/* Gold Divider Line *\/\n    #wp-iso-v14-hero-root .wp-iso-v14-gold-divider {\n        width: 80px;\n        height: 4px;\n        background: var(--iso-hero-gold);\n        margin: 2.5rem auto 0 auto;\n        border-radius: 2px;\n        \n        \/* Animation *\/\n        opacity: 0;\n        transform: scaleX(0);\n        animation: wpIsoV14GrowLine 1s cubic-bezier(0.2, 0.8, 0.2, 1) 1.2s forwards;\n    }\n\n    \/* --------------------------------------\n       4. SCROLL INDICATOR\n       -------------------------------------- *\/\n    #wp-iso-v14-hero-root .wp-iso-v14-scroll-wrapper {\n        position: absolute;\n        bottom: 3rem;\n        left: 50%;\n        transform: translateX(-50%);\n        z-index: 3;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        gap: 0.8rem;\n        \n        opacity: 0;\n        animation: wpIsoV14FadeIn 1s ease 2s forwards;\n    }\n\n    #wp-iso-v14-hero-root .wp-iso-v14-scroll-text {\n        font-size: 0.7rem;\n        text-transform: uppercase;\n        letter-spacing: 2px;\n        color: rgba(255,255,255,0.6);\n        display: block;\n    }\n\n    #wp-iso-v14-hero-root .wp-iso-v14-mouse-icon {\n        width: 26px;\n        height: 42px;\n        border: 2px solid rgba(255,255,255,0.3);\n        border-radius: 20px;\n        position: relative;\n    }\n\n    #wp-iso-v14-hero-root .wp-iso-v14-scroll-wheel {\n        width: 4px;\n        height: 6px;\n        background: var(--iso-hero-gold);\n        border-radius: 2px;\n        position: absolute;\n        top: 8px;\n        left: 50%;\n        transform: translateX(-50%);\n        animation: wpIsoV14ScrollAnim 2s infinite;\n    }\n\n    \/* --------------------------------------\n       KEYFRAMES\n       -------------------------------------- *\/\n    @keyframes wpIsoV14FadeUp {\n        to { opacity: 1; transform: translateY(0); }\n    }\n\n    @keyframes wpIsoV14GrowLine {\n        to { opacity: 1; transform: scaleX(1); }\n    }\n    \n    @keyframes wpIsoV14FadeIn {\n        to { opacity: 1; }\n    }\n\n    @keyframes wpIsoV14ScrollAnim {\n        0% { transform: translateX(-50%) translateY(0); opacity: 1; }\n        100% { transform: translateX(-50%) translateY(10px); opacity: 0; }\n    }\n\n    \/* --------------------------------------\n       RESPONSIVE\n       -------------------------------------- *\/\n    @media (max-width: 768px) {\n        #wp-iso-v14-hero-root { --iso-hero-height: 70vh; }\n        \n        #wp-iso-v14-hero-root .wp-iso-v14-main-headline { \n            font-size: 3rem; \n        }\n        \n        #wp-iso-v14-hero-root .wp-iso-v14-subtitle-badge { \n            font-size: 0.7rem; \n            letter-spacing: 2px;\n            padding: 6px 12px;\n        }\n    }\n\n<\/style>\n\n<div id=\"wp-iso-v14-hero-root\">\n\n    <div class=\"wp-iso-v14-bg-layer-wrapper\">\n        <div class=\"wp-iso-v14-bg-image-element\"><\/div>\n        <div class=\"wp-iso-v14-gradient-overlay\"><\/div>\n        <div class=\"wp-iso-v14-grid-texture\"><\/div> \n    <\/div>\n\n    <div class=\"wp-iso-v14-content-container\">\n        \n        <div class=\"wp-iso-v14-subtitle-badge\">Transparency & Excellence<\/div>\n        \n        <div class=\"wp-iso-v14-main-headline\">\n            Placement Reports\n            <span>& Highlights<\/span>\n        <\/div>\n        \n        <div class=\"wp-iso-v14-gold-divider\"><\/div>\n\n    <\/div>\n\n    <!--<div class=\"wp-iso-v14-scroll-wrapper\">-->\n    <!--    <span class=\"wp-iso-v14-scroll-text\">Explore Data<\/span>-->\n    <!--    <div class=\"wp-iso-v14-mouse-icon\">-->\n    <!--        <div class=\"wp-iso-v14-scroll-wheel\"><\/div>-->\n    <!--    <\/div>-->\n    <!--<\/div>-->\n\n<\/div>\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        \/\/ Select using the specific unique class\n        const heroContent = document.querySelector('#wp-iso-v14-hero-root .wp-iso-v14-content-container');\n        \n        if(heroContent) {\n            window.addEventListener('scroll', function() {\n                const scrolled = window.scrollY;\n                \/\/ Only animate if the hero is still within view\n                if (scrolled < window.innerHeight) {\n                    \/\/ Parallax fade and subtle downward movement\n                    heroContent.style.transform = `translateY(${scrolled * 0.3}px)`;\n                    heroContent.style.opacity = 1 - (scrolled \/ 500);\n                }\n            });\n        }\n    });\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c399c68 e-flex e-con-boxed e-con e-parent\" data-id=\"c399c68\" 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-e6f3462 elementor-widget elementor-widget-html\" data-id=\"e6f3462\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t <!--<section class=\"stats-section\">-->\r\n <!--       <div class=\"container stats-grid\">-->\r\n <!--           <div class=\"stat-card\">-->\r\n <!--               <div class=\"stat-circle-wrapper\">-->\r\n <!--                   <div class=\"stat-circle\">-->\r\n <!--                       <span class=\"count\">16+<\/span>-->\r\n <!--                   <\/div>-->\r\n <!--                   <div class=\"orbit-ring\"><\/div>-->\r\n <!--               <\/div>-->\r\n <!--               <div class=\"stat-info\">-->\r\n <!--                   <h4>Years of Data<\/h4>-->\r\n <!--                   <p>Consistent Tracking<\/p>-->\r\n <!--               <\/div>-->\r\n <!--           <\/div>-->\r\n <!--           <div class=\"stat-card\">-->\r\n <!--               <div class=\"stat-circle-wrapper\">-->\r\n <!--                   <div class=\"stat-circle\">-->\r\n <!--                       <span class=\"count\">98%<\/span>-->\r\n <!--                   <\/div>-->\r\n <!--                   <div class=\"orbit-ring reverse\"><\/div>-->\r\n <!--               <\/div>-->\r\n <!--               <div class=\"stat-info\">-->\r\n <!--                   <h4>Avg Placement<\/h4>-->\r\n <!--                   <p>Consistently High<\/p>-->\r\n <!--               <\/div>-->\r\n <!--           <\/div>-->\r\n <!--           <div class=\"stat-card\">-->\r\n <!--               <div class=\"stat-circle-wrapper\">-->\r\n <!--                   <div class=\"stat-circle\">-->\r\n <!--                       <span class=\"count\">500+<\/span>-->\r\n <!--                   <\/div>-->\r\n <!--                   <div class=\"orbit-ring\"><\/div>-->\r\n <!--               <\/div>-->\r\n <!--               <div class=\"stat-info\">-->\r\n <!--                   <h4>Recruiters<\/h4>-->\r\n <!--                   <p>Corporate Partners<\/p>-->\r\n <!--               <\/div>-->\r\n <!--           <\/div>-->\r\n <!--           <div class=\"stat-card\">-->\r\n <!--               <div class=\"stat-circle-wrapper\">-->\r\n <!--                   <div class=\"stat-circle\">-->\r\n <!--                       <span class=\"count\">\u20b948L<\/span>-->\r\n <!--                   <\/div>-->\r\n <!--                   <div class=\"orbit-ring reverse\"><\/div>-->\r\n <!--               <\/div>-->\r\n <!--               <div class=\"stat-info\">-->\r\n <!--                   <h4>Highest Package<\/h4>-->\r\n <!--                   <p>2025 Batch<\/p>-->\r\n <!--               <\/div>-->\r\n <!--           <\/div>-->\r\n <!--       <\/div>-->\r\n <!--   <\/section>-->\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n <html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Placement Reports | DoMS IIT Madras<\/title>\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=Cinzel:wght@400;700&family=Lato:wght@300;400;700&family=Playfair+Display:ital,wght@0,400;0,700;1,400&display=swap\" rel=\"stylesheet\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    <link rel=\"stylesheet\" href=\"style.css\">\r\n    <style><\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n\r\n\r\n\r\n    \r\n\r\n\r\n    <script>\r\n        \/\/ Tab Functionality\r\n        function openTab(evt, tabName) {\r\n            var i, tabcontent, tablinks;\r\n           \r\n            \/\/ Hide all tab content\r\n            tabcontent = document.getElementsByClassName(\"tab-content\");\r\n            for (i = 0; i < tabcontent.length; i++) {\r\n                tabcontent[i].style.display = \"none\";\r\n                tabcontent[i].classList.remove(\"active-content\");\r\n            }\r\n           \r\n            \/\/ Remove active class from buttons\r\n            tablinks = document.getElementsByClassName(\"tab-btn\");\r\n            for (i = 0; i < tablinks.length; i++) {\r\n                tablinks[i].className = tablinks[i].className.replace(\" active\", \"\");\r\n            }\r\n           \r\n            \/\/ Show current tab and add active class\r\n            document.getElementById(tabName).style.display = \"block\";\r\n           \r\n            \/\/ Small timeout to allow display:block to apply before adding opacity class for animation\r\n            setTimeout(() => {\r\n                document.getElementById(tabName).classList.add(\"active-content\");\r\n            }, 10);\r\n           \r\n            evt.currentTarget.className += \" active\";\r\n        }\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<\/body>\r\n<\/html>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<style>\r\n    \/* =========================================\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    --shadow-gold: 0 5px 20px rgba(197, 160, 89, 0.2);\r\n}\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\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\r\n\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.lead-text { font-size: 1.1rem; color: var(--text-grey); max-width: 700px; margin: 0 auto 40px; }\r\n\r\n\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\r\n.container { width: 90%; max-width: 1200px; margin: 0 auto; padding: 0 15px; }\r\n.bg-cream { background: var(--cream); }\r\n.section-padding { padding: 100px 0; }\r\n\r\n\r\n\/* =========================================\r\n   2. NAVBAR\r\n   ========================================= *\/\r\n.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.brand { 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.brand-text span { font-family: var(--font-serif); font-weight: 700; color: var(--maroon); }\r\n.sub-brand { font-size: 0.8rem; color: var(--gold) !important; text-transform: uppercase; letter-spacing: 1px; }\r\n\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.active { color: var(--maroon); }\r\n.btn-gold { border: 1px solid var(--gold); padding: 8px 20px; border-radius: 50px; color: var(--gold) !important; }\r\n.btn-gold:hover { background: var(--gold); color: var(--white) !important; }\r\n\r\n\r\n\/* =========================================\r\n   3. HERO SECTION\r\n   ========================================= *\/\r\n.report-hero {\r\n    height: 90vh;\r\n    background: var(--maroon-gradient);\r\n    position: relative; 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    \/* Grid Pattern *\/\r\n    background-image: linear-gradient(rgba(255,255,255,0.05) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(255,255,255,0.05) 1px, transparent 1px);\r\n    background-size: 40px 40px;\r\n}\r\n.hero-content { position: relative; z-index: 2; max-width: 900px; }\r\n.pre-title { font-family: var(--font-deco); letter-spacing: 3px; color: var(--gold); margin-bottom: 10px; }\r\n.hero-title { font-size: 4.5rem; line-height: 1.1; margin-bottom: 20px; }\r\n.hero-subtitle { font-family: var(--font-sans); font-weight: 300; font-size: 1.8rem; margin-bottom: 30px; color: rgba(255,255,255,0.9); }\r\n.hero-desc { font-size: 1.2rem; color: rgba(255,255,255,0.8); margin-bottom: 40px; max-width: 700px; margin-left: auto; margin-right: auto; }\r\n\r\n\r\n.hero-dashboard-preview {\r\n    margin-top: 30px; background: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.2);\r\n    border-radius: 8px; padding: 20px; color: #aaa; font-style: italic;\r\n    \/* Placeholder style mimicking an image *\/\r\n    height: 200px; display: flex; align-items: center; justify-content: center;\r\n    box-shadow: 0 20px 50px rgba(0,0,0,0.5); backdrop-filter: blur(5px);\r\n}\r\n\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; } .delay-3 { transition-delay: 0.6s; }\r\n\r\n\r\n\/* =========================================\r\n   4. STATS BAR (Circular)\r\n   ========================================= *\/\r\n.stats-section { padding: 60px 0; background: var(--white); margin-top: -60px; position: relative; z-index: 10; border-bottom: 1px solid #eee; }\r\n.stats-grid { display: flex; justify-content: space-around; flex-wrap: wrap; gap: 30px; }\r\n\r\n\r\n.stat-card { text-align: center; width: 180px; }\r\n.stat-circle-wrapper { width: 130px; height: 130px; margin: 0 auto 15px; position: relative; display: flex; align-items: center; justify-content: center; }\r\n.stat-circle {\r\n    width: 100px; height: 100px; background: var(--maroon); color: var(--white); border-radius: 50%;\r\n    display: flex; align-items: center; justify-content: center; box-shadow: 0 5px 15px rgba(86,0,0,0.3); z-index: 2;\r\n}\r\n.count { font-family: var(--font-deco); font-size: 1.8rem; font-weight: bold; color: var(--gold); }\r\n\r\n\r\n.orbit-ring {\r\n    position: absolute; inset: 0; border: 2px dashed var(--gold); border-radius: 50%;\r\n    animation: spin 15s linear infinite; z-index: 1;\r\n}\r\n.orbit-ring.reverse { animation-direction: reverse; }\r\n@keyframes spin { 100% { transform: rotate(360deg); } }\r\n\r\n\r\n.stat-info h4 { font-size: 1rem; color: var(--maroon); margin-bottom: 5px; }\r\n.stat-info p { font-size: 0.85rem; color: var(--text-grey); }\r\n\r\n\r\n\/* =========================================\r\n   5. TABS INTERFACE\r\n   ========================================= *\/\r\n.tabs-nav {\r\n    display: flex; justify-content: center; gap: 20px; margin-bottom: 50px; flex-wrap: wrap;\r\n    background: var(--white); padding: 15px; border-radius: 50px; display: inline-flex;\r\n    box-shadow: var(--shadow-soft); position: relative; left: 50%; transform: translateX(-50%);\r\n}\r\n\r\n\r\n.tab-btn {\r\n    background: transparent; border: none; padding: 12px 30px; border-radius: 30px;\r\n    font-size: 1rem; font-family: var(--font-sans); color: var(--text-grey); cursor: pointer;\r\n    transition: 0.3s; font-weight: bold; display: flex; align-items: center; gap: 10px;\r\n}\r\n.tab-btn:hover { color: var(--maroon); background: #eee; }\r\n.tab-btn.active { background: var(--maroon); color: var(--gold); box-shadow: var(--shadow-gold); }\r\n\r\n\r\n.tab-content { display: none; opacity: 0; transition: opacity 0.5s ease; }\r\n.tab-content.active-content { opacity: 1; }\r\n\r\n\r\n\/* =========================================\r\n   6. REPORTS GRID\r\n   ========================================= *\/\r\n.reports-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 30px; }\r\n\r\n\r\n.report-card {\r\n    background: var(--white); border-radius: 8px; overflow: hidden; position: relative;\r\n    box-shadow: var(--shadow-soft); transition: 0.3s; border-left: 4px solid var(--gold);\r\n}\r\n.report-card:hover { transform: translateY(-5px); box-shadow: var(--shadow-card); }\r\n\r\n\r\n.report-card.featured { border-left: 4px solid var(--maroon); background: linear-gradient(135deg, #fff 0%, #fffcf5 100%); }\r\n.card-badge {\r\n    position: absolute; top: 15px; right: 15px; background: var(--maroon); color: white;\r\n    padding: 3px 10px; font-size: 0.7rem; font-weight: bold; text-transform: uppercase; border-radius: 4px;\r\n}\r\n\r\n\r\n.rc-year {\r\n    font-size: 3rem; font-family: var(--font-deco); color: rgba(0,0,0,0.05);\r\n    position: absolute; top: 10px; right: 20px; z-index: 0; font-weight: bold;\r\n}\r\n.rc-body { padding: 30px 25px; position: relative; z-index: 1; }\r\n.rc-body h3 { font-size: 1.4rem; margin-bottom: 10px; color: var(--maroon); }\r\n.rc-body p { font-size: 0.9rem; color: var(--text-grey); margin-bottom: 25px; min-height: 40px; }\r\n\r\n\r\n.download-btn {\r\n    display: inline-block; background: var(--gold); color: var(--white); padding: 10px 20px;\r\n    border-radius: 4px; font-weight: bold; text-decoration: none; transition: 0.3s;\r\n}\r\n.download-btn:hover { background: var(--maroon); }\r\n\r\n\r\n.download-btn-outline {\r\n    display: inline-block; border: 1px solid #ddd; color: var(--text-grey); padding: 8px 15px;\r\n    border-radius: 4px; font-weight: bold; text-decoration: none; transition: 0.3s; font-size: 0.85rem;\r\n}\r\n.download-btn-outline:hover { border-color: var(--maroon); color: var(--maroon); }\r\n\r\n\r\n\/* Archive Card *\/\r\n.archive-card {\r\n    display: flex; flex-direction: column; align-items: center; justify-content: center;\r\n    text-align: center; border-left: 4px solid #aaa;\r\n}\r\n.archive-icon { font-size: 2.5rem; color: #aaa; margin-bottom: 15px; margin-top: 20px; }\r\n.text-link { color: var(--maroon); font-weight: bold; text-decoration: none; border-bottom: 1px solid var(--gold); margin-top: 15px; display: inline-block; }\r\n\r\n\r\n\/* =========================================\r\n   7. BROCHURES LIST\r\n   ========================================= *\/\r\n.brochure-list { display: flex; flex-direction: column; gap: 20px; max-width: 900px; margin: 0 auto; }\r\n.brochure-item {\r\n    background: var(--white); padding: 25px; border-radius: 8px; display: flex; align-items: center; gap: 25px;\r\n    box-shadow: var(--shadow-soft); transition: 0.3s; border: 1px solid #eee;\r\n}\r\n.brochure-item:hover { border-color: var(--gold); box-shadow: var(--shadow-card); transform: translateX(5px); }\r\n\r\n\r\n.b-icon {\r\n    width: 60px; height: 60px; background: var(--cream); border-radius: 50%;\r\n    display: grid; place-items: center; font-size: 1.5rem; color: var(--maroon); flex-shrink: 0;\r\n}\r\n.b-info { flex: 1; }\r\n.b-info h3 { font-size: 1.2rem; margin-bottom: 5px; }\r\n.b-info p { font-size: 0.9rem; color: var(--text-grey); margin: 0; }\r\n\r\n\r\n.b-download {\r\n    color: var(--gold); font-weight: bold; text-decoration: none; border: 1px solid var(--gold);\r\n    padding: 8px 20px; border-radius: 50px; font-size: 0.85rem; white-space: nowrap; transition: 0.3s;\r\n}\r\n.b-download:hover { background: var(--gold); color: white; }\r\n\r\n\r\n\/* =========================================\r\n   8. FOOTER \/ CTA\r\n   ========================================= *\/\r\n.footer-cta-section {\r\n    padding: 100px 0 30px; background: #111; position: relative; text-align: center; color: white;\r\n    border-top: 5px solid var(--gold);\r\n}\r\n.footer-overlay { position: absolute; inset: 0; background: radial-gradient(circle, #222 0%, #000 100%); opacity: 0.9; }\r\n.cta-content { position: relative; z-index: 2; }\r\n\r\n\r\n.cta-title { color: var(--gold); font-size: 2.5rem; margin-bottom: 20px; }\r\n.cta-desc { font-size: 1.2rem; margin-bottom: 40px; color: #ccc; max-width: 700px; margin-left: auto; margin-right: auto; }\r\n\r\n\r\n.timeline-summary {\r\n    display: flex; justify-content: center; align-items: center; gap: 15px; margin-bottom: 50px;\r\n}\r\n.ts-item { text-align: center; }\r\n.ts-item .year { display: block; font-weight: bold; color: var(--gold); font-size: 1.2rem; }\r\n.ts-item .status { font-size: 0.85rem; color: #aaa; text-transform: uppercase; }\r\n.ts-line { width: 50px; height: 1px; background: #444; }\r\n\r\n\r\n.cta-buttons { display: flex; justify-content: center; gap: 20px; margin-bottom: 60px; }\r\n.btn-gold-solid { background: var(--gold-metallic); color: var(--maroon); padding: 15px 40px; font-weight: bold; border-radius: 50px; text-decoration: none; text-transform: uppercase; transition: 0.3s; }\r\n.btn-gold-solid:hover { transform: translateY(-3px); box-shadow: 0 0 20px rgba(197, 160, 89, 0.4); }\r\n.btn-outline-light { border: 2px solid rgba(255,255,255,0.3); color: white; padding: 13px 40px; font-weight: bold; border-radius: 50px; text-decoration: none; text-transform: uppercase; transition: 0.3s; }\r\n.btn-outline-light:hover { border-color: var(--white); background: rgba(255,255,255,0.1); }\r\n\r\n\r\n.copyright { font-size: 0.8rem; color: #666; }\r\n\r\n\r\n\/* =========================================\r\n   9. RESPONSIVE\r\n   ========================================= *\/\r\n@media (max-width: 900px) {\r\n    .stats-grid { flex-direction: row; flex-wrap: wrap; justify-content: center; }\r\n    .hero-title { font-size: 3.5rem; }\r\n    .tabs-nav { width: 90%; left: 0; transform: none; margin: 0 auto 30px; display: flex; flex-direction: column; border-radius: 10px; }\r\n    .tab-btn { justify-content: center; }\r\n    .brochure-item { flex-direction: column; text-align: center; }\r\n}\r\n<\/style>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-81fb3da e-flex e-con-boxed e-con e-parent\" data-id=\"81fb3da\" 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-0ad52c7 elementor-widget elementor-widget-html\" data-id=\"0ad52c7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"doms-pl-v2-root\" class=\"doms-pl-scope\">\r\n\r\n    <div class=\"doms-pl-container\">\r\n        \r\n        <div class=\"doms-pl-header\">\r\n            <!--<span class=\"doms-pl-eyebrow\">Career Impact<\/span>-->\r\n            <h2 class=\"doms-pl-title\">Final Placement <span class=\"doms-pl-highlight\">Highlights<\/span><\/h2>\r\n            <p class=\"doms-pl-subtitle\">\r\n                MBA Batch 2023-25 witnessed a record-breaking season, attracting the highest number of recruiters in DoMS history.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"doms-pl-stats-grid\">\r\n            \r\n            <div class=\"doms-pl-stat-card card-hero\">\r\n                <div class=\"doms-pl-stat-top\">\r\n                    <span class=\"doms-pl-stat-label\">Highest Package<\/span>\r\n                    <span class=\"doms-pl-growth-tag\">\r\n                        <svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"4\"><path d=\"M12 19V5M5 12l7-7 7 7\"\/><\/svg>\r\n                        16.4%\r\n                    <\/span>\r\n                <\/div>\r\n                <div class=\"doms-pl-stat-val\">\u20b935.5 <small>LPA<\/small><\/div>\r\n                <div class=\"doms-pl-stat-desc\">A new historic milestone for DoMS.<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"doms-pl-stat-card\">\r\n                <div class=\"doms-pl-stat-top\">\r\n                    <span class=\"doms-pl-stat-label\">Batch Average<\/span>\r\n                    <span class=\"doms-pl-growth-tag\">\r\n                        <svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"4\"><path d=\"M12 19V5M5 12l7-7 7 7\"\/><\/svg>\r\n                        5.7%\r\n                    <\/span>\r\n                <\/div>\r\n                <div class=\"doms-pl-stat-val\">\u20b917.9 <small>LPA<\/small><\/div>\r\n                <div class=\"doms-pl-stat-desc\">Consistent year-on-year growth.<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"doms-pl-stat-card\">\r\n                <div class=\"doms-pl-stat-top\">\r\n                    <span class=\"doms-pl-stat-label\">Recruiting Partners<\/span>\r\n                <\/div>\r\n                <div class=\"doms-pl-stat-val\">60+<\/div>\r\n                <div class=\"doms-pl-stat-desc\">A vibrant mix of MNCs and high-growth startups.<\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"doms-pl-details-wrapper\">\r\n            \r\n            <div class=\"doms-pl-col-salary\">\r\n                <h3 class=\"doms-pl-col-title\">Compensation Breakdown<\/h3>\r\n                <div class=\"doms-pl-salary-list\">\r\n                    \r\n                    <div class=\"doms-pl-salary-row\">\r\n                        <div class=\"doms-pl-sal-label\">Top 10% Average<\/div>\r\n                        <div class=\"doms-pl-sal-line\"><\/div>\r\n                        <div class=\"doms-pl-sal-num\">\u20b926.1 LPA<\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"doms-pl-salary-row\">\r\n                        <div class=\"doms-pl-sal-label\">Top 25% Average<\/div>\r\n                        <div class=\"doms-pl-sal-line\"><\/div>\r\n                        <div class=\"doms-pl-sal-num\">\u20b922.7 LPA<\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"doms-pl-salary-row\">\r\n                        <div class=\"doms-pl-sal-label\">Batch Median<\/div>\r\n                        <div class=\"doms-pl-sal-line\"><\/div>\r\n                        <div class=\"doms-pl-sal-num\">\u20b918.0 LPA<\/div>\r\n                        <span class=\"doms-pl-micro-tag\">\u25b2 8.9%<\/span>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n                \r\n                <div class=\"doms-pl-context-box\">\r\n                    <p>\r\n                        \"The placement season of 2025 forged a record number of new partnerships, underscoring industry confidence.\"\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"doms-pl-col-domain\">\r\n                <h3 class=\"doms-pl-col-title\">Domain-wise Split (2025)<\/h3>\r\n                \r\n                <div class=\"doms-pl-chart-container\">\r\n                    \r\n                    <div class=\"doms-pl-bar-group\">\r\n                        <div class=\"doms-pl-bar-header\">\r\n                            <span class=\"doms-pl-bar-label\">General Management<\/span>\r\n                            <span class=\"doms-pl-bar-val\">36%<\/span>\r\n                        <\/div>\r\n                        <div class=\"doms-pl-bar-track\">\r\n                            <div class=\"doms-pl-bar-fill\" style=\"width: 36%; background-color: #D32F2F;\"><\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"doms-pl-bar-group\">\r\n                        <div class=\"doms-pl-bar-header\">\r\n                            <span class=\"doms-pl-bar-label\">Marketing & Sales<\/span>\r\n                            <span class=\"doms-pl-bar-val\">26%<\/span>\r\n                        <\/div>\r\n                        <div class=\"doms-pl-bar-track\">\r\n                            <div class=\"doms-pl-bar-fill\" style=\"width: 26%; background-color: #FBC02D;\"><\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"doms-pl-bar-group\">\r\n                        <div class=\"doms-pl-bar-header\">\r\n                            <span class=\"doms-pl-bar-label\">Finance<\/span>\r\n                            <span class=\"doms-pl-bar-val\">16%<\/span>\r\n                        <\/div>\r\n                        <div class=\"doms-pl-bar-track\">\r\n                            <div class=\"doms-pl-bar-fill\" style=\"width: 16%; background-color: #1976D2;\"><\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"doms-pl-bar-group\">\r\n                        <div class=\"doms-pl-bar-header\">\r\n                            <span class=\"doms-pl-bar-label\">Analytics \/ IT<\/span>\r\n                            <span class=\"doms-pl-bar-val\">15%<\/span>\r\n                        <\/div>\r\n                        <div class=\"doms-pl-bar-track\">\r\n                            <div class=\"doms-pl-bar-fill\" style=\"width: 15%; background-color: #388E3C;\"><\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"doms-pl-bar-group-dual\">\r\n                        <div class=\"doms-pl-mini-stat\">\r\n                            <span class=\"doms-pl-mini-val\" style=\"color: #00897B;\">4%<\/span>\r\n                            <span class=\"doms-pl-mini-lbl\">HR<\/span>\r\n                        <\/div>\r\n                        <div class=\"doms-pl-vertical-sep\"><\/div>\r\n                        <div class=\"doms-pl-mini-stat\">\r\n                            <span class=\"doms-pl-mini-val\" style=\"color: #7986CB;\">3%<\/span>\r\n                            <span class=\"doms-pl-mini-lbl\">Ops<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!--<div class=\"doms-pl-action-area\">-->\r\n        <!--    <a href=\"#\" class=\"doms-pl-download-btn\">-->\r\n        <!--        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/><polyline points=\"7 10 12 15 17 10\"\/><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"\/><\/svg>-->\r\n        <!--        Download Latest Placement Report-->\r\n        <!--    <\/a>-->\r\n        <!--<\/div>-->\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* ==========================================================================\r\n   ISOLATION SCOPE: #doms-pl-v2-root\r\n   ========================================================================== *\/\r\n\r\n\/* 1. Scoped Variables *\/\r\n#doms-pl-v2-root {\r\n    --pl-bg: #FDFBF7;        \/* Cream\/Paper *\/\r\n    --pl-white: #ffffff;\r\n    --pl-maroon: #691c20;\r\n    --pl-gold: #cfaa56;\r\n    --pl-black: #1a1a1a;\r\n    --pl-text: #4a4a4a;\r\n    --pl-border: #e0e0e0;\r\n    --pl-green: #2e7d32;     \/* Growth Indicator *\/\r\n    \r\n    --font-heading: 'Playfair Display', serif;\r\n    --font-body: 'Manrope', sans-serif;\r\n\r\n    \/* Section Layout *\/\r\n    width: 100%;\r\n    padding: 2rem 0;\r\n    background-color: var(--pl-bg);\r\n    color: var(--pl-text);\r\n    font-family: var(--font-body);\r\n    position: relative;\r\n    box-sizing: border-box;\r\n}\r\n\r\n#doms-pl-v2-root * {\r\n    box-sizing: border-box;\r\n    margin: 0; padding: 0;\r\n    line-height: 1.5;\r\n}\r\n\r\n\/* 2. Container *\/\r\n#doms-pl-v2-root .doms-pl-container {\r\n    max-width: 1200px;\r\n    width: 90%;\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* 3. Header *\/\r\n#doms-pl-v2-root .doms-pl-header {\r\n    text-align: center;\r\n    max-width: 900px;\r\n    margin: 0 auto 4rem auto;\r\n}\r\n\r\n#doms-pl-v2-root .doms-pl-eyebrow {\r\n    font-size: 0.8rem;\r\n    text-transform: uppercase;\r\n    letter-spacing: 2px;\r\n    font-weight: 700;\r\n    color: var(--pl-gold);\r\n    display: block;\r\n    margin-bottom: 1rem;\r\n}\r\n\r\n#doms-pl-v2-root .doms-pl-title {\r\n    font-family: var(--font-heading);\r\n    font-size: 4.5rem;\r\n    color: var(--pl-maroon);\r\n    line-height: 1.1;\r\n    margin-bottom: 1.5rem;\r\n}\r\n\r\n#doms-pl-v2-root .doms-pl-highlight {\r\n    font-style: italic;\r\n    color: var(--pl-black);\r\n}\r\n\r\n#doms-pl-v2-root .doms-pl-subtitle {\r\n    font-size: 1.1rem;\r\n    color: var(--pl-text);\r\n    line-height: 1.7;\r\n}\r\n\r\n\/* 4. Stats Grid *\/\r\n#doms-pl-v2-root .doms-pl-stats-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 2rem;\r\n    margin-bottom: 4rem;\r\n}\r\n\r\n#doms-pl-v2-root .doms-pl-stat-card {\r\n    background: var(--pl-white);\r\n    padding: 2rem;\r\n    border-radius: 30px;\r\n    border: 7px solid rgba(0,0,0,0.05);\r\n    box-shadow: 0 10px 30px rgba(0,0,0,0.05);\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n#doms-pl-v2-root .doms-pl-stat-card:hover {\r\n    transform: translateY(-5px);\r\n}\r\n\r\n\/* Hero Card Special Styling *\/\r\n#doms-pl-v2-root .doms-pl-stat-card.card-hero {\r\n    background: linear-gradient(135deg, #fffcf5 0%, #fff 100%);\r\n    border-color: var(--pl-gold);\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n#doms-pl-v2-root .doms-pl-stat-card.card-hero::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0; left: 0; width: 100%; height: 4px;\r\n    background-color: var(--pl-gold);\r\n}\r\n\r\n#doms-pl-v2-root .doms-pl-stat-top {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    margin-bottom: 1rem;\r\n}\r\n\r\n#doms-pl-v2-root .doms-pl-stat-label {\r\n    font-size: 0.85rem;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    font-weight: 700;\r\n    color: #888;\r\n}\r\n\r\n#doms-pl-v2-root .doms-pl-growth-tag {\r\n    font-size: 0.8rem;\r\n    font-weight: 700;\r\n    color: var(--pl-green);\r\n    background-color: rgba(46, 125, 50, 0.1);\r\n    padding: 4px 8px;\r\n    border-radius: 4px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 4px;\r\n}\r\n\r\n#doms-pl-v2-root .doms-pl-stat-val {\r\n    font-family: var(--font-heading);\r\n    font-size: 2.5rem;\r\n    color: var(--pl-black);\r\n    font-weight: 700;\r\n    line-height: 1;\r\n    margin-bottom: 0.8rem;\r\n}\r\n\r\n#doms-pl-v2-root .doms-pl-stat-val small {\r\n    font-size: 1rem;\r\n    color: #666;\r\n    font-weight: 400;\r\n    font-family: var(--font-body);\r\n}\r\n\r\n#doms-pl-v2-root .doms-pl-stat-desc {\r\n    font-size: 0.9rem;\r\n    color: #666;\r\n    line-height: 1.4;\r\n}\r\n\r\n\/* 5. Deep Dive Section *\/\r\n#doms-pl-v2-root .doms-pl-details-wrapper {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 4rem;\r\n    background-color: var(--pl-white);\r\n    padding: 3rem;\r\n    border-radius: 12px;\r\n    box-shadow: 0 10px 40px rgba(0,0,0,0.03);\r\n    margin-bottom: 3rem;\r\n}\r\n\r\n#doms-pl-v2-root .doms-pl-col-title {\r\n    font-family: var(--font-heading);\r\n    font-size: 1.5rem;\r\n    color: var(--pl-maroon);\r\n    margin-bottom: 2rem;\r\n    border-bottom: 2px solid var(--pl-border);\r\n    padding-bottom: 1rem;\r\n}\r\n\r\n\/* Salary List *\/\r\n#doms-pl-v2-root .doms-pl-salary-list {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 1.5rem;\r\n    margin-bottom: 2rem;\r\n}\r\n\r\n#doms-pl-v2-root .doms-pl-salary-row {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n}\r\n\r\n#doms-pl-v2-root .doms-pl-sal-label {\r\n    font-weight: 600;\r\n    color: var(--pl-text);\r\n    min-width: 140px;\r\n}\r\n\r\n#doms-pl-v2-root .doms-pl-sal-line {\r\n    flex-grow: 1;\r\n    height: 1px;\r\n    background-color: #eee;\r\n    margin: 0 15px;\r\n}\r\n\r\n#doms-pl-v2-root .doms-pl-sal-num {\r\n    font-family: var(--font-heading);\r\n    font-size: 1.4rem;\r\n    font-weight: 700;\r\n    color: var(--pl-black);\r\n}\r\n\r\n#doms-pl-v2-root .doms-pl-micro-tag {\r\n    font-size: 0.7rem;\r\n    color: var(--pl-green);\r\n    background: rgba(46, 125, 50, 0.1);\r\n    padding: 2px 6px;\r\n    border-radius: 3px;\r\n    margin-left: 10px;\r\n    font-weight: 700;\r\n}\r\n\r\n#doms-pl-v2-root .doms-pl-context-box {\r\n    background-color: #f4f4f4;\r\n    padding: 1.5rem;\r\n    border-radius: 6px;\r\n    font-style: italic;\r\n    color: #555;\r\n    border-left: 4px solid var(--pl-maroon);\r\n}\r\n\r\n\/* Charts *\/\r\n#doms-pl-v2-root .doms-pl-chart-container {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 1.2rem;\r\n}\r\n\r\n#doms-pl-v2-root .doms-pl-bar-group {\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n#doms-pl-v2-root .doms-pl-bar-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    font-size: 0.9rem;\r\n    font-weight: 600;\r\n    margin-bottom: 6px;\r\n    color: #444;\r\n}\r\n\r\n#doms-pl-v2-root .doms-pl-bar-track {\r\n    width: 100%;\r\n    height: 8px;\r\n    background-color: #f0f0f0;\r\n    border-radius: 4px;\r\n    overflow: hidden;\r\n}\r\n\r\n#doms-pl-v2-root .doms-pl-bar-fill {\r\n    height: 100%;\r\n    border-radius: 4px;\r\n}\r\n\r\n\/* Dual Mini Stats *\/\r\n#doms-pl-v2-root .doms-pl-bar-group-dual {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 2rem;\r\n    margin-top: 1rem;\r\n    padding-top: 1rem;\r\n    border-top: 1px dashed #ddd;\r\n}\r\n\r\n#doms-pl-v2-root .doms-pl-mini-stat {\r\n    display: flex;\r\n    align-items: baseline;\r\n    gap: 8px;\r\n}\r\n\r\n#doms-pl-v2-root .doms-pl-mini-val {\r\n    font-family: var(--font-heading);\r\n    font-size: 1.5rem;\r\n    font-weight: 700;\r\n}\r\n\r\n#doms-pl-v2-root .doms-pl-mini-lbl {\r\n    font-size: 0.85rem;\r\n    color: #666;\r\n}\r\n\r\n#doms-pl-v2-root .doms-pl-vertical-sep {\r\n    width: 1px;\r\n    height: 30px;\r\n    background-color: #ddd;\r\n}\r\n\r\n\/* 6. CTA Action *\/\r\n#doms-pl-v2-root .doms-pl-action-area {\r\n    text-align: center;\r\n}\r\n\r\n#doms-pl-v2-root .doms-pl-download-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n    background-color: var(--pl-maroon);\r\n    color: var(--pl-white);\r\n    padding: 16px 32px;\r\n    font-size: 1rem;\r\n    font-weight: 600;\r\n    text-decoration: none;\r\n    border-radius: 4px;\r\n    transition: all 0.3s ease;\r\n    box-shadow: 0 4px 15px rgba(105, 28, 32, 0.2);\r\n}\r\n\r\n#doms-pl-v2-root .doms-pl-download-btn:hover {\r\n    background-color: #8a252a;\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 8px 20px rgba(105, 28, 32, 0.3);\r\n}\r\n\r\n\/* ==========================================================================\r\n   RESPONSIVE DESIGN (MOBILE OPTIMIZATION)\r\n   ========================================================================== \r\n*\/\r\n\r\n\/* Tablet Portrait & Mobile Landscape *\/\r\n@media screen and (max-width: 1024px) {\r\n    #doms-pl-v2-root .doms-pl-stats-grid {\r\n        grid-template-columns: 1fr 1fr; \/* 2 cols *\/\r\n    }\r\n    \r\n    #doms-pl-v2-root .doms-pl-details-wrapper {\r\n        grid-template-columns: 1fr; \/* Vertical Stack *\/\r\n        gap: 2rem;\r\n    }\r\n}\r\n\r\n\/* Mobile Devices (Portrait) *\/\r\n@media screen and (max-width: 768px) {\r\n    #doms-pl-v2-root {\r\n        padding: 3rem 0; \/* Reduce padding *\/\r\n    }\r\n\r\n    #doms-pl-v2-root .doms-pl-header {\r\n        margin-bottom: 2.5rem;\r\n    }\r\n\r\n    #doms-pl-v2-root .doms-pl-title {\r\n        font-size: 2.2rem;\r\n    }\r\n\r\n    \/* Stack Stats vertically *\/\r\n    #doms-pl-v2-root .doms-pl-stats-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 1rem;\r\n        margin-bottom: 3rem;\r\n    }\r\n\r\n    \/* Stack Details Vertically *\/\r\n    #doms-pl-v2-root .doms-pl-details-wrapper {\r\n        padding: 1.5rem;\r\n        gap: 3rem;\r\n    }\r\n\r\n    #doms-pl-v2-root .doms-pl-col-title {\r\n        font-size: 1.3rem;\r\n        margin-bottom: 1.5rem;\r\n    }\r\n\r\n    \/* Adjust Salary Rows *\/\r\n    #doms-pl-v2-root .doms-pl-salary-row {\r\n        flex-wrap: wrap; \/* Allow wrapping *\/\r\n        gap: 0.5rem;\r\n    }\r\n    \r\n    #doms-pl-v2-root .doms-pl-sal-line {\r\n        display: none; \/* Hide line on small screens *\/\r\n    }\r\n    \r\n    #doms-pl-v2-root .doms-pl-sal-label {\r\n        width: 100%; \/* Full width label *\/\r\n        margin-bottom: 0.2rem;\r\n    }\r\n    \r\n    #doms-pl-v2-root .doms-pl-sal-num {\r\n        font-size: 1.2rem;\r\n    }\r\n\r\n    \/* Full Width CTA *\/\r\n    #doms-pl-v2-root .doms-pl-download-btn {\r\n        width: 100%;\r\n    }\r\n}\r\n<\/style>\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<div class=\"elementor-element elementor-element-0046d46 e-flex e-con-boxed e-con e-parent\" data-id=\"0046d46\" 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-ea78dda elementor-widget elementor-widget-html\" data-id=\"ea78dda\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n\n\n\n<div id=\"doms-arc-v2-root\" class=\"doms-av2-scope\">\n\n    <div class=\"doms-av2-container\">\n        \n        <div class=\"doms-av2-header\">\n            <h2 class=\"doms-av2-heading\">Placement <span class=\"doms-av2-highlight\">Reports<\/span><\/h2>\n            <p class=\"doms-av2-desc\">Access our comprehensive placement data spanning over a decade. Transparency and consistency define our legacy.<\/p>\n        <\/div>\n\n        <div class=\"doms-av2-spotlight-wrapper\">\n            <a href=\"https:\/\/www.linkedin.com\/posts\/domspl_doms-iit-madras-final-placement-report-activity-7336993670736293888-b2Xj?utm_source=share&utm_medium=member_desktop&rcm=ACoAAEhfFe0BSa9TwEXD7HBvkwV1XJG-Fo_8PkU\" class=\"doms-av2-spotlight-card\">\n                <div class=\"doms-av2-spot-content\">\n                    <div class=\"doms-av2-badge\">Current Academic Year<\/div>\n                    <h3 class=\"doms-av2-spot-title\">Final Placements 2025<\/h3>\n                    <span class=\"doms-av2-btn-link\">\n                        Download Report\n                        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/><polyline points=\"7 10 12 15 17 10\"\/><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"\/><\/svg>\n                    <\/span>\n                <\/div>\n                <div class=\"doms-av2-spot-decor\">2025<\/div>\n            <\/a>\n        <\/div>\n\n        <div class=\"doms-av2-grid-label\">Archive<\/div>\n        <div class=\"doms-av2-grid\">\n\n            <a href=\"https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/01\/Placement-Report-2024.pdf\" class=\"doms-av2-item\">\n                <span class=\"doms-av2-year\">2024<\/span>\n                <span class=\"doms-av2-action\">PDF<\/span>\n            <\/a>\n\n            <a href=\"https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/01\/Final_Placement_Report_2022_.pdf\" class=\"doms-av2-item\">\n                <span class=\"doms-av2-year\">2023<\/span>\n                <span class=\"doms-av2-action\">PDF<\/span>\n            <\/a>\n\n            <a href=\"https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/01\/Final_Placement_Report_2022_-1.pdf\" class=\"doms-av2-item\">\n                <span class=\"doms-av2-year\">2022<\/span>\n                <span class=\"doms-av2-action\">PDF<\/span>\n            <\/a>\n\n            <a href=\"https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/01\/DoMS_IIT-Madras__Final_Placement_Report_2021-23.pdf\" class=\"doms-av2-item\">\n                <span class=\"doms-av2-year\">2021<\/span>\n                <span class=\"doms-av2-action\">PDF<\/span>\n            <\/a>\n\n            <a href=\"https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/01\/Final_Placement_Report_2020.pdf\" class=\"doms-av2-item\">\n                <span class=\"doms-av2-year\">2020<\/span>\n                <span class=\"doms-av2-action\">PDF<\/span>\n            <\/a>\n\n            <a href=\"https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/01\/Final_Placement_Report_2019.pdf\" class=\"doms-av2-item\">\n                <span class=\"doms-av2-year\">2019<\/span>\n                <span class=\"doms-av2-action\">PDF<\/span>\n            <\/a>\n\n            <a href=\"https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/01\/final_flacement_report_2018.pdf\" class=\"doms-av2-item\">\n                <span class=\"doms-av2-year\">2018<\/span>\n                <span class=\"doms-av2-action\">PDF<\/span>\n            <\/a>\n\n            <a href=\"https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/01\/final_placement_2017.pdf\" class=\"doms-av2-item\">\n                <span class=\"doms-av2-year\">2017<\/span>\n                <span class=\"doms-av2-action\">PDF<\/span>\n            <\/a>\n\n            <a href=\"https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/01\/Finals_Placement_Report_2016.pdf\" class=\"doms-av2-item\">\n                <span class=\"doms-av2-year\">2016<\/span>\n                <span class=\"doms-av2-action\">PDF<\/span>\n            <\/a>\n\n            <a href=\"https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/01\/Placement_Report_Final_2015.pdf\" class=\"doms-av2-item\">\n                <span class=\"doms-av2-year\">2015<\/span>\n                <span class=\"doms-av2-action\">PDF<\/span>\n            <\/a>\n\n            <a href=\"https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/01\/Placement_Report_Final_2014.pdf\" class=\"doms-av2-item\">\n                <span class=\"doms-av2-year\">2014<\/span>\n                <span class=\"doms-av2-action\">PDF<\/span>\n            <\/a>\n\n            <a href=\"https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/01\/Placement_Report_2013.pdf\" class=\"doms-av2-item\">\n                <span class=\"doms-av2-year\">2013<\/span>\n                <span class=\"doms-av2-action\">PDF<\/span>\n            <\/a>\n\n            <a href=\"https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/01\/Placement_Report_2012.pdf\" class=\"doms-av2-item\">\n                <span class=\"doms-av2-year\">2012<\/span>\n                <span class=\"doms-av2-action\">PDF<\/span>\n            <\/a>\n\n            <a href=\"https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/01\/Final_Placement_Report_2011.pdf\" class=\"doms-av2-item\">\n                <span class=\"doms-av2-year\">2011<\/span>\n                <span class=\"doms-av2-action\">PDF<\/span>\n            <\/a>\n\n            <a href=\"https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/01\/Placement_Report_Final_2010.pdf\" class=\"doms-av2-item\">\n                <span class=\"doms-av2-year\">2010<\/span>\n                <span class=\"doms-av2-action\">PDF<\/span>\n            <\/a>\n\n            <a href=\"https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/01\/Placement_Report_Final_2009.pdf\" class=\"doms-av2-item\">\n                <span class=\"doms-av2-year\">2009<\/span>\n                <span class=\"doms-av2-action\">PDF<\/span>\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<style>\n\/* ==========================================================================\n   ISOLATION SCOPE: #doms-arc-v2-root\n   ========================================================================== *\/\n\n\/* 1. Scoped Variables *\/\n#doms-arc-v2-root {\n    --av2-bg: #FDFBF7;       \/* Warm Cream Background *\/\n    --av2-white: #ffffff !important;\n    --av2-maroon: #691c20;\n    --av2-maroon-dark: #4a0e11;\n    --av2-gold: #cfaa56;\n    --av2-text: #4a4a4a;\n    --av2-text-head: #1a1a1a;\n    --av2-border: #e0e0e0;\n    \n    --font-heading: 'Playfair Display', serif;\n    --font-body: 'Manrope', sans-serif;\n\n    width: 100%;\n    padding: 2rem 0rem 4rem 0rem;\n    background-color: var(--av2-bg);\n    color: var(--av2-text) ;\n    font-family: var(--font-body);\n    box-sizing: border-box;\n    position: relative;\n}\n\n#doms-arc-v2-root * {\n    box-sizing: border-box;\n    margin: 0; padding: 0;\n    line-height: 1.5;\n    text-decoration: none;\n}\n\n\/* 2. Container *\/\n#doms-arc-v2-root .doms-av2-container {\n    max-width: 1000px;\n    width: 90%;\n    margin: 0 auto;\n}\n\n\/* 3. Header *\/\n#doms-arc-v2-root .doms-av2-header {\n    text-align: center;\n    max-width: 1000px;\n    margin: 0 auto 3rem auto;\n}\n\n#doms-arc-v2-root .doms-av2-eyebrow {\n    font-size: 0.8rem;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    font-weight: 700;\n    color: var(--av2-gold);\n    display: block;\n    margin-bottom: 0.8rem;\n}\n\n#doms-arc-v2-root .doms-av2-heading {\n    font-family: var(--font-heading);\n    font-size: 4.6rem;\n    color: var(--av2-maroon);\n    margin-bottom: 1rem;\n}\n\n#doms-arc-v2-root .doms-av2-desc {\n    font-size: 1rem;\n    color: var(--av2-text);\n}\n\n\/* 4. Spotlight Card (2025) *\/\n#doms-arc-v2-root .doms-av2-spotlight-wrapper {\n    margin-bottom: 3rem;\n}\n\n#doms-arc-v2-root .doms-av2-spotlight-card {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    background: linear-gradient(135deg, var(--av2-maroon) 0%, var(--av2-maroon-dark) 100%);\n    padding: 2.5rem;\n    border-radius: 50px;\n    color: var(--av2-white) !important;\n    position: relative;\n    overflow: hidden;\n    box-shadow: 0 10px 30px rgba(105, 28, 32, 0.2);\n    transition: transform 0.3s ease;\n}\n\n#doms-arc-v2-root .doms-av2-spotlight-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 15px 40px rgba(105, 28, 32, 0.3);\n}\n\n#doms-arc-v2-root .doms-av2-spot-content {\n    position: relative;\n    z-index: 2;\n}\n\n#doms-arc-v2-root .doms-av2-badge {\n    background-color: var(--av2-gold);\n    color: var(--av2-maroon);\n    font-size: 0.75rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    padding: 4px 10px;\n    border-radius: 4px;\n    display: inline-block;\n    margin-bottom: 1rem;\n}\n\n#doms-arc-v2-root .doms-av2-spot-title {\n    font-family: var(--font-heading);\n    font-size: 2rem;\n    font-weight: 700;\n    margin-bottom: 1.5rem;\n    line-height: 1.1;\n    color: white;\n}\n\n#doms-arc-v2-root .doms-av2-btn-link {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    font-weight: 600;\n    font-size: 1rem;\n    color: var(--av2-white);\n    border-bottom: 1px solid rgba(255,255,255,0.4);\n    padding-bottom: 2px;\n    transition: all 0.3s ease;\n}\n\n#doms-arc-v2-root .doms-av2-spotlight-card:hover .doms-av2-btn-link {\n    color: var(--av2-gold);\n    border-color: var(--av2-gold);\n}\n\n\/* Decorative Number *\/\n#doms-arc-v2-root .doms-av2-spot-decor {\n    position: absolute;\n    right: -20px;\n    bottom: -30px;\n    font-size: 10rem;\n    font-weight: 800;\n    color: rgba(255,255,255,0.05);\n    z-index: 1;\n    font-family: var(--font-heading);\n    pointer-events: none;\n}\n\n\/* 5. Archive Grid *\/\n#doms-arc-v2-root .doms-av2-grid-label {\n    font-size: 0.9rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    color: #999;\n    border-bottom: 1px solid var(--av2-border);\n    padding-bottom: 10px;\n    margin-bottom: 1.5rem;\n    letter-spacing: 1px;\n}\n\n#doms-arc-v2-root .doms-av2-grid {\n    display: grid;\n    \/* Smart Grid: Adapts to screen size without media queries sometimes, \n       but we will enforce media queries for strict control *\/\n    grid-template-columns: repeat(4, 1fr); \n    gap: 1rem;\n}\n\n#doms-arc-v2-root .doms-av2-item {\n    background-color: var(--av2-white);\n    border: 1px solid var(--av2-border);\n    border-radius: 8px;\n    padding: 1.2rem;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    transition: all 0.2s ease;\n}\n\n#doms-arc-v2-root .doms-av2-item:hover {\n    border-color: var(--av2-maroon);\n    background-color: #fffcf5; \/* slight warm tint *\/\n    transform: translateY(-2px);\n    box-shadow: 0 4px 10px rgba(0,0,0,0.05);\n}\n\n#doms-arc-v2-root .doms-av2-year {\n    font-family: var(--font-heading);\n    font-size: 1.25rem;\n    font-weight: 700;\n    color: var(--av2-text-head);\n}\n\n#doms-arc-v2-root .doms-av2-action {\n    font-size: 0.75rem;\n    font-weight: 700;\n    color: var(--av2-maroon);\n    background-color: rgba(105, 28, 32, 0.05);\n    padding: 4px 8px;\n    border-radius: 4px;\n    text-transform: uppercase;\n}\n\n\/* ==========================================================================\n   RESPONSIVE DESIGN (Highly Mobile Optimized)\n   ========================================================================== \n*\/\n\n@media screen and (max-width: 900px) {\n    #doms-arc-v2-root .doms-av2-grid {\n        grid-template-columns: repeat(3, 1fr);\n    }\n    #doms-arc-v2-root .doms-av2-heading {\n        font-size: 3.5rem; \/* Slightly smaller for tablets *\/\n    }\n}\n\n@media screen and (max-width: 600px) {\n    #doms-arc-v2-root {\n        padding: 2rem 0 3rem 0; \/* Adjusted vertical padding *\/\n    }\n\n    #doms-arc-v2-root .doms-av2-header {\n        margin-bottom: 2rem;\n    }\n    \n    #doms-arc-v2-root .doms-av2-heading {\n        font-size: 2.8rem; \/* Mobile-friendly title size *\/\n    }\n    \n    #doms-arc-v2-root .doms-av2-desc {\n        font-size: 0.95rem; \/* Slightly smaller description *\/\n    }\n\n    #doms-arc-v2-root .doms-av2-spotlight-card {\n        padding: 1.5rem;\n        border-radius: 20px; \/* Softer radius for small screens *\/\n    }\n\n    #doms-arc-v2-root .doms-av2-spot-title {\n        font-size: 1.5rem; \/* Smaller title in the spotlight box *\/\n    }\n    \n    #doms-arc-v2-root .doms-av2-spot-decor {\n        font-size: 6rem; \/* Make the decorative \"2025\" fit the box *\/\n        right: -10px;\n        bottom: -15px;\n    }\n\n    \/* Grid becomes 2 columns on Mobile for ease of tapping *\/\n    #doms-arc-v2-root .doms-av2-grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 0.8rem;\n    }\n\n    #doms-arc-v2-root .doms-av2-year {\n        font-size: 1.1rem;\n    }\n}\n\n@media screen and (max-width: 350px) {\n    \/* Very small phones -> 1 Column *\/\n    #doms-arc-v2-root .doms-av2-grid {\n        grid-template-columns: 1fr;\n    }\n}\n<\/style>\n\n\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ce95a36 e-flex e-con-boxed e-con e-parent\" data-id=\"ce95a36\" 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-72aeca5 elementor-widget elementor-widget-html\" data-id=\"72aeca5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\n\r\n<div id=\"doms-sip-v2-root\" class=\"doms-sip-scope\">\r\n\r\n    <div class=\"doms-sip-bg-pattern\"><\/div>\r\n    <div class=\"doms-sip-bg-gradient\"><\/div>\r\n\r\n    <div class=\"doms-sip-container\">\r\n        \r\n        <div class=\"doms-sip-header\">\r\n            <h2 class=\"doms-sip-title\">Summer Internship <span class=\"doms-sip-highlight\">Highlights<\/span><\/h2>\r\n            <p class=\"doms-sip-subtitle\">\r\n                MBA Batch 2024-26 marked a milestone season with competitive stipends and a surge in new industry partnerships, laying the foundation for strong PPO conversions.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"doms-sip-stats-grid\">\r\n            \r\n            <div class=\"doms-sip-stat-card card-hero\">\r\n                <div class=\"doms-sip-stat-top\">\r\n                    <span class=\"doms-sip-stat-label\">Highest Stipend<\/span>\r\n                    <span class=\"doms-sip-period-tag\">2 Months<\/span>\r\n                <\/div>\r\n                <div class=\"doms-sip-stat-val\">\u20b92.40 <small>Lakhs<\/small><\/div>\r\n                <div class=\"doms-sip-stat-desc\">Setting new benchmarks for summer talent compensation.<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"doms-sip-stat-card\">\r\n                <div class=\"doms-sip-stat-top\">\r\n                    <span class=\"doms-sip-stat-label\">Average Stipend<\/span>\r\n                <\/div>\r\n                <div class=\"doms-sip-stat-val\">\u20b91.12 <small>Lakhs<\/small><\/div>\r\n                <div class=\"doms-sip-stat-desc\">Reflecting the high quality of the department's talent pool.<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"doms-sip-stat-card\">\r\n                <div class=\"doms-sip-stat-top\">\r\n                    <span class=\"doms-sip-stat-label\">Top 25% Average<\/span>\r\n                <\/div>\r\n                <div class=\"doms-sip-stat-val\">\u20b92.00 <small>Lakhs<\/small><\/div>\r\n                <div class=\"doms-sip-stat-desc\">Premium roles across Finance, Analytics, and Consulting.<\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"doms-sip-details-wrapper\">\r\n            \r\n            <div class=\"doms-sip-col-tiers\">\r\n                <h3 class=\"doms-sip-col-title\">Stipend Statistics<\/h3>\r\n                <div class=\"doms-sip-tier-list\">\r\n                    <div class=\"doms-sip-tier-row\">\r\n                        <div class=\"doms-sip-tier-label\">Top 50% Average<\/div>\r\n                        <div class=\"doms-sip-tier-line\"><\/div>\r\n                        <div class=\"doms-sip-tier-num\">\u20b91,70,000<\/div>\r\n                    <\/div>\r\n                    <div class=\"doms-sip-tier-row\">\r\n                        <div class=\"doms-sip-tier-label\">Overall Average<\/div>\r\n                        <div class=\"doms-sip-tier-line\"><\/div>\r\n                        <div class=\"doms-sip-tier-num\">\u20b91,12,000<\/div>\r\n                    <\/div>\r\n                    <div class=\"doms-sip-tier-row\">\r\n                        <div class=\"doms-sip-tier-label\">Median Stipend<\/div>\r\n                        <div class=\"doms-sip-tier-line\"><\/div>\r\n                        <div class=\"doms-sip-tier-num\">\u20b970,000<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"doms-sip-context-box\">\r\n                    <p>\r\n                        \"Notably, DoMS established several new industry partnerships, reflecting growing recruiter confidence and providing hands-on exposure to real-world business challenges.\"\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"doms-sip-col-domain\">\r\n                <h3 class=\"doms-sip-col-title\">Domain-wise Split & Avg. Stipend<\/h3>\r\n                <div class=\"doms-sip-chart-container\">\r\n                    \r\n                    <div class=\"doms-sip-bar-group\">\r\n                        <div class=\"doms-sip-bar-header\">\r\n                            <span class=\"doms-sip-bar-label\">General Management<\/span>\r\n                            <span class=\"doms-sip-bar-avg\">Avg: \u20b91.10L<\/span>\r\n                        <\/div>\r\n                        <div class=\"doms-sip-bar-flex\">\r\n                            <div class=\"doms-sip-bar-track\">\r\n                                <div class=\"doms-sip-bar-fill\" style=\"width: 33%; background-color: #D32F2F;\"><\/div>\r\n                            <\/div>\r\n                            <span class=\"doms-sip-bar-val\">33%<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"doms-sip-bar-group\">\r\n                        <div class=\"doms-sip-bar-header\">\r\n                            <span class=\"doms-sip-bar-label\">Finance<\/span>\r\n                            <span class=\"doms-sip-bar-avg\">Avg: \u20b91.51L<\/span>\r\n                        <\/div>\r\n                        <div class=\"doms-sip-bar-flex\">\r\n                            <div class=\"doms-sip-bar-track\">\r\n                                <div class=\"doms-sip-bar-fill\" style=\"width: 21%; background-color: #1976D2;\"><\/div>\r\n                            <\/div>\r\n                            <span class=\"doms-sip-bar-val\">21%<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"doms-sip-bar-group\">\r\n                        <div class=\"doms-sip-bar-header\">\r\n                            <span class=\"doms-sip-bar-label\">Marketing & Sales<\/span>\r\n                            <span class=\"doms-sip-bar-avg\">Avg: \u20b90.66L<\/span>\r\n                        <\/div>\r\n                        <div class=\"doms-sip-bar-flex\">\r\n                            <div class=\"doms-sip-bar-track\">\r\n                                <div class=\"doms-sip-bar-fill\" style=\"width: 17%; background-color: #FBC02D;\"><\/div>\r\n                            <\/div>\r\n                            <span class=\"doms-sip-bar-val\">17%<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"doms-sip-dual-row\">\r\n                        <div class=\"doms-sip-mini-stat\">\r\n                            <div class=\"doms-sip-mini-head\">\r\n                                <span class=\"doms-sip-mini-lbl\">Analytics\/IT<\/span>\r\n                                <span class=\"doms-sip-mini-pct\" style=\"color: #388E3C;\">12%<\/span>\r\n                            <\/div>\r\n                            <div class=\"doms-sip-mini-avg\">Avg: \u20b91.71L<\/div>\r\n                            <div class=\"doms-sip-mini-track\">\r\n                                <div class=\"doms-sip-mini-fill\" style=\"width: 100%; background-color: #388E3C;\"><\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"doms-sip-mini-stat\">\r\n                            <div class=\"doms-sip-mini-head\">\r\n                                <span class=\"doms-sip-mini-lbl\">Operations<\/span>\r\n                                <span class=\"doms-sip-mini-pct\" style=\"color: #7986CB;\">12%<\/span>\r\n                            <\/div>\r\n                            <div class=\"doms-sip-mini-avg\">Avg: \u20b91.35L<\/div>\r\n                            <div class=\"doms-sip-mini-track\">\r\n                                <div class=\"doms-sip-mini-fill\" style=\"width: 100%; background-color: #7986CB;\"><\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"doms-sip-mini-stat\">\r\n                            <div class=\"doms-sip-mini-head\">\r\n                                <span class=\"doms-sip-mini-lbl\">HR<\/span>\r\n                                <span class=\"doms-sip-mini-pct\" style=\"color: #00897B;\">5%<\/span>\r\n                            <\/div>\r\n                            <div class=\"doms-sip-mini-avg\">Avg: \u20b90.64L<\/div>\r\n                            <div class=\"doms-sip-mini-track\">\r\n                                <div class=\"doms-sip-mini-fill\" style=\"width: 100%; background-color: #00897B;\"><\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* ==========================================================================\r\n   ISOLATION SCOPE: #doms-sip-v2-root\r\n   ========================================================================== *\/\r\n\r\n\/* 1. Scoped Variables *\/\r\n#doms-sip-v2-root {\r\n    --sip-bg: #FDFBF7;        \/* Base Cream *\/\r\n    --sip-bg-accent: #f4f1ea; \/* Slightly darker cream for pattern *\/\r\n    --sip-white: #ffffff;\r\n    --sip-maroon: #691c20;\r\n    --sip-gold: #cfaa56;\r\n    --sip-black: #1a1a1a;\r\n    --sip-text: #4a4a4a;\r\n    --sip-border: #e0e0e0;\r\n    --sip-blue: #1565C0;      \r\n    \r\n    --font-heading: 'Playfair Display', serif;\r\n    --font-body: 'Manrope', sans-serif;\r\n\r\n    \/* Section Layout *\/\r\n    width: 100%;\r\n    padding: 6rem 0;\r\n    background-color: var(--sip-bg);\r\n    color: var(--sip-text);\r\n    font-family: var(--font-body);\r\n    position: relative;\r\n    box-sizing: border-box;\r\n    overflow: hidden; \/* For pattern containment *\/\r\n}\r\n\r\n#doms-sip-v2-root * {\r\n    box-sizing: border-box;\r\n    margin: 0; padding: 0;\r\n    line-height: 1.5;\r\n}\r\n\r\n\/* NEW: Background Design *\/\r\n#doms-sip-v2-root .doms-sip-bg-pattern {\r\n    position: absolute;\r\n    top: 0; left: 0;\r\n    width: 100%; height: 100%;\r\n    \/* Hexagon\/Grid Pattern SVG Data URI *\/\r\n    background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23cfaa56' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\r\n    z-index: 0;\r\n    opacity: 0.6;\r\n}\r\n\r\n#doms-sip-v2-root .doms-sip-bg-gradient {\r\n    position: absolute;\r\n    top: 0; left: 0;\r\n    width: 100%; height: 100%;\r\n    background: radial-gradient(circle at 50% 50%, transparent 0%, rgba(253, 251, 247, 0.8) 100%);\r\n    z-index: 1;\r\n    pointer-events: none;\r\n}\r\n\r\n\/* 2. Container *\/\r\n#doms-sip-v2-root .doms-sip-container {\r\n    max-width: 1200px;\r\n    width: 90%;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 2; \/* Content above background *\/\r\n}\r\n\r\n\/* 3. Header *\/\r\n#doms-sip-v2-root .doms-sip-header {\r\n    text-align: center;\r\n    max-width: 800px;\r\n    margin: 0 auto 4rem auto;\r\n}\r\n\r\n#doms-sip-v2-root .doms-sip-eyebrow {\r\n    font-size: 0.8rem;\r\n    text-transform: uppercase;\r\n    letter-spacing: 2px;\r\n    font-weight: 700;\r\n    color: var(--sip-maroon);\r\n    display: block;\r\n    margin-bottom: 1rem;\r\n}\r\n\r\n#doms-sip-v2-root .doms-sip-title {\r\n    font-family: var(--font-heading);\r\n    \/* Fluid scaling for mobile perfection *\/\r\n    font-size: clamp(2.4rem, 5vw, 4.6rem); \r\n    color: var(--sip-maroon);\r\n    line-height: 1.1;\r\n    margin-bottom: 1.5rem;\r\n}\r\n\r\n#doms-sip-v2-root .doms-sip-highlight {\r\n    font-style: italic;\r\n    color: var(--sip-black);\r\n}\r\n\r\n#doms-sip-v2-root .doms-sip-subtitle {\r\n    font-size: 1.1rem;\r\n    color: var(--sip-text);\r\n    line-height: 1.7;\r\n}\r\n\r\n\/* 4. Stats Grid *\/\r\n#doms-sip-v2-root .doms-sip-stats-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 2rem;\r\n    margin-bottom: 4rem;\r\n}\r\n\r\n#doms-sip-v2-root .doms-sip-stat-card {\r\n    background-color: rgba(255, 255, 255, 0.95); \r\n    padding: 2rem;\r\n    border-radius: 12px;\r\n    border: 1px solid rgba(255, 255, 255, 1);\r\n    box-shadow: 0 20px 40px rgba(0,0,0,0.08);\r\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n    backdrop-filter: blur(10px); \r\n}\r\n\r\n#doms-sip-v2-root .doms-sip-stat-card:hover {\r\n    transform: translateY(-5px);\r\n    box-shadow: 0 25px 50px rgba(0,0,0,0.12);\r\n}\r\n\r\n\/* Hero Card Special Styling *\/\r\n#doms-sip-v2-root .doms-sip-stat-card.card-hero {\r\n    background: linear-gradient(135deg, rgba(240, 247, 255, 0.95) 0%, rgba(255, 255, 255, 0.95) 100%);\r\n    border-color: var(--sip-blue);\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n#doms-sip-v2-root .doms-sip-stat-card.card-hero::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0; left: 0; width: 100%; height: 4px;\r\n    background-color: var(--sip-blue);\r\n}\r\n\r\n#doms-sip-v2-root .doms-sip-stat-top {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    margin-bottom: 1rem;\r\n    flex-wrap: wrap; \/* Safety for mobile *\/\r\n    gap: 10px;\r\n}\r\n\r\n#doms-sip-v2-root .doms-sip-stat-label {\r\n    font-size: 0.85rem;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    font-weight: 700;\r\n    color: #888;\r\n}\r\n\r\n#doms-sip-v2-root .doms-sip-period-tag {\r\n    font-size: 0.75rem;\r\n    font-weight: 700;\r\n    color: var(--sip-blue);\r\n    background-color: rgba(21, 101, 192, 0.1);\r\n    padding: 4px 8px;\r\n    border-radius: 4px;\r\n}\r\n\r\n#doms-sip-v2-root .doms-sip-stat-val {\r\n    font-family: var(--font-heading);\r\n    \/* Fluid scaling for numbers *\/\r\n    font-size: clamp(2rem, 4vw, 2.5rem); \r\n    color: var(--sip-black);\r\n    font-weight: 700;\r\n    line-height: 1;\r\n    margin-bottom: 0.8rem;\r\n}\r\n\r\n#doms-sip-v2-root .doms-sip-stat-val small {\r\n    font-size: 1rem;\r\n    color: #666;\r\n    font-weight: 400;\r\n    font-family: var(--font-body);\r\n}\r\n\r\n#doms-sip-v2-root .doms-sip-stat-desc {\r\n    font-size: 0.9rem;\r\n    color: #666;\r\n    line-height: 1.4;\r\n}\r\n\r\n\/* 5. Deep Dive Section *\/\r\n#doms-sip-v2-root .doms-sip-details-wrapper {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 4rem;\r\n    background-color: rgba(255, 255, 255, 0.95); \r\n    padding: 3.5rem;\r\n    border-radius: 16px;\r\n    box-shadow: 0 20px 50px rgba(0,0,0,0.08);\r\n    margin-bottom: 3rem;\r\n    border: 1px solid rgba(255,255,255,1);\r\n    backdrop-filter: blur(12px);\r\n}\r\n\r\n#doms-sip-v2-root .doms-sip-col-title {\r\n    font-family: var(--font-heading);\r\n    font-size: 1.5rem;\r\n    color: var(--sip-maroon);\r\n    margin-bottom: 2rem;\r\n    border-bottom: 2px solid var(--sip-border);\r\n    padding-bottom: 1rem;\r\n}\r\n\r\n\/* List Style *\/\r\n#doms-sip-v2-root .doms-sip-tier-list {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 1.5rem;\r\n    margin-bottom: 2rem;\r\n}\r\n\r\n#doms-sip-v2-root .doms-sip-tier-row {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 10px; \/* Safe gap for mobile *\/\r\n}\r\n\r\n#doms-sip-v2-root .doms-sip-tier-label {\r\n    font-weight: 600;\r\n    color: var(--sip-text);\r\n    \/* min-width removed to allow flexible shrinking on mobile *\/\r\n    font-size: clamp(0.9rem, 2.5vw, 1rem); \r\n}\r\n\r\n#doms-sip-v2-root .doms-sip-tier-line {\r\n    flex-grow: 1;\r\n    height: 1px;\r\n    background-color: #eee;\r\n    margin: 0;\r\n}\r\n\r\n#doms-sip-v2-root .doms-sip-tier-num {\r\n    font-family: var(--font-heading);\r\n    font-size: clamp(1.1rem, 3vw, 1.4rem); \r\n    font-weight: 700;\r\n    color: var(--sip-black);\r\n}\r\n\r\n#doms-sip-v2-root .doms-sip-context-box {\r\n    background-color: #f8f8f8;\r\n    padding: 1.5rem;\r\n    border-radius: 6px;\r\n    font-style: italic;\r\n    color: #555;\r\n    border-left: 4px solid var(--sip-maroon);\r\n    font-size: 0.95rem;\r\n}\r\n\r\n\/* Charts *\/\r\n#doms-sip-v2-root .doms-sip-chart-container {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 1.2rem;\r\n}\r\n\r\n#doms-sip-v2-root .doms-sip-bar-group {\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n#doms-sip-v2-root .doms-sip-bar-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    font-size: 0.9rem;\r\n    font-weight: 600;\r\n    margin-bottom: 6px;\r\n    color: #444;\r\n}\r\n\r\n#doms-sip-v2-root .doms-sip-bar-avg {\r\n    font-size: 0.8rem;\r\n    background: #eee;\r\n    padding: 2px 6px;\r\n    border-radius: 4px;\r\n    color: #555;\r\n}\r\n\r\n#doms-sip-v2-root .doms-sip-bar-flex {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n#doms-sip-v2-root .doms-sip-bar-track {\r\n    flex-grow: 1;\r\n    height: 10px;\r\n    background-color: #f0f0f0;\r\n    border-radius: 5px;\r\n    overflow: hidden;\r\n}\r\n\r\n#doms-sip-v2-root .doms-sip-bar-fill {\r\n    height: 100%;\r\n    border-radius: 5px;\r\n}\r\n\r\n#doms-sip-v2-root .doms-sip-bar-val {\r\n    font-weight: 700;\r\n    width: 40px;\r\n    text-align: right;\r\n    color: var(--sip-black);\r\n}\r\n\r\n\/* Dual\/Triple Row for small stats *\/\r\n#doms-sip-v2-root .doms-sip-dual-row {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 1.5rem;\r\n    margin-top: 1rem;\r\n    padding-top: 1.5rem;\r\n    border-top: 1px dashed #ddd;\r\n}\r\n\r\n#doms-sip-v2-root .doms-sip-mini-stat {\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n#doms-sip-v2-root .doms-sip-mini-head {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    margin-bottom: 4px;\r\n}\r\n\r\n#doms-sip-v2-root .doms-sip-mini-lbl {\r\n    font-size: 0.8rem;\r\n    color: #666;\r\n}\r\n\r\n#doms-sip-v2-root .doms-sip-mini-pct {\r\n    font-weight: 700;\r\n    font-size: 0.9rem;\r\n}\r\n\r\n#doms-sip-v2-root .doms-sip-mini-avg {\r\n    font-size: 0.8rem;\r\n    font-weight: 600;\r\n    color: var(--sip-black);\r\n    margin-bottom: 6px;\r\n}\r\n\r\n#doms-sip-v2-root .doms-sip-mini-track {\r\n    width: 100%;\r\n    height: 6px;\r\n    background: #f0f0f0;\r\n    border-radius: 3px;\r\n    overflow: hidden;\r\n}\r\n\r\n#doms-sip-v2-root .doms-sip-mini-fill {\r\n    height: 100%;\r\n    border-radius: 3px;\r\n}\r\n\r\n\/* 6. CTA Action *\/\r\n#doms-sip-v2-root .doms-sip-action-area {\r\n    text-align: center;\r\n}\r\n\r\n#doms-sip-v2-root .doms-sip-download-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n    background-color: var(--sip-maroon);\r\n    color: var(--sip-white);\r\n    padding: 16px 32px;\r\n    font-size: 1rem;\r\n    font-weight: 600;\r\n    text-decoration: none;\r\n    border-radius: 4px;\r\n    transition: all 0.3s ease;\r\n    box-shadow: 0 4px 15px rgba(105, 28, 32, 0.2);\r\n}\r\n\r\n#doms-sip-v2-root .doms-sip-download-btn:hover {\r\n    background-color: #8a252a;\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 8px 20px rgba(105, 28, 32, 0.3);\r\n}\r\n\r\n\/* ==========================================================================\r\n   RESPONSIVE (Fully Optimized for Mobile & Tablet)\r\n   ========================================================================== *\/\r\n\r\n\/* Tablet *\/\r\n@media screen and (max-width: 992px) {\r\n    #doms-sip-v2-root .doms-sip-stats-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n    }\r\n    \r\n    #doms-sip-v2-root .doms-sip-details-wrapper {\r\n        grid-template-columns: 1fr;\r\n        gap: 3rem;\r\n        padding: 2.5rem;\r\n    }\r\n}\r\n\r\n\/* Mobile *\/\r\n@media screen and (max-width: 768px) {\r\n    #doms-sip-v2-root {\r\n        padding: 4rem 0;\r\n    }\r\n\r\n    #doms-sip-v2-root .doms-sip-header {\r\n        margin-bottom: 2.5rem;\r\n    }\r\n\r\n    #doms-sip-v2-root .doms-sip-subtitle {\r\n        font-size: 1rem;\r\n    }\r\n\r\n    #doms-sip-v2-root .doms-sip-stats-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 1.5rem;\r\n        margin-bottom: 3rem;\r\n    }\r\n\r\n    #doms-sip-v2-root .doms-sip-details-wrapper {\r\n        padding: 1.5rem;\r\n        gap: 2.5rem;\r\n        border-radius: 8px;\r\n    }\r\n\r\n    #doms-sip-v2-root .doms-sip-dual-row {\r\n        grid-template-columns: 1fr; \r\n        gap: 1.5rem;\r\n    }\r\n\r\n    #doms-sip-v2-root .doms-sip-download-btn {\r\n        width: 100%;\r\n        padding: 14px 20px;\r\n    }\r\n    \r\n    \/* Ensure the tier rows stay nicely inline on mobile without breaking *\/\r\n    #doms-sip-v2-root .doms-sip-tier-row {\r\n        flex-wrap: nowrap;\r\n    }\r\n    \r\n    #doms-sip-v2-root .doms-sip-tier-line {\r\n        \/* Line stays visible, shrinks dynamically *\/\r\n        margin: 0 10px;\r\n    }\r\n}\r\n<\/style>\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<div class=\"elementor-element elementor-element-8234ee6 e-flex e-con-boxed e-con e-parent\" data-id=\"8234ee6\" 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-82fa5b1 elementor-widget elementor-widget-html\" data-id=\"82fa5b1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"doms-sarc-v1-root\" class=\"doms-sarc-scope\">\r\n\r\n    <div class=\"doms-sarc-bg-pattern\"><\/div>\r\n\r\n    <div class=\"doms-sarc-container\">\r\n        \r\n        <div class=\"doms-sarc-header\">\r\n            <span class=\"doms-sarc-eyebrow\">Historical Data<\/span>\r\n            <h2 class=\"doms-sarc-heading\">Summer Placement <span class=\"doms-sarc-highlight\">Reports<\/span><\/h2>\r\n            <p class=\"doms-sarc-desc\">Explore the legacy of our summer internship outcomes. Download comprehensive reports from 2018 to present.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"doms-sarc-spotlight-wrapper\">\r\n            <a href=\"http:\/\/10.24.5.60\/wordpress\/wp-content\/uploads\/2026\/02\/Final_DoMS_IITM_Summer_Report_2025.pdf\" class=\"doms-sarc-spotlight-card\">\r\n                <div class=\"doms-sarc-spot-content\">\r\n                    <div class=\"doms-sarc-badge\">Latest Release<\/div>\r\n                    <h3 class=\"doms-sarc-spot-title\">Summer Placements 2025<\/h3>\r\n                    <span class=\"doms-sarc-btn-link\">\r\n                        Download PDF\r\n                        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/><polyline points=\"7 10 12 15 17 10\"\/><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"\/><\/svg>\r\n                    <\/span>\r\n                <\/div>\r\n                <div class=\"doms-sarc-spot-decor\">2025<\/div>\r\n            <\/a>\r\n        <\/div>\r\n\r\n        <div class=\"doms-sarc-grid-label\">Archive<\/div>\r\n        <div class=\"doms-sarc-grid\">\r\n\r\n            <!--<a href=\"\" class=\"doms-sarc-item\">-->\r\n            <!--    <span class=\"doms-sarc-year\">2024<\/span>-->\r\n            <!--    <span class=\"doms-sarc-action\">PDF<\/span>-->\r\n            <!--<\/a>-->\r\n\r\n            <a href=\"http:\/\/10.24.5.60\/wordpress\/wp-content\/uploads\/2026\/01\/si2023.pdf\" class=\"doms-sarc-item\">\r\n                <span class=\"doms-sarc-year\">2023<\/span>\r\n                <span class=\"doms-sarc-action\">PDF<\/span>\r\n            <\/a>\r\n\r\n            <a href=\"http:\/\/10.24.5.60\/wordpress\/wp-content\/uploads\/2026\/01\/SIP_Report_MBA_2021_22.pdf\" class=\"doms-sarc-item\">\r\n                <span class=\"doms-sarc-year\">2022<\/span>\r\n                <span class=\"doms-sarc-action\">PDF<\/span>\r\n            <\/a>\r\n\r\n            <a href=\"http:\/\/10.24.5.60\/wordpress\/wp-content\/uploads\/2026\/01\/Summer_Internship_Report_2021.pdf\" class=\"doms-sarc-item\">\r\n                <span class=\"doms-sarc-year\">2021<\/span>\r\n                <span class=\"doms-sarc-action\">PDF<\/span>\r\n            <\/a>\r\n\r\n            <a href=\"http:\/\/10.24.5.60\/wordpress\/wp-content\/uploads\/2026\/01\/SIP_R_2020.pdf\" class=\"doms-sarc-item\">\r\n                <span class=\"doms-sarc-year\">2020<\/span>\r\n                <span class=\"doms-sarc-action\">PDF<\/span>\r\n            <\/a>\r\n\r\n            <a href=\"http:\/\/10.24.5.60\/wordpress\/wp-content\/uploads\/2026\/01\/SIP_R_2019.pdf\" class=\"doms-sarc-item\">\r\n                <span class=\"doms-sarc-year\">2019<\/span>\r\n                <span class=\"doms-sarc-action\">PDF<\/span>\r\n            <\/a>\r\n\r\n            <a href=\"\" class=\"doms-sarc-item\">\r\n                <span class=\"doms-sarc-year\">2018<\/span>\r\n                <span class=\"doms-sarc-action\">PDF<\/span>\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* ==========================================================================\r\n   ISOLATION SCOPE: #doms-sarc-v1-root\r\n   ========================================================================== *\/\r\n\r\n\/* 1. Scoped Variables *\/\r\n#doms-sarc-v1-root {\r\n    --sa-bg: #FDFBF7;       \/* Warm Cream *\/\r\n    --sa-white: #ffffff;\r\n    --sa-maroon: #691c20;\r\n    --sa-maroon-dark: #4a0e11;\r\n    --sa-gold: #cfaa56;\r\n    --sa-text: #4a4a4a;\r\n    --sa-text-head: #1a1a1a;\r\n    --sa-border: #e0e0e0;\r\n    \r\n    --font-heading: 'Playfair Display', serif;\r\n    --font-body: 'Manrope', sans-serif;\r\n\r\n    width: 100%;\r\n    padding: 5rem 0;\r\n    background-color: var(--sa-bg);\r\n    color: var(--sa-text);\r\n    font-family: var(--font-body);\r\n    box-sizing: border-box;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n#doms-sarc-v1-root * {\r\n    box-sizing: border-box;\r\n    margin: 0; padding: 0;\r\n    line-height: 1.5;\r\n    text-decoration: none;\r\n}\r\n\r\n\/* Background Pattern (Matched to Summer Highlights) *\/\r\n#doms-sarc-v1-root .doms-sarc-bg-pattern {\r\n    position: absolute;\r\n    top: 0; left: 0;\r\n    width: 100%; height: 100%;\r\n    background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23cfaa56' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\r\n    opacity: 0.5;\r\n    z-index: 0;\r\n    pointer-events: none;\r\n}\r\n\r\n\/* 2. Container *\/\r\n#doms-sarc-v1-root .doms-sarc-container {\r\n    max-width: 1000px;\r\n    width: 90%;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n\/* 3. Header *\/\r\n#doms-sarc-v1-root .doms-sarc-header {\r\n    text-align: center;\r\n    max-width: 600px;\r\n    margin: 0 auto 3rem auto;\r\n}\r\n\r\n#doms-sarc-v1-root .doms-sarc-eyebrow {\r\n    font-size: 0.8rem;\r\n    text-transform: uppercase;\r\n    letter-spacing: 2px;\r\n    font-weight: 700;\r\n    color: var(--sa-gold);\r\n    display: block;\r\n    margin-bottom: 0.8rem;\r\n}\r\n\r\n#doms-sarc-v1-root .doms-sarc-heading {\r\n    font-family: var(--font-heading);\r\n    font-size: 2.5rem;\r\n    color: var(--sa-maroon);\r\n    margin-bottom: 1rem;\r\n}\r\n\r\n#doms-sarc-v1-root .doms-sarc-desc {\r\n    font-size: 1rem;\r\n    color: var(--sa-text);\r\n}\r\n\r\n\/* 4. Spotlight Card (2025) *\/\r\n#doms-sarc-v1-root .doms-sarc-spotlight-wrapper {\r\n    margin-bottom: 3rem;\r\n}\r\n\r\n#doms-sarc-v1-root .doms-sarc-spotlight-card {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    \/* Rich Gradient Background *\/\r\n    background: linear-gradient(135deg, var(--sa-maroon) 0%, var(--sa-maroon-dark) 100%);\r\n    padding: 2.5rem;\r\n    border-radius: 72px;\r\n    color: var(--sa-white);\r\n    position: relative;\r\n    overflow: hidden;\r\n    box-shadow: 0 10px 30px rgba(105, 28, 32, 0.2);\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n#doms-sarc-v1-root .doms-sarc-spotlight-card:hover {\r\n    transform: translateY(-5px);\r\n    box-shadow: 0 15px 40px rgba(105, 28, 32, 0.3);\r\n}\r\n\r\n#doms-sarc-v1-root .doms-sarc-spot-content {\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n#doms-sarc-v1-root .doms-sarc-badge {\r\n    background-color: var(--sa-gold);\r\n    color: var(--sa-maroon);\r\n    font-size: 0.75rem;\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    padding: 4px 10px;\r\n    border-radius: 4px;\r\n    display: inline-block;\r\n    margin-bottom: 1rem;\r\n}\r\n\r\n#doms-sarc-v1-root .doms-sarc-spot-title {\r\n    font-family: var(--font-heading);\r\n    font-size: 2rem;\r\n    font-weight: 700;\r\n    margin-bottom: 1.5rem;\r\n    line-height: 1.1;\r\n    color: var(--sa-white);\r\n}\r\n\r\n#doms-sarc-v1-root .doms-sarc-btn-link {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    font-weight: 600;\r\n    font-size: 1rem;\r\n    color: var(--sa-white);\r\n    border-bottom: 1px solid rgba(255,255,255,0.4);\r\n    padding-bottom: 2px;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n#doms-sarc-v1-root .doms-sarc-spotlight-card:hover .doms-sarc-btn-link {\r\n    color: var(--sa-gold);\r\n    border-color: var(--sa-gold);\r\n}\r\n\r\n\/* Decorative Number *\/\r\n#doms-sarc-v1-root .doms-sarc-spot-decor {\r\n    position: absolute;\r\n    right: -20px;\r\n    bottom: -30px;\r\n    font-size: 10rem;\r\n    font-weight: 800;\r\n    color: rgba(255,255,255,0.05);\r\n    z-index: 1;\r\n    font-family: var(--font-heading);\r\n    pointer-events: none;\r\n}\r\n\r\n\/* 5. Archive Grid *\/\r\n#doms-sarc-v1-root .doms-sarc-grid-label {\r\n    font-size: 0.9rem;\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    color: #999;\r\n    border-bottom: 1px solid var(--sa-border);\r\n    padding-bottom: 10px;\r\n    margin-bottom: 1.5rem;\r\n    letter-spacing: 1px;\r\n}\r\n\r\n#doms-sarc-v1-root .doms-sarc-grid {\r\n    display: grid;\r\n    \/* 4 Columns Desktop *\/\r\n    grid-template-columns: repeat(4, 1fr); \r\n    gap: 1rem;\r\n}\r\n\r\n#doms-sarc-v1-root .doms-sarc-item {\r\n    background-color: var(--sa-white);\r\n    border: 1px solid var(--sa-border);\r\n    border-radius: 8px;\r\n    padding: 1.2rem;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    transition: all 0.2s ease;\r\n}\r\n\r\n#doms-sarc-v1-root .doms-sarc-item:hover {\r\n    border-color: var(--sa-maroon);\r\n    background-color: #fffcf5; \/* Warm tint *\/\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 4px 10px rgba(0,0,0,0.05);\r\n}\r\n\r\n#doms-sarc-v1-root .doms-sarc-year {\r\n    font-family: var(--font-heading);\r\n    font-size: 1.25rem;\r\n    font-weight: 700;\r\n    color: var(--sa-text-head);\r\n}\r\n\r\n#doms-sarc-v1-root .doms-sarc-action {\r\n    font-size: 0.75rem;\r\n    font-weight: 700;\r\n    color: var(--sa-maroon);\r\n    background-color: rgba(105, 28, 32, 0.05);\r\n    padding: 4px 8px;\r\n    border-radius: 4px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n\/* ==========================================================================\r\n   RESPONSIVE DESIGN (MOBILE OPTIMIZATION)\r\n   ========================================================================== *\/\r\n\r\n@media screen and (max-width: 900px) {\r\n    #doms-sarc-v1-root .doms-sarc-grid {\r\n        grid-template-columns: repeat(3, 1fr);\r\n    }\r\n}\r\n\r\n@media screen and (max-width: 600px) {\r\n    #doms-sarc-v1-root {\r\n        padding: 3rem 0;\r\n    }\r\n\r\n    #doms-sarc-v1-root .doms-sarc-header {\r\n        margin-bottom: 2rem;\r\n    }\r\n\r\n    #doms-sarc-v1-root .doms-sarc-spotlight-card {\r\n        padding: 1.5rem;\r\n    }\r\n\r\n    #doms-sarc-v1-root .doms-sarc-spot-title {\r\n        font-size: 1.5rem;\r\n    }\r\n\r\n    \/* Grid becomes 2 columns on Mobile *\/\r\n    #doms-sarc-v1-root .doms-sarc-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 0.8rem;\r\n    }\r\n\r\n    #doms-sarc-v1-root .doms-sarc-year {\r\n        font-size: 1.1rem;\r\n    }\r\n}\r\n\r\n@media screen and (max-width: 350px) {\r\n    \/* Very small phones -> 1 Column *\/\r\n    #doms-sarc-v1-root .doms-sarc-grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n}\r\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-866b0b9 e-flex e-con-boxed e-con e-parent\" data-id=\"866b0b9\" 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-26ce3c8 elementor-widget elementor-widget-html\" data-id=\"26ce3c8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\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>Transparency &#038; Excellence Placement Reports &#038; Highlights Placement Reports | DoMS IIT Madras Final Placement Highlights MBA Batch 2023-25 witnessed a record-breaking season, attracting the highest number of recruiters in DoMS history. Highest Package 16.4% \u20b935.5 LPA A new historic milestone for DoMS. Batch Average 5.7% \u20b917.9 LPA Consistent year-on-year growth. Recruiting Partners 60+ A&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-15121","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/doms.iitm.ac.in\/index.php\/wp-json\/wp\/v2\/pages\/15121","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=15121"}],"version-history":[{"count":217,"href":"https:\/\/doms.iitm.ac.in\/index.php\/wp-json\/wp\/v2\/pages\/15121\/revisions"}],"predecessor-version":[{"id":75468,"href":"https:\/\/doms.iitm.ac.in\/index.php\/wp-json\/wp\/v2\/pages\/15121\/revisions\/75468"}],"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=15121"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}