{"id":56994,"date":"2025-11-05T22:19:41","date_gmt":"2025-11-05T16:49:41","guid":{"rendered":"https:\/\/doms.iitm.ac.in\/wordpress\/?page_id=56994"},"modified":"2026-05-11T17:00:27","modified_gmt":"2026-05-11T11:30:27","slug":"about-doms","status":"publish","type":"page","link":"https:\/\/doms.iitm.ac.in\/index.php\/about-us\/about-doms\/","title":{"rendered":"about us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"56994\" class=\"elementor elementor-56994\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-04d7596 e-flex e-con-boxed e-con e-parent\" data-id=\"04d7596\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b0a7616 elementor-widget elementor-widget-html\" data-id=\"b0a7616\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@300;400;600;800&family=Playfair+Display:ital,wght@0,400;0,600;1,400&display=swap\" rel=\"stylesheet\">\n\n<div id=\"doms-ab-v3-root\" class=\"doms-ab-v3-wrapper\">\n\n    <div class=\"doms-ab-v3-watermark\">LEADERSHIP<\/div>\n\n    <div class=\"doms-ab-v3-container\">\n        \n        <div class=\"doms-ab-v3-content-col\">\n            \n            <div class=\"doms-ab-v3-badge-pill\">\n                <span class=\"doms-ab-v3-dot\"><\/span> Excellence in Education\n            <\/div>\n\n            <h1 class=\"doms-ab-v3-heading\">\n                Department of <br>\n                <span class=\"doms-ab-v3-serif-italic\">Management Studies<\/span>\n            <\/h1>\n\n            <div class=\"doms-ab-v3-subhead-group\">\n                <span class=\"doms-ab-v3-line\"><\/span>\n                <span class=\"doms-ab-v3-institution\">INDIAN INSTITUTE OF TECHNOLOGY MADRAS<\/span>\n            <\/div>\n\n            <p class=\"doms-ab-v3-lead-text\">\n                Transforming aspirational leaders into architects of organizational excellence. We blend <span class=\"doms-ab-v3-highlight\">rigorous academic research<\/span> with real-world industry practice to shape the future of global business.\n            <\/p>\n\n            <div class=\"doms-ab-v3-cta-wrapper\">\n                <a href=\"#our-vision\" class=\"doms-ab-v3-btn-primary\">\n                    Discover Our Vision <span class=\"doms-ab-v3-arrow\">\u2192<\/span>\n                <\/a>\n                <a href=\"#faculty\" class=\"doms-ab-v3-link-secondary\">\n                    Meet the Faculty\n                <\/a>\n            <\/div>\n\n        <\/div>\n\n        <div class=\"doms-ab-v3-visual-col\">\n            <div class=\"doms-ab-v3-accent-box\"><\/div>\n            \n            <div class=\"doms-ab-v3-img-frame\">\n                <img decoding=\"async\" data-src=\"https:\/\/doms.iitm.ac.in\/wordpress\/wp-content\/uploads\/2026\/01\/Screenshot-2026-01-12-113539.png\" style=\"filter:none\"\n                     alt=\"DoMS IIT Madras Campus Life\" \n                     class=\"doms-ab-v3-img lazyload\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\">\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<style>\n\/* -------------------------------------------------------------\n   DOMS \"EDITORIAL\" HERO STYLES (V3)\n   ------------------------------------------------------------- *\/\n\n\/* --- ROOT WRAPPER --- *\/\n#doms-ab-v3-root {\n    --dv3-maroon: #800000;\n    --dv3-gold: #D4AF37;\n    --dv3-black: #1a1a1a;\n    --dv3-ivory: #F9F7F2; \n    --dv3-white: #ffffff;\n    --dv3-gray: #555555;\n    \n    width: 100% !important;\n    max-width: 100% !important;\n    box-sizing: border-box !important;\n    font-family: 'Manrope', sans-serif !important;\n    background-color: var(--dv3-ivory) !important;\n    position: relative !important;\n    overflow: hidden !important; \n    padding: 100px 0 !important;\n    min-height: 700px !important;\n    display: flex !important;\n    align-items: center !important;\n}\n\n#doms-ab-v3-root * {\n    box-sizing: border-box !important;\n    margin: 0 !important; padding: 0 !important; text-decoration: none !important;\n}\n\n\/* --- BACKGROUND WATERMARK --- *\/\n#doms-ab-v3-root .doms-ab-v3-watermark {\n    position: absolute !important;\n    top: 5% !important;\n    right: -5% !important;\n    font-family: 'Manrope', sans-serif !important;\n    font-weight: 800 !important;\n    font-size: 15vw !important; \/* Scales smoothly *\/\n    color: rgba(0, 0, 0, 0.03) !important; \n    line-height: 1 !important;\n    z-index: 0 !important;\n    pointer-events: none !important;\n    user-select: none !important;\n}\n\n\/* --- MAIN CONTAINER --- *\/\n#doms-ab-v3-root .doms-ab-v3-container {\n    max-width: 1300px !important;\n    width: 90% !important;\n    margin: 0 auto !important;\n    display: grid !important;\n    grid-template-columns: 1.1fr 0.9fr !important; \/* Asymmetric grid *\/\n    gap: 60px !important;\n    position: relative !important;\n    z-index: 2 !important; \n    align-items: center !important;\n}\n\n\/* --- LEFT COLUMN: CONTENT --- *\/\n#doms-ab-v3-root .doms-ab-v3-content-col {\n    display: flex !important;\n    flex-direction: column !important;\n    align-items: flex-start !important;\n}\n\n\/* Badge Pill *\/\n#doms-ab-v3-root .doms-ab-v3-badge-pill {\n    display: inline-flex !important;\n    align-items: center !important;\n    gap: 8px !important;\n    background: rgba(212, 175, 55, 0.1) !important; \n    color: var(--dv3-maroon) !important;\n    font-size: 12px !important;\n    font-weight: 700 !important;\n    text-transform: uppercase !important;\n    letter-spacing: 1px !important;\n    padding: 8px 16px !important;\n    border-radius: 50px !important;\n    margin-bottom: 30px !important;\n    border: 1px solid rgba(212, 175, 55, 0.3) !important;\n}\n\n#doms-ab-v3-root .doms-ab-v3-dot {\n    width: 8px !important; height: 8px !important;\n    background-color: var(--dv3-maroon) !important;\n    border-radius: 50% !important;\n}\n\n\/* Heading *\/\n#doms-ab-v3-root .doms-ab-v3-heading {\n    font-family: 'Manrope', sans-serif !important;\n    font-size: clamp(40px, 5vw, 70px) !important; \/* Fluid typography *\/\n    font-weight: 800 !important;\n    color: var(--dv3-black) !important;\n    line-height: 1.1 !important;\n    margin-bottom: 20px !important;\n}\n\n#doms-ab-v3-root .doms-ab-v3-serif-italic {\n    font-family: 'Playfair Display', serif !important;\n    font-weight: 400 !important;\n    font-style: italic !important;\n    color: var(--dv3-maroon) !important;\n}\n\n\/* Subhead Group *\/\n#doms-ab-v3-root .doms-ab-v3-subhead-group {\n    display: flex !important;\n    align-items: center !important;\n    gap: 15px !important;\n    margin-bottom: 35px !important;\n}\n\n#doms-ab-v3-root .doms-ab-v3-line {\n    width: 60px !important; height: 3px !important;\n    background-color: var(--dv3-gold) !important;\n}\n\n#doms-ab-v3-root .doms-ab-v3-institution {\n    font-family: 'Manrope', sans-serif !important;\n    font-weight: 800 !important;\n    font-size: 14px !important;\n    letter-spacing: 1px !important;\n    color: var(--dv3-black) !important;\n    text-transform: uppercase !important;\n}\n\n\/* Lead Text *\/\n#doms-ab-v3-root .doms-ab-v3-lead-text {\n    font-size: 18px !important;\n    line-height: 1.7 !important;\n    color: var(--dv3-gray) !important;\n    margin-bottom: 45px !important;\n    max-width: 90% !important;\n}\n\n#doms-ab-v3-root .doms-ab-v3-highlight {\n    background: linear-gradient(120deg, rgba(212, 175, 55, 0.2) 0%, rgba(212, 175, 55, 0.2) 100%) !important;\n    background-repeat: no-repeat !important;\n    background-size: 100% 40% !important;\n    background-position: 0 88% !important;\n    color: var(--dv3-black) !important;\n    font-weight: 600 !important;\n}\n\n\/* Buttons *\/\n#doms-ab-v3-root .doms-ab-v3-cta-wrapper {\n    display: flex !important;\n    align-items: center !important;\n    gap: 30px !important;\n    flex-wrap: wrap !important;\n}\n\n#doms-ab-v3-root .doms-ab-v3-btn-primary {\n    background-color: var(--dv3-maroon) !important;\n    color: var(--dv3-white) !important;\n    padding: 16px 32px !important;\n    font-size: 14px !important;\n    font-weight: 700 !important;\n    text-transform: uppercase !important;\n    letter-spacing: 1px !important;\n    border-radius: 4px !important;\n    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;\n    box-shadow: 0 10px 30px rgba(128, 0, 0, 0.2) !important;\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    gap: 10px !important;\n}\n\n#doms-ab-v3-root .doms-ab-v3-btn-primary:hover {\n    background-color: #D4AF37 !important;\n    transform: translateY(-3px) !important;\n}\n\n#doms-ab-v3-root .doms-ab-v3-arrow {\n    transition: transform 0.3s !important;\n}\n#doms-ab-v3-root .doms-ab-v3-btn-primary:hover .doms-ab-v3-arrow {\n    transform: translateX(5px) !important;\n}\n\n#doms-ab-v3-root .doms-ab-v3-link-secondary {\n    font-weight: 700 !important;\n    font-size: 14px !important;\n    color: var(--dv3-black) !important;\n    text-decoration: underline !important;\n    text-underline-offset: 5px !important;\n    text-decoration-color: rgba(0,0,0,0.2) !important;\n    text-transform: uppercase !important;\n    letter-spacing: 1px !important;\n    transition: 0.3s !important;\n}\n\n#doms-ab-v3-root .doms-ab-v3-link-secondary:hover {\n    color: var(--dv3-gold) !important;\n    text-decoration-color: var(--dv3-gold) !important;\n}\n\n\/* --- RIGHT COLUMN: VISUAL --- *\/\n#doms-ab-v3-root .doms-ab-v3-visual-col {\n    position: relative !important;\n    width: 100% !important; \n    aspect-ratio: 1 \/ 1 !important; \/* Forces a perfect square ratio *\/\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n}\n\n\/* Offset Accent Box *\/\n#doms-ab-v3-root .doms-ab-v3-accent-box {\n    position: absolute !important;\n    right: 0 !important;\n    bottom: 0 !important;\n    width: 85% !important;\n    height: 85% !important;\n    background-color: #C5A059 !important;\n    z-index: 1 !important;\n    border-radius: 8px !important;\n}\n\n\/* Main Image Frame *\/\n#doms-ab-v3-root .doms-ab-v3-img-frame {\n    position: absolute !important;\n    top: 0 !important;\n    left: 0 !important;\n    width: 90% !important;\n    height: 90% !important;\n    overflow: hidden !important;\n    border-radius: 8px !important;\n    z-index: 2 !important;\n    box-shadow: 20px 20px 60px rgba(0,0,0,0.15) !important;\n    animation: domsImgReveal 1s cubic-bezier(0.77, 0, 0.175, 1) forwards !important;\n    opacity: 0;\n    transform: translateY(20px);\n}\n\n#doms-ab-v3-root .doms-ab-v3-img {\n    width: 100% !important;\n    height: 100% !important;\n    object-fit: cover !important;\n    transition: transform 1.5s ease !important;\n}\n\n#doms-ab-v3-root .doms-ab-v3-img-frame:hover .doms-ab-v3-img {\n    transform: scale(1.05) !important;\n}\n\n\/* Entrance Animation *\/\n@keyframes domsImgReveal {\n    to { opacity: 1; transform: translateY(0); }\n}\n\n\/* =========================================================\n   INDUSTRY STANDARD MOBILE RESPONSIVENESS\n   ========================================================= *\/\n\n\/* TABLET STYLES (Stacking Layout) *\/\n@media screen and (max-width: 1024px) {\n    #doms-ab-v3-root { padding: 80px 0 !important; }\n    \n    #doms-ab-v3-root .doms-ab-v3-container {\n        grid-template-columns: 1fr !important; \/* Stack vertically *\/\n        gap: 50px !important;\n    }\n    \n    \/* Move Image to top on mobile\/tablet *\/\n    #doms-ab-v3-root .doms-ab-v3-visual-col {\n        order: -1 !important; \n        max-width: 600px !important;\n        margin: 0 auto !important; \/* Center the image box *\/\n        aspect-ratio: 4 \/ 3 !important; \/* Slightly wider ratio for tablet *\/\n    }\n    \n    #doms-ab-v3-root .doms-ab-v3-content-col {\n        align-items: center !important; \/* Center content *\/\n        text-align: center !important;\n    }\n\n    #doms-ab-v3-root .doms-ab-v3-subhead-group { justify-content: center !important; }\n    #doms-ab-v3-root .doms-ab-v3-lead-text { margin: 0 auto 40px auto !important; }\n    #doms-ab-v3-root .doms-ab-v3-cta-wrapper { justify-content: center !important; }\n}\n\n\/* MOBILE PHONE STYLES *\/\n@media screen and (max-width: 768px) {\n    #doms-ab-v3-root { padding: 50px 0 !important; }\n    \n    #doms-ab-v3-root .doms-ab-v3-watermark { top: 0 !important; font-size: 18vw !important; }\n\n    #doms-ab-v3-root .doms-ab-v3-visual-col {\n        aspect-ratio: 1 \/ 1 !important; \/* Square for phones *\/\n    }\n\n    #doms-ab-v3-root .doms-ab-v3-accent-box {\n        display: none !important; \/* Hide gold box on small phones for cleaner look *\/\n    }\n    \n    #doms-ab-v3-root .doms-ab-v3-img-frame {\n        width: 100% !important; height: 100% !important; \/* Image takes full width *\/\n    }\n\n    \/* Stack buttons full width for easy thumb tapping *\/\n    #doms-ab-v3-root .doms-ab-v3-cta-wrapper {\n        flex-direction: column !important;\n        width: 100% !important;\n        gap: 20px !important;\n    }\n    \n    #doms-ab-v3-root .doms-ab-v3-btn-primary { width: 100% !important; }\n    \n    #doms-ab-v3-root .doms-ab-v3-link-secondary {\n        width: 100% !important;\n        text-align: center !important;\n    }\n}\n<\/style>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n<style>\n    \/* =========================================\n   1. VARIABLES & RESET\n   ========================================= *\/\n:root {\n    --maroon: #560000;\n    --maroon-light: #7a1515;\n    --maroon-dark: #320000;\n    --gold: #C5A059;\n    --gold-light: #e6c88b;\n    --gold-gradient: linear-gradient(135deg, #C5A059, #F2D28C, #C5A059);\n    --cream: #F9F8F4;\n    --white: #ffffff;\n    --text-dark: #1a1a1a;\n    --text-grey: #555;\n   \n    --font-serif: 'Playfair Display', serif;\n    --font-sans: 'Lato', sans-serif;\n    --font-dec: 'Cinzel', serif;\n   \n    --shadow: 0 10px 30px rgba(0,0,0,0.08);\n}\n\n\n\n\n\n\n\n\/* =========================================\n   2. TYPOGRAPHY\n   ========================================= *\/\nh1, h2, h3, h4 { font-family: var(--font-serif) !important; font-weight: 700 !important; color: var(--maroon); }\np { font-family: var(--font-sans); color: var(--text-grey); font-size: 1.05rem; }\n\n\n.section-label {\n    font-family: var(--font-dec);\n    color: var(--gold);\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    font-size: 0.9rem;\n    margin-bottom: 10px;\n    display: block;\n}\n\n\n.about-section-white{\n    color: #ffffff !important:\n}\n\n.section-heading { font-size: 2.5rem; margin-bottom: 25px; line-height: 1.2; }\n.section-heading.white { color: var(--white); }\n\n\n\/* Stylish Character (Drop Cap effect for headings) *\/\n.stylish-char {\n    color: var(--gold);\n    font-size: 1.3em;\n    font-family: var(--font-dec) !important;\n    margin-right: 2px;\n}\n\n\n\/* =========================================\n   3. UTILITIES & LAYOUT\n   ========================================= *\/\n\/*.container { width: 100%; max-width: 1200px; margin: 0 auto; }*\/\n\/*.section-padding { padding: 80px 0; }*\/\n\/*.bg-cream { background-color: var(--cream); }*\/\n\/*.bg-light-gold { background-color: #fffcf5; }*\/\n\/*.bg-maroon-dark { background-color: var(--maroon-dark); }*\/\n\/*.bg-maroon-gradient { background: linear-gradient(135deg, var(--maroon) 0%, #2a0000 100%); }*\/\n\/*.text-center { text-align: center; }*\/\n\/*.text-white { color: var(--white); }*\/\n\/*.mb-60 { margin-bottom: 60px; }*\/\n\n\n\/*.divider-center { width: 80px; height: 3px; background: var(--gold); margin: 20px auto; }*\/\n\n\n\/* Image Placeholders *\/\n\/*[data-label] {*\/\n\/*    background: #ccc;*\/\n\/*    background: linear-gradient(45deg, #e6e6e6, #d4d4d4);*\/\n\/*    display: flex;*\/\n\/*    align-items: center;*\/\n\/*    justify-content: center;*\/\n\/*    color: #777;*\/\n\/*    font-weight: bold;*\/\n\/*    text-transform: uppercase;*\/\n\/*    font-size: 0.8rem;*\/\n\/*    letter-spacing: 1px;*\/\n\/*    position: relative;*\/\n\/*    overflow: hidden;*\/\n\/*}*\/\n\/*[data-label]::after {*\/\n\/*    content: attr(data-label);*\/\n\/*    z-index: 2;*\/\n\/*    text-align: center;*\/\n    \/*padding: 10px;*\/\n\/*}*\/\n\n\n\n\n\n\n\/* =========================================\n   6. STATS BAR (Circular)\n   ========================================= *\/\n.stats-bar {\n    background: var(--white);\n    padding: 60px 0;\n    margin-top: -50px; \/* Overlap Hero *\/\n    position: relative;\n    z-index: 10;\n    box-shadow: var(--shadow);\n    border-radius: 8px;\n    width: 100% !important;\n    max-width: 1200px;\n    margin-left: auto; margin-right: auto;\n}\n\n\n.stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 30px; text-align: center; }\n\n\n.stat-circle-outer {\n    width: 120px; height: 120px;\n    border: 2px dashed var(--gold);\n    border-radius: 50%;\n    display: flex; align-items: center; justify-content: center;\n    margin: 0 auto 15px;\n    transition: transform 0.4s;\n}\n\n\n.stat-circle-inner {\n    width: 100px; height: 100px;\n    background: var(--maroon);\n    border-radius: 50%;\n    display: flex; align-items: center; justify-content: center;\n    color: var(--white);\n}\n\n\n\n.stat-num { font-family: var(--font-dec); font-size: 2rem; font-weight: bold; color: var(--gold); }\n.stat-info h4 { font-size: 1.1rem; color: var(--maroon); margin-bottom: 5px; }\n.stat-info p { font-size: 0.85rem; color: var(--text-grey); }\n\n\n<\/style>\n\n\n\n\n\n\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4bfcbbb e-flex e-con-boxed e-con e-parent\" data-id=\"4bfcbbb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8f25c63 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"8f25c63\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<!-###############################################--->\r\n    <!--<section class=\"stats-bar\">-->\r\n    <!--    <div class=\"container stats-grid\">-->\r\n    <!--        <div class=\"stat-item\">-->\r\n    <!--            <div class=\"stat-circle-outer\">-->\r\n    <!--                <div class=\"stat-circle-inner\">-->\r\n    <!--                    <span class=\"stat-num\">21+<\/span>-->\r\n    <!--                <\/div>-->\r\n    <!--            <\/div>-->\r\n    <!--            <div class=\"stat-info\">-->\r\n    <!--                <h4>Years of Excellence<\/h4>-->\r\n    <!--                <p>Pioneering education since 2004<\/p>-->\r\n    <!--            <\/div>-->\r\n    <!--        <\/div>-->\r\n    <!--        <div class=\"stat-item\">-->\r\n    <!--            <div class=\"stat-circle-outer\">-->\r\n    <!--                <div class=\"stat-circle-inner\">-->\r\n    <!--                    <span class=\"stat-num\">2k+<\/span>-->\r\n    <!--                <\/div>-->\r\n    <!--            <\/div>-->\r\n    <!--            <div class=\"stat-info\">-->\r\n    <!--                <h4>Alumni Network<\/h4>-->\r\n    <!--                <p> Academia & Corporate Leaders<\/p>-->\r\n    <!--            <\/div>-->\r\n    <!--        <\/div>-->\r\n    <!--        <div class=\"stat-item\">-->\r\n    <!--            <div class=\"stat-circle-outer\">-->\r\n    <!--                <div class=\"stat-circle-inner\">-->\r\n    <!--                    <span class=\"stat-num\">----<\/span>-->\r\n    <!--                <\/div>-->\r\n    <!--            <\/div>-->\r\n    <!--            <div class=\"stat-info\">-->\r\n    <!--                <h4>-------<\/h4>-->\r\n    <!--                <p>---------------------<\/p>-->\r\n    <!--            <\/div>-->\r\n    <!--        <\/div>-->\r\n    <!--        <div class=\"stat-item\">-->\r\n    <!--            <div class=\"stat-circle-outer\">-->\r\n    <!--                <div class=\"stat-circle-inner\">-->\r\n    <!--                    <span class=\"stat-num\">----<\/span>-->\r\n    <!--                <\/div>-->\r\n    <!--            <\/div>-->\r\n    <!--            <div class=\"stat-info\">-->\r\n    <!--                <h4>-------<\/h4>-->\r\n    <!--                <p>----------------------<\/p>-->\r\n    <!--            <\/div>-->\r\n    <!--        <\/div>-->\r\n    <!--    <\/div>-->\r\n    <!--<\/section>-->\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-55aed67 e-con-full e-flex e-con e-parent\" data-id=\"55aed67\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fc076db elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"fc076db\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"doms-dir-msg-root\" class=\"doms-dm-wrapper\">\n\n    <div class=\"doms-dm-bg-pattern\"><\/div>\n    <div class=\"doms-dm-gold-accent-line\"><\/div>\n\n    <div class=\"doms-dm-container\">\n        \n        <div class=\"doms-dm-image-col\">\n            <div class=\"doms-dm-img-frame\">\n                <img decoding=\"async\" data-src=\"https:\/\/doms.iitm.ac.in\/wordpress\/wp-content\/uploads\/2025\/12\/prof-kamakoti.png\" \n                     alt=\"Prof. V. Kamakoti, Director\" \n                     class=\"doms-dm-portrait lazyload\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\">\n                \n                <div class=\"doms-dm-name-card\">\n                    <span class=\"doms-dm-name\">Prof. V. Kamakoti<\/span>\n                    <span class=\"doms-dm-role\">Director, IIT Madras<\/span>\n                <\/div>\n\n                <div class=\"doms-dm-frame-border\"><\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"doms-dm-content-col\">\n            \n            <div class=\"doms-dm-header-group\">\n                <span class=\"doms-dm-eyebrow\">Leadership Vision<\/span>\n                <h2 class=\"doms-dm-heading\">From the Director's Desk<\/h2>\n                <h3 class=\"doms-dm-subheading\">A testament to our commitment to advanced learning<\/h3>\n            <\/div>\n\n            <div class=\"doms-dm-quote-block\">\n                <span class=\"doms-dm-quote-mark\">\u201c<\/span>\n                \n                <p class=\"doms-dm-text-lead\">\n                    \n                    The Department of Management Studies (DoMS) at IIT Madras stands out as a unique and exceptional institution within the Indian Institute of Technology ecosystem. The Department uses a <span class=\"doms-highlightt\">holistic systems approach<\/span> and places strong emphasis on developing student\u2019s quantitative and analytical skills. \n                <\/p>\n                \n                <p class=\"doms-dm-text-body\" style=\"font-size: 16px; line-height: 1.8; color: rgba(249, 247, 242, 0.85); margin-bottom: 25px;\">\n                    As the Director of this esteemed institution, I take immense pride in the accomplishments of our students, faculty, and the dynamic learning environment we foster. The different degrees offered in DoMS and the dual degree courses for B.Tech students sets it apart from other B-schools and is a testament to our commitment to advanced learning.\n                <\/p>\n\n                <p class=\"doms-dm-text-closing\">\n                    We believe in nurturing exceptional managerial talents and equipping them with the skills necessary to excel. This is achieved through the dedication of our faculty\u2014adept educators and active researchers contributing to advancements in management practices.\n                <\/p>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<style>\n\/* -------------------------------------------------------------\n   DOMS DIRECTOR'S MESSAGE STYLES (REFINED)\n   Theme: Deep Maroon (#4a0404), Gold (#D4AF37), Cream (#F9F7F2)\n   Font: Playfair Display & Manrope\n   ------------------------------------------------------------- *\/\n\n\/* Import Fonts *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@300;400;500;700&family=Playfair+Display:ital,wght@0,400;0,600;1,400&family=Sacramento&display=swap');\n\n\/* --- ROOT WRAPPER --- *\/\n#doms-dir-msg-root {\n    \/* Scoped Variables *\/\n    --ddm-maroon: #7a1717;\n    --ddm-gold: #D4AF37;\n    --ddm-gold-light: #F4E4BC;\n    --ddm-cream: #F9F7F2;\n    --ddm-white: #ffffff;\n    \n    width: 100% !important;\n    max-width: 100%;\n    box-sizing: border-box;\n    font-family: 'Manrope', sans-serif;\n    background-color: var(--ddm-maroon);\n    color: var(--ddm-cream);\n    position: relative;\n    padding: 60px 0; \/* Increased padding for better spacing *\/\n    overflow: hidden;\n}\n\n#doms-dir-msg-root * {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0; \n    text-decoration: none; list-style: none;\n}\n\n\/* --- BACKGROUND DECORATION --- *\/\n#doms-dir-msg-root .doms-dm-bg-pattern {\n    position: absolute;\n    top: 0; left: 0; width: 100%; \n    height: 100%;\n    background-image: \n        linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),\n        linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);\n    background-size: 60px 60px;\n    z-index: 1;\n    pointer-events: none;\n}\n\n#doms-dir-msg-root .doms-dm-gold-accent-line {\n    position: absolute;\n    top: 0; left: 8%; \n    width: 1px; height: 100%;\n    background: linear-gradient(to bottom, transparent, var(--ddm-gold), transparent);\n    opacity: 0.3;\n    z-index: 1;\n}\n\n\/* --- MAIN CONTAINER --- *\/\n#doms-dir-msg-root .doms-dm-container {\n    max-width: 1200px;\n    width: 90%;\n    margin: 0 auto;\n    position: relative;\n    z-index: 5;\n    display: grid;\n    grid-template-columns: 0.8fr 1.2fr;\n    gap: 80px;\n    align-items: center;\n}\n\n\/* --- IMAGE COLUMN --- *\/\n#doms-dir-msg-root .doms-dm-image-col {\n    position: relative;\n}\n\n#doms-dir-msg-root .doms-dm-img-frame {\n    position: relative;\n    width: 100%;\n    padding-bottom: 120%; \/* Portrait aspect *\/\n    border-radius: 7px;\n}\n\n#doms-dir-msg-root .doms-dm-portrait {\n    position: absolute;\n    top: 0; left: 0; width: 100%; height: 100%;\n    object-fit: cover;\n    border-radius: 2px;\n    filter: sepia(10%) contrast(1.1);\n    z-index: 2;\n    box-shadow: 20px 20px 0 rgba(0,0,0,0.3);\n    transition: transform 0.5s ease;\n}\n\n#doms-dir-msg-root .doms-dm-img-frame:hover .doms-dm-portrait {\n    transform: scale(1.02);\n}\n\n\/* Frame Border *\/\n#doms-dir-msg-root .doms-dm-frame-border {\n    position: absolute;\n    top: -20px; left: -20px;\n    width: 100%; height: 100%;\n    border: 1px solid var(--ddm-gold);\n    z-index: 1;\n    opacity: 0.5;\n    transition: transform 0.5s ease;\n}\n\n#doms-dir-msg-root .doms-dm-img-frame:hover .doms-dm-frame-border {\n    transform: translate(10px, 10px);\n}\n\n\/* Name Card *\/\n#doms-dir-msg-root .doms-dm-name-card {\n    position: absolute;\n    bottom: 30px; left: -30px;\n    background: var(--ddm-white);\n    padding: 20px 30px;\n    z-index: 3;\n    border-left: 4px solid var(--ddm-gold);\n    box-shadow: 0 10px 30px rgba(0,0,0,0.2);\n    transform: translateX(0);\n    transition: transform 0.3s;\n}\n\n#doms-dir-msg-root .doms-dm-img-frame:hover .doms-dm-name-card {\n    transform: translateX(5px);\n}\n\n#doms-dir-msg-root .doms-dm-name {\n    display: block;\n    font-family: 'Playfair Display', serif;\n    font-size: 20px;\n    color: var(--ddm-maroon);\n    font-weight: 700;\n    line-height: 1.2;\n}\n\n#doms-dir-msg-root .doms-dm-role {\n    display: block;\n    font-family: 'Manrope', sans-serif;\n    font-size: 11px;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    color: #666;\n    font-weight: 700;\n    margin-top: 4px;\n}\n\n\/* --- CONTENT COLUMN --- *\/\n#doms-dir-msg-root .doms-dm-content-col {\n    padding-right: 5%;\n}\n\n\/* Header *\/\n#doms-dir-msg-root .doms-dm-eyebrow {\n    font-size: 12px;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    color: var(--ddm-gold);\n    font-weight: 700;\n    display: block;\n    margin-bottom: 15px;\n}\n\n#doms-dir-msg-root .doms-dm-heading {\n    font-family: 'Playfair Display', serif;\n    font-size: 55px;\n    line-height: 1.1;\n    font-weight: 400;\n    color: var(--ddm-white);\n    margin-bottom: 10px;\n}\n\n#doms-dir-msg-root .doms-dm-subheading {\n    font-family: 'Playfair Display', serif;\n    font-size: 24px;\n    color: #C5A059;\n    font-style: italic;\n    font-weight: 400;\n    margin-bottom: 40px;\n    padding-bottom: 20px;\n    border-bottom: 1px solid rgba(212, 175, 55, 0.3);\n}\n\n\/* Quote Block *\/\n#doms-dir-msg-root .doms-dm-quote-block {\n    position: relative;\n}\n\n#doms-dir-msg-root .doms-dm-quote-mark {\n    position: absolute;\n    top: -35px; left: -15px;\n    font-family: 'Playfair Display', serif;\n    font-size: 100px;\n    color: var(--ddm-gold);\n    opacity: 0.15;\n    line-height: 1;\n}\n\n#doms-dir-msg-root .doms-dm-text-lead {\n    font-size: 18px;\n    line-height: 1.8;\n    color: rgba(249, 247, 242, 0.95);\n    margin-bottom: 20px;\n    position: relative;\n    z-index: 2;\n    font-weight: 300;\n}\n\n#doms-dir-msg-root .doms-highlightt {\n    color: #CFAA56;\n    font-weight: 600;\n}\n\n#doms-dir-msg-root .doms-dm-text-closing {\n    font-size: 18px;\n    line-height: 1.8;\n    color: rgba(249, 247, 242, 0.9);\n    margin-bottom: 20px;\n    font-style: italic;\n    border-left: 2px solid var(--ddm-gold);\n    padding-left: 20px;\n}\n\n\/* --- RESPONSIVE --- *\/\n@media screen and (max-width: 1024px) {\n    #doms-dir-msg-root .doms-dm-container { gap: 50px; }\n    #doms-dir-msg-root .doms-dm-heading { font-size: 36px; }\n}\n\n@media screen and (max-width: 768px) {\n    #doms-dir-msg-root { padding: 60px 0; }\n    #doms-dir-msg-root .doms-dm-container { grid-template-columns: 1fr; }\n    \n    #doms-dir-msg-root .doms-dm-image-col { width: 85%; margin: 0 auto; }\n    \n    #doms-dir-msg-root .doms-dm-name-card {\n        left: 50%; bottom: -25px;\n        transform: translateX(-50%);\n        width: max-content;\n        text-align: center;\n        border-left: none; border-top: 4px solid var(--ddm-gold);\n    }\n    #doms-dir-msg-root .doms-dm-img-frame:hover .doms-dm-name-card {\n        transform: translateX(-50%);\n    }\n\n    #doms-dir-msg-root .doms-dm-content-col {\n        padding-right: 0; margin-top: 40px; text-align: left;\n    }\n}\n<\/style>\n\n\n\n\n\n\n\n\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-5f25b83 e-con-full e-flex e-con e-parent\" data-id=\"5f25b83\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-751975d elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"751975d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"doms-hod-v3-root\" class=\"doms-hod-v3-wrapper\">\n\n    <div class=\"doms-hod-v3-container\">\n        \n        <div class=\"doms-hod-v3-content-col\">\n            \n            <div class=\"doms-hod-v3-header\">\n                <!--<span class=\"doms-hod-v3-eyebrow\">Leadership<\/span>-->\n                <h2 class=\"doms-hod-v3-title\">Leading with <span class=\"doms-hod-v3-gold\">Purpose<\/span><\/h2>\n                <div class=\"doms-hod-v3-divider\"><\/div>\n            <\/div>\n\n            <div class=\"doms-hod-v3-message-body\">\n                <p class=\"doms-hod-v3-para\">\n                    <span class=\"doms-hod-v3-dropcap\">T<\/span>he Department of Management Studies (DoMS) is an academic body within the Indian Institute of Technology Madras (IITM), an Institution of Eminence. DoMS is strategically located within IITM\u2019s beautiful campus spanning 630 acres, along with 17 other departments covering sciences, humanities, and engineering. This knowledge ecosystem, along with the IIT Madras Research Park, provides a distinct opportunity for aspiring management students to learn and grow beyond the classrooms.\n                <\/p>\n                <p class=\"doms-hod-v3-para\">\n                    The academy within DoMS focuses on \u201cManagement Studies\u201d, whereby our Master of Science and PhD programs contribute to generating new knowledge through research. The faculty members of our Graduate Programs are also leading researchers in their respective fields. The majority of the faculty of DoMS are academically qualified with PhDs and post-doctoral research experience from institutions of national and global reputation.\n                <\/p>\n                <p class=\"doms-hod-v3-para\">\n                    The department resonates with the strategic vision of IIT Madras and seeks to nurture management professionals to lead India\u2019s economic sectors at different levels. Our MBA program upholds diversity with respect to educational background, industry experience, region, and gender, and has nurtured management professionals who lead in industry ever since the program began in 2001.\n                <\/p>\n                <p class=\"doms-hod-v3-para-highlight\">\n                    \"Characterised by academic rigour and relevance to practice, the program has produced industry leaders, entrepreneurs, and influencers.\"\n                <\/p>\n            <\/div>\n\n            <div class=\"doms-hod-v3-signature-left\">\n                <div class=\"doms-hod-v3-sig-img\">Saji K. Mathew<\/div>\n            <\/div>\n\n        <\/div>\n\n        <div class=\"doms-hod-v3-visual-col\">\n            \n            <div class=\"doms-hod-v3-card-frame\">\n                <div class=\"doms-hod-v3-accent-bg\"><\/div>\n                \n                <img decoding=\"async\" data-src=\"https:\/\/doms.iitm.ac.in\/wordpress\/wp-content\/uploads\/2026\/02\/photo_6123012180589350090_y.jpg\" \n                     alt=\"Prof. Saji K. Mathew\" \n                     class=\"doms-hod-v3-img lazyload\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\">\n                \n                <div class=\"doms-hod-v3-quote-badge\">\n                    <span class=\"doms-hod-v3-q-mark\">\u201c<\/span>\n                <\/div>\n            <\/div>\n            \n            <div class=\"doms-hod-v3-name-box\">\n                <div class=\"doms-hod-v3-name\">PROF. SAJI K. MATHEW<\/div>\n                <div class=\"doms-hod-v3-box-divider\"><\/div>\n                \n                <div class=\"doms-hod-v3-desig\">HoD, DoMS <br> IIT Madras<\/div>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<style>\n    \/* -------------------------------------------------------------\n       DOMS HOD MESSAGE STYLES (V3 - SPLIT LAYOUT)\n       ------------------------------------------------------------- *\/\n\n    \/* Fonts *\/\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@300;400;600;800&family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Great+Vibes&display=swap');\n\n    \/* --- ROOT WRAPPER --- *\/\n    #doms-hod-v3-root {\n        --dh3-bg: #FDFBF7;       \n        --dh3-white: #ffffff;\n        --dh3-maroon: #800000;\n        --dh3-gold: #D4AF37;\n        --dh3-black: #1a1a1a;\n        --dh3-text: #4a4a4a;\n        \n        width: 100%;\n        box-sizing: border-box;\n        font-family: 'Manrope', sans-serif;\n        color: var(--dh3-text);\n        padding: 30px 0 !important;\n        position: relative;\n        border-top: 1px solid rgba(0,0,0,0.05);\n\n        \/* BACKGROUND: Darker Dot Pattern *\/\n        background-color: var(--dh3-bg);\n        background-image: \n            radial-gradient(circle at 1px 1px, rgba(0,0,0,0.15) 1.5px, transparent 0);\n        background-size: 24px 24px; \n    }\n\n    #doms-hod-v3-root * {\n        box-sizing: border-box;\n        margin: 0; padding: 0; text-decoration: none; list-style: none;\n    }\n\n    \/* --- MAIN CONTAINER --- *\/\n    #doms-hod-v3-root .doms-hod-v3-container {\n        max-width: 1200px; \n        width: 90%;\n        margin: 0 auto;\n        display: grid;\n        grid-template-columns: 1fr 0.9fr; \n        gap: 50px;\n        align-items: flex-start; \n    }\n\n    \/* --- LEFT: CONTENT --- *\/\n    #doms-hod-v3-root .doms-hod-v3-content-col {\n        display: flex;\n        flex-direction: column;\n    }\n\n    \/* Header *\/\n  \n\n    #doms-hod-v3-root .doms-hod-v3-title {\n        font-family: 'Playfair Display', serif;\n        font-size: 72px;\n        color: var(--dh3-black);\n        line-height: 1.1;\n        margin-bottom: 25px;\n    }\n\n    #doms-hod-v3-root .doms-hod-v3-gold {\n        font-style: italic;\n        color: var(--dh3-gold);\n    }\n\n    #doms-hod-v3-root .doms-hod-v3-divider {\n        width: 170px; \n        height: 3px;\n        background-color: var(--dh3-maroon);\n        margin-bottom: 35px;\n    }\n\n    \/* Body Text *\/\n    #doms-hod-v3-root .doms-hod-v3-para {\n        font-size: 15px;\n        line-height: 1.8;\n        color: var(--dh3-text);\n        margin-bottom: 25px;\n        font-weight: 400;\n        text-align: justify;\n    }\n\n    #doms-hod-v3-root .doms-hod-v3-dropcap {\n        float: left;\n        font-family: 'Playfair Display', serif;\n        font-size: 58px;\n        line-height: 45px;\n        padding-right: 12px;\n        color: var(--dh3-maroon);\n        font-weight: 700;\n    }\n\n    #doms-hod-v3-root .doms-hod-v3-para-highlight {\n        font-family: 'Playfair Display', serif;\n        font-size: 17px;\n        font-style: italic;\n        color: var(--dh3-black);\n        line-height: 1.5;\n        padding: 25px 30px;\n        background: rgba(255,255,255,0.8); \n        border-left: 4px solid var(--dh3-gold);\n        margin: 20px 0;\n        border-radius: 0 10px 10px 0;\n    }\n    \n    \/* SIGNATURE (Left Column) *\/\n    #doms-hod-v3-root .doms-hod-v3-signature-left {\n        margin-top: 10px;\n        padding-left: 10px;\n    }\n\n    #doms-hod-v3-root .doms-hod-v3-sig-img {\n        font-family: 'Great Vibes', cursive;\n        font-size: 30px; \n        color: var(--dh3-black);\n        line-height: 1;\n        transform: rotate(-2deg); \n        opacity: 0.9;\n    }\n\n    \/* --- RIGHT: VISUAL & INFO --- *\/\n    #doms-hod-v3-root .doms-hod-v3-visual-col {\n        display: flex;\n        flex-direction: column;\n        align-items: center; \n        \/* ALIGNMENT: Pushes image down to match text body *\/\n        padding-top: 20px; \n    }\n\n    #doms-hod-v3-root .doms-hod-v3-card-frame {\n        position: relative;\n        width: 100%;\n        \/*height: 150%;*\/\n        margin-bottom: 0px; \/* Flush with box below *\/\n    }\n\n    \/* Accent Background Square *\/\n    #doms-hod-v3-root .doms-hod-v3-accent-bg {\n        position: absolute;\n        top: 25px; right: -25px;\n        width: 100%; height: 100%;\n        background-color: #800000;\n        border: 1px solid rgba(0,0,0,5);\n        z-index: 0;\n    }\n\n    #doms-hod-v3-root .doms-hod-v3-img {\n        width: 100%;\n        height: auto;\n        display: block;\n        position: relative;\n        z-index: 1;\n        filter: sepia(10%) contrast(1.05);\n        box-shadow: 0 10px 25px rgba(0,0,0,0.5);\n    }\n\n    \/* Quote Badge *\/\n    #doms-hod-v3-root .doms-hod-v3-quote-badge {\n        position: absolute;\n        top: -35px; right: -35px; \/* Moved to top right corner *\/\n        width: 70px; height: 70px;\n        background-color: var(--dh3-maroon);\n        display: flex; align-items: center; justify-content: center;\n        z-index: 2;\n        box-shadow: 0 5px 15px rgba(128, 0, 0, 0.3);\n    }\n\n    #doms-hod-v3-root .doms-hod-v3-q-mark {\n        font-family: 'Playfair Display', serif;\n        font-size: 45px;\n        color: var(--dh3-white);\n        line-height: 1;\n        margin-top: 10px;\n    }\n\n    \/* --- NAME BOX (Right Column) --- *\/\n    #doms-hod-v3-root .doms-hod-v3-name-box {\n        position: relative;\n        z-index: 2;\n        width: 70%; \/* Slightly smaller than image width for style *\/\n        background: var(--dh3-white);\n        padding: 30px;\n        text-align: center;\n        border: 1px solid rgba(0,0,0,0.08);\n        box-shadow: 0 15px 30px rgba(0,0,0,0.05);\n        margin-top: -40px; \/* Overlap the image slightly *\/\n    }\n\n    #doms-hod-v3-root .doms-hod-v3-name {\n        font-family: 'Manrope', sans-serif;\n        font-size: 22px;\n        font-weight: 900; \/* Extra Bold *\/\n        letter-spacing: 0px;\n        text-transform: uppercase;\n        color: var(--dh3-maroon);\n    }\n    \n    #doms-hod-v3-root .doms-hod-v3-box-divider {\n        width: 0px; height: 0px;\n        background: var(--dh3-gold);\n        margin: 5px auto;\n    }\n\n    #doms-hod-v3-root .doms-hod-v3-desig {\n        font-family: 'Playfair Display', serif;\n        font-style: italic;\n        font-size: 20px;\n        font-weight: 600;\n        color: #555;\n    }\n\n    \/* --- RESPONSIVE --- *\/\n    @media screen and (max-width: 1024px) {\n        #doms-hod-v3-root .doms-hod-v3-container {\n            grid-template-columns: 1fr;\n            gap: 60px;\n        }\n        \n        #doms-hod-v3-root .doms-hod-v3-visual-col {\n            order: -1; \n            margin-bottom: 30px;\n            padding-top: 0;\n        }\n        \n        #doms-hod-v3-root .doms-hod-v3-card-frame {\n            max-width: 500px;\n        }\n        \n        #doms-hod-v3-root .doms-hod-v3-title {\n            font-size: 48px;\n        }\n    }\n\n    @media screen and (max-width: 768px) {\n        #doms-hod-v3-root { padding: 60px 0; }\n        \n        #doms-hod-v3-root .doms-hod-v3-title { font-size: 36px; }\n        \n        #doms-hod-v3-root .doms-hod-v3-card-frame {\n            max-width: 100%;\n        }\n        \n        #doms-hod-v3-root .doms-hod-v3-accent-bg {\n            top: 15px; right: -15px;\n        }\n        \n        #doms-hod-v3-root .doms-hod-v3-name-box {\n            width: 100%;\n            margin-top: 0;\n            box-shadow: none;\n            border: 1px solid rgba(0,0,0,0.1);\n            border-top: none;\n        }\n    }\n\n<\/style>\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \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-d442c85 e-con-full e-flex e-con e-parent\" data-id=\"d442c85\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f2f6036 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"f2f6036\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"doms-vm-fixed-root\" class=\"doms-vmf-wrapper\">\n\n    <div class=\"doms-vmf-background\">\n        <div class=\"doms-vmf-overlay\"><\/div>\n    <\/div>\n\n    <div class=\"doms-vmf-content-container\">\n        \n        <div class=\"doms-vmf-header\">\n            <span class=\"doms-vmf-eyebrow\">Strategic Direction<\/span>\n            <h2 class=\"doms-vmf-title\">Vision & Mission<\/h2>\n            <div class=\"doms-vmf-divider\"><\/div>\n        <\/div>\n\n        <div class=\"doms-vmf-grid\">\n            \n            <div class=\"doms-vmf-vision-col\">\n                <div class=\"doms-vmf-vision-card\">\n                    <div class=\"doms-vmf-vision-icon\">\n                        <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n                            <path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"><\/path>\n                            <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\n                        <\/svg>\n                    <\/div>\n                    <h3 class=\"doms-vmf-card-label\">Our Vision<\/h3>\n                    <p class=\"doms-vmf-vision-text\">\n                        \"To be recognized as India's best-in-class business school in emerging knowledge domains of management, with expanding global reach through effective engagement with academia, industry, and government.\"\n                    <\/p>\n                    <div class=\"doms-vmf-vision-decoration\"><\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"doms-vmf-mission-col\">\n                \n                <div class=\"doms-vmf-mission-card\">\n                    <div class=\"doms-vmf-num\">01<\/div>\n                    <div class=\"doms-vmf-card-content\">\n                        <h4 class=\"doms-vmf-item-title\">Life Long Learning<\/h4>\n                        <p class=\"doms-vmf-item-desc\">Support life-long learning needs in functional roles.<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"doms-vmf-mission-card\">\n                    <div class=\"doms-vmf-num\">02<\/div>\n                    <div class=\"doms-vmf-card-content\">\n                        <h4 class=\"doms-vmf-item-title\">Differentiated Programs<\/h4>\n                        <p class=\"doms-vmf-item-desc\">Integrating frontier research with business practices.<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"doms-vmf-mission-card\">\n                    <div class=\"doms-vmf-num\">03<\/div>\n                    <div class=\"doms-vmf-card-content\">\n                        <h4 class=\"doms-vmf-item-title\">Strategic Initiatives<\/h4>\n                        <p class=\"doms-vmf-item-desc\">Leading to venture creation and global engagement.<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"doms-vmf-mission-card\">\n                    <div class=\"doms-vmf-num\">04<\/div>\n                    <div class=\"doms-vmf-card-content\">\n                        <h4 class=\"doms-vmf-item-title\">Responsible Leadership<\/h4>\n                        <p class=\"doms-vmf-item-desc\">Fostering entrepreneurial thinking with empathy.<\/p>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n<style>\n    \/* -------------------------------------------------------------\n   DOMS VISION & MISSION FIXED BACKGROUND STYLES\n   Theme: Dark Maroon (#2a0a0a), Gold (#D4AF37), White\n   Feature: CSS Fixed Background Attachment (Parallax-like)\n   ------------------------------------------------------------- *\/\n\n\/* Import Fonts *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@300;400;600;700&family=Playfair+Display:ital,wght@0,400;0,700;1,400&display=swap');\n\n\/* --- ROOT WRAPPER --- *\/\n#doms-vm-fixed-root {\n    \/* Scoped Variables *\/\n    --dvf-gold: #D4AF37;\n    --dvf-white: #ffffff;\n    --dvf-bg-overlay: rgba(20, 5, 5, 0.85); \/* Deep Maroon Tint *\/\n    --dvf-glass: rgba(255, 255, 255, 0.05);\n    --dvf-border: rgba(255, 255, 255, 0.1);\n    \n    width: 100%;\n    position: relative;\n    box-sizing: border-box;\n    font-family: 'Manrope', sans-serif;\n    color: var(--dvf-white);\n    padding: 100px 0;\n    overflow: hidden;\n}\n\n#doms-vm-fixed-root * {\n    box-sizing: border-box;\n    margin: 0; padding: 0; text-decoration: none;\n}\n\n\/* --- FIXED BACKGROUND LAYER --- *\/\n#doms-vm-fixed-root .doms-vmf-background {\n    position: absolute;\n    top: 0; left: 0; \n    width: 100%; height: 100%;\n    z-index: 0;\n    \/* The Magic Line: Fixed Background *\/\n    background-image: url('https:\/\/doms.iitm.ac.in\/wordpress\/wp-content\/uploads\/2026\/02\/1A5A9123-scaled.jpg');\n    background-size: cover;\n    background-position: center;\n    background-attachment: fixed; \/* Creates the scroll-over effect *\/\n}\n\n\/* Dark Gradient Overlay *\/\n#doms-vm-fixed-root .doms-vmf-overlay {\n    position: absolute;\n    top: 0; left: 0;\n    width: 100%; \n    height: 100%;\n    background: linear-gradient(135deg, var(--dvf-bg-overlay) 0%, rgba(0,0,0,0.3) 100%);\n    z-index: 1;\n}\n\n\/* --- CONTENT CONTAINER --- *\/\n#doms-vm-fixed-root .doms-vmf-content-container {\n    position: relative;\n    z-index: 5;\n    max-width: 1300px;\n    width: 90%;\n    margin: 0 auto;\n}\n\n\/* --- HEADER --- *\/\n#doms-vm-fixed-root .doms-vmf-header {\n    text-align: center;\n    margin-bottom: 60px;\n}\n\n#doms-vm-fixed-root .doms-vmf-eyebrow {\n    font-size: 12px;\n    text-transform: uppercase;\n    letter-spacing: 3px;\n    color: var(--dvf-gold);\n    font-weight: 700;\n    display: block;\n    margin-bottom: 15px;\n}\n\n#doms-vm-fixed-root .doms-vmf-title {\n    font-family: 'Playfair Display', serif;\n    font-size: 70px;\n    color: var(--dvf-white);\n    line-height: 1.1;\n    margin-bottom: 20px;\n}\n\n#doms-vm-fixed-root .doms-vmf-divider {\n    width: 100px; height: 4px;\n    background-color: var(--dvf-gold);\n    margin: 0 auto;\n}\n\n\/* --- GRID LAYOUT --- *\/\n#doms-vm-fixed-root .doms-vmf-grid {\n    display: grid;\n    grid-template-columns: 1fr 1.2fr; \/* Asymmetric split *\/\n    gap: 60px;\n    align-items: stretch;\n}\n\n\/* --- LEFT: VISION CARD --- *\/\n#doms-vm-fixed-root .doms-vmf-vision-col {\n    display: flex;\n}\n\n#doms-vm-fixed-root .doms-vmf-vision-card {\n    background: var(--dvf-glass);\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px); \/* Safari support *\/\n    border: 40px solid var(--dvf-border);\n    padding: 60px 40px;\n    border-radius: 4px;\n    position: relative;\n    box-shadow: 0 20px 50px rgba(0,0,0,0.3);\n    border-top: 4px solid var(--dvf-gold);\n    transition: transform 0.3s ease;\n    background: rgba(255, 255, 255, 0.08)\n}\n\n\n\n#doms-vm-fixed-root .doms-vmf-vision-icon {\n    color: var(--dvf-gold);\n    margin-bottom: 30px;\n}\n\n#doms-vm-fixed-root .doms-vmf-card-label {\n    font-family: 'Playfair Display', serif;\n    font-size: 32px;\n    margin-bottom: 25px;\n    color: var(--dvf-white);\n}\n\n#doms-vm-fixed-root .doms-vmf-vision-text {\n    font-size: 20px;\n    line-height: 1.8;\n    color: rgba(255,255,255,0.9);\n    font-weight: 300;\n    font-style: italic;\n}\n\n\/* --- RIGHT: MISSION GRID --- *\/\n#doms-vm-fixed-root .doms-vmf-mission-col {\n    display: grid;\n    grid-template-columns: 1fr 1fr; \/* 2x2 Grid *\/\n    gap: 30px;\n}\n\n#doms-vm-fixed-root .doms-vmf-mission-card {\n    background: rgba(0, 0, 0, 0.4);\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    padding: 30px;\n    border-radius: 4px;\n    transition: all 0.3s ease;\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n    background: rgba(212, 175, 55, 0.1); \/* Gold tint on hover *\/\n    border-color: var(--dvf-gold);\n}\n\n#doms-vm-fixed-root .doms-vmf-mission-card:hover {\n    \n    transform: translateY(-5px);\n}\n\n#doms-vm-fixed-root .doms-vmf-num {\n    font-family: 'Playfair Display', serif;\n    font-size: 44px;\n    color: rgba(255, 255, 255, 0.1);\n    font-weight: 700;\n    margin-bottom: 15px;\n    line-height: 1;\n    transition: color 0.3s;\n    color: var(--dvf-gold);\n    opacity: 1;\n}\n\n\n#doms-vm-fixed-root .doms-vmf-item-title {\n    font-size: 25px;\n    font-weight: 700;\n    color: var(--dvf-white);\n    margin-bottom: 10px;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n\n#doms-vm-fixed-root .doms-vmf-item-desc {\n    font-size: 14px;\n    color: rgba(255, 255, 255, 0.7);\n    line-height: 1.6;\n}\n\n\/* --- RESPONSIVE DESIGN --- *\/\n@media screen and (max-width: 1024px) {\n    #doms-vm-fixed-root .doms-vmf-grid {\n        grid-template-columns: 1fr; \/* Stack vision on top of mission *\/\n        gap: 50px;\n    }\n}\n\n@media screen and (max-width: 768px) {\n    #doms-vm-fixed-root {\n        padding: 60px 0;\n    }\n    \n    #doms-vm-fixed-root .doms-vmf-title {\n        font-size: 36px;\n    }\n    \n    #doms-vm-fixed-root .doms-vmf-mission-col {\n        grid-template-columns: 1fr; \/* 1 column for mission items *\/\n        gap: 20px;\n    }\n    \n    \/* Mobile Background Fallback: 'Fixed' can be jittery on iOS, scroll is safer *\/\n    #doms-vm-fixed-root .doms-vmf-background {\n        background-attachment: scroll; \n    }\n}\n<\/style>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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-d663b15 e-con-full e-flex e-con e-parent\" data-id=\"d663b15\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b292f9f elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"b292f9f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n <div id=\"doms-cv-bento-root\" class=\"doms-cv-bento-wrapper\">\n\n    <div class=\"doms-cv-bento-bg-texture\"><\/div>\n\n    <div class=\"doms-cv-bento-container\">\n        \n        <div class=\"doms-cv-bento-header\">\n            <!--<span class=\"doms-cv-bento-eyebrow\">Our DNA<\/span>-->\n            <h2 class=\"doms-cv-bento-title\">Core <span class=\"doms-cv-bento-gold\">Values<\/span><\/h2>\n            <div class=\"doms-cv-bento-divider\"><\/div>\n            <p class=\"doms-cv-bento-intro\">\n                These five pillars form the bedrock of our culture, guiding every academic pursuit and strategic decision at DoMS IIT Madras.\n            <\/p>\n        <\/div>\n\n        <div class=\"doms-cv-bento-grid\">\n            \n            <div class=\"doms-cv-bento-card doms-card-hero\">\n                <div class=\"doms-cv-bento-img-layer\">\n                    <img decoding=\"async\" data-src=\"https:\/\/doms.iitm.ac.in\/wordpress\/wp-content\/uploads\/2026\/02\/20251108_141527-scaled.jpg\" alt=\"Academic Excellence\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\">\n                    <div class=\"doms-cv-bento-gradient\"><\/div>\n                <\/div>\n                <div class=\"doms-cv-bento-content-overlay bottom-left\">\n                    <div class=\"doms-cv-bento-icon-box glass-icon\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M12 2l10 6-10 6-10-6z\"\/><path d=\"M22 8v8\"\/><path d=\"M12 14v8\"\/><\/svg>\n                    <\/div>\n                    <h3 class=\"doms-cv-bento-card-title text-white large-title\">Academic Excellence<\/h3>\n                    <p class=\"doms-cv-bento-card-desc text-white-80\">Pursuing intellectual rigor & creative inquiry through world-class pedagogy.<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"doms-cv-bento-card doms-card-standard\">\n                <div class=\"doms-cv-bento-icon-box\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n                <\/div>\n                <h3 class=\"doms-cv-bento-card-title\">Integrity & Ethics<\/h3>\n                <p class=\"doms-cv-bento-card-desc\">Upholding the highest standards of conduct and transparency.<\/p>\n                <div class=\"doms-card-hover-line\"><\/div>\n            <\/div>\n\n            <div class=\"doms-cv-bento-card doms-card-standard\">\n                <div class=\"doms-cv-bento-icon-box\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M2 12h20\"\/><\/svg>\n                <\/div>\n                <h3 class=\"doms-cv-bento-card-title\">Dignity & Diversity<\/h3>\n                <p class=\"doms-cv-bento-card-desc\">Respecting diverse backgrounds as a source of strength.<\/p>\n                <div class=\"doms-card-hover-line\"><\/div>\n            <\/div>\n\n            <div class=\"doms-cv-bento-card doms-card-standard\">\n                <div class=\"doms-cv-bento-icon-box\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 4.18 2 8 0 5.5-4.77 10-10 10z\"\/><path d=\"M2 21c0-3 1.85-5.36 5.08-6\"\/><\/svg>\n                <\/div>\n                <h3 class=\"doms-cv-bento-card-title\">Sustainability<\/h3>\n                <p class=\"doms-cv-bento-card-desc\">Unwavering commitment to environmental stewardship.<\/p>\n                <div class=\"doms-card-hover-line\"><\/div>\n            <\/div>\n\n            <div class=\"doms-cv-bento-card doms-card-hero\">\n                <div class=\"doms-cv-bento-img-layer\">\n                    <img decoding=\"async\" data-src=\"https:\/\/doms.iitm.ac.in\/wordpress\/wp-content\/uploads\/2026\/02\/Gemini_Generated_Image_8woc4f8woc4f8woc-scaled.png\" alt=\"Collaborative Leadership\" style=\"transform: scaleX(-1);\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\">\n                    <div class=\"doms-cv-bento-gradient overlay-maroon\"><\/div>\n                <\/div>\n                <div class=\"doms-cv-bento-content-overlay bottom-right\">\n                    <div class=\"doms-cv-bento-icon-box glass-icon\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><\/svg>\n                    <\/div>\n                    <h3 class=\"doms-cv-bento-card-title text-white large-title\">Collaborative Leadership<\/h3>\n                    <p class=\"doms-cv-bento-card-desc text-white-80\">Building inclusive teams & stewardship to solve complex global challenges.<\/p>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n    \/* -------------------------------------------------------------\n       DOMS CORE VALUES - HIGHLY PAID DEV EDITION\n       Theme: Ivory, Maroon, Gold\n       Layout: 1 (Hero) - 3 (Standard) - 1 (Hero)\n       ------------------------------------------------------------- *\/\n\n    \/* Fonts *\/\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap');\n\n    \/* --- VARS --- *\/\n    #doms-cv-bento-root {\n        --dcb-bg: #FDFBF7;\n        --dcb-white: #ffffff;\n        --dcb-maroon: #800000;\n        --dcb-gold: #D4AF37;\n        --dcb-black: #1a1a1a;\n        --dcb-text: #4a4a4a;\n        --dcb-shadow: 0 15px 40px -10px rgba(0,0,0,0.08);\n        \n        width: 100%;\n        box-sizing: border-box;\n        font-family: 'Manrope', sans-serif;\n        background-color: var(--dcb-bg);\n        color: var(--dcb-text);\n        padding: 32px 0;\n        position: relative;\n    }\n\n    #doms-cv-bento-root * { margin: 0; padding: 0; box-sizing: border-box; }\n\n    \/* Background Texture *\/\n    #doms-cv-bento-root .doms-cv-bento-bg-texture {\n        position: absolute;\n        top: 0; left: 0; width: 100%; height: 100%;\n        background-image: radial-gradient(rgba(128, 0, 0, 0.03) 1.5px, transparent 0);\n        background-size: 30px 30px;\n        z-index: 0;\n    }\n\n    \/* Container *\/\n    #doms-cv-bento-root .doms-cv-bento-container {\n        max-width: 1200px;\n        width: 90%;\n        margin: 0 auto;\n        position: relative;\n        z-index: 2;\n    }\n\n    \/* Header *\/\n    #doms-cv-bento-root .doms-cv-bento-header {\n        text-align: center;\n        max-width: 700px;\n        margin: 0 auto 60px auto;\n    }\n\n\n    #doms-cv-bento-root .doms-cv-bento-title {\n        font-family: 'Playfair Display', serif;\n        font-size: 94px;\n        color: var(--dcb-black);\n        line-height: 1.1;\n        margin-bottom: 85px;\n    }\n\n    #doms-cv-bento-root .doms-cv-bento-gold {\n        font-style: italic;\n        color: var(--dcb-maroon);\n    }\n\n    #doms-cv-bento-root .doms-cv-bento-divider {\n        width: 80px; height: 3px;\n        background: var(--dcb-gold);\n        margin: 0 auto 30px auto;\n    }\n\n    #doms-cv-bento-root .doms-cv-bento-intro {\n        font-size: 18px; line-height: 1.7; color: #666; font-weight: 400;\n    }\n\n    \/* --- GRID LAYOUT --- *\/\n    #doms-cv-bento-root .doms-cv-bento-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 30px;\n    }\n\n    \/* CARD BASE *\/\n    #doms-cv-bento-root .doms-cv-bento-card {\n        border-radius: 16px;\n        overflow: hidden;\n        position: relative;\n        transition: all 0.4s ease;\n        background: var(--dcb-white);\n        box-shadow: var(--dcb-shadow);\n        border: 35px solid #AF9164;\n    }\n\n    #doms-cv-bento-root .doms-cv-bento-card:hover {\n        transform: translateY(-8px);\n        box-shadow: 0 25px 50px -12px rgba(0,0,0,0.15);\n    }\n\n    \/* --- HERO CARDS (Rows 1 & 3) --- *\/\n    #doms-cv-bento-root .doms-card-hero {\n        grid-column: span 3; \/* Full Width *\/\n        min-height: 480px;\n        display: flex;\n    }\n\n    #doms-cv-bento-root .doms-cv-bento-img-layer {\n        position: absolute;\n        top: 0; left: 0; width: 100%; height: 100%;\n        z-index: 1;\n    }\n\n    #doms-cv-bento-root .doms-cv-bento-img-layer img {\n        width: 100%; height: 100%; object-fit: cover;\n        transition: transform 0.8s ease;\n        filter: none\n    }\n\n    #doms-cv-bento-root .doms-card-hero:hover img {\n        transform: scale(1.05);\n    }\n\n    #doms-cv-bento-root .doms-cv-bento-gradient {\n        position: absolute;\n        top: 0; left: 0; width: 100%; height: 100%;\n        background: linear-gradient(to bottom, transparent 20%, rgba(0,0,0,0.4) 100%);\n    }\n\n    #doms-cv-bento-root .overlay-maroon {\n        background: linear-gradient(to right, rgba(80,0,0,0.4), rgba(80,0,0,0.2));\n    }\n\n    \/* Content Positioning for Hero *\/\n    #doms-cv-bento-root .doms-cv-bento-content-overlay {\n        position: absolute;\n        z-index: 2;\n        padding: 50px;\n        width: 100%;\n        max-width: 600px;\n    }\n\n    #doms-cv-bento-root .bottom-left {\n        bottom: 0; left: 0;\n    }\n\n    #doms-cv-bento-root .bottom-right {\n        bottom: 0; right: 0;\n        text-align: right;\n        display: flex;\n        flex-direction: column;\n        align-items: flex-end;\n    }\n\n    \/* --- STANDARD CARDS (Row 2) --- *\/\n    #doms-cv-bento-root .doms-card-standard {\n        grid-column: span 1;\n        padding: 40px 30px;\n        display: flex;\n        flex-direction: column;\n        justify-content: flex-start;\n        align-items: flex-start;\n        min-height: 320px;\n    }\n\n    \/* Hover Line Effect *\/\n    #doms-cv-bento-root .doms-card-hover-line {\n        position: absolute;\n        bottom: 0; left: 0;\n        width: 0%;\n        height: 4px;\n        background: var(--dcb-gold);\n        transition: width 0.4s ease;\n    }\n\n    #doms-cv-bento-root .doms-card-standard:hover .doms-card-hover-line {\n        width: 100%;\n    }\n\n    \/* Icons *\/\n    #doms-cv-bento-root .doms-cv-bento-icon-box {\n        width: 60px; height: 60px;\n        background: #F5F5F5;\n        border-radius: 12px;\n        display: flex; align-items: center; justify-content: center;\n        margin-bottom: 25px;\n        color: var(--dcb-maroon);\n        transition: 0.3s;\n    }\n\n    #doms-cv-bento-root .glass-icon {\n        background: rgba(255, 255, 255, 0.2);\n        backdrop-filter: blur(10px);\n        color: var(--dcb-white);\n        border: 1px solid rgba(255,255,255,0.3);\n    }\n\n    #doms-cv-bento-root .doms-cv-bento-card:hover .doms-cv-bento-icon-box {\n        transform: scale(1.1);\n        background: var(--dcb-maroon);\n        color: white;\n    }\n\n    #doms-cv-bento-root svg { width: 28px; height: 28px; }\n\n    \/* Typography *\/\n    #doms-cv-bento-root .doms-cv-bento-card-title {\n        font-family: 'Playfair Display', serif;\n        font-size: 24px;\n        font-weight: 700;\n        margin-bottom: 15px;\n        color: var(--dcb-black);\n    }\n\n    #doms-cv-bento-root .large-title {\n        font-size: 38px;\n        margin-bottom: 10px;\n    }\n\n    #doms-cv-bento-root .doms-cv-bento-card-desc {\n        font-size: 16px;\n        line-height: 1.6;\n        color: #666;\n    }\n\n    #doms-cv-bento-root .text-white { color: white !important; }\n    #doms-cv-bento-root .text-white-80 { color: rgba(255,255,255,0.85) !important; }\n\n    \/* --- RESPONSIVE --- *\/\n    @media screen and (max-width: 1024px) {\n        #doms-cv-bento-root .doms-cv-bento-grid {\n            grid-template-columns: repeat(2, 1fr);\n        }\n        #doms-cv-bento-root .doms-card-hero { grid-column: span 2; }\n        #doms-cv-bento-root .doms-card-standard { grid-column: span 1; }\n    }\n\n    @media screen and (max-width: 768px) {\n        #doms-cv-bento-root .doms-cv-bento-grid {\n            grid-template-columns: 1fr;\n        }\n        #doms-cv-bento-root .doms-card-hero,\n        #doms-cv-bento-root .doms-card-standard { \n            grid-column: span 1; \n        }\n        #doms-cv-bento-root .doms-cv-bento-title { font-size: 42px; }\n        #doms-cv-bento-root .doms-cv-bento-content-overlay { \n            text-align: left; align-items: flex-start; padding: 30px; \n        }\n        #doms-cv-bento-root .large-title { font-size: 28px; }\n    }\n<\/style>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>LEADERSHIP Excellence in Education Department of Management Studies INDIAN INSTITUTE OF TECHNOLOGY MADRAS Transforming aspirational leaders into architects of organizational excellence. We blend rigorous academic research with real-world industry practice to shape the future of global business. Discover Our Vision \u2192 Meet the Faculty Prof. V. Kamakoti Director, IIT Madras Leadership Vision From the Director&#8217;s&hellip;<\/p>\n","protected":false},"author":2,"featured_media":38673,"parent":15137,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-56994","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/doms.iitm.ac.in\/index.php\/wp-json\/wp\/v2\/pages\/56994","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=56994"}],"version-history":[{"count":809,"href":"https:\/\/doms.iitm.ac.in\/index.php\/wp-json\/wp\/v2\/pages\/56994\/revisions"}],"predecessor-version":[{"id":74891,"href":"https:\/\/doms.iitm.ac.in\/index.php\/wp-json\/wp\/v2\/pages\/56994\/revisions\/74891"}],"up":[{"embeddable":true,"href":"https:\/\/doms.iitm.ac.in\/index.php\/wp-json\/wp\/v2\/pages\/15137"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/doms.iitm.ac.in\/index.php\/wp-json\/wp\/v2\/media\/38673"}],"wp:attachment":[{"href":"https:\/\/doms.iitm.ac.in\/index.php\/wp-json\/wp\/v2\/media?parent=56994"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}