{"id":58920,"date":"2025-12-14T01:02:40","date_gmt":"2025-12-13T19:32:40","guid":{"rendered":"https:\/\/doms.iitm.ac.in\/wordpress\/?page_id=58920"},"modified":"2026-05-06T12:41:15","modified_gmt":"2026-05-06T07:11:15","slug":"student-committee","status":"publish","type":"page","link":"https:\/\/doms.iitm.ac.in\/index.php\/people\/studentdoms\/student-committee\/","title":{"rendered":"student committee"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"58920\" class=\"elementor elementor-58920\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2dbbe05 e-con-full e-flex e-con e-parent\" data-id=\"2dbbe05\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9fefe77 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"9fefe77\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Lato:wght@300;400;700&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap\" rel=\"stylesheet\">\r\n\r\n<\/head>\r\n<body>\r\n\r\n<div id=\"doms-comm-hero-root\">\r\n    \r\n    <div class=\"doms-hero-slider\">\r\n\r\n        <div class=\"doms-hero-slide active\">\r\n            <img decoding=\"async\" data-src=\"https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/02\/com.jpg\" class=\"doms-hero-img-bg lazyload\" alt=\"DoMS Student Committee\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1332px; --smush-placeholder-aspect-ratio: 1332\/1000;\">\r\n            <div class=\"doms-hero-overlay\"><\/div>\r\n            <div class=\"doms-hero-content-wrapper\">\r\n                <span class=\"doms-hero-subtitle\">Student Leadership<\/span>\r\n                <h1 class=\"doms-hero-title\">Shaping <span>Future Leaders<\/span><\/h1>\r\n                <!--<p class=\"doms-hero-desc\">-->\r\n                <!--    The student committees at DoMS IIT Madras are the heartbeat of our ecosystem, driving initiatives that bridge the gap between academic theory and industry reality.-->\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!--<div class=\"doms-hero-slide\">-->\r\n        <!--    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1556761175-5973dc0f32e7?q=80&w=1600&auto=format&fit=crop\" class=\"doms-hero-img-bg\" alt=\"Industry Interaction\">-->\r\n        <!--    <div class=\"doms-hero-overlay\"><\/div>-->\r\n        <!--    <div class=\"doms-hero-content-wrapper\">-->\r\n        <!--        <span class=\"doms-hero-subtitle\">Industry Interface<\/span>-->\r\n        <!--        <h1 class=\"doms-hero-title\">Connecting <span>Corporate & Campus<\/span><\/h1>-->\r\n        <!--        <p class=\"doms-hero-desc\">-->\r\n        <!--            Facilitating dynamic interactions with industry titans through conclaves, guest lectures, and workshops to foster a culture of professional excellence.-->\r\n        <!--        <\/p>-->\r\n        <!--    <\/div>-->\r\n        <!--<\/div>-->\r\n\r\n        <!--<div class=\"doms-hero-slide\">-->\r\n        <!--    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1517048676732-d65bc937f952?q=80&w=1600&auto=format&fit=crop\" class=\"doms-hero-img-bg\" alt=\"Campus Culture\">-->\r\n        <!--    <div class=\"doms-hero-overlay\"><\/div>-->\r\n        <!--    <div class=\"doms-hero-content-wrapper\">-->\r\n        <!--        <span class=\"doms-hero-subtitle\">Community & Culture<\/span>-->\r\n        <!--        <h1 class=\"doms-hero-title\">A Vibrant <span>Ecosystem<\/span><\/h1>-->\r\n        <!--        <p class=\"doms-hero-desc\">-->\r\n        <!--            Beyond the classroom, our committees organize cultural fests and social initiatives that define the spirit of DoMS.-->\r\n        <!--        <\/p>-->\r\n        <!--    <\/div>-->\r\n        <!--<\/div>-->\r\n\r\n    <\/div>\r\n\r\n    <!--<button class=\"doms-hero-nav doms-hero-prev\" onclick=\"heroPlusSlides(-1)\" aria-label=\"Previous Slide\">-->\r\n    <!--    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M15 18l-6-6 6-6\"\/><\/svg>-->\r\n    <!--<\/button>-->\r\n    <!--<button class=\"doms-hero-nav doms-hero-next\" onclick=\"heroPlusSlides(1)\" aria-label=\"Next Slide\">-->\r\n    <!--    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>-->\r\n    <!--<\/button>-->\r\n\r\n    <!--<div class=\"doms-hero-dots\">-->\r\n    <!--    <div class=\"doms-hero-dot active\" onclick=\"heroCurrentSlide(1)\"><\/div>-->\r\n    <!--    <div class=\"doms-hero-dot\" onclick=\"heroCurrentSlide(2)\"><\/div>-->\r\n    <!--    <div class=\"doms-hero-dot\" onclick=\"heroCurrentSlide(3)\"><\/div>-->\r\n    <!--<\/div>-->\r\n\r\n<\/div>\r\n\r\n<style>\r\n    \/* =========================================\r\n       CSS ISOLATION: DoMS Committee Hero (Mobile Optimized)\r\n       ========================================= *\/\r\n\r\n    #doms-comm-hero-root {\r\n        \/* --- Theme Variables --- *\/\r\n        --hero-font-head: 'Playfair Display', serif;\r\n        --hero-font-body: 'Lato', sans-serif;\r\n        \r\n        \/* Palette *\/\r\n        --hero-maroon: #800000;    \/* Deep IITM Maroon *\/\r\n        --hero-gold: #FFD700;      \/* Bright Gold *\/\r\n        --hero-white: #ffffff;     \/* Pure White *\/\r\n        \r\n        \/* Layout Dimensions *\/\r\n        --hero-height-desktop: 60vh;\r\n        --hero-height-mobile: 70vh; \/* Shorter for mobile to show content below *\/\r\n\r\n        width: 100%;\r\n        height: var(--hero-height-desktop);\r\n        min-height: 400px;\r\n        position: relative;\r\n        overflow: hidden;\r\n        background-color: #050505;\r\n        font-family: var(--hero-font-body);\r\n        color: var(--hero-white);\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    #doms-comm-hero-root * { box-sizing: border-box; }\r\n    #doms-comm-hero-root img { display: block; max-width: 100%; }\r\n\r\n    \/* --- SLIDESHOW LAYERS --- *\/\r\n    .doms-hero-slider {\r\n        position: absolute;\r\n        top: 0; left: 0;\r\n        width: 100%; height: 100%;\r\n        z-index: 1;\r\n    }\r\n\r\n    .doms-hero-slide {\r\n        position: absolute;\r\n        top: 0; left: 0;\r\n        width: 100%; height: 100%;\r\n        opacity: 0;\r\n        transition: opacity 1.2s ease-in-out;\r\n        z-index: 1;\r\n    }\r\n\r\n    .doms-hero-slide.active {\r\n        opacity: 1;\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* Background Image (Ken Burns Effect) *\/\r\n    .doms-hero-img-bg {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        transform: scale(1.05); \/* Start slightly zoomed in *\/\r\n        transition: transform 8s ease-out;\r\n        filter: none !important;\r\n        filter: brightness(0.85); \/* Slight dim for text readability *\/\r\n        \r\n    }\r\n\r\n    .doms-hero-slide.active .doms-hero-img-bg {\r\n        transform: scale(1); \/* Zoom out effect *\/\r\n    }\r\n\r\n    \/* Cinematic Gradient Overlay *\/\r\n    .doms-hero-overlay {\r\n        position: absolute;\r\n        top: 0; left: 0; width: 100%; height: 100%;\r\n        background: radial-gradient(circle at center, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.6) 100%),\r\n                    linear-gradient(to bottom, rgba(0,0,0,0.3) 0%, transparent 40%, rgba(0,0,0,0.8) 100%);\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* --- CONTENT WRAPPER --- *\/\r\n    .doms-hero-content-wrapper {\r\n        position: absolute;\r\n        top: 50%; left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        z-index: 10;\r\n        text-align: center;\r\n        width: 90%;\r\n        max-width: 1100px;\r\n        padding: 0 20px;\r\n    }\r\n\r\n    \/* Animations *\/\r\n    .doms-hero-slide .doms-hero-subtitle,\r\n    .doms-hero-slide .doms-hero-title,\r\n    .doms-hero-slide .doms-hero-desc {\r\n        opacity: 0;\r\n        transform: translateY(40px);\r\n        transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n    }\r\n\r\n    .doms-hero-slide.active .doms-hero-subtitle { transition-delay: 0.3s; opacity: 1; transform: translateY(0); }\r\n    .doms-hero-slide.active .doms-hero-title    { transition-delay: 0.5s; opacity: 1; transform: translateY(0); }\r\n    .doms-hero-slide.active .doms-hero-desc     { transition-delay: 0.7s; opacity: 1; transform: translateY(0); }\r\n\r\n    \/* --- TYPOGRAPHY (Stylish & Responsive) --- *\/\r\n    \r\n    \/* Eyebrow Tag *\/\r\n    .doms-hero-subtitle {\r\n        display: inline-block;\r\n        font-family: var(--hero-font-body);\r\n        font-size: 0.9rem;\r\n        text-transform: uppercase;\r\n        letter-spacing: 3px;\r\n        color: var(--hero-gold);\r\n        margin-bottom: 25px;\r\n        font-weight: 700;\r\n        background: rgba(255, 255, 255, 0.1);\r\n        padding: 8px 16px;\r\n        border: 1px solid rgba(255, 215, 0, 0.3);\r\n        border-radius: 50px;\r\n        backdrop-filter: blur(8px);\r\n    }\r\n\r\n    \/* Main Title: Fluid Typography using clamp() *\/\r\n    .doms-hero-title {\r\n        font-family: var(--hero-font-head);\r\n        \/* Scale between 2.5rem on phone and 5rem on desktop *\/\r\n        font-size: clamp(2.5rem, 6vw, 5rem); \r\n        line-height: 1.1;\r\n        font-weight: 700;\r\n        margin: 0 0 30px 0;\r\n        color: #fff;\r\n        text-shadow: 0 10px 30px rgba(0,0,0,0.5);\r\n    }\r\n\r\n    .doms-hero-title span {\r\n        font-style: italic;\r\n        font-weight: 400;\r\n        color: #f0f0f0; \/* Softer white for contrast *\/\r\n        display: inline-block; \/* Helps with line breaking on mobile *\/\r\n    }\r\n\r\n    \/* Description *\/\r\n    .doms-hero-desc {\r\n        font-size: clamp(1rem, 2vw, 1.25rem);\r\n        max-width: 750px;\r\n        margin: 0 auto;\r\n        font-weight: 300;\r\n        line-height: 1.7;\r\n        color: rgba(255,255,255,0.85);\r\n        text-shadow: 0 2px 5px rgba(0,0,0,0.5);\r\n    }\r\n\r\n    \/* --- CONTROLS --- *\/\r\n    \r\n    \/* Arrows (Desktop Only - hidden on mobile for cleaner UI) *\/\r\n    .doms-hero-nav {\r\n        position: absolute;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n        width: 64px; height: 64px;\r\n        border: 1px solid rgba(255,255,255,0.2);\r\n        border-radius: 50%;\r\n        background: rgba(255,255,255,0.05);\r\n        color: #fff;\r\n        cursor: pointer;\r\n        z-index: 20;\r\n        display: flex; align-items: center; justify-content: center;\r\n        transition: all 0.3s ease;\r\n        backdrop-filter: blur(5px);\r\n    }\r\n\r\n    .doms-hero-nav:hover {\r\n        background: var(--hero-maroon);\r\n        border-color: var(--hero-maroon);\r\n        transform: translateY(-50%) scale(1.1);\r\n    }\r\n\r\n    .doms-hero-prev { left: 40px; }\r\n    .doms-hero-next { right: 40px; }\r\n\r\n    \/* Progress Dots *\/\r\n    .doms-hero-dots {\r\n        position: absolute;\r\n        bottom: 50px;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        z-index: 20;\r\n        display: flex;\r\n        gap: 12px;\r\n        padding: 10px;\r\n        background: rgba(0,0,0,0.2);\r\n        border-radius: 20px;\r\n        backdrop-filter: blur(4px);\r\n    }\r\n\r\n    .doms-hero-dot {\r\n        width: 10px;\r\n        height: 10px;\r\n        background: rgba(255,255,255,0.4);\r\n        border-radius: 50%;\r\n        cursor: pointer;\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .doms-hero-dot.active {\r\n        background: var(--hero-gold);\r\n        transform: scale(1.2);\r\n        box-shadow: 0 0 10px rgba(255, 215, 0, 0.5);\r\n    }\r\n\r\n    \/* --- MOBILE SPECIFIC STYLES --- *\/\r\n    @media (max-width: 768px) {\r\n        #doms-comm-hero-root {\r\n            height: var(--hero-height-mobile); \/* Taller on mobile often pushes content too far down *\/\r\n            min-height: 500px;\r\n        }\r\n\r\n        .doms-hero-content-wrapper {\r\n            width: 95%; \/* Use more width on mobile *\/\r\n            padding: 0 15px;\r\n        }\r\n\r\n        .doms-hero-nav {\r\n            display: none; \/* Hide arrows on touch devices *\/\r\n        }\r\n\r\n        .doms-hero-dots {\r\n            bottom: 30px; \/* Move dots up slightly *\/\r\n        }\r\n\r\n        \/* Adjust Text Layout for Mobile *\/\r\n        .doms-hero-subtitle {\r\n            font-size: 0.75rem;\r\n            margin-bottom: 15px;\r\n            letter-spacing: 2px;\r\n        }\r\n\r\n        .doms-hero-title {\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .doms-hero-desc {\r\n            font-size: 1rem;\r\n            display: -webkit-box;\r\n            -webkit-line-clamp: 3; \/* Limit text lines on very small screens *\/\r\n            -webkit-box-orient: vertical;\r\n            overflow: hidden;\r\n        }\r\n    }\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n    (function() {\r\n        let heroSlideIndex = 1;\r\n        let heroTimer;\r\n\r\n        \/\/ Namespaced global function for HTML onclick\r\n        window.heroPlusSlides = function(n) {\r\n            clearTimeout(heroTimer);\r\n            showHeroSlides(heroSlideIndex += n);\r\n        }\r\n\r\n        window.heroCurrentSlide = function(n) {\r\n            clearTimeout(heroTimer);\r\n            showHeroSlides(heroSlideIndex = n);\r\n        }\r\n\r\n        function showHeroSlides(n) {\r\n            let i;\r\n            let slides = document.querySelectorAll(\".doms-hero-slide\");\r\n            let dots = document.querySelectorAll(\".doms-hero-dot\");\r\n            \r\n            if (!slides.length) return;\r\n\r\n            if (n > slides.length) {heroSlideIndex = 1}\r\n            if (n < 1) {heroSlideIndex = slides.length}\r\n            \r\n            \/\/ Hide all slides\r\n            for (i = 0; i < slides.length; i++) {\r\n                slides[i].classList.remove(\"active\");\r\n            }\r\n            \r\n            \/\/ Remove active from dots\r\n            for (i = 0; i < dots.length; i++) {\r\n                dots[i].classList.remove(\"active\");\r\n            }\r\n            \r\n            \/\/ Activate current\r\n            slides[heroSlideIndex-1].classList.add(\"active\");\r\n            if(dots.length > 0) {\r\n                dots[heroSlideIndex-1].classList.add(\"active\");\r\n            }\r\n\r\n            \/\/ Auto advance\r\n            heroTimer = setTimeout(function() {\r\n                window.heroPlusSlides(1);\r\n            }, 5000); \r\n        }\r\n\r\n        \/\/ Initialize on Load\r\n        document.addEventListener(\"DOMContentLoaded\", function() {\r\n            showHeroSlides(heroSlideIndex);\r\n        });\r\n    })();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9a3fe8f e-con-full e-flex e-con e-parent\" data-id=\"9a3fe8f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0d55131 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"0d55131\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Lato:wght@300;400;700&family=Playfair+Display:ital,wght@0,400;0,700;1,400&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    \/* =========================================\r\n       CSS ISOLATION: DoMS Alumni Committee (ALCOM)\r\n       ========================================= *\/\r\n\r\n    #doms-alcom-root-wrapper {\r\n        \/* --- Theme Variables --- *\/\r\n        --alcom-font-head: 'Playfair Display', serif;\r\n        --alcom-font-body: 'Lato', sans-serif;\r\n        \r\n        \/* Palette *\/\r\n        --alcom-bg-light: #fdfbf7;   \/* Warm Editorial White *\/\r\n        --alcom-bg-card: #ffffff;    \/* Pure White *\/\r\n        \r\n        \/* Text *\/\r\n        --alcom-text-main: #1a1a1a;  \/* Jet Black *\/\r\n        --alcom-text-sub: #444444;   \/* Dark Grey *\/\r\n        \r\n        \/* Accents *\/\r\n        --alcom-maroon: #800000;     \/* IITM Maroon *\/\r\n        --alcom-gold: #c5a059;       \/* Muted Gold *\/\r\n        --alcom-pattern: #1a1a1a;    \/* Pattern Color (Dark) *\/\r\n        \r\n        \/* Layout Reset *\/\r\n        background-color: var(--alcom-bg-light);\r\n        width: 100%;\r\n        padding: 90px 0;\r\n        font-family: var(--alcom-font-body);\r\n        color: var(--alcom-text-main);\r\n        box-sizing: border-box;\r\n        line-height: 1.8;\r\n        overflow-x: hidden;\r\n        position: relative;\r\n    }\r\n\r\n    #doms-alcom-root-wrapper * { box-sizing: border-box; }\r\n    #doms-alcom-root-wrapper img { max-width: 100%; display: block; }\r\n\r\n    \/* --- BACKGROUND PATTERN --- *\/\r\n    #doms-alcom-root-wrapper::before {\r\n        content: \"\";\r\n        position: absolute;\r\n        top: 0; left: 0; width: 100%; height: 100%;\r\n        \/* Network Grid Pattern *\/\r\n        background-image: \r\n            linear-gradient(rgba(26, 26, 26, 0.03) 1px, transparent 1px),\r\n            linear-gradient(90deg, rgba(26, 26, 26, 0.03) 1px, transparent 1px),\r\n            radial-gradient(var(--alcom-gold) 1px, transparent 1px);\r\n        background-size: 40px 40px, 40px 40px, 20px 20px;\r\n        background-position: 0 0, 0 0, 10px 10px;\r\n        opacity: 0.6;\r\n        z-index: 0;\r\n        pointer-events: none;\r\n    }\r\n\r\n    \/* Container *\/\r\n    .doms-alcom-container {\r\n        max-width: 1300px;\r\n        margin: 0 auto;\r\n        padding: 0 30px;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n\r\n    \/* --- LAYOUT GRID --- *\/\r\n    .doms-alcom-grid {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1.2fr; \/* Text Left, Slideshow Right *\/\r\n        gap: 80px;\r\n        align-items: center;\r\n    }\r\n\r\n    \/* --- LEFT COLUMN: CONTENT --- *\/\r\n    .doms-alcom-content {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 25px;\r\n    }\r\n\r\n    \/* Stylish Main Heading *\/\r\n    .doms-alcom-title {\r\n        font-family: var(--alcom-font-head);\r\n        font-size: 3.8rem; \/* Larger and bolder *\/\r\n        color: var(--alcom-maroon);\r\n        margin: 0 0 10px 0;\r\n        line-height: 1.1;\r\n        font-weight: 700;\r\n        letter-spacing: -0.5px;\r\n        position: relative;\r\n        \/* Text Shadow for depth *\/\r\n        text-shadow: 2px 2px 0px rgba(255,255,255,0.5);\r\n    }\r\n\r\n    \/* Decorative Accent Line *\/\r\n    .doms-alcom-title::after {\r\n        content: '';\r\n        display: block;\r\n        width: 60px;\r\n        height: 4px;\r\n        background: var(--alcom-gold);\r\n        margin-top: 15px;\r\n        border-radius: 2px;\r\n    }\r\n\r\n    \/* Text Content *\/\r\n    .doms-alcom-text {\r\n        font-size: 1.1rem;\r\n        color: var(--alcom-text-sub);\r\n        text-align: justify;\r\n        margin: 0;\r\n    }\r\n    \r\n    .doms-alcom-text-highlight {\r\n        font-weight: 400;\r\n        color: var(--alcom-text-main);\r\n        border-left: 4px solid var(--alcom-maroon);\r\n        padding-left: 20px;\r\n        background: rgba(255,255,255,0.5);\r\n    }\r\n\r\n    \/* --- CENTERED IDENTITY BAR (Logo + Socials) --- *\/\r\n    .doms-alcom-identity-bar {\r\n        display: flex;\r\n        flex-direction: column; \/* Stack vertically *\/\r\n        align-items: center;    \/* Center horizontally *\/\r\n        justify-content: center;\r\n        margin-top: 30px;\r\n        padding-top: 25px;\r\n        border-top: 1px solid rgba(0,0,0,0.1);\r\n        gap: 15px; \/* Close spacing between logo and icons *\/\r\n    }\r\n\r\n    \/* Logo Area *\/\r\n    .doms-alcom-logo-area {\r\n        width: 130px; \/* Adjust logo size *\/\r\n        opacity: 0.9;\r\n        transition: opacity 0.3s;\r\n    }\r\n    .doms-alcom-logo-area:hover { opacity: 1; }\r\n    \r\n    .doms-alcom-logo-img {\r\n        width: 100%;\r\n        height: auto;\r\n        \/* Placeholder styling *\/\r\n        filter: sepia(100%) hue-rotate(320deg) saturate(90%) brightness(80%);\r\n        filter: none !important;\r\n    }\r\n\r\n    \/* Social Media Bar *\/\r\n    .doms-alcom-social-bar {\r\n        display: flex;\r\n        gap: 15px;\r\n    }\r\n\r\n    .doms-alcom-social-link {\r\n        width: 40px;\r\n        height: 40px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border: 1px solid var(--alcom-maroon);\r\n        border-radius: 50%;\r\n        color: var(--alcom-maroon);\r\n        transition: all 0.3s ease;\r\n        background: #fff;\r\n    }\r\n\r\n    .doms-alcom-social-link:hover {\r\n        background: var(--alcom-maroon);\r\n        color: #fff;\r\n        transform: translateY(-3px);\r\n        box-shadow: 0 5px 15px rgba(128, 0, 0, 0.2);\r\n    }\r\n    \r\n    .doms-alcom-social-link svg {\r\n        width: 18px; height: 18px; fill: currentColor;\r\n    }\r\n\r\n    \/* --- RIGHT COLUMN: SLIDESHOW --- *\/\r\n    .doms-alcom-visual {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 550px;\r\n    }\r\n\r\n    .doms-alcom-slider-frame {\r\n        width: 100%;\r\n        height: 100%;\r\n        border-radius: 27px;\r\n        overflow: hidden;\r\n        position: relative;\r\n        box-shadow: 30px 30px 0px rgba(128, 0, 0, 0.08); \/* Stylish Offset Shadow *\/\r\n        background: #000;\r\n        border: 10px solid rgba(0,0,0,0.05);\r\n    }\r\n\r\n    .doms-alcom-slide {\r\n        display: none;\r\n        width: 100%;\r\n        height: 100%;\r\n        position: relative;\r\n    }\r\n\r\n    .doms-alcom-slide.active {\r\n        display: block;\r\n        animation: alcomFade 1s cubic-bezier(0.4, 0, 0.2, 1);\r\n    }\r\n    \r\n    @keyframes alcomFade { \r\n        from { opacity: 0.6; transform: scale(1.02); } \r\n        to { opacity: 1; transform: scale(1); } \r\n    }\r\n\r\n    .doms-alcom-slide img {\r\n        width: 100%;\r\n        height: 100%;\r\n        filter:none !important;\r\n        \/*object-fit: cover;*\/\r\n    }\r\n\r\n    \/* Caption Card *\/\r\n    .doms-alcom-caption {\r\n        position: absolute;\r\n        bottom: 0; left: 0; width: 100%;\r\n        padding: 30px;\r\n        background: linear-gradient(to top, rgba(0,0,0,0.9), transparent);\r\n        color: #fff;\r\n        font-family: var(--alcom-font-head);\r\n        font-size: 1.3rem;\r\n        font-weight: 600;\r\n        z-index: 2;\r\n    }\r\n    \r\n    \/* Navigation Buttons *\/\r\n    .doms-alcom-nav-btn {\r\n        position: absolute;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n        width: 50px; height: 50px;\r\n        background: rgba(255, 255, 255, 0.15);\r\n        backdrop-filter: blur(5px);\r\n        border: 1px solid rgba(255,255,255,0.4);\r\n        border-radius: 50%;\r\n        color: #fff;\r\n        display: flex; align-items: center; justify-content: center;\r\n        cursor: pointer;\r\n        transition: all 0.3s;\r\n        z-index: 10;\r\n    }\r\n    \r\n    .doms-alcom-nav-btn:hover {\r\n        background: var(--alcom-gold);\r\n        border-color: var(--alcom-gold);\r\n        color: #000;\r\n    }\r\n    \r\n    .doms-alcom-prev { left: 20px; }\r\n    .doms-alcom-next { right: 20px; }\r\n\r\n    \/* --- RESPONSIVE DESIGN --- *\/\r\n    @media (max-width: 1024px) {\r\n        .doms-alcom-grid {\r\n            grid-template-columns: 1fr; \/* Stack vertically on tablet\/mobile *\/\r\n            gap: 60px;\r\n        }\r\n        \r\n        .doms-alcom-content { order: 1; }\r\n        .doms-alcom-visual { height: 450px; order: 2; }\r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n        #doms-alcom-root-wrapper { padding: 60px 0; }\r\n        \r\n        .doms-alcom-title { font-size: 2.8rem; text-align: center; }\r\n        .doms-alcom-title::after { margin: 15px auto 0 auto; \/* Center underline *\/ }\r\n        \r\n        .doms-alcom-visual { \r\n            height: 300px; \r\n            margin-bottom: 20px;\r\n        }\r\n        \r\n        .doms-alcom-slider-frame {\r\n            box-shadow: 10px 10px 0px rgba(128, 0, 0, 0.08); \r\n        }\r\n\r\n        .doms-alcom-caption {\r\n            padding: 20px; font-size: 1rem;\r\n        }\r\n    }\r\n\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div id=\"doms-alcom-root-wrapper\">\r\n    <div class=\"doms-alcom-container\">\r\n        \r\n        <div class=\"doms-alcom-grid\">\r\n            \r\n            <div class=\"doms-alcom-content\">\r\n                \r\n                <h2 class=\"doms-alcom-title\">Alumni Committee<\/h2>\r\n\r\n                <p class=\"doms-alcom-text\">\r\n                    The mission of the Alumni Committee is to build a strong relationship and facilitate exchanges between the Department of Management Studies, IIT Madras, and its alumni. The Committee provides a platform for all stakeholders to share knowledge and support as we unite towards excellence.\r\n                <\/p>\r\n\r\n                <p class=\"doms-alcom-text doms-alcom-text-highlight\">\r\n                    Additionally, it also focuses on developing and maintaining networking avenues that further strengthen the high stature of the Department amongst the alumni, and the industry. Through the quarterly newsletter, alumni meet, alumni talks, etc, the Alumni Committee fosters a relationship with its alumni and serves to enrich the student\u2019s understanding of the business world.\r\n                <\/p>\r\n\r\n                <div class=\"doms-alcom-identity-bar\">\r\n                    \r\n                    <div class=\"doms-alcom-logo-area\">\r\n                        <img decoding=\"async\" class=\"doms-alcom-logo-img lazyload\" data-src=\"https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/01\/aluminilogo.jpeg\" alt=\"ALCOM Logo\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 450px; --smush-placeholder-aspect-ratio: 450\/450;\">\r\n                    <\/div>\r\n\r\n                    <div class=\"doms-alcom-social-bar\">\r\n                        <a href=\"https:\/\/www.instagram.com\/alcom_domsmadras\/\" class=\"doms-alcom-social-link\" aria-label=\"Instagram\">\r\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z\"\/><\/svg>\r\n                        <\/a>\r\n                        <a href=\"https:\/\/www.facebook.com\/alum.domsiitm\" class=\"doms-alcom-social-link\" aria-label=\"Facebook\">\r\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M9 8h-3v4h3v12h5v-12h3.642l.358-4h-4v-1.667c0-.955.192-1.333 1.115-1.333h2.885v-5h-3.808c-3.596 0-5.192 1.583-5.192 4.615v3.385z\"\/><\/svg>\r\n                        <\/a>\r\n                        <a href=\"https:\/\/www.linkedin.com\/in\/alumni-committee-doms-iit-madras-25562b85\/\" class=\"doms-alcom-social-link\" aria-label=\"LinkedIn\">\r\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z\"\/><\/svg>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"doms-alcom-visual\">\r\n                <div class=\"doms-alcom-slider-frame\">\r\n                    \r\n                    <div class=\"doms-alcom-slide active\">\r\n                        <img decoding=\"async\" data-src=\"https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/05\/Picture2.jpg\" alt=\"Alumni Meet & Networking\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 448px; --smush-placeholder-aspect-ratio: 448\/337;\">\r\n                        \r\n                    <\/div>\r\n\r\n                    <!--<div class=\"doms-alcom-slide\">-->\r\n                    <!--    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1557804506-669a67965ba0?q=80&w=1200&auto=format&fit=crop\" alt=\"Alumni Corporate Talk\">-->\r\n                    <!--    <div class=\"doms-alcom-caption\">Knowledge Sharing & Industry Talks<\/div>-->\r\n                    <!--<\/div>-->\r\n\r\n                    <!--<div class=\"doms-alcom-slide\">-->\r\n                    <!--    <img decoding=\"async\" data-src=\"http:\/\/10.24.5.60\/wordpress\/wp-content\/uploads\/2026\/01\/alumini-comittee.jpg\" alt=\"Alumni Committee Team\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\">-->\r\n                        \r\n                    <!--<\/div>-->\r\n\r\n                    <!--<button class=\"doms-alcom-nav-btn doms-alcom-prev\" onclick=\"alcomPlusSlides(-1)\">-->\r\n                    <!--    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M15 18l-6-6 6-6\"\/><\/svg>-->\r\n                    <!--<\/button>-->\r\n                    <!--<button class=\"doms-alcom-nav-btn doms-alcom-next\" onclick=\"alcomPlusSlides(1)\">-->\r\n                    <!--    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>-->\r\n                    <!--<\/button>-->\r\n\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    (function() {\r\n        \/\/ Namespace the slideshow variables\r\n        let alcomSlideIndex = 1;\r\n        \r\n        window.alcomPlusSlides = function(n) {\r\n            showAlcomSlides(alcomSlideIndex += n);\r\n        }\r\n\r\n        function showAlcomSlides(n) {\r\n            let i;\r\n            let slides = document.querySelectorAll(\".doms-alcom-slide\");\r\n            if (!slides.length) return;\r\n\r\n            if (n > slides.length) {alcomSlideIndex = 1}    \r\n            if (n < 1) {alcomSlideIndex = slides.length}\r\n            \r\n            for (i = 0; i < slides.length; i++) {\r\n                slides[i].style.display = \"none\";  \r\n                slides[i].classList.remove(\"active\");\r\n            }\r\n            \r\n            slides[alcomSlideIndex-1].style.display = \"block\";  \r\n            slides[alcomSlideIndex-1].classList.add(\"active\");\r\n        }\r\n\r\n        document.addEventListener(\"DOMContentLoaded\", function() {\r\n            showAlcomSlides(alcomSlideIndex);\r\n            setInterval(function() {\r\n                window.alcomPlusSlides(1);\r\n            }, 600000);\r\n        });\r\n    })();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1acda92 e-con-full e-flex e-con e-parent\" data-id=\"1acda92\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2730cf7 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"2730cf7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Lato:wght@300;400;700&family=Playfair+Display:ital,wght@0,400;0,700;1,400&display=swap\" rel=\"stylesheet\">\n\n<style>\n    \/* =========================================\n       CSS ISOLATION: DoMS DGRC Section (Mobile Fixed)\n       ========================================= *\/\n\n    #doms-dgrc-root-wrapper {\n        \/* --- Theme Variables --- *\/\n        --dgrc-font-head: 'Playfair Display', serif;\n        --dgrc-font-body: 'Lato', sans-serif;\n        \n        \/* Palette: Darker Premium *\/\n        --dgrc-bg-dark: #0f0505;    \/* Deepened Maroon-Black *\/\n        --dgrc-card-glass: rgba(255, 255, 255, 0.05);\n        \n        \/* Text *\/\n        --dgrc-text-main: #ffffff;\n        --dgrc-text-sub: #d1d1d1;\n        \n        \/* Accents *\/\n        --dgrc-gold: #e6b800;       \/* Rich Gold *\/\n        --dgrc-gold-glow: rgba(230, 184, 0, 0.25);\n        \n        \/* Layout Reset *\/\n        background-color: var(--dgrc-bg-dark);\n        width: 100%;\n        padding: 90px 0;\n        font-family: var(--dgrc-font-body);\n        color: var(--dgrc-text-main);\n        box-sizing: border-box;\n        line-height: 1.8;\n        overflow-x: hidden;\n        position: relative;\n    }\n\n    #doms-dgrc-root-wrapper * { box-sizing: border-box; }\n    #doms-dgrc-root-wrapper img { max-width: 100%; display: block; }\n\n    \/* --- BACKGROUND GRAPHICS (Enhanced Visibility) --- *\/\n    #doms-dgrc-root-wrapper::before {\n        content: \"\";\n        position: absolute;\n        top: 0; left: 0; width: 100%; height: 100%;\n        \n        \/* 1. Visible Geometric Pattern *\/\n        background-image: \n            radial-gradient(circle at 50% 50%, rgba(255,255,255,0.05) 1px, transparent 1px),\n            linear-gradient(0deg, transparent 99%, rgba(230, 184, 0, 0.08) 100%), \n            linear-gradient(90deg, transparent 99%, rgba(230, 184, 0, 0.08) 100%);\n        background-size: 25px 25px, 80px 80px, 80px 80px;\n        \n        \/* 2. Deep Vignette *\/\n        background: \n            radial-gradient(circle at 20% 20%, rgba(230, 184, 0, 0.1) 0%, transparent 50%),\n            radial-gradient(circle at 80% 80%, rgba(128, 0, 0, 0.2) 0%, transparent 50%);\n            \n        z-index: 0;\n        pointer-events: none;\n    }\n\n    \/* Container *\/\n    .doms-dgrc-container {\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 0 25px;\n        position: relative;\n        z-index: 1;\n    }\n\n    \/* --- HEADER SECTION --- *\/\n    .doms-dgrc-header {\n        text-align: center;\n        max-width: 850px;\n        margin: 0 auto 50px auto;\n    }\n\n    .doms-dgrc-badge {\n        display: inline-block;\n        font-size: 0.7rem;\n        text-transform: uppercase;\n        letter-spacing: 2px;\n        color: #000;\n        background: var(--dgrc-gold);\n        padding: 5px 14px;\n        border-radius: 4px;\n        font-weight: 800;\n        margin-bottom: 20px;\n        box-shadow: 0 0 20px var(--dgrc-gold-glow);\n    }\n\n    .doms-dgrc-title {\n        font-family: var(--dgrc-font-head);\n        font-size: clamp(2.2rem, 5vw, 3.5rem); \/* Responsive Font Size *\/\n        color: var(--dgrc-text-main);\n        margin: 0 0 20px 0;\n        line-height: 1.1;\n        font-weight: 700;\n    }\n\n    .doms-dgrc-desc {\n        font-size: 1.1rem;\n        color: var(--dgrc-text-sub);\n        line-height: 1.6;\n        margin-bottom: 35px;\n        font-weight: 300;\n    }\n\n    \/* Note Box *\/\n    .doms-dgrc-note-box {\n        background: rgba(255, 255, 255, 0.05);\n        border: 1px solid rgba(255, 255, 255, 0.1);\n        border-left: 3px solid var(--dgrc-gold);\n        padding: 20px;\n        border-radius: 6px;\n        text-align: left;\n        backdrop-filter: blur(8px);\n        margin-top: 20px;\n    }\n\n    .doms-dgrc-note-title {\n        font-family: var(--dgrc-font-head);\n        font-size: 1rem;\n        color: var(--dgrc-gold);\n        font-weight: 700;\n        margin-bottom: 5px;\n        display: flex; align-items: center; gap: 8px;\n    }\n    \n    .doms-dgrc-note-title svg { width: 18px; height: 18px; fill: currentColor; }\n\n    .doms-dgrc-note-text {\n        font-size: 0.9rem;\n        color: rgba(255,255,255,0.85);\n        margin: 0;\n        line-height: 1.5;\n    }\n\n    .doms-dgrc-email-link {\n        color: #fff;\n        text-decoration: none;\n        font-weight: 600;\n        border-bottom: 1px dotted var(--dgrc-gold);\n        transition: color 0.3s;\n    }\n    .doms-dgrc-email-link:hover { color: var(--dgrc-gold); }\n\n    \/* --- MEMBER SLIDER --- *\/\n    .doms-dgrc-slider-container {\n        position: relative;\n        margin-top: 60px;\n    }\n\n    \/* Track *\/\n    .doms-dgrc-track {\n        display: flex;\n        gap: 40px;\n        overflow-x: auto;\n        padding: 20px 20px 40px 20px;\n        scroll-behavior: smooth;\n        scrollbar-width: none;\n        -ms-overflow-style: none;\n        scroll-snap-type: x mandatory;\n        \n        \/* Centering *\/\n        justify-content: center; \n    }\n    \n    \/* Responsive Justification *\/\n    @media (max-width: 1024px) {\n        .doms-dgrc-track { justify-content: flex-start; }\n    }\n\n    .doms-dgrc-track::-webkit-scrollbar { display: none; }\n\n    \/* Card *\/\n    .doms-dgrc-card {\n        flex: 0 0 280px; \/* Fixed Width *\/\n        scroll-snap-align: center;\n        text-align: center;\n        position: relative;\n        cursor: pointer;\n    }\n\n    \/* Circular Image *\/\n    .doms-dgrc-img-box {\n        width: 220px;\n        height: 220px;\n        margin: 0 auto 20px auto;\n        border-radius: 50%;\n        padding: 5px;\n        background: linear-gradient(135deg, rgba(255,255,255,0.1), transparent);\n        border: 1px solid rgba(255,255,255,0.1);\n        box-shadow: 0 10px 30px rgba(0,0,0,0.4);\n        transition: all 0.4s ease;\n       \n    }\n\n    .doms-dgrc-img-inner {\n        width: 100%; height: 100%;\n        border-radius: 50%;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .doms-dgrc-img-inner img {\n        width: 100%; height: 100%;\n        object-fit: cover;\n        filter: grayscale(90%);\n        transition: transform 0.5s ease, filter 0.5s ease;\n         filter: none !important; \n    }\n\n    .doms-dgrc-card:hover .doms-dgrc-img-box {\n        border-color: var(--dgrc-gold);\n        box-shadow: 0 0 25px var(--dgrc-gold-glow);\n        transform: translateY(-5px);\n    }\n\n    .doms-dgrc-card:hover .doms-dgrc-img-inner img {\n        transform: scale(1.1);\n        filter: grayscale(0%);\n    }\n\n    \/* Info *\/\n    .doms-dgrc-name {\n        font-family: var(--dgrc-font-head);\n        font-size: 1.4rem;\n        color: #fff;\n        margin: 0 0 5px 0;\n        font-weight: 700;\n        letter-spacing: 0.5px;\n    }\n\n    .doms-dgrc-role {\n        font-size: 0.8rem;\n        text-transform: uppercase;\n        letter-spacing: 2px;\n        color: var(--dgrc-gold);\n        font-weight: 700;\n        opacity: 0.9;\n    }\n\n    \/* Navigation Arrows (Visible on Mobile now too) *\/\n    .doms-dgrc-nav-btn {\n        position: absolute;\n        top: 35%; \/* Align with image center *\/\n        transform: translateY(-50%);\n        width: 45px; height: 45px;\n        background: rgba(0,0,0,0.6);\n        border: 1px solid rgba(255,255,255,0.2);\n        border-radius: 50%;\n        color: #fff;\n        display: flex; align-items: center; justify-content: center;\n        cursor: pointer;\n        z-index: 10;\n        transition: all 0.3s;\n        backdrop-filter: blur(4px);\n    }\n\n    .doms-dgrc-nav-btn:hover {\n        background: var(--dgrc-gold);\n        color: #000;\n        border-color: var(--dgrc-gold);\n    }\n\n    .doms-dgrc-prev { left: 0; }\n    .doms-dgrc-next { right: 0; }\n\n    \/* --- MOBILE RESPONSIVE FIXES --- *\/\n    @media (max-width: 600px) {\n        #doms-dgrc-root-wrapper { padding: 60px 0; }\n        \n        .doms-dgrc-track { \n            gap: 20px; \n            padding-left: 10px; \n            padding-right: 10px;\n        }\n        \n        \/* Adjust Nav Buttons for Mobile *\/\n        .doms-dgrc-nav-btn {\n            width: 35px; height: 35px;\n            top: 100%; \/* Move below cards *\/\n            transform: translateY(0);\n            background: rgba(255,255,255,0.1);\n        }\n        \n        .doms-dgrc-prev { left: 30%; }\n        .doms-dgrc-next { right: 30%; }\n        \n        \/* Slightly smaller cards on mobile *\/\n        .doms-dgrc-card { flex: 0 0 240px; }\n        .doms-dgrc-img-box { width: 180px; height: 180px; }\n    }\n\n<\/style>\n<\/head>\n<body>\n\n<div id=\"doms-dgrc-root-wrapper\">\n    <div class=\"doms-dgrc-container\">\n        \n        <div class=\"doms-dgrc-header\">\n            <span class=\"doms-dgrc-badge\">Support & Resolution<\/span>\n            <h1 class=\"doms-dgrc-title\">Department Grievances Resolution Committee (DGRC)<\/h1>\n            \n            <p class=\"doms-dgrc-desc\">\n                Addressing the grievances of students and research scholars with confidentiality and integrity to foster a harmonious academic environment.\n            <\/p>\n\n            <div class=\"doms-dgrc-note-box\">\n                <div class=\"doms-dgrc-note-title\">\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z\"\/><\/svg>\n                    Important Note\n                <\/div>\n                <p class=\"doms-dgrc-note-text\">\n                    For broader issues, the institute-wide Grievances Resolution Committee is chaired by the Dean Academic Courses (Dean AC). Reach them at <a href=\"mailto:deanac@iitm.ac.in\" class=\"doms-dgrc-email-link\">deanac@iitm.ac.in<\/a>.\n                <\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"doms-dgrc-slider-container\">\n            \n            <button class=\"doms-dgrc-nav-btn doms-dgrc-prev\" id=\"dgrc-left\" aria-label=\"Previous\">\n                <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M15 18l-6-6 6-6\"\/><\/svg>\n            <\/button>\n            <button class=\"doms-dgrc-nav-btn doms-dgrc-next\" id=\"dgrc-right\" aria-label=\"Next\">\n                <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\n            <\/button>\n\n            <div class=\"doms-dgrc-track\" id=\"dgrc-track\">\n                \n                <div class=\"doms-dgrc-card\">\n                    <div class=\"doms-dgrc-img-box\">\n                        <div class=\"doms-dgrc-img-inner\">\n                            <img decoding=\"async\" data-src=\"https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/02\/2U2A0890-scaled-e1770962975137.jpg\" alt=\"Prof. Saji Mathew\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1280px; --smush-placeholder-aspect-ratio: 1280\/1583;\">\n                        <\/div>\n                    <\/div>\n                    <h3 class=\"doms-dgrc-name\">Prof. Saji Mathew<\/h3>\n                    <div class=\"doms-dgrc-role\">Chair Person<\/div>\n                <\/div>\n\n                <div class=\"doms-dgrc-card\">\n                    <div class=\"doms-dgrc-img-box\">\n                        <div class=\"doms-dgrc-img-inner\">\n                            <img decoding=\"async\" data-src=\"https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/02\/2U2A0857-scaled-e1771356205402.jpg\" alt=\"Prof. Arshinder Kaur\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1539px; --smush-placeholder-aspect-ratio: 1539\/1600;\">\n                        <\/div>\n                    <\/div>\n                    <h3 class=\"doms-dgrc-name\">Prof. Arshinder Kaur<\/h3>\n                    <div class=\"doms-dgrc-role\">Member<\/div>\n                <\/div>\n\n                <div class=\"doms-dgrc-card\">\n                    <div class=\"doms-dgrc-img-box\">\n                        <div class=\"doms-dgrc-img-inner\">\n                            <img decoding=\"async\" data-src=\"https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/02\/2U2A0831-scaled-e1771356243218.jpg\" alt=\"Dr. Rupashree Baral\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1557px; --smush-placeholder-aspect-ratio: 1557\/1600;\">\n                        <\/div>\n                    <\/div>\n                    <h3 class=\"doms-dgrc-name\">Dr. Rupashree Baral<\/h3>\n                    <div class=\"doms-dgrc-role\">Member<\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<script>\n    (function() {\n        const track = document.getElementById('dgrc-track');\n        const prevBtn = document.getElementById('dgrc-left');\n        const nextBtn = document.getElementById('dgrc-right');\n\n        if (track && prevBtn && nextBtn) {\n            nextBtn.addEventListener('click', () => {\n                const cardWidth = track.querySelector('.doms-dgrc-card').offsetWidth + 40; \/\/ width + gap\n                track.scrollBy({ left: cardWidth, behavior: 'smooth' });\n            });\n\n            prevBtn.addEventListener('click', () => {\n                const cardWidth = track.querySelector('.doms-dgrc-card').offsetWidth + 40;\n                track.scrollBy({ left: -cardWidth, behavior: 'smooth' });\n            });\n        }\n    })();\n<\/script>\n\n<\/body>\n<\/html>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4fbf968 e-con-full e-flex e-con e-parent\" data-id=\"4fbf968\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-647a3a0 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"647a3a0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Lato:wght@400;700&family=Playfair+Display:ital,wght@0,500;0,700;1,400&display=swap\" rel=\"stylesheet\">\n\n<style>\n    \/* =========================================\n       CSS ISOLATION: DoMS Interface Committee (DIC) - Premium\n       ========================================= *\/\n\n    #doms-dic-pro-root {\n        \/* --- Theme Variables --- *\/\n        --dic-font-head: 'Playfair Display', serif;\n        --dic-font-body: 'Lato', sans-serif;\n        \n        \/* Palette *\/\n        --dic-bg-paper: #f9f9f7;      \/* Warm Editorial Paper *\/\n        --dic-bg-white: #ffffff;      \/* Pure White *\/\n        \n        \/* Text High Contrast *\/\n        --dic-text-black: #111111;    \/* Sharp Black for Headings *\/\n        --dic-text-body: #333333;     \/* Dark Grey for Readability *\/\n        \n        \/* Accents *\/\n        --dic-maroon: #800000;        \/* IITM Maroon *\/\n        --dic-gold: #c5a059;          \/* Muted Gold *\/\n        \n        \/* Layout Reset *\/\n        background-color: var(--dic-bg-paper);\n        width: 100%;\n        padding: 100px 0;\n        font-family: var(--dic-font-body);\n        color: var(--dic-text-body);\n        box-sizing: border-box;\n        line-height: 1.8;\n        overflow-x: hidden;\n        position: relative;\n    }\n\n    #doms-dic-pro-root * { box-sizing: border-box; }\n    #doms-dic-pro-root img { max-width: 100%; display: block; }\n    #doms-dic-pro-root a { text-decoration: none; transition: all 0.3s ease; }\n\n    \/* --- Background Pattern (Subtle & Interesting) --- *\/\n    #doms-dic-pro-root::before {\n        content: \"\";\n        position: absolute;\n        top: 0; left: 0; width: 100%; height: 100%;\n        \/* Abstract Topographic Lines *\/\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='%23111111' fill-opacity='0.03'%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\");\n        z-index: 0;\n        pointer-events: none;\n    }\n\n    \/* Container *\/\n    .doms-dic-container {\n        max-width: 1300px;\n        margin: 0 auto;\n        padding: 0 30px;\n        position: relative;\n        z-index: 1;\n    }\n\n    \/* --- SPLIT GRID --- *\/\n    .doms-dic-grid {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 80px;\n        align-items: center;\n    }\n\n    \/* --- LEFT COLUMN: CONTENT --- *\/\n    .doms-dic-content-col {\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n    }\n\n    \/* Eyebrow Badge *\/\n    .doms-dic-eyebrow {\n        display: inline-block;\n        font-family: var(--dic-font-body);\n        font-size: 0.85rem;\n        text-transform: uppercase;\n        letter-spacing: 3px;\n        color: var(--dic-maroon);\n        font-weight: 700;\n        margin-bottom: 20px;\n        border-bottom: 2px solid var(--dic-gold);\n        padding-bottom: 5px;\n        align-self: flex-start;\n    }\n\n    \/* Main Title *\/\n    .doms-dic-title {\n        font-family: var(--dic-font-head);\n        font-size: 4.5rem;\n        color: var(--dic-text-black);\n        margin: 0 0 30px 0;\n        line-height: 1.15;\n        font-weight: 1000;\n    }\n    \n    .doms-dic-title span {\n        color: var(--dic-gold);\n        font-style: italic;\n        font-weight: 700;\n    }\n\n    \/* Body Text (High Visibility) *\/\n    .doms-dic-text {\n        font-size: 1.15rem;\n        color: var(--dic-text-body);\n        text-align: justify;\n        margin-bottom: 25px;\n        font-weight: 400; \/* Increased weight for visibility *\/\n    }\n\n    \/* --- CENTERED FOOTER BLOCK (Logo + Socials) --- *\/\n    .doms-dic-footer-block {\n        margin-top: 40px;\n        padding-top: 40px;\n        border-top: 1px solid rgba(0,0,0,0.1);\n        display: flex;\n        flex-direction: column; \/* Stack Vertically *\/\n        align-items: center;    \/* Center Horizontally *\/\n        gap: 25px;\n        text-align: center;\n    }\n\n    \/* Logo Box *\/\n    .doms-dic-logo-box {\n        width: 150px;\n        transition: transform 0.3s;\n    }\n    .doms-dic-logo-box:hover { transform: scale(1.05); }\n    \n    .doms-dic-logo-img {\n        width: 100%; height: auto;\n        \/* Tinting the logo slightly maroon for cohesion *\/\n        filter: sepia(100%) hue-rotate(320deg) saturate(30%) brightness(30%) contrast(1.2);\n    }\n\n    \/* Social Icons *\/\n    .doms-dic-social-row {\n        display: flex;\n        gap: 15px;\n    }\n\n    .doms-dic-icon {\n        width: 45px; height: 45px;\n        border-radius: 50%;\n        background: #fff;\n        border: 1px solid #e0e0e0;\n        display: flex; align-items: center; justify-content: center;\n        color: var(--dic-maroon);\n        transition: all 0.3s ease;\n        box-shadow: 0 4px 10px rgba(0,0,0,0.05);\n    }\n\n    .doms-dic-icon svg { width: 20px; height: 20px; fill: currentColor; }\n\n    .doms-dic-icon:hover {\n        background: var(--dic-maroon);\n        color: #fff;\n        transform: translateY(-4px);\n        box-shadow: 0 8px 20px rgba(128, 0, 0, 0.2);\n        border-color: var(--dic-maroon);\n    }\n\n    \/* --- RIGHT COLUMN: SLIDESHOW --- *\/\n    .doms-dic-visual-col {\n        position: relative;\n    }\n\n    .doms-dic-slider-frame {\n        width: 100%;\n        height: 550px;\n        position: relative;\n        border-radius: 1px;\n        overflow: hidden;\n        background: #000;\n        \/* Elegant Shadow *\/\n        box-shadow: \n            25px 25px 0px rgba(197, 160, 89, 0.2), \/* Gold Offset *\/\n            0 20px 40px rgba(0,0,0,0.1);\n    }\n\n    .doms-dic-slide {\n        display: none;\n        width: 100%; height: 100%;\n        position: relative;\n    }\n    \n    .doms-dic-slide.active {\n        display: block;\n        animation: dicFadeIn 1s ease;\n    }\n    @keyframes dicFadeIn { from { opacity: 0.8; } to { opacity: 1; } }\n\n    \/* Image Styling *\/\n    .doms-dic-slide img {\n        width: 100%; height: 100%;\n        \/*object-fit: cover;*\/\n        transition: transform 6s ease; \/* Slow zoom effect *\/\n         filter: none !important; \n    }\n    \/*.doms-dic-slide.active img { transform: scale(1.1); }*\/\n\n\n    \/* Navigation Arrows *\/\n    .doms-dic-nav-wrapper {\n        position: absolute;\n        bottom: 30px; right: 30px;\n        display: flex; gap: 10px; z-index: 10;\n    }\n\n    .doms-dic-nav-btn {\n        width: 48px; height: 48px;\n        background: rgba(255,255,255,0.2);\n        border: 1px solid rgba(255,255,255,0.4);\n        backdrop-filter: blur(5px);\n        color: #fff;\n        cursor: pointer;\n        display: flex; align-items: center; justify-content: center;\n        transition: all 0.3s;\n    }\n    .doms-dic-nav-btn:hover { background: var(--dic-maroon); border-color: var(--dic-maroon); }\n\n    \/* --- RESPONSIVE DESIGN --- *\/\n    @media (max-width: 1024px) {\n        .doms-dic-grid {\n            grid-template-columns: 1fr; \/* Stack Vertically *\/\n            gap: 60px;\n        }\n        \n        .doms-dic-content-col { \n            order: 1; \n            text-align: center; \/* Center align text on tablet\/mobile *\/\n        }\n        \n        .doms-dic-eyebrow { align-self: center; }\n        \n        .doms-dic-visual-col { \n            order: 2; \n            height: 450px; \n            width: 100%;\n        }\n        \n        .doms-dic-slider-frame { height: 100%; }\n        \n        \/* Adjust text alignment for mobile readability *\/\n        .doms-dic-text { text-align: center; }\n    }\n\n    @media (max-width: 600px) {\n        #doms-dic-pro-root { padding: 60px 0; }\n        \n        .doms-dic-title { font-size: 2.5rem; }\n        \n        .doms-dic-visual-col { height: 350px; }\n        \n        \/* Simpler shadow on mobile *\/\n        .doms-dic-slider-frame {\n            box-shadow: 10px 10px 0px rgba(197, 160, 89, 0.2); \n        }\n\n        .doms-dic-caption { padding: 15px; font-size: 1rem; }\n        \n        .doms-dic-nav-wrapper { bottom: 15px; right: 15px; }\n        .doms-dic-nav-btn { width: 40px; height: 40px; }\n    }\n\n<\/style>\n<\/head>\n<body>\n\n<div id=\"doms-dic-pro-root\">\n    <div class=\"doms-dic-container\">\n        \n        <div class=\"doms-dic-grid\">\n            \n            <div class=\"doms-dic-content-col\">\n                <span class=\"doms-dic-eyebrow\">The Linkage<\/span>\n                <h1 class=\"doms-dic-title\">DoMS Interface <span>Committee<\/span><\/h1>\n                \n                <p class=\"doms-dic-text\">\n                    Founded on the core values of integrity, reliability, and organizational commitment, the DoMS Interface (DI) committee cements together different facets of the department experience. The committee serves as a linkage between the academy and its tutees, alongside fostering sustainable ties with the institute administration, the b-school circuit, the media, and the larger industry ecosystem.\n                <\/p>\n                \n                <p class=\"doms-dic-text\">\n                    Besides serving as the cohesive interfacing platform to bridge multilateral voids, the committee is engaged in the facilitation of the interview and subsequent admission processes, on-boarding of the incoming batch, organization of events, and management of the official DoMS social media handles, among other aspects of the campus life.\n                <\/p>\n\n                <div class=\"doms-dic-footer-block\">\n                    \n                    <div class=\"doms-dic-logo-box\">\n                        <img decoding=\"async\" class=\"doms-dic-logo-img lazyload\" data-src=\"https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/01\/interface-team.png\" alt=\"DoMS IITM Logo\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 493px; --smush-placeholder-aspect-ratio: 493\/493;\">\n                    <\/div>\n\n                    <div class=\"doms-dic-social-row\">\n                        <a href=\"https:\/\/www.linkedin.com\/school\/doms-iitmadras\/\" class=\"doms-dic-icon\" aria-label=\"LinkedIn\">\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z\"\/><\/svg>\n                        <\/a>\n                        <a href=\"https:\/\/twitter.com\/domsiitmadras\" class=\"doms-dic-icon\" aria-label=\"Instagram\">\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z\"\/><\/svg>\n                        <\/a>\n                        <a href=\"https:\/\/www.facebook.com\/domsiitmadras\" class=\"doms-dic-icon\" aria-label=\"Facebook\">\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M9 8h-3v4h3v12h5v-12h3.642l.358-4h-4v-1.667c0-.955.192-1.333 1.115-1.333h2.885v-5h-3.808c-3.596 0-5.192 1.583-5.192 4.615v3.385z\"\/><\/svg>\n                        <\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"doms-dic-visual-col\">\n                <div class=\"doms-dic-slider-frame\">\n                    \n                    <!--<div class=\"doms-dic-slide active\">-->\n                    <!--    <img decoding=\"async\" data-src=\"https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/01\/doms-interface.jpg\" alt=\"Admissions & Interviews\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 952px; --smush-placeholder-aspect-ratio: 952\/950;\">-->\n                       \n                    <!--<\/div>-->\n\n                    <div class=\"doms-dic-slide\">\n                        <img decoding=\"async\" data-src=\"https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/05\/Picture8.jpg\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1476px; --smush-placeholder-aspect-ratio: 1476\/860;\">\n                       \n                    <\/div>\n\n                    <!--<div class=\"doms-dic-slide\">-->\n                    <!--    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1552664730-d307ca884978?q=80&w=1200&auto=format&fit=crop\" alt=\"Industry Collaboration\">-->\n                    <!--    <div class=\"doms-dic-caption\">Industry & Media Relations<\/div>-->\n                    <!--<\/div>-->\n\n                    <!--<div class=\"doms-dic-nav-wrapper\">-->\n                    <!--    <button class=\"doms-dic-nav-btn\" id=\"dic-prev\" aria-label=\"Previous\">-->\n                    <!--        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M15 18l-6-6 6-6\"\/><\/svg>-->\n                    <!--    <\/button>-->\n                    <!--    <button class=\"doms-dic-nav-btn\" id=\"dic-next\" aria-label=\"Next\">-->\n                    <!--        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>-->\n                    <!--    <\/button>-->\n                    <!--<\/div>-->\n\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n    (function() {\n        let slideIndex = 0;\n        const slides = document.querySelectorAll('.doms-dic-slide');\n        const nextBtn = document.getElementById('dic-next');\n        const prevBtn = document.getElementById('dic-prev');\n\n        function showSlide(n) {\n            if (n >= slides.length) slideIndex = 0;\n            if (n < 0) slideIndex = slides.length - 1;\n\n            slides.forEach(slide => {\n                slide.classList.remove('active');\n                slide.style.display = 'none'; \n            });\n\n            slides[slideIndex].style.display = 'block';\n            slides[slideIndex].classList.add('active');\n        }\n\n        if(nextBtn) nextBtn.addEventListener('click', () => { showSlide(++slideIndex); });\n        if(prevBtn) prevBtn.addEventListener('click', () => { showSlide(--slideIndex); });\n\n        \/\/ Initialize\n        showSlide(slideIndex);\n        \n        \/\/ Auto Play\n        setInterval(() => {\n            showSlide(++slideIndex);\n        }, 5000);\n    })();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c74ca55 e-con-full e-flex e-con e-parent\" data-id=\"c74ca55\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6c1ead4 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"6c1ead4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Lato:wght@300;400;700&family=Playfair+Display:ital,wght@0,400;0,700;1,400&display=swap\" rel=\"stylesheet\">\n\n<style>\n    \/* =========================================\n       CSS ISOLATION: DoMS IERC Section (Lighter Dark Theme)\n       ========================================= *\/\n\n    #doms-ierc-pro-root {\n        \/* --- Theme Variables --- *\/\n        --ierc-font-head: 'Playfair Display', serif;\n        --ierc-font-body: 'Lato', sans-serif;\n        \n        \/* Palette: \"Bit Dark\" (Deep Slate\/Midnight - Not Black) *\/\n        --ierc-bg-main: #232931;      \/* Elegant Dark Slate *\/\n        --ierc-bg-panel: #393E46;     \/* Lighter Panel Grey *\/\n        \n        \/* Text *\/\n        --ierc-text-white: #ffffff;\n        --ierc-text-muted: #e0e0e0;   \/* Bright Grey for readability *\/\n        \n        \/* Accents *\/\n        --ierc-maroon: #800000;       \/* IITM Maroon *\/\n        --ierc-gold: #e0aa3e;         \/* Bright Gold *\/\n        --ierc-pattern: rgba(255, 255, 255, 0.05);\n        \n        \/* Layout Reset *\/\n        background-color: var(--ierc-bg-main);\n        width: 100%;\n        padding: 100px 0;\n        font-family: var(--ierc-font-body);\n        color: var(--ierc-text-white);\n        box-sizing: border-box;\n        line-height: 1.8;\n        overflow-x: hidden;\n        position: relative;\n    }\n\n    #doms-ierc-pro-root * { box-sizing: border-box; }\n    #doms-ierc-pro-root img { max-width: 100%; display: block; }\n    #doms-ierc-pro-root a { text-decoration: none; transition: all 0.3s ease; }\n\n    \/* --- INTERESTING LIGHT PATTERN (Global Network Dots) --- *\/\n    #doms-ierc-pro-root::before {\n        content: \"\";\n        position: absolute;\n        top: 0; left: 0; width: 100%; height: 100%;\n        \/* Dot Matrix Pattern *\/\n        background-image: \n            radial-gradient(var(--ierc-pattern) 1.5px, transparent 1.5px),\n            radial-gradient(var(--ierc-pattern) 1.5px, transparent 1.5px);\n        background-size: 30px 30px;\n        background-position: 0 0, 15px 15px;\n        opacity: 0.6;\n        z-index: 0;\n        pointer-events: none;\n    }\n    \n    \/* Soft Ambient Light Gradient *\/\n    #doms-ierc-pro-root::after {\n        content: \"\";\n        position: absolute;\n        top: 0; left: 0; width: 100%; height: 100%;\n        background: radial-gradient(circle at 80% 20%, rgba(224, 170, 62, 0.08) 0%, transparent 50%);\n        z-index: 0;\n        pointer-events: none;\n    }\n\n    \/* Container *\/\n    .doms-ierc-container {\n        max-width: 1300px;\n        margin: 0 auto;\n        padding: 0 30px;\n        position: relative;\n        z-index: 1;\n    }\n\n    \/* --- LAYOUT GRID --- *\/\n    .doms-ierc-grid {\n        display: grid;\n        grid-template-columns: 1fr 1.1fr; \/* Text Left, Visual Right *\/\n        gap: 80px;\n        align-items: center;\n    }\n\n    \/* --- LEFT COLUMN: CONTENT --- *\/\n    .doms-ierc-content {\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n    }\n\n    \/* Badge *\/\n    .doms-ierc-badge {\n        display: inline-block;\n        font-size: 0.8rem;\n        text-transform: uppercase;\n        letter-spacing: 2px;\n        color: #000;\n        background: var(--ierc-gold);\n        padding: 6px 14px;\n        border-radius: 4px;\n        font-weight: 700;\n        margin-bottom: 25px;\n        width: fit-content;\n        box-shadow: 0 0 15px rgba(224, 170, 62, 0.3);\n    }\n\n    \/* Heading *\/\n    .doms-ierc-title {\n        font-family: var(--ierc-font-head);\n        font-size: 3.5rem;\n        color: var(--ierc-text-white);\n        margin: 0 0 30px 0;\n        line-height: 1.15;\n        font-weight: 700;\n    }\n\n    \/* Text *\/\n    .doms-ierc-text {\n        font-size: 1.15rem;\n        color: var(--ierc-text-muted);\n        text-align: justify;\n        margin-bottom: 25px;\n        font-weight: 300;\n    }\n\n    \/* --- CENTERED IDENTITY FOOTER --- *\/\n    .doms-ierc-identity-block {\n        margin-top: 40px;\n        padding-top: 30px;\n        border-top: 1px solid rgba(255,255,255,0.1);\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        gap: 25px;\n    }\n\n    \/* Logo Box *\/\n    .doms-ierc-logo-box {\n        width: 140px;\n        padding: 10px;\n        background: rgba(255, 255, 255, 0.05); \/* Slight box to pop logo *\/\n        border-radius: 8px;\n        transition: transform 0.3s ease;\n    }\n    .doms-ierc-logo-box:hover { transform: scale(1.05); background: rgba(255,255,255,0.1); }\n\n    .doms-ierc-logo-img {\n        width: 100%; height: auto;\n    }\n\n    \/* Social Icons *\/\n    .doms-ierc-social-row {\n        display: flex;\n        gap: 15px;\n    }\n\n    .doms-ierc-icon {\n        width: 45px; height: 45px;\n        border-radius: 50%;\n        background: rgba(255,255,255,0.1);\n        border: 1px solid rgba(255,255,255,0.2);\n        display: flex; align-items: center; justify-content: center;\n        color: var(--ierc-gold);\n        transition: all 0.3s ease;\n    }\n\n    .doms-ierc-icon svg { width: 20px; height: 20px; fill: currentColor; }\n\n    .doms-ierc-icon:hover {\n        background: var(--ierc-gold);\n        color: #000;\n        transform: translateY(-3px);\n        box-shadow: 0 0 15px rgba(224, 170, 62, 0.4);\n        border-color: var(--ierc-gold);\n    }\n\n    \/* --- RIGHT COLUMN: VISUALS --- *\/\n    .doms-ierc-visual {\n        position: relative;\n        height: 520px;\n    }\n\n    \/* Frame Styling *\/\n    .doms-ierc-frame {\n        width: 100%;\n        height: 100%;\n        position: relative;\n        border-radius: 12px;\n        overflow: hidden;\n        background: #000;\n        \/* Double Shadow for 3D effect *\/\n        box-shadow: \n            15px 15px 0px rgba(255, 255, 255, 0.05),\n            0 20px 50px rgba(0,0,0,0.4);\n        border: 15px solid rgba(255,255,255,0.1);\n    }\n\n    .doms-ierc-slide {\n        display: none;\n        width: 100%; height: 100%;\n        position: relative;\n    }\n    \n    .doms-ierc-slide.active {\n        display: block;\n        animation: iercFade 1s ease-in-out;\n    }\n    @keyframes iercFade { from { opacity: 0.5; transform: scale(1.02); } to { opacity: 1; transform: scale(1); } }\n\n    .doms-ierc-slide img {\n        width: 100%; height: 100%;\n        object-fit: cover;\n        opacity: 0.9;\n         filter: none !important; \n    }\n\n    \/* Caption Overlay *\/\n    .doms-ierc-caption {\n        position: absolute;\n        bottom: 0; left: 0; width: 100%;\n        background: linear-gradient(to top, #1a1a1a, transparent);\n        padding: 40px 30px 25px 30px;\n        font-family: var(--ierc-font-head);\n        color: #fff;\n        font-weight: 700;\n        font-size: 1.2rem;\n        z-index: 2;\n        letter-spacing: 0.5px;\n    }\n\n    \/* Navigation *\/\n    .doms-ierc-controls {\n        position: absolute;\n        bottom: 25px; right: 25px;\n        display: flex; gap: 10px; z-index: 10;\n    }\n\n    .doms-ierc-btn {\n        width: 45px; height: 45px;\n        background: rgba(0, 0, 0, 0.6);\n        color: #fff;\n        border: 1px solid rgba(255,255,255,0.3);\n        border-radius: 50%;\n        cursor: pointer;\n        display: flex; align-items: center; justify-content: center;\n        transition: all 0.3s;\n        backdrop-filter: blur(4px);\n    }\n    \n    .doms-ierc-btn:hover {\n        background: var(--ierc-gold);\n        color: #000;\n        border-color: var(--ierc-gold);\n    }\n\n    \/* --- RESPONSIVE DESIGN --- *\/\n    @media (max-width: 1024px) {\n        .doms-ierc-grid {\n            grid-template-columns: 1fr; \/* Stack vertically *\/\n            gap: 60px;\n        }\n        \n        .doms-ierc-content { \n            order: 1; \n            text-align: center; \/* Center alignment *\/\n            align-items: center;\n        }\n        \n        .doms-ierc-text { text-align: center; }\n        \n        .doms-ierc-visual { \n            order: 2; \n            height: 450px; \n        }\n        \n        .doms-ierc-title { font-size: 3rem; }\n    }\n\n    @media (max-width: 600px) {\n        #doms-ierc-pro-root { padding: 60px 0; }\n        \n        .doms-ierc-title { font-size: 2.4rem; line-height: 1.2; }\n        \n        .doms-ierc-visual { height: 320px; }\n        \n        .doms-ierc-caption {\n            padding: 20px;\n            font-size: 1rem;\n        }\n        \n        .doms-ierc-controls { bottom: 15px; right: 15px; }\n        .doms-ierc-btn { width: 38px; height: 38px; }\n        \n        \/* Mobile Footer Center Align *\/\n        .doms-ierc-identity-block { width: 100%; }\n        \n        .doms-ierc-frame {\n            box-shadow: 10px 10px 0px rgba(255, 255, 255, 0.05); \/* Simpler shadow *\/\n        }\n    }\n\n<\/style>\n<\/head>\n<body>\n\n<div id=\"doms-ierc-pro-root\">\n    <div class=\"doms-ierc-container\">\n        \n        <div class=\"doms-ierc-grid\">\n            \n            <div class=\"doms-ierc-content\">\n                <div class=\"doms-ierc-badge\">Global Education<\/div>\n                <h1 class=\"doms-ierc-title\">International Exchange Relations Committee<\/h1>\n                \n                <p class=\"doms-ierc-text\">\n                    The International Exchange Relations Committee prepare factsheets for various universities that students may want to go on exchange to. They facilitate the selection and screening process for students interested in foreign exchange programs and ensure smooth functioning of the same.\n                <\/p>\n                \n                <p class=\"doms-ierc-text\">\n                    They are also responsible for widening the contacts base of foreign universities by maintaining good relationships with incoming foreign students.\n                <\/p>\n\n                <div class=\"doms-ierc-identity-block\">\n                    \n                    <div class=\"doms-ierc-logo-box\">\n                        <img decoding=\"async\" class=\"doms-ierc-logo-img lazyload\" data-src=\"https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/02\/img_2518.jpg\" alt=\"IERC Logo\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1170px; --smush-placeholder-aspect-ratio: 1170\/730;\">\n                    <\/div>\n\n                    <div class=\"doms-ierc-social-row\">\n                        <!--<a href=\"https:\/\/www.linkedin.com\/in\/icrc-iit-madras-15502016b\/\" class=\"doms-ierc-icon\" aria-label=\"LinkedIn\">-->\n                            <!--<svg viewBox=\"0 0 24 24\"><path d=\"M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z\"\/><\/svg>-->\n                        <\/a>\n                        <a href=\"https:\/\/www.instagram.com\/iercomm_doms_iitm\/\" class=\"doms-ierc-icon\" aria-label=\"Instagram\">\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z\"\/><\/svg>\n                        <\/a>\n                        <!--<a href=\"https:\/\/www.facebook.com\/icrc.iitmadras\" class=\"doms-ierc-icon\" aria-label=\"Facebook\">-->\n                            <!--<svg viewBox=\"0 0 24 24\"><path d=\"M9 8h-3v4h3v12h5v-12h3.642l.358-4h-4v-1.667c0-.955.192-1.333 1.115-1.333h2.885v-5h-3.808c-3.596 0-5.192 1.583-5.192 4.615v3.385z\"\/><\/svg>-->\n                        <\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"doms-ierc-visual\">\n                <div class=\"doms-ierc-frame\">\n                    \n                    <div class=\"doms-ierc-slide active\">\n                        <img decoding=\"async\" data-src=\"https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/05\/IMG_0696.jpg\" alt=\"Global University Exchange\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 10887px; --smush-placeholder-aspect-ratio: 10887\/8166;\">\n                        <!--<div class=\"doms-ierc-caption\">Global University Partnerships<\/div>-->\n                    <\/div>\n\n                    <!--<div class=\"doms-ierc-slide\">\n                        <img decoding=\"async\" src=\"\" alt=\"Incoming Foreign Students\">\n                        <!--<div class=\"doms-ierc-caption\">Welcoming International Talent<\/div>-->\n                    <\/div>-->\n\n                    <!--<div class=\"doms-ierc-slide\">-->\n                    <!--    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1469854523086-cc02fe5d8800?q=80&w=1200&auto=format&fit=crop\" alt=\"Exchange Opportunities\">-->\n                    <!--    <div class=\"doms-ierc-caption\">Facilitating Smooth Exchanges<\/div>-->\n                    <!--<\/div>-->\n\n                    <div class=\"doms-ierc-controls\">\n                        <button class=\"doms-ierc-btn\" id=\"ierc-prev\" aria-label=\"Previous\">\n                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M15 18l-6-6 6-6\"\/><\/svg>\n                        <\/button>\n                        <button class=\"doms-ierc-btn\" id=\"ierc-next\" aria-label=\"Next\">\n                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\n                        <\/button>\n                    <\/div>\n\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n    (function() {\n        let slideIndex = 0;\n        const slides = document.querySelectorAll('.doms-ierc-slide');\n        const nextBtn = document.getElementById('ierc-next');\n        const prevBtn = document.getElementById('ierc-prev');\n\n        function showSlide(n) {\n            if (n >= slides.length) slideIndex = 0;\n            if (n < 0) slideIndex = slides.length - 1;\n\n            slides.forEach(slide => {\n                slide.classList.remove('active');\n                slide.style.display = 'none'; \n            });\n\n            slides[slideIndex].style.display = 'block';\n            slides[slideIndex].classList.add('active');\n        }\n\n        if(nextBtn) nextBtn.addEventListener('click', () => { showSlide(++slideIndex); });\n        if(prevBtn) prevBtn.addEventListener('click', () => { showSlide(--slideIndex); });\n\n        \/\/ Initialize\n        showSlide(slideIndex);\n        \n        \/\/ Auto Play\n        setInterval(() => {\n            showSlide(++slideIndex);\n        }, 5000);\n    })();\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n\n\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8aa84cb e-con-full e-flex e-con e-parent\" data-id=\"8aa84cb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b17204 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"5b17204\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Lato:wght@300;400;700&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap\" rel=\"stylesheet\">\n\n<style>\n    \/* =========================================\n       CSS ISOLATION: MBA Invitational Lecture Series (MILS) - Light Premium\n       ========================================= *\/\n\n    #doms-mils-light-root {\n        \/* --- Theme Variables --- *\/\n        --mils-font-head: 'Playfair Display', serif;\n        --mils-font-body: 'Lato', sans-serif;\n        \n        \/* Palette: Premium Light Editorial *\/\n        --mils-bg-paper: #f4f4f2;     \/* Sophisticated Off-White *\/\n        --mils-bg-white: #ffffff;     \/* Pure White *\/\n        \n        \/* Text (High Contrast) *\/\n        --mils-text-dark: #111111;    \/* Sharp Black *\/\n        --mils-text-body: #333333;    \/* Deep Grey for readability *\/\n        \n        \/* Accents *\/\n        --mils-maroon: #800000;       \/* IITM Maroon *\/\n        --mils-gold: #c5a059;         \/* Muted Gold *\/\n        --mils-pattern: rgba(0, 0, 0, 0.03); \/* Subtle Dark Pattern *\/\n        \n        \/* Layout Reset *\/\n        background-color: var(--mils-bg-paper);\n        width: 100%;\n        padding: 100px 0;\n        font-family: var(--mils-font-body);\n        color: var(--mils-text-body);\n        box-sizing: border-box;\n        line-height: 1.8;\n        overflow-x: hidden;\n        position: relative;\n    }\n\n    #doms-mils-light-root * { box-sizing: border-box; }\n    #doms-mils-light-root img { max-width: 100%; display: block; }\n    #doms-mils-light-root a { text-decoration: none; transition: all 0.3s ease; }\n\n    \/* --- BACKGROUND GRAPHICS (Dark Pattern on Light) --- *\/\n    #doms-mils-light-root::before {\n        content: \"\";\n        position: absolute;\n        top: 0; left: 0; width: 100%; height: 100%;\n        \/* Architectural Grid Pattern *\/\n        background-image: \n            linear-gradient(var(--mils-pattern) 1px, transparent 1px),\n            linear-gradient(90deg, var(--mils-pattern) 1px, transparent 1px);\n        background-size: 40px 40px;\n        background-position: center center;\n        z-index: 0;\n        pointer-events: none;\n    }\n\n    \/* Vignette for Focus *\/\n    #doms-mils-light-root::after {\n        content: \"\";\n        position: absolute;\n        top: 0; left: 0; width: 100%; height: 100%;\n        background: radial-gradient(circle at center, transparent 0%, rgba(0,0,0,0.02) 100%);\n        z-index: 0; pointer-events: none;\n    }\n\n    \/* Container *\/\n    .doms-mils-container {\n        max-width: 1300px;\n        margin: 0 auto;\n        padding: 0 30px;\n        position: relative;\n        z-index: 1;\n    }\n\n    \/* --- GRID LAYOUT --- *\/\n    .doms-mils-grid {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 90px;\n        align-items: center;\n    }\n\n    \/* --- LEFT COLUMN: CONTENT --- *\/\n    .doms-mils-content {\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n    }\n\n    \/* Badge *\/\n    .doms-mils-badge {\n        display: inline-block;\n        font-size: 0.8rem;\n        text-transform: uppercase;\n        letter-spacing: 3px;\n        color: var(--mils-maroon);\n        font-weight: 800;\n        margin-bottom: 25px;\n        border-bottom: 2px solid var(--mils-gold);\n        padding-bottom: 5px;\n        align-self: flex-start;\n    }\n\n    \/* Heading *\/\n    .doms-mils-title {\n        font-family: var(--mils-font-head);\n        font-size: 3.5rem;\n        color: var(--mils-text-dark);\n        margin: 0 0 30px 0;\n        line-height: 1.15;\n        font-weight: 700;\n    }\n\n    \/* Text (Optimized for Visibility) *\/\n    .doms-mils-text {\n        font-size: 1.125rem;\n        color: var(--mils-text-body);\n        text-align: justify;\n        margin-bottom: 25px;\n        font-weight: 400; \/* Regular weight for clarity *\/\n    }\n\n    \/* --- CENTERED IDENTITY FOOTER --- *\/\n    .doms-mils-identity-block {\n        margin-top: 40px;\n        padding-top: 35px;\n        border-top: 1px solid rgba(0,0,0,0.08);\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        gap: 20px;\n    }\n\n    \/* Logo Box *\/\n    .doms-mils-logo-box {\n        width: 140px;\n        transition: transform 0.3s ease;\n        \/* Slight sepia to blend with paper theme *\/\n        \/*filter: sepia(100%) hue-rotate(320deg) saturate(30%) brightness(40%);*\/\n        opacity: 0.9;\n    }\n    .doms-mils-logo-box:hover { transform: scale(1.05); opacity: 1; filter:none !important;}\n\n    .doms-mils-logo-img { width: 100%; height: auto;filter:none !important; }\n\n    \/* Social Icons *\/\n    .doms-mils-social-row {\n        display: flex; gap: 15px;\n    }\n\n    .doms-mils-icon {\n        width: 45px; height: 45px;\n        border-radius: 50%;\n        background: #fff;\n        border: 1px solid rgba(0,0,0,0.1);\n        display: flex; align-items: center; justify-content: center;\n        color: var(--mils-maroon);\n        transition: all 0.3s ease;\n        box-shadow: 0 4px 6px rgba(0,0,0,0.05);\n    }\n    .doms-mils-icon svg { width: 20px; height: 20px; fill: currentColor; }\n\n    .doms-mils-icon:hover {\n        background: var(--mils-maroon);\n        color: #fff;\n        transform: translateY(-3px);\n        box-shadow: 0 5px 15px rgba(128, 0, 0, 0.2);\n        border-color: var(--mils-maroon);\n    }\n\n    \/* --- RIGHT COLUMN: SLIDESHOW --- *\/\n    .doms-mils-visual {\n        position: relative;\n        height: 550px;\n    }\n\n    \/* Frame (Paper Stack Effect) *\/\n    .doms-mils-frame {\n        width: 100%;\n        height: 100%;\n        position: relative;\n        border-radius: 4px;\n        overflow: hidden;\n        background: #fff;\n        \/* Gold Offset Shadow *\/\n        box-shadow: \n            20px 20px 0px rgba(197, 160, 89, 0.15),\n            0 15px 40px rgba(0,0,0,0.1);\n        border: 1px solid rgba(0,0,0,0.05);\n    }\n\n    .doms-mils-slide {\n        display: none;\n        width: 100%; height: 100%;\n        position: relative;\n    }\n    \n    .doms-mils-slide.active {\n        display: block;\n        animation: milsFade 1s ease-in-out;\n    }\n    @keyframes milsFade { from { opacity: 0.8; } to { opacity: 1; } }\n\n    .doms-mils-slide img {\n        width: 100%; height: 100%;\n        \/*object-fit: cover;*\/\n        \/* Warm filter *\/\n        filter: none !important;\n        filter: sepia(10%) contrast(1.05);\n    }\n\n    \/* Caption Overlay *\/\n    .doms-mils-caption {\n        position: absolute;\n        bottom: 0; left: 0; width: 100%;\n        background: rgba(255, 255, 255, 0.95);\n        padding: 25px 30px;\n        font-family: var(--mils-font-head);\n        color: var(--mils-maroon);\n        font-weight: 700;\n        font-size: 1.2rem;\n        z-index: 2;\n        border-top: 4px solid var(--mils-gold);\n    }\n\n    \/* Navigation *\/\n    .doms-mils-controls {\n        position: absolute;\n        bottom: 110px; \/* Above caption *\/\n        right: 20px;\n        display: flex; gap: 10px; z-index: 10;\n    }\n\n    .doms-mils-btn {\n        width: 45px; height: 45px;\n        background: #fff;\n        color: var(--mils-text-dark);\n        border: 1px solid rgba(0,0,0,0.1);\n        border-radius: 50%;\n        cursor: pointer;\n        display: flex; align-items: center; justify-content: center;\n        transition: all 0.3s;\n        box-shadow: 0 4px 10px rgba(0,0,0,0.1);\n    }\n    \n    .doms-mils-btn:hover {\n        background: var(--mils-maroon);\n        color: #fff;\n        border-color: var(--mils-maroon);\n    }\n\n    \/* --- RESPONSIVE DESIGN --- *\/\n    @media (max-width: 1024px) {\n        .doms-mils-grid {\n            grid-template-columns: 1fr; \/* Stack vertically *\/\n            gap: 60px;\n        }\n        \n        .doms-mils-content { \n            order: 1; \n            text-align: center;\n            align-items: center;\n        }\n        \n        .doms-mils-badge { align-self: center; }\n        .doms-mils-text { text-align: center; }\n        \n        .doms-mils-visual { \n            order: 2; \n            height: 450px; \n            width: 100%;\n        }\n        \n        .doms-mils-title { font-size: 3rem; }\n    }\n\n    @media (max-width: 600px) {\n        #doms-mils-light-root { padding: 60px 0; }\n        \n        .doms-mils-title { font-size: 2.5rem; line-height: 1.2; }\n        \n        .doms-mils-visual { height: 350px; }\n        \n        .doms-mils-frame {\n            box-shadow: 10px 10px 0px rgba(197, 160, 89, 0.2); \n        }\n\n        .doms-mils-caption {\n            padding: 20px;\n            font-size: 1rem;\n        }\n        \n        .doms-mils-controls { bottom: 90px; right: 15px; }\n        .doms-mils-btn { width: 40px; height: 40px; }\n        \n        .doms-mils-identity-block { width: 100%; }\n    }\n\n<\/style>\n<\/head>\n<body>\n\n<div id=\"doms-mils-light-root\">\n    <div class=\"doms-mils-container\">\n        \n        <div class=\"doms-mils-grid\">\n            \n            <div class=\"doms-mils-content\">\n                <div class=\"doms-mils-badge\">Industry Exposure<\/div>\n                <h1 class=\"doms-mils-title\">ICRC \u2013 Industry Connect & Relations Committee<\/h1>\n                \n                <p class=\"doms-mils-text\">\n                    MBA Invitational Lecture Series is an entirely student-driven initiative of the Department of Management Studies, IIT Madras, aiming at improving the exposure of candidates to make them industry ready. The key to making management students industry ready is through exposing them to practical aspects of job, key skills required to function in the job and real time cases studies faced by managers at work place.\n                <\/p>\n                \n                <p class=\"doms-mils-text\">\n                    To achieve this the committee invites leaders from the industry to share their thoughts and experiences with the students, keeping its finger on the pulse of the industry and the classroom, the committee suggests topics to the guest speakers so that these topics are contemporary and relevant, while also taking into account the students\u2019 own interests in certain areas. This way, these sessions create a healthy learning environment, where both the speaker and the students actively engage with each other to question, discuss, and learn.\n                <\/p>\n\n                <div class=\"doms-mils-identity-block\">\n                    \n                    <div class=\"doms-mils-logo-box\">\n                        <img decoding=\"async\" class=\"doms-mils-logo-img lazyload\" data-src=\"https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/02\/icrc-square-logo-1.jpeg\" style=\"--smush-placeholder-width: 1080px; --smush-placeholder-aspect-ratio: 1080\/1080;filter:none ;\" alt=\"MILS Logo\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\">\n                    <\/div>\n\n                    <div class=\"doms-mils-social-row\">\n                        <a href=\"https:\/\/www.linkedin.com\/in\/icrc-iit-madras-15502016b\" class=\"doms-mils-icon\" aria-label=\"LinkedIn\">\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z\"\/><\/svg>\n                        <\/a>\n                        <a href=\"https:\/\/www.instagram.com\/icrc_doms_iitmadras\" class=\"doms-mils-icon\" aria-label=\"Instagram\">\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z\"\/><\/svg>\n                        <\/a>\n                        <a href=\"https:\/\/www.facebook.com\/icrc.iitmadras\" class=\"doms-mils-icon\" aria-label=\"Facebook\">\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M9 8h-3v4h3v12h5v-12h3.642l.358-4h-4v-1.667c0-.955.192-1.333 1.115-1.333h2.885v-5h-3.808c-3.596 0-5.192 1.583-5.192 4.615v3.385z\"\/><\/svg>\n                        <\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"doms-mils-visual\">\n                <div class=\"doms-mils-frame\">\n                    \n                    <!--<div class=\"doms-mils-slide active\">-->\n                    <!--    <img decoding=\"async\" data-src=\"https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/01\/pc1.jpg\" alt=\"Guest Lecture\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 712px; --smush-placeholder-aspect-ratio: 712\/712;\">-->\n                       \n                    <!--<\/div>-->\n\n                    <div class=\"doms-mils-slide\">\n                        <img decoding=\"async\" data-src=\"https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/05\/Picture6.jpg\" alt=\"Student Interaction\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1458px; --smush-placeholder-aspect-ratio: 1458\/862;\">\n                        \n                    <\/div>\n\n                    <!--<div class=\"doms-mils-slide\">-->\n                    <!--    <img decoding=\"async\" data-src=\"https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/01\/mils_senior.jpg\" alt=\"Real World Skills\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1080px; --smush-placeholder-aspect-ratio: 1080\/1080;\">-->\n                        \n                    <!--<\/div>-->\n\n                    <!--<div class=\"doms-mils-controls\">-->\n                    <!--    <button class=\"doms-mils-btn\" id=\"mils-light-prev\" aria-label=\"Previous\">-->\n                    <!--        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M15 18l-6-6 6-6\"\/><\/svg>-->\n                    <!--    <\/button>-->\n                    <!--    <button class=\"doms-mils-btn\" id=\"mils-light-next\" aria-label=\"Next\">-->\n                    <!--        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>-->\n                    <!--    <\/button>-->\n                    <!--<\/div>-->\n\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n    (function() {\n        let slideIndex = 0;\n        const slides = document.querySelectorAll('.doms-mils-slide');\n        const nextBtn = document.getElementById('mils-light-next');\n        const prevBtn = document.getElementById('mils-light-prev');\n\n        function showSlide(n) {\n            if (n >= slides.length) slideIndex = 0;\n            if (n < 0) slideIndex = slides.length - 1;\n\n            slides.forEach(slide => {\n                slide.classList.remove('active');\n                slide.style.display = 'none'; \n            });\n\n            slides[slideIndex].style.display = 'block';\n            slides[slideIndex].classList.add('active');\n        }\n\n        if(nextBtn) nextBtn.addEventListener('click', () => { showSlide(++slideIndex); });\n        if(prevBtn) prevBtn.addEventListener('click', () => { showSlide(--slideIndex); });\n\n        \/\/ Initialize\n        showSlide(slideIndex);\n        \n        \/\/ Auto Play\n        setInterval(() => {\n            showSlide(++slideIndex);\n        }, 5000);\n    })();\n<\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1a1ec89 e-con-full e-flex e-con e-parent\" data-id=\"1a1ec89\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6b3d12f elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"6b3d12f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Lato:wght@300;400;700&family=Playfair+Display:ital,wght@0,400;0,700;1,400&display=swap\" rel=\"stylesheet\">\n\n<style>\n    \/* =========================================\n       CSS ISOLATION: DoMS Placement Committee (Centered Identity Fix)\n       ========================================= *\/\n\n    #doms-pc-aligned-root {\n        \/* --- Theme Variables --- *\/\n        --pc-font-head: 'Playfair Display', serif;\n        --pc-font-body: 'Lato', sans-serif;\n        \n        \/* Palette: Deep Slate (Professional Dark) *\/\n        --pc-bg-main: #1b2026;        \n        --pc-bg-panel: #242a33;       \n        \n        \/* Text *\/\n        --pc-text-white: #ffffff;     \n        --pc-text-body: #e6e6e6;      \n        \n        \/* Accents *\/\n        --pc-maroon: #800000;         \n        --pc-gold: #e0aa3e;           \n        \n        \/* Layout *\/\n        width: 100%;\n        padding: 100px 0;\n        background-color: var(--pc-bg-main);\n        font-family: var(--pc-font-body);\n        color: var(--pc-text-white);\n        box-sizing: border-box;\n        line-height: 1.8;\n        overflow-x: hidden;\n        position: relative;\n    }\n\n    #doms-pc-aligned-root * { box-sizing: border-box; }\n    #doms-pc-aligned-root img { max-width: 100%; display: block; }\n    #doms-pc-aligned-root a { text-decoration: none; transition: all 0.3s ease; }\n\n    \/* --- BACKGROUND GRAPHICS --- *\/\n    #doms-pc-aligned-root::before {\n        content: \"\";\n        position: absolute;\n        top: 0; left: 0; width: 100%; height: 100%;\n        \/* Network Pattern *\/\n        background-image: \n            linear-gradient(30deg, #2c333e 12%, transparent 12.5%, transparent 87%, #2c333e 87.5%, #2c333e),\n            linear-gradient(150deg, #2c333e 12%, transparent 12.5%, transparent 87%, #2c333e 87.5%, #2c333e),\n            radial-gradient(circle at center, rgba(255,255,255,0.05) 0%, transparent 10%);\n        background-size: 50px 87px;\n        background-position: 0 0, 0 0, 25px 43px;\n        opacity: 0.4; \n        z-index: 0;\n        pointer-events: none;\n    }\n\n    \/* Container *\/\n    .doms-pc-container {\n        max-width: 1350px;\n        margin: 0 auto;\n        padding: 0 30px;\n        position: relative;\n        z-index: 1;\n    }\n\n    \/* --- LAYOUT GRID --- *\/\n    .doms-pc-grid {\n        display: grid;\n        grid-template-columns: 0.9fr 1.1fr; \/* Left: 45%, Right: 55% *\/\n        gap: 60px;\n        align-items: flex-start; \/* Aligns content to top *\/\n    }\n\n    \/* --- LEFT COLUMN: SLIDESHOW + CENTERED IDENTITY --- *\/\n    .doms-pc-left-col {\n        display: flex;\n        flex-direction: column;\n        gap: 30px; \n        position: sticky;\n        top: 40px; \n    }\n\n    \/* Slideshow Frame *\/\n    .doms-pc-slider-wrapper {\n        position: relative;\n        width: 100%;\n        height: 580px; \/* Big Cinematic Height *\/\n        border-radius: 6px;\n        overflow: hidden;\n        background: #000;\n        box-shadow: 0 25px 60px rgba(0,0,0,0.6);\n        border: 1px solid rgba(255,255,255,0.15);\n    }\n\n    .doms-pc-slide {\n        display: none;\n        width: 100%; height: 100%;\n        position: relative;\n    }\n    \n    .doms-pc-slide.active {\n        display: block;\n        animation: pcZoom 8s ease forwards;\n    }\n    @keyframes pcZoom { from { transform: scale(1); } to { transform: scale(1.05); } }\n\n    .doms-pc-slide img {\n        width: 100%; height: 100%;\n        \/*object-fit: cover;*\/\n        opacity: 0.95;\n    }\n\n    \n    \/* Caption *\/\n    .doms-pc-caption {\n        position: absolute;\n        bottom: 0; left: 0; width: 100%;\n        background: linear-gradient(to top, rgba(0,0,0,0.95), transparent);\n        padding: 50px 25px 25px 25px;\n        font-family: var(--pc-font-head);\n        color: #fff;\n        font-weight: 700;\n        font-size: 1.1rem;\n        z-index: 2;\n        border-bottom: 4px solid var(--pc-gold);\n    }\n\n    \/* --- IDENTITY BLOCK (CENTERED BELOW SLIDESHOW) --- *\/\n    .doms-pc-identity-box {\n        \/* Styling the container *\/\n        \/*background: rgba(255, 255, 255, 0.03);*\/\n        padding: 30px;\n        border-radius: 6px;\n        \/*border: 1px solid rgba(255, 255, 255, 0.08);*\/\n        \n        \/* Flexbox for Centering *\/\n        display: flex;\n        flex-direction: column; \/* Stack vertically *\/\n        align-items: center;    \/* Horizontal Center *\/\n        justify-content: center;\n        gap: 20px;\n        \n        text-align: center;\n    }\n\n    .doms-pc-logo-img {\n        width: 140px; height: auto;\n        opacity: 0.9;\n        transition: transform 0.3s;\n        filter: none!important;\n    }\n    .doms-pc-logo-img:hover { transform: scale(1.05); opacity: 1; }\n\n    .doms-pc-social-row {\n        display: flex; gap: 15px;\n    }\n\n    .doms-pc-icon {\n        width: 45px; height: 45px;\n        border-radius: 50%;\n        background: rgba(255,255,255,0.08);\n        border: 1px solid rgba(255,255,255,0.15);\n        display: flex; align-items: center; justify-content: center;\n        color: var(--pc-gold);\n        transition: all 0.3s ease;\n    }\n    .doms-pc-icon svg { width: 20px; height: 20px; fill: currentColor; }\n\n    .doms-pc-icon:hover {\n        background: var(--pc-gold);\n        color: #000;\n        transform: translateY(-3px);\n        box-shadow: 0 0 15px rgba(224, 170, 62, 0.4);\n    }\n\n    \/* --- RIGHT COLUMN: TEXT --- *\/\n    .doms-pc-content-col {\n        display: flex;\n        flex-direction: column;\n        padding-top: 5px; \n    }\n\n    .doms-pc-badge {\n        display: inline-block;\n        font-size: 0.8rem;\n        text-transform: uppercase;\n        letter-spacing: 2px;\n        color: #000;\n        background: var(--pc-gold);\n        padding: 6px 14px;\n        border-radius: 4px;\n        font-weight: 800;\n        margin-bottom: 25px;\n        width: fit-content;\n    }\n\n    .doms-pc-title {\n        font-family: var(--pc-font-head);\n        font-size: 3.8rem;\n        color: var(--pc-text-white);\n        margin: 0 0 30px 0;\n        line-height: 1.1;\n        font-weight: 700;\n        text-shadow: 0 5px 15px rgba(0,0,0,0.5);\n    }\n\n    .doms-pc-text {\n        font-size: 1.15rem;\n        color: var(--pc-text-body);\n        text-align: justify;\n        margin-bottom: 25px;\n        font-weight: 400;\n        text-shadow: 0 1px 2px rgba(0,0,0,0.5);\n    }\n\n    .doms-pc-contact-box {\n        background: rgba(255,255,255,0.05);\n        border-left: 3px solid var(--pc-gold);\n        padding: 15px 20px;\n        border-radius: 0 6px 6px 0;\n        margin-top: 10px;\n        display: inline-block;\n        width: fit-content;\n    }\n    \n    .doms-pc-contact-label {\n        color: var(--pc-gold);\n        font-weight: 700;\n        margin-right: 10px;\n        text-transform: uppercase;\n        font-size: 0.9rem;\n    }\n    \n    .doms-pc-email-link {\n        color: #fff;\n        font-weight: 500;\n        border-bottom: 1px dotted var(--pc-gold);\n    }\n    .doms-pc-email-link:hover { color: var(--pc-gold); border-bottom-style: solid; }\n\n    \/* --- RESPONSIVE DESIGN --- *\/\n    @media (max-width: 1024px) {\n        .doms-pc-grid {\n            grid-template-columns: 1fr; \/* Stack vertically *\/\n            gap: 60px;\n        }\n        \n        .doms-pc-left-col {\n            position: static;\n            width: 100%;\n            max-width: 800px;\n            margin: 0 auto;\n        }\n        \n        .doms-pc-slider-wrapper { height: 500px; }\n        \n        .doms-pc-content-col { text-align: center; align-items: center; }\n        .doms-pc-text { text-align: center; }\n        \n        .doms-pc-title { font-size: 3rem; }\n    }\n\n    @media (max-width: 600px) {\n        #doms-pc-aligned-root { padding: 60px 0; }\n        \n        .doms-pc-title { font-size: 2.5rem; line-height: 1.2; }\n        \n        .doms-pc-slider-wrapper { height: 350px; }\n        \n        .doms-pc-contact-box { width: 100%; text-align: center; }\n        .doms-pc-contact-box { display: block; }\n        .doms-pc-contact-label { display: block; margin-bottom: 5px; margin-right: 0; }\n    }\n\n<\/style>\n<\/head>\n<body>\n\n<div id=\"doms-pc-aligned-root\">\n    <div class=\"doms-pc-container\">\n        \n        <div class=\"doms-pc-grid\">\n            \n            <div class=\"doms-pc-left-col\">\n                \n                <div class=\"doms-pc-slider-wrapper\">\n                    \n                    <!--<div class=\"doms-pc-slide active\">-->\n                    <!--    <img decoding=\"async\" data-src=\"https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/01\/placement2.jpg\" style=\"--smush-placeholder-width: 712px; --smush-placeholder-aspect-ratio: 712\/712;filter:none\" alt=\"Recruitment Drive\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\">-->\n                        \n                    <!--<\/div>-->\n\n                    <div class=\"doms-pc-slide\">\n                        <img decoding=\"async\" data-src=\"https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/05\/Picture12.jpg\" alt=\"Training Workshop\" style=\"--smush-placeholder-width: 1142px; --smush-placeholder-aspect-ratio: 1142\/672;filter:none\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\">\n                        <!--<div class=\"doms-pc-caption\">Comprehensive Business Acumen Training<\/div>-->\n                    <\/div>\n\n                    <!--<div class=\"doms-pc-slide\">-->\n                    <!--    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1511632765486-a01980e01a18?q=80&w=1200&auto=format&fit=crop\" alt=\"Alumni Connect\">-->\n                    <!--    <div class=\"doms-pc-caption\">Strong Alumni & Corporate Network<\/div>-->\n                    <!--<\/div>-->\n\n                    \n                <\/div>\n\n                <div class=\"doms-pc-identity-box\">\n                    <img decoding=\"async\" class=\"doms-pc-logo-img lazyload\" data-src=\"https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/01\/placementlogo.jpg\" alt=\"Placement Committee Logo\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 587px; --smush-placeholder-aspect-ratio: 587\/587;\">\n                    \n                    <div class=\"doms-pc-social-row\">\n                        <a href=\"https:\/\/www.linkedin.com\/in\/domspl\/\" class=\"doms-pc-icon\" aria-label=\"LinkedIn\">\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z\"\/><\/svg>\n                        <\/a>\n                        <!--<a href=\"#\" class=\"doms-pc-icon\" aria-label=\"Email\">-->\n                        <!--    <svg viewBox=\"0 0 24 24\"><path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/><\/svg>-->\n                        <!--<\/a>-->\n                    <\/div>\n                <\/div>\n\n            <\/div>\n\n            <div class=\"doms-pc-content-col\">\n                <div class=\"doms-pc-badge\">Corporate Interface<\/div>\n                <h1 class=\"doms-pc-title\">Placement Committee<\/h1>\n                \n                <p class=\"doms-pc-text\">\n                    The placement committee of the department comprises of student representatives from all programs and is led by a placement officer and consulted by faculty advisors. The committee is primarily tasked with the summer internship as well as final placement of the students, while maintaining and nurturing the relationship with regular recruiters. It also ensures that the students are provided thorough guidance to develop their business acumen with multiple workshops and industry connect programs.\n                <\/p>\n                \n                <p class=\"doms-pc-text\">\n                    These activities are conducted keeping in mind the ultimate objective to empower students to select their desired domain and do justice to their positions of responsibility, while ensuring that the recruiters visiting DoMS shall equally acquire talent suitable to their organisational needs. The committee constantly focuses on its vast alumni network and capitalise on their strengths to increase the department\u2019s visibility. Various kinds of opportunities are also provided for the students such as resume-building session, mock interviews with experts, live-projects, and placement concaves dedicatedly working towards better prospects for the students. Placement Committee oversees the outreach program to invite more suitable profiles according to the batch requirements.\n                <\/p>\n\n                <div class=\"doms-pc-contact-box\">\n                    <span class=\"doms-pc-contact-label\">Contact:<\/span> \n                    <a href=\"mailto:domspl@smail.iitm.ac.in\" class=\"doms-pc-email-link\">domspl@smail.iitm.ac.in<\/a>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n    (function() {\n        let slideIndex = 0;\n        const slides = document.querySelectorAll('.doms-pc-slide');\n        const nextBtn = document.getElementById('pc-al-next');\n        const prevBtn = document.getElementById('pc-al-prev');\n\n        function showSlide(n) {\n            if (n >= slides.length) slideIndex = 0;\n            if (n < 0) slideIndex = slides.length - 1;\n\n            slides.forEach(slide => {\n                slide.classList.remove('active');\n                slide.style.display = 'none'; \n            });\n\n            slides[slideIndex].style.display = 'block';\n            slides[slideIndex].classList.add('active');\n        }\n\n        if(nextBtn) nextBtn.addEventListener('click', () => { showSlide(++slideIndex); });\n        if(prevBtn) prevBtn.addEventListener('click', () => { showSlide(--slideIndex); });\n\n        \/\/ Initialize\n        showSlide(slideIndex);\n        \n        \/\/ Auto Play\n        setInterval(() => {\n            showSlide(++slideIndex);\n        }, 5000);\n    })();\n<\/script>\n\n<\/body>\n<\/html>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9b631d5 e-con-full e-flex e-con e-parent\" data-id=\"9b631d5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0b99939 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"0b99939\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Lato:wght@300;400;700&family=Playfair+Display:ital,wght@0,400;0,700;1,400&display=swap\" rel=\"stylesheet\">\n\n<style>\n    \/* =========================================\n       CSS ISOLATION: DoMS SANGAM Section (Maximized Visuals)\n       ========================================= *\/\n\n    #doms-sangam-max-root {\n        \/* --- Theme Variables --- *\/\n        --sg-font-head: 'Playfair Display', serif;\n        --sg-font-body: 'Lato', sans-serif;\n        \n        \/* Palette *\/\n        --sg-bg-paper: #f9f8f6;       \n        --sg-bg-white: #ffffff;       \n        \n        \/* Text *\/\n        --sg-text-dark: #121212;      \n        --sg-text-body: #333333;      \n        \n        \/* Accents *\/\n        --sg-maroon: #800000;         \n        --sg-gold: #c5a059;           \n        \n        \/* Layout Reset *\/\n        background-color: var(--sg-bg-paper);\n        width: 100%;\n        padding: 100px 0;\n        font-family: var(--sg-font-body);\n        color: var(--sg-text-dark);\n        box-sizing: border-box;\n        line-height: 1.8;\n        overflow-x: hidden;\n        position: relative;\n    }\n\n    #doms-sangam-max-root * { box-sizing: border-box; }\n    #doms-sangam-max-root img { max-width: 100%; display: block; }\n    #doms-sangam-max-root a { text-decoration: none; transition: all 0.3s ease; }\n\n    \/* --- BACKGROUND PATTERN --- *\/\n    #doms-sangam-max-root::before {\n        content: \"\";\n        position: absolute;\n        top: 0; left: 0; width: 100%; height: 100%;\n        \/* Technical Nodes Pattern *\/\n        background-image: \n            radial-gradient(#444 1px, transparent 1px),\n            linear-gradient(to right, rgba(0,0,0,0.03) 1px, transparent 1px);\n        background-size: 40px 40px, 80px 100%;\n        opacity: 0.3;\n        z-index: 0;\n        pointer-events: none;\n    }\n\n    \/* Container *\/\n    .doms-sg-container {\n        max-width: 1400px; \/* Wider container to accommodate big image *\/\n        margin: 0 auto;\n        padding: 0 30px;\n        position: relative;\n        z-index: 1;\n    }\n\n    \/* --- LAYOUT GRID --- *\/\n    .doms-sg-grid {\n        display: grid;\n        \/* Text takes 45%, Image takes 55% for impact *\/\n        grid-template-columns: 0.85fr 1.15fr; \n        gap: 80px;\n        align-items: flex-start;\n    }\n\n    \/* --- LEFT COLUMN: CONTENT --- *\/\n    .doms-sg-content {\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        padding-top: 10px;\n    }\n\n    .doms-sg-badge {\n        display: inline-block;\n        font-size: 0.85rem;\n        text-transform: uppercase;\n        letter-spacing: 3px;\n        color: var(--sg-maroon);\n        font-weight: 800;\n        margin-bottom: 20px;\n        position: relative;\n        padding-left: 15px;\n    }\n    .doms-sg-badge::before {\n        content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%);\n        width: 8px; height: 8px; background: var(--sg-gold); border-radius: 50%;\n    }\n\n    .doms-sg-title {\n        font-family: var(--sg-font-head);\n        font-size: 4rem; \/* Larger Title *\/\n        margin: 0 0 35px 0;\n        line-height: 1.1;\n        font-weight: 700;\n        color: var(--sg-text-dark);\n        position: relative;\n    }\n    .doms-sg-title::after {\n        content: ''; display: block; width: 100px; height: 4px;\n        background: var(--sg-gold); margin-top: 15px; border-radius: 2px;\n    }\n\n    .doms-sg-text {\n        font-size: 1.15rem;\n        color: var(--sg-text-body);\n        text-align: left;\n        margin-bottom: 30px;\n        font-weight: 400;\n        line-height: 1.7;\n    }\n\n    \/* Feature List *\/\n    .doms-sg-list {\n        display: flex;\n        flex-direction: column;\n        gap: 20px;\n    }\n\n    .doms-sg-item {\n        display: flex;\n        align-items: flex-start;\n        gap: 18px;\n        padding: 18px;\n        background: #fff;\n        border: 1px solid rgba(0,0,0,0.06);\n        border-radius: 8px;\n        box-shadow: 0 5px 15px rgba(0,0,0,0.03);\n        transition: transform 0.3s ease, border-color 0.3s ease;\n    }\n\n    .doms-sg-item:hover {\n        transform: translateY(-3px);\n        border-color: var(--sg-gold);\n        box-shadow: 0 10px 30px rgba(128, 0, 0, 0.08);\n    }\n\n    .doms-sg-icon-box {\n        min-width: 32px; height: 22px;\n        background: rgba(197, 160, 89, 0.15);\n        color: var(--sg-maroon);\n        border-radius: 50%;\n        display: flex; align-items: center; justify-content: center;\n    }\n\n    .doms-sg-list-text {\n        font-size: 1.05rem;\n        color: #222;\n        line-height: 1.6;\n    }\n\n    \/* --- RIGHT COLUMN: SLIDESHOW (BIGGER) --- *\/\n    .doms-sg-visual {\n        position: relative;\n        \/* MASSIVE HEIGHT for cinematic look *\/\n        height: 700px; \n        width: 100%;\n    }\n\n    .doms-sg-frame {\n        width: 100%;\n        height: 100%;\n        position: relative;\n        border-radius: 35px;\n        overflow: hidden;\n        background: #fff;\n        \/* Deep, soft shadow *\/\n        box-shadow: \n            30px 30px 0px rgba(197, 160, 89, 0.1), \n            0 30px 70px rgba(0,0,0,0.15);\n        border: 4px solid #fff;\n    }\n\n    .doms-sg-slide {\n        display: none;\n        width: 100%; height: 100%;\n        position: relative;\n    }\n    \n    .doms-sg-slide.active {\n        display: block;\n        animation: slideReveal 1.2s cubic-bezier(0.22, 1, 0.36, 1);\n    }\n    @keyframes slideReveal { from { opacity: 0; transform: scale(1.05); } to { opacity: 1; transform: scale(1); } }\n\n    .doms-sg-slide img {\n        width: 100%; height: 100%;\n        object-fit: cover;\n        \/* High Quality Filter *\/\n        filter: contrast(1.05) saturate(1.1);\n    }\n\n    \/* Caption *\/\n    .doms-sg-caption {\n        position: absolute;\n        bottom: 0; left: 0; width: 100%;\n        background: linear-gradient(to top, rgba(0,0,0,0.9), transparent);\n        padding: 70px 40px 40px 40px;\n        font-family: var(--sg-font-head);\n        color: #fff;\n        font-weight: 600;\n        font-size: 1.3rem;\n        z-index: 2;\n        border-bottom: 6px solid var(--sg-gold);\n    }\n\n    \/* Controls *\/\n    .doms-sg-controls {\n        position: absolute;\n        top: 40px; right: 40px;\n        display: flex; gap: 15px; z-index: 10;\n    }\n\n    .doms-sg-btn {\n        width: 55px; height: 55px;\n        background: rgba(255, 255, 255, 0.2);\n        color: #fff;\n        border: 1px solid rgba(255,255,255,0.5);\n        border-radius: 50%;\n        cursor: pointer;\n        display: flex; align-items: center; justify-content: center;\n        transition: all 0.3s;\n        backdrop-filter: blur(8px);\n    }\n    .doms-sg-btn:hover {\n        background: var(--sg-gold);\n        color: #000;\n        border-color: var(--sg-gold);\n        transform: scale(1.1);\n    }\n\n    \/* --- RESPONSIVE DESIGN --- *\/\n    @media (max-width: 1024px) {\n        .doms-sg-grid {\n            grid-template-columns: 1fr; \/* Stack vertically *\/\n            gap: 60px;\n        }\n        \n        .doms-sg-content { \n            order: 2; \n            text-align: center;\n            align-items: center;\n        }\n        \n        .doms-sg-list { width: 100%; text-align: left; }\n        \n        .doms-sg-visual { \n            order: 1; \n            height: 550px; \n        }\n        \n        .doms-sg-title { font-size: 3.5rem; }\n        .doms-sg-title::after { margin-left: auto; margin-right: auto; }\n        \n        .doms-sg-text { text-align: center; }\n    }\n\n    @media (max-width: 600px) {\n        #doms-sangam-max-root { padding: 60px 0; }\n        \n        .doms-sg-title { font-size: 2.8rem; line-height: 1.2; }\n        \n        \/* Mobile Height Adjustment *\/\n        .doms-sg-visual { height: 450px; }\n        \n        .doms-sg-frame {\n            box-shadow: 10px 10px 0px rgba(197, 160, 89, 0.2); \n        }\n\n        .doms-sg-caption { padding: 30px 20px 20px 20px; font-size: 1.1rem; }\n        \n        .doms-sg-controls { top: 20px; right: 20px; }\n        .doms-sg-btn { width: 45px; height: 45px; }\n        \n        .doms-sg-item { padding: 15px; font-size: 0.95rem; }\n    }\n\n<\/style>\n<\/head>\n<body>\n\n<div id=\"doms-sangam-max-root\">\n    <div class=\"doms-sg-container\">\n        \n        <div class=\"doms-sg-grid\">\n            \n            <div class=\"doms-sg-content\">\n                <div class=\"doms-sg-badge\">Research Platform<\/div>\n                <h1 class=\"doms-sg-title\">SANGAM<\/h1>\n                \n                <p class=\"doms-sg-text\">\n                    Sangam is a platform for research scholars at DoMS, IIT Madras. All scholars are default members of Sangam. It is managed by four or five bearers every year and functions as a nodal group for research scholar issues. Sangam mainly functions as an interface between the student community and the members of faculty.\n                <\/p>\n                \n                <p class=\"doms-sg-text\" style=\"font-weight: 700; color: var(--sg-maroon); margin-bottom: 15px;\">\n                    Key Functions & Activities:\n                <\/p>\n\n                <div class=\"doms-sg-list\">\n                    \n                    <div class=\"doms-sg-item\">\n                        <div class=\"doms-sg-icon-box\">\n                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2L2 7l10 5 10-5-10-5zm0 9l2.968-1.484L12 11.032 9.032 9.516 12 11zm0 2.5l-8-4v6.5l8 4 8-4v-6.5l-8 4z\"\/><\/svg>\n                        <\/div>\n                        <span class=\"doms-sg-list-text\">\n                            <strong>Organizing Events:<\/strong> Festivals, Orientation for freshers, Sangam Night, and Teacher's day. Sangam Night is organized on the next day of institute convocation every year.\n                        <\/span>\n                    <\/div>\n                    \n                    <div class=\"doms-sg-item\">\n                        <div class=\"doms-sg-icon-box\">\n                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-7 12h-2v-2h2v2zm0-4h-2V6h2v4z\"\/><\/svg>\n                        <\/div>\n                        <span class=\"doms-sg-list-text\">\n                            Communicating important information from the department management to the scholars.\n                        <\/span>\n                    <\/div>\n                    \n                    <div class=\"doms-sg-item\">\n                        <div class=\"doms-sg-icon-box\">\n                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z\"\/><\/svg>\n                        <\/div>\n                        <span class=\"doms-sg-list-text\">\n                            Keeping track of research scholar activities.\n                        <\/span>\n                    <\/div>\n                    \n                    <div class=\"doms-sg-item\">\n                        <div class=\"doms-sg-icon-box\">\n                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\"\/><\/svg>\n                        <\/div>\n                        <span class=\"doms-sg-list-text\">\n                            Allocating HTRA duties to scholars.\n                        <\/span>\n                    <\/div>\n\n                <\/div>\n            <\/div>\n\n            <div class=\"doms-sg-visual\">\n                <div class=\"doms-sg-frame\">\n                    \n                    <div class=\"doms-sg-slide active\">\n                        <img decoding=\"async\" data-src=\"https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/01\/DSC00458.jpg\" alt=\"Sangam Gathering\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1066;filter:none\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\">\n                        <!--<div class=\"doms-sg-caption\">Celebrating Sangam Night & Convocation<\/div>-->\n                    <\/div>\n\n                    <!--<div class=\"doms-sg-slide\">-->\n                    <!--    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1517486808906-6ca8b3f04846?q=80&w=1200&auto=format&fit=crop\" alt=\"Research Presentation\">-->\n                    <!--    <div class=\"doms-sg-caption\">Interfacing Scholars & Faculty<\/div>-->\n                    <!--<\/div>-->\n\n                    <!--<div class=\"doms-sg-slide\">-->\n                    <!--    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1544531586-fde5298cdd40?q=80&w=1200&auto=format&fit=crop\" alt=\"Orientation Event\">-->\n                    <!--    <div class=\"doms-sg-caption\">Welcoming Fresh Research Scholars<\/div>-->\n                    <!--<\/div>-->\n\n                    <div class=\"doms-sg-controls\">\n                        <button class=\"doms-sg-btn\" id=\"sg-max-prev\" aria-label=\"Previous\">\n                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M15 18l-6-6 6-6\"\/><\/svg>\n                        <\/button>\n                        <button class=\"doms-sg-btn\" id=\"sg-max-next\" aria-label=\"Next\">\n                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\n                        <\/button>\n                    <\/div>\n\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n    (function() {\n        let slideIndex = 0;\n        const slides = document.querySelectorAll('.doms-sg-slide');\n        const nextBtn = document.getElementById('sg-max-next');\n        const prevBtn = document.getElementById('sg-max-prev');\n\n        function showSlide(n) {\n            if (n >= slides.length) slideIndex = 0;\n            if (n < 0) slideIndex = slides.length - 1;\n\n            slides.forEach(slide => {\n                slide.classList.remove('active');\n                slide.style.display = 'none'; \n            });\n\n            slides[slideIndex].style.display = 'block';\n            slides[slideIndex].classList.add('active');\n        }\n\n        if(nextBtn) nextBtn.addEventListener('click', () => { showSlide(++slideIndex); });\n        if(prevBtn) prevBtn.addEventListener('click', () => { showSlide(--slideIndex); });\n\n        \/\/ Initialize\n        showSlide(slideIndex);\n        \n        \/\/ Auto Play\n        setInterval(() => {\n            showSlide(++slideIndex);\n        }, 5000);\n    })();\n<\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a57b867 e-con-full e-flex e-con e-parent\" data-id=\"a57b867\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8e43e97 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"8e43e97\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Lato:wght@300;400;700&family=Playfair+Display:ital,wght@0,600;0,700;1,400&display=swap\" rel=\"stylesheet\">\n\n<style>\n    \/* =========================================\n       CSS ISOLATION: DoMS Sports & Cultural (Final Fix)\n       ========================================= *\/\n\n    #doms-sp-cult-final-root {\n        \/* --- Theme Variables --- *\/\n        --sc-font-head: 'Playfair Display', serif;\n        --sc-font-body: 'Lato', sans-serif;\n        \n        \/* Palette: Lighter Dark Theme (Gunmetal) *\/\n        --sc-bg-main: #242b36;        \n        --sc-bg-card: #2e3642;        \n        \n        \/* Text *\/\n        --sc-text-white: #ffffff;     \n        --sc-text-body: #e3e3e3;      \n        \n        \/* Accents *\/\n        --sc-maroon: #800000;         \n        --sc-gold: #ffc107;           \n        --sc-heading-grad: linear-gradient(135deg, #ffc107 0%, #ff8b3d 100%);\n        \n        \/* Layout *\/\n        width: 100%;\n        padding: 100px 0;\n        background-color: var(--sc-bg-main);\n        font-family: var(--sc-font-body);\n        color: var(--sc-text-white);\n        box-sizing: border-box;\n        line-height: 1.8;\n        overflow-x: hidden;\n        position: relative;\n    }\n\n    #doms-sp-cult-final-root * { box-sizing: border-box; }\n    #doms-sp-cult-final-root img { max-width: 100%; display: block; }\n    #doms-sp-cult-final-root a { text-decoration: none; transition: all 0.3s ease; }\n\n    \/* --- BACKGROUND PATTERNS --- *\/\n    #doms-sp-cult-final-root::before {\n        content: \"\";\n        position: absolute;\n        top: 0; left: 0; width: 100%; height: 100%;\n        \/* Visible Kinetic Lines *\/\n        background-image: \n            radial-gradient(circle at 20% 20%, rgba(255,255,255,0.08) 0%, transparent 10%),\n            radial-gradient(circle at 80% 80%, rgba(255,255,255,0.08) 0%, transparent 10%),\n            repeating-linear-gradient(45deg, rgba(255,255,255,0.03) 0px, rgba(255,255,255,0.03) 1px, transparent 1px, transparent 40px);\n        background-size: 100% 100%;\n        z-index: 0;\n        pointer-events: none;\n    }\n\n    \/* Container *\/\n    .doms-sc-container {\n        max-width: 1350px;\n        margin: 0 auto;\n        padding: 0 30px;\n        position: relative;\n        z-index: 1;\n    }\n\n    \/* --- GRID --- *\/\n    .doms-sc-grid {\n        display: grid;\n        grid-template-columns: 1.1fr 0.9fr; \n        gap: 80px;\n        align-items: center;\n    }\n\n    \/* --- LEFT: SLIDESHOW --- *\/\n    .doms-sc-visual-col {\n        position: relative;\n        height: 580px; \n        width: 100%;\n    }\n\n    .doms-sc-frame {\n        width: 100%;\n        height: 100%;\n        position: relative;\n        border-radius: 12px;\n        overflow: hidden;\n        background: #000;\n        box-shadow: \n            -15px 15px 0px rgba(255, 193, 7, 0.1),\n            0 25px 60px rgba(0,0,0,0.4);\n        border: 1px solid rgba(255,255,255,0.15);\n    }\n\n    .doms-sc-slide {\n        display: none;\n        width: 100%; height: 100%;\n        position: relative;\n    }\n    \n    .doms-sc-slide.active {\n        display: block;\n        animation: scZoom 8s ease forwards;\n    }\n    @keyframes scZoom { from { transform: scale(1); } to { transform: scale(1.05); } }\n\n    .doms-sc-slide img {\n        width: 100%; height: 100%;\n        object-fit: cover;\n        filter: saturate(1.1) contrast(1.1); \n    }\n\n    \/* Caption *\/\n    .doms-sc-caption {\n        position: absolute;\n        bottom: 0; left: 0; width: 100%;\n        background: linear-gradient(to top, rgba(0,0,0,0.9), transparent);\n        padding: 60px 30px 30px 30px;\n        font-family: var(--sc-font-head);\n        color: #fff;\n        font-weight: 700;\n        font-size: 1.2rem;\n        z-index: 2;\n        border-bottom: 5px solid var(--sc-gold);\n    }\n\n    \/* Controls *\/\n    .doms-sc-controls {\n        position: absolute;\n        top: 25px; left: 25px;\n        display: flex; gap: 10px; z-index: 10;\n    }\n\n    .doms-sc-btn {\n        width: 48px; height: 48px;\n        background: rgba(0, 0, 0, 0.6);\n        color: #fff;\n        border: 1px solid rgba(255,255,255,0.3);\n        border-radius: 50%;\n        cursor: pointer;\n        display: flex; align-items: center; justify-content: center;\n        transition: all 0.3s;\n        backdrop-filter: blur(4px);\n    }\n    \n    .doms-sc-btn:hover {\n        background: var(--sc-gold);\n        color: #000;\n        border-color: var(--sc-gold);\n        transform: scale(1.1);\n    }\n\n    \/* --- RIGHT: CONTENT --- *\/\n    .doms-sc-content-col {\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n    }\n\n    .doms-sc-badge {\n        display: inline-block;\n        font-size: 0.8rem;\n        text-transform: uppercase;\n        letter-spacing: 2px;\n        color: #000;\n        background: var(--sc-gold);\n        padding: 6px 14px;\n        border-radius: 4px;\n        font-weight: 800;\n        margin-bottom: 25px;\n        width: fit-content;\n        box-shadow: 0 0 20px rgba(255, 193, 7, 0.3);\n    }\n\n    .doms-sc-title {\n        font-family: var(--sc-font-head);\n        font-size: 3.5rem;\n        margin: 0 0 30px 0;\n        line-height: 1.1;\n        font-weight: 700;\n        background: var(--sc-heading-grad);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        text-shadow: 0px 5px 15px rgba(0,0,0,0.3);\n    }\n\n    .doms-sc-text {\n        font-size: 1.15rem;\n        color: var(--sc-text-body);\n        text-align: justify;\n        margin-bottom: 30px;\n        font-weight: 400;\n        line-height: 1.8;\n    }\n\n    \/* --- CENTERED IDENTITY BOX --- *\/\n    .doms-sc-identity-box {\n        margin-top: 20px;\n        padding-top: 30px;\n        border-top: 1px solid rgba(255, 255, 255, 0.1);\n        width: 100%;\n        \n        \/* Flex Logic for Centering *\/\n        display: flex;\n        flex-direction: column; \/* Stack Vertical *\/\n        align-items: center;    \/* Center Horizontally *\/\n        gap: 20px;\n    }\n\n    \/* Logo *\/\n    .doms-sc-logo-img {\n        width: 130px; height: auto;\n        opacity: 0.95;\n        transition: transform 0.3s;\n        filter: drop-shadow(0 0 5px rgba(255,255,255,0.1));\n    }\n    .doms-sc-logo-img:hover { transform: scale(1.05); opacity: 1; }\n\n    \/* Socials (Below Logo) *\/\n    .doms-sc-social-row {\n        display: flex; gap: 15px;\n    }\n\n    .doms-sc-icon {\n        width: 45px; height: 45px;\n        border-radius: 50%;\n        background: rgba(255,255,255,0.05);\n        border: 1px solid rgba(255,255,255,0.15);\n        display: flex; align-items: center; justify-content: center;\n        color: var(--sc-gold);\n        transition: all 0.3s ease;\n    }\n    .doms-sc-icon svg { width: 20px; height: 20px; fill: currentColor; }\n\n    .doms-sc-icon:hover {\n        background: var(--sc-gold);\n        color: #000;\n        transform: translateY(-4px);\n        box-shadow: 0 0 15px rgba(255, 193, 7, 0.5);\n    }\n\n    \/* --- RESPONSIVE --- *\/\n    @media (max-width: 1024px) {\n        .doms-sc-grid { grid-template-columns: 1fr; gap: 60px; }\n        \n        .doms-sc-visual-col { order: 1; height: 500px; }\n        .doms-sc-content-col { order: 2; text-align: center; }\n        \n        .doms-sc-text { text-align: center; }\n        .doms-sc-title { font-size: 3rem; }\n    }\n\n    @media (max-width: 600px) {\n        #doms-sp-cult-final-root { padding: 60px 0; }\n        \n        .doms-sc-title { font-size: 2.5rem; line-height: 1.2; }\n        .doms-sc-visual-col { height: 350px; }\n        \n        .doms-sc-frame { box-shadow: -10px 10px 0px rgba(128, 0, 0, 0.15); }\n        .doms-sc-caption { padding: 20px; font-size: 1rem; }\n        \n        .doms-sc-controls { top: 15px; left: 15px; }\n        .doms-sc-btn { width: 40px; height: 40px; }\n    }\n\n<\/style>\n<\/head>\n<body>\n\n<div id=\"doms-sp-cult-final-root\">\n    <div class=\"doms-sc-container\">\n        \n        <div class=\"doms-sc-grid\">\n            \n            <div class=\"doms-sc-visual-col\">\n                <div class=\"doms-sc-frame\">\n                    \n                     <div class=\"doms-sc-slide active\">\n                        <img decoding=\"async\" data-src=\"https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/05\/Picture7.jpg\" style=\"--smush-placeholder-width: 1484px; --smush-placeholder-aspect-ratio: 1484\/864;filter:none\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\">\n                        <div class=\"doms-sc-caption\"><\/div>\n                    <\/div>\n                    \n                    <div class=\"doms-sc-slide active\">\n                        <img decoding=\"async\" data-src=\"https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/01\/sports11.jpg\" style=\"--smush-placeholder-width: 771px; --smush-placeholder-aspect-ratio: 771\/550;filter:none\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\">\n                        <div class=\"doms-sc-caption\">Promoting Physical Well-being & Team Spirit<\/div>\n                    <\/div>\n\n                    <div class=\"doms-sc-slide\">\n                        <img decoding=\"async\" data-src=\"https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/01\/sports22.jpg\" style=\"--smush-placeholder-width: 804px; --smush-placeholder-aspect-ratio: 804\/678;filter:none\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\">\n                        <div class=\"doms-sc-caption\">Showcasing Creativity & Talent<\/div>\n                    <\/div>\n\n                    <!--<div class=\"doms-sc-slide\">-->\n                    <!--    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1523580494863-6f3031224c94?q=80&w=1200&auto=format&fit=crop\" alt=\"Student Community\">-->\n                    <!--    <div class=\"doms-sc-caption\">Creating an Energetic Community<\/div>-->\n                    <!--<\/div>-->\n\n                    <div class=\"doms-sc-controls\">\n                        <button class=\"doms-sc-btn\" id=\"sc-final-prev\" aria-label=\"Previous\">\n                            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M15 18l-6-6 6-6\"\/><\/svg>\n                        <\/button>\n                        <button class=\"doms-sc-btn\" id=\"sc-final-next\" aria-label=\"Next\">\n                            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\n                        <\/button>\n                    <\/div>\n\n                <\/div>\n            <\/div>\n\n            <div class=\"doms-sc-content-col\">\n                <div class=\"doms-sc-badge\">Holistic Development<\/div>\n                <h1 class=\"doms-sc-title\">Sports and Cultural Committee<\/h1>\n                \n                <p class=\"doms-sc-text\">\n                    The Sports and Cultural Committee of DoMS, IIT Madras is dedicated to organizing engaging and inclusive sports and cultural events throughout the academic year, aimed at promoting physical well-being, teamwork, and cultural enrichment. As a core part of the DoMS experience, we believe in nurturing creativity, encouraging active participation in sports, and providing a platform for students to showcase their unique talents. Through our initiatives, we strive to create an energetic and supportive community where every student can thrive, connect, and grow beyond the classroom.\n                <\/p>\n\n                <div class=\"doms-sc-identity-box\">\n                    \n                    <img decoding=\"async\" class=\"doms-sc-logo-img lazyload\" data-src=\"https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/02\/sports-cultural-committee-1.png\"style=\"--smush-placeholder-width: 1080px; --smush-placeholder-aspect-ratio: 1080\/1080;filter:none\" alt=\"Sports & Cultural Committee Logo\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\">\n                    \n                    <!--<div class=\"doms-sc-social-row\">-->\n                    <!--    <a href=\"#\" class=\"doms-sc-icon\" aria-label=\"Instagram\">-->\n                    <!--        <svg viewBox=\"0 0 24 24\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z\"\/><\/svg>-->\n                    <!--    <\/a>-->\n                    <!--    <a href=\"#\" class=\"doms-sc-icon\" aria-label=\"Facebook\">-->\n                    <!--        <svg viewBox=\"0 0 24 24\"><path d=\"M9 8h-3v4h3v12h5v-12h3.642l.358-4h-4v-1.667c0-.955.192-1.333 1.115-1.333h2.885v-5h-3.808c-3.596 0-5.192 1.583-5.192 4.615v3.385z\"\/><\/svg>-->\n                    <!--    <\/a>-->\n                    <!--    <a href=\"#\" class=\"doms-sc-icon\" aria-label=\"YouTube\">-->\n                    <!--        <svg viewBox=\"0 0 24 24\"><path d=\"M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z\"\/><\/svg>-->\n                    <!--    <\/a>-->\n                    <!--<\/div>-->\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n    (function() {\n        let slideIndex = 0;\n        const slides = document.querySelectorAll('.doms-sc-slide');\n        const nextBtn = document.getElementById('sc-final-next');\n        const prevBtn = document.getElementById('sc-final-prev');\n\n        function showSlide(n) {\n            if (n >= slides.length) slideIndex = 0;\n            if (n < 0) slideIndex = slides.length - 1;\n\n            slides.forEach(slide => {\n                slide.classList.remove('active');\n                slide.style.display = 'none'; \n            });\n\n            slides[slideIndex].style.display = 'block';\n            slides[slideIndex].classList.add('active');\n        }\n\n        if(nextBtn) nextBtn.addEventListener('click', () => { showSlide(++slideIndex); });\n        if(prevBtn) prevBtn.addEventListener('click', () => { showSlide(--slideIndex); });\n\n        \/\/ Initialize\n        showSlide(slideIndex);\n        \n        \/\/ Auto Play\n        setInterval(() => {\n            showSlide(++slideIndex);\n        }, 5000);\n    })();\n<\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7a0c137 e-con-full e-flex e-con e-parent\" data-id=\"7a0c137\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4a97a8d elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"4a97a8d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Lato:wght@300;400;700&family=Playfair+Display:ital,wght@0,600;0,700;1,400&display=swap\" rel=\"stylesheet\">\n\n<style>\n    \/* =========================================\n       CSS ISOLATION: DoMS WebOps Committee\n       ========================================= *\/\n\n    #doms-webops-root {\n        \/* --- Theme Variables --- *\/\n        --wo-font-head: 'Playfair Display', serif;\n        --wo-font-body: 'Lato', sans-serif;\n        \n        \/* Palette: Light \"Tech\" Theme *\/\n        --wo-bg-paper: #f0f2f5;       \/* Cool Off-White\/Grey *\/\n        --wo-bg-white: #ffffff;       \n        \n        \/* Text *\/\n        --wo-text-dark: #1a1f2c;      \/* Deep Navy\/Black *\/\n        --wo-text-body: #4a5568;      \/* Slate Grey *\/\n        \n        \/* Accents *\/\n        --wo-maroon: #800000;         \/* IITM Maroon *\/\n        --wo-gold: #c5a059;           \/* Muted Gold *\/\n        --wo-tech-blue: #2d3748;      \/* Tech accent *\/\n        \n        \/* Layout Reset *\/\n        background-color: var(--wo-bg-paper);\n        width: 100%;\n        padding: 100px 0;\n        font-family: var(--wo-font-body);\n        color: var(--wo-text-dark);\n        box-sizing: border-box;\n        line-height: 1.8;\n        overflow-x: hidden;\n        position: relative;\n    }\n\n    #doms-webops-root * { box-sizing: border-box; }\n    #doms-webops-root img { max-width: 100%; display: block; }\n    #doms-webops-root a { text-decoration: none; transition: all 0.3s ease; }\n\n    \/* --- BACKGROUND GRAPHICS (Dark Pattern on Light) --- *\/\n    #doms-webops-root::before {\n        content: \"\";\n        position: absolute;\n        top: 0; left: 0; width: 100%; height: 100%;\n        \/* \"Circuit Board\" \/ Digital Grid Pattern *\/\n        background-image: \n            linear-gradient(rgba(26, 31, 44, 0.05) 1px, transparent 1px),\n            linear-gradient(90deg, rgba(26, 31, 44, 0.05) 1px, transparent 1px);\n        background-size: 40px 40px;\n        background-position: center center;\n        z-index: 0;\n        pointer-events: none;\n    }\n\n    \/* Vignette Overlay *\/\n    #doms-webops-root::after {\n        content: \"\";\n        position: absolute;\n        top: 0; left: 0; width: 100%; height: 100%;\n        background: radial-gradient(circle at 50% 50%, transparent 0%, rgba(240, 242, 245, 0.8) 100%);\n        z-index: 0;\n        pointer-events: none;\n    }\n\n    \/* Container *\/\n    .doms-wo-container {\n        max-width: 1350px;\n        margin: 0 auto;\n        padding: 0 30px;\n        position: relative;\n        z-index: 1;\n    }\n\n    \/* --- GRID LAYOUT --- *\/\n    .doms-wo-grid {\n        display: grid;\n        grid-template-columns: 1fr 1.1fr; \/* Text Left (1), Visual Right (1.1) *\/\n        gap: 80px;\n        align-items: center;\n    }\n\n    \/* --- LEFT COLUMN: CONTENT --- *\/\n    .doms-wo-content {\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n    }\n\n    \/* Badge *\/\n    .doms-wo-badge {\n        display: inline-block;\n        font-size: 0.8rem;\n        text-transform: uppercase;\n        letter-spacing: 3px;\n        color: var(--wo-maroon);\n        font-weight: 800;\n        margin-bottom: 25px;\n        border-bottom: 2px solid var(--wo-gold);\n        padding-bottom: 5px;\n        align-self: flex-start;\n    }\n\n    \/* Heading *\/\n    .doms-wo-title {\n        font-family: var(--wo-font-head);\n        font-size: 3.5rem;\n        color: var(--wo-text-dark);\n        margin: 0 0 30px 0;\n        line-height: 1.1;\n        font-weight: 700;\n        letter-spacing: -0.5px;\n    }\n\n    \/* Text *\/\n    .doms-wo-text {\n        font-size: 1.125rem;\n        color: var(--wo-text-body);\n        text-align: justify;\n        margin-bottom: 25px;\n        font-weight: 400;\n        line-height: 1.8;\n    }\n\n    \/* --- CENTERED LOGO BLOCK (Below Text) --- *\/\n    .doms-wo-logo-wrapper {\n        margin-top: 30px;\n        padding-top: 30px;\n        border-top: 1px solid rgba(0,0,0,0.08);\n        display: flex;\n        justify-content: center; \/* Horizontally Center *\/\n        width: 100%;\n    }\n\n    .doms-wo-logo-box {\n        width: 140px;\n        transition: transform 0.3s ease;\n        opacity: 0.9;\n    }\n    .doms-wo-logo-box:hover { transform: scale(1.05); opacity: 1; }\n\n    .doms-wo-logo-img {\n        width: 100%; height: auto;\n        \/* Slight desaturation to fit the \"Tech\" aesthetic *\/\n        filter: saturate(0.8);\n    }\n\n    \/* --- RIGHT COLUMN: SLIDESHOW --- *\/\n    .doms-wo-visual {\n        position: relative;\n        height: 550px;\n        width: 100%;\n    }\n\n    \/* Frame Styling (Monitor\/Screen Look) *\/\n    .doms-wo-frame {\n        width: 100%;\n        height: 100%;\n        position: relative;\n        border-radius: 8px;\n        overflow: hidden;\n        background: #fff;\n        \/* \"Screen Glow\" Shadow *\/\n        box-shadow: \n            20px 20px 0px rgba(45, 55, 72, 0.1), \/* Dark Accent Offset *\/\n            0 25px 60px rgba(0,0,0,0.15);\n        border: 1px solid rgba(0,0,0,0.05);\n    }\n\n    .doms-wo-slide {\n        display: none;\n        width: 100%; height: 100%;\n        position: relative;\n    }\n    \n    .doms-wo-slide.active {\n        display: block;\n        animation: woSlideIn 1s cubic-bezier(0.25, 1, 0.5, 1);\n    }\n    @keyframes woSlideIn { from { transform: translateX(5%); opacity: 0; } to { transform: translateX(0); opacity: 1; } }\n\n    .doms-wo-slide img {\n        width: 100%; height: 100%;\n        \/*object-fit: cover;*\/\n        \/* Tech Blue Filter *\/\n        filter: contrast(1.05) hue-rotate(-10deg);\n    }\n\n    \n\n    \/* --- RESPONSIVE DESIGN --- *\/\n    @media (max-width: 1024px) {\n        .doms-wo-grid {\n            grid-template-columns: 1fr; \/* Stack vertically *\/\n            gap: 60px;\n        }\n        \n        .doms-wo-content { \n            order: 2; \/* Text below image on tablet *\/\n            text-align: center;\n            align-items: center;\n        }\n        \n        .doms-wo-badge { align-self: center; }\n        .doms-wo-text { text-align: center; }\n        \n        .doms-wo-visual { \n            order: 1; \/* Visual First *\/\n            height: 450px; \n        }\n        \n        .doms-wo-title { font-size: 3rem; }\n    }\n\n    @media (max-width: 600px) {\n        #doms-webops-root { padding: 60px 0; }\n        \n        .doms-wo-title { font-size: 2.5rem; line-height: 1.2; }\n        \n        .doms-wo-visual { height: 350px; }\n        \n        .doms-wo-frame {\n            box-shadow: 10px 10px 0px rgba(45, 55, 72, 0.1), 0 10px 30px rgba(0,0,0,0.1); \n        }\n\n        .doms-wo-caption {\n            padding: 20px;\n            font-size: 1rem;\n        }\n        \n        .doms-wo-controls { top: 15px; right: 15px; }\n        .doms-wo-btn { width: 40px; height: 40px; }\n    }\n\n<\/style>\n<\/head>\n<body>\n\n<div id=\"doms-webops-root\">\n    <div class=\"doms-wo-container\">\n        \n        <div class=\"doms-wo-grid\">\n            \n            <div class=\"doms-wo-content\">\n                <div class=\"doms-wo-badge\">Digital Interface<\/div>\n                <h1 class=\"doms-wo-title\">WebOps Committee<\/h1>\n                \n                <p class=\"doms-wo-text\">\n                    The WebOps committee ensures a strong presence of DoMS IIT Madras on the web. By broadcasting news, information and happenings of the department on the website, the committee makes sincere efforts to connect to the world.\n                <\/p>\n                \n                <p class=\"doms-wo-text\">\n                    The committee which is driven by the enthusiasm of a few students with rich knowledge in IT and designing, always tries to deliver value to the department. As communication over the cyberspace is the first preferred touch point, the team dedicates itself wholeheartedly to the virtual community. The various responsibilities include updating, maintaining the website and also uploading details of placements reports, program structure and admission procedure.\n                <\/p>\n\n                <div class=\"doms-wo-logo-wrapper\">\n                    <div class=\"doms-wo-logo-box\">\n                        <img decoding=\"async\" class=\"doms-wo-logo-img lazyload\" data-src=\"https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/02\/applications-1.png\" style=\"--smush-placeholder-width: 493px; --smush-placeholder-aspect-ratio: 493\/493;filter:none\" alt=\"WebOps Committee Logo\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\">\n                    <\/div>\n                <\/div>\n\n            <\/div>\n\n            <div class=\"doms-wo-visual\">\n                <div class=\"doms-wo-frame\">\n                    \n                    \n\n                    <div class=\"doms-wo-slide\">\n                        <img decoding=\"async\" data-src=\"https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/05\/Picture3.jpg\" alt=\"Data Analytics & Management\" style=\"--smush-placeholder-width: 845px; --smush-placeholder-aspect-ratio: 845\/633;filter:none !important\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\">\n                        <div class=\"doms-wo-caption\">Broadcasting News & Happenings<\/div>\n                    <\/div>\n\n                    \n                    \n\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n    (function() {\n        let slideIndex = 0;\n        const slides = document.querySelectorAll('.doms-wo-slide');\n        const nextBtn = document.getElementById('wo-next');\n        const prevBtn = document.getElementById('wo-prev');\n\n        function showSlide(n) {\n            if (n >= slides.length) slideIndex = 0;\n            if (n < 0) slideIndex = slides.length - 1;\n\n            slides.forEach(slide => {\n                slide.classList.remove('active');\n                slide.style.display = 'none'; \n            });\n\n            slides[slideIndex].style.display = 'block';\n            slides[slideIndex].classList.add('active');\n        }\n\n        if(nextBtn) nextBtn.addEventListener('click', () => { showSlide(++slideIndex); });\n        if(prevBtn) prevBtn.addEventListener('click', () => { showSlide(--slideIndex); });\n\n        \/\/ Initialize\n        showSlide(slideIndex);\n        \n        \/\/ Auto Play\n        setInterval(() => {\n            showSlide(++slideIndex);\n        }, 5000);\n    })();\n<\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Student Leadership Shaping Future Leaders Alumni Committee The mission of the Alumni Committee is to build a strong relationship and facilitate exchanges between the Department of Management Studies, IIT Madras, and its alumni. The Committee provides a platform for all stakeholders to share knowledge and support as we unite towards excellence. Additionally, it also focuses&hellip;<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":59230,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-58920","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/doms.iitm.ac.in\/index.php\/wp-json\/wp\/v2\/pages\/58920","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=58920"}],"version-history":[{"count":286,"href":"https:\/\/doms.iitm.ac.in\/index.php\/wp-json\/wp\/v2\/pages\/58920\/revisions"}],"predecessor-version":[{"id":76859,"href":"https:\/\/doms.iitm.ac.in\/index.php\/wp-json\/wp\/v2\/pages\/58920\/revisions\/76859"}],"up":[{"embeddable":true,"href":"https:\/\/doms.iitm.ac.in\/index.php\/wp-json\/wp\/v2\/pages\/59230"}],"wp:attachment":[{"href":"https:\/\/doms.iitm.ac.in\/index.php\/wp-json\/wp\/v2\/media?parent=58920"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}