{"id":57200,"date":"2025-11-10T12:08:45","date_gmt":"2025-11-10T06:38:45","guid":{"rendered":"https:\/\/doms.iitm.ac.in\/wordpress\/?page_id=57200"},"modified":"2026-05-11T16:16:46","modified_gmt":"2026-05-11T10:46:46","slug":"contact-us-2","status":"publish","type":"page","link":"https:\/\/doms.iitm.ac.in\/index.php\/contact-us-2\/","title":{"rendered":"Contact Us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"57200\" class=\"elementor elementor-57200\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-37a76b5 e-con-full e-flex e-con e-parent\" data-id=\"37a76b5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9ab976b elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"9ab976b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<div id=\"doms-ch-v2-root\" class=\"doms-ch2-wrapper\">\n\n    <div class=\"doms-ch2-bg-container\">\n        <div class=\"doms-ch2-bg-image lazyload\" style=\"background-image:inherit;\" data-bg-image=\"url(&#039;https:\/\/doms.iitm.ac.in\/wp-content\/uploads\/2026\/02\/photo-1451187580459-43490279c0fa.jpg&#039;)\"><\/div>\n        <div class=\"doms-ch2-overlay-gradient\"><\/div>\n        <div class=\"doms-ch2-mesh-grid\"><\/div>\n    <\/div>\n\n    <div class=\"doms-ch2-content\">\n        <div class=\"doms-ch2-text-block\">\n            <div class=\"doms-ch2-badge\">\n                <span class=\"doms-ch2-dot\"><\/span> 24\/7 Support Portal\n            <\/div>\n            \n            <h1 class=\"doms-ch2-title\">\n                Let's Start a <br>\n                <span class=\"doms-ch2-gold-script\">Conversation<\/span>\n            <\/h1>\n            \n            <p class=\"doms-ch2-desc\">\n                From admissions inquiries to corporate partnerships, we are here to facilitate your journey with DoMS IIT Madras.\n            <\/p>\n        <\/div>\n    <\/div>\n\n    <div class=\"doms-ch2-dock-wrapper\">\n        <div class=\"doms-ch2-dock-grid\">\n            \n            <a href=\"https:\/\/doms.iitm.ac.in\/index.php\/home\/people\/faculty\/\" class=\"doms-ch2-card\">\n                <div class=\"doms-ch2-card-glow\"><\/div>\n                <div class=\"doms-ch2-icon-box\">\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\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\n                <\/div>\n                <div class=\"doms-ch2-card-info\">\n                    <span class=\"doms-ch2-label\">People<\/span>\n                    <h3 class=\"doms-ch2-head\">Faculty Directory<\/h3>\n                <\/div>\n                <div class=\"doms-ch2-arrow-circle\">\u2192<\/div>\n            <\/a>\n\n            <a href=\"https:\/\/maps.app.goo.gl\/8RpJa3ey8c26YM968\" class=\"doms-ch2-card active-card\">\n                <div class=\"doms-ch2-card-glow\"><\/div>\n                <div class=\"doms-ch2-icon-box\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n                <\/div>\n                <div class=\"doms-ch2-card-info\">\n                    <span class=\"doms-ch2-label\">Location<\/span>\n                    <h3 class=\"doms-ch2-head\">Find Us on Map<\/h3>\n                <\/div>\n                <div class=\"doms-ch2-arrow-circle\">\u2192<\/div>\n            <\/a>\n\n            <a href=\"mailto:doms@iitm.ac.in\" class=\"doms-ch2-card\">\n                <div class=\"doms-ch2-card-glow\"><\/div>\n                <div class=\"doms-ch2-icon-box\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>\n                <\/div>\n                <div class=\"doms-ch2-card-info\">\n                    <span class=\"doms-ch2-label\">Support<\/span>\n                    <h3 class=\"doms-ch2-head\">General Inquiry<\/h3>\n                <\/div>\n                <div class=\"doms-ch2-arrow-circle\">\u2192<\/div>\n            <\/a>\n\n        <\/div>\n    <\/div>\n\n<\/div>\n<style>\n    \/* -------------------------------------------------------------\n   DOMS CONTACT HERO V2 (DARK OBSIDIAN THEME)\n   Theme: Deep Charcoal (#0a0a0a), Gold (#D4AF37)\n   Style: Fixed Parallax, Dark Glass, High Contrast\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&display=swap');\n\n\/* --- ROOT WRAPPER --- *\/\n#doms-ch-v2-root {\n    \/* Scoped Variables *\/\n    --ch2-bg-dark: #050505;\n    --ch2-gold: #D4AF37;\n    --ch2-white: #ffffff;\n    --ch2-gray: #a0a0a0;\n    --ch2-glass: rgba(20, 20, 20, 0.8);\n    --ch2-border: rgba(255, 255, 255, 0.1);\n    \n    width: 100%;\n    box-sizing: border-box;\n    font-family: 'Manrope', sans-serif;\n    color: var(--ch2-white);\n    position: relative;\n    \/* Large padding to accommodate the floating dock *\/\n    padding-top: 50px;\n    padding-bottom: 90px;\n    overflow: hidden;\n}\n\n#doms-ch-v2-root * {\n    box-sizing: border-box;\n    margin: 0; padding: 0; text-decoration: none; list-style: none;\n}\n\n\/* --- BACKGROUND SYSTEM --- *\/\n#doms-ch-v2-root .doms-ch2-bg-container {\n    position: absolute;\n    top: 0; left: 0; width: 100%; height: 100%;\n    z-index: 0;\n}\n\n#doms-ch-v2-root .doms-ch2-bg-image {\n    filter: none !important;\n    width: 100%; height: 100%;\n    background-size: cover;\n    background-position: center;\n    background-attachment: fixed; \/* Parallax Effect on Desktop *\/\n    filter:  contrast(1.2); \/* Black & White artistic look *\/\n    opacity: 0.9;\n}\n\n#doms-ch-v2-root .doms-ch2-overlay-gradient {\n    position: absolute;\n    top: 0; left: 0; width: 100%; height: 100%;\n    \/* Deep fade from black to transparent *\/\n    background: radial-gradient(circle at center, rgba(10,10,10,0.1) 0%, #050505 100%);\n}\n\n#doms-ch-v2-root .doms-ch2-mesh-grid {\n    position: absolute;\n    top: 0; left: 0; width: 100%; height: 100%;\n    background-image: \n        linear-gradient(rgba(212, 175, 55, 0.05) 1px, transparent 1px),\n        linear-gradient(90deg, rgba(212, 175, 55, 0.05) 1px, transparent 1px);\n    background-size: 60px 60px;\n    opacity: 0.5;\n}\n\n\/* --- CONTENT --- *\/\n#doms-ch-v2-root .doms-ch2-content {\n    position: relative;\n    z-index: 2;\n    max-width: 1200px;\n    width: 90%;\n    margin: 0 auto;\n    text-align: center;\n}\n\n#doms-ch-v2-root .doms-ch2-text-block {\n    max-width: 800px;\n    margin: 0 auto;\n    \/* Smooth Entrance *\/\n    animation: domsFadeInUp 1s ease-out forwards;\n}\n\n\/* Badge *\/\n#doms-ch-v2-root .doms-ch2-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 6px 16px;\n    background: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(255, 255, 255, 0.1);\n    border-radius: 50px;\n    font-size: 12px;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    color: var(--ch2-gold);\n    margin-bottom: 30px;\n}\n\n#doms-ch-v2-root .doms-ch2-dot {\n    width: 6px; height: 6px;\n    background-color: #0f0; \/* Green status dot *\/\n    border-radius: 50%;\n    box-shadow: 0 0 10px #0f0;\n}\n\n\/* Title *\/\n#doms-ch-v2-root .doms-ch2-title {\n    font-family: 'Manrope', sans-serif;\n    font-weight: 900 !important;\n    font-size: 80px; \/* Massive *\/\n    line-height: 1;\n    margin-bottom: 30px;\n    color: var(--ch2-white);\n}\n\n#doms-ch-v2-root .doms-ch2-gold-script {\n    font-family: 'Playfair Display', serif;\n    font-style: italic;\n    font-weight: 400;\n    color: var(--ch2-gold);\n    display: block; \/* Force new line logic *\/\n}\n\n#doms-ch-v2-root .doms-ch2-desc {\n    font-size: 18px;\n    line-height: 1.6;\n    color: var(--ch2-gray);\n    max-width: 600px;\n    margin: 0 auto;\n}\n\n\/* --- OBSIDIAN DOCK --- *\/\n#doms-ch-v2-root .doms-ch2-dock-wrapper {\n    position: relative;\n    z-index: 3;\n    max-width: 1100px;\n    width: 90%;\n    margin: 0 auto;\n    \/* Pull dock up to bridge sections *\/\n    margin-bottom: -70px;\n    margin-top: 60px;\n}\n\n#doms-ch-v2-root .doms-ch2-dock-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n}\n\n\/* Card Style *\/\n#doms-ch-v2-root .doms-ch2-card {\n    background: #111; \/* Fallback *\/\n    background: linear-gradient(145deg, rgba(30,30,30,0.9), rgba(10,10,10,0.95));\n    border: 1px solid var(--ch2-border);\n    padding: 30px 25px;\n    border-radius: 12px;\n    display: flex;\n    align-items: center;\n    gap: 20px;\n    transition: all 0.4s ease;\n    cursor: pointer;\n    position: relative;\n    overflow: hidden;\n    box-shadow: 0 20px 50px rgba(0,0,0,0.5);\n}\n\n#doms-ch-v2-root .active-card {\n    border-color: var(--ch2-gold);\n    box-shadow: 0 0 30px rgba(212, 175, 55, 0.1);\n}\n\n#doms-ch-v2-root .doms-ch2-card:hover {\n    transform: translateY(-10px);\n    border-color: var(--ch2-white);\n}\n\n\/* Glow Effect *\/\n#doms-ch-v2-root .doms-ch2-card-glow {\n    position: absolute;\n    top: 0; left: 0; width: 100%; height: 100%;\n    background: radial-gradient(circle at top right, rgba(212, 175, 55, 0.1), transparent 60%);\n    opacity: 0;\n    transition: opacity 0.4s;\n}\n\n#doms-ch-v2-root .doms-ch2-card:hover .doms-ch2-card-glow {\n    opacity: 1;\n}\n\n\/* Icon *\/\n#doms-ch-v2-root .doms-ch2-icon-box {\n    width: 50px; height: 50px;\n    background: rgba(255,255,255,0.05);\n    border-radius: 10px;\n    display: flex; align-items: center; justify-content: center;\n    color: var(--ch2-gold);\n    flex-shrink: 0;\n    transition: 0.3s;\n}\n\n#doms-ch-v2-root .doms-ch2-card:hover .doms-ch2-icon-box {\n    background: var(--ch2-gold);\n    color: #000;\n}\n\n#doms-ch-v2-root .doms-ch2-icon-box svg { width: 24px; height: 24px; }\n\n\/* Text *\/\n#doms-ch-v2-root .doms-ch2-card-info {\n    flex-grow: 1;\n}\n\n#doms-ch-v2-root .doms-ch2-label {\n    font-size: 10px;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    color: var(--ch2-gray);\n    display: block;\n    margin-bottom: 5px;\n}\n\n#doms-ch-v2-root .doms-ch2-head {\n    font-family: 'Playfair Display', serif;\n    font-size: 20px;\n    color: var(--ch2-white);\n    margin: 0;\n}\n\n\/* Arrow Button *\/\n#doms-ch-v2-root .doms-ch2-arrow-circle {\n    width: 30px; height: 30px;\n    border: 1px solid var(--ch2-gray);\n    border-radius: 50%;\n    display: flex; align-items: center; justify-content: center;\n    color: var(--ch2-gray);\n    font-size: 14px;\n    transition: 0.3s;\n}\n\n#doms-ch-v2-root .doms-ch2-card:hover .doms-ch2-arrow-circle {\n    border-color: var(--ch2-white);\n    color: var(--ch2-white);\n    transform: rotate(-45deg);\n}\n\n\/* --- ANIMATION --- *\/\n@keyframes domsFadeInUp {\n    from { opacity: 0; transform: translateY(40px); }\n    to { opacity: 1; transform: translateY(0); }\n}\n\n\/* --- RESPONSIVE --- *\/\n@media screen and (max-width: 1024px) {\n    #doms-ch-v2-root .doms-ch2-title { font-size: 56px; }\n}\n\n@media screen and (max-width: 768px) {\n    #doms-ch-v2-root {\n        padding-top: 120px;\n        padding-bottom: 80px;\n    }\n    \n    #doms-ch-v2-root .doms-ch2-title {\n        font-size: 42px;\n    }\n    \n    #doms-ch-v2-root .doms-ch2-dock-container {\n        margin-bottom: 0; \/* No overlap on mobile *\/\n    }\n    \n    #doms-ch-v2-root .doms-ch2-dock-grid {\n        grid-template-columns: 1fr; \/* Vertical Stack *\/\n        gap: 15px;\n    }\n    \n    #doms-ch-v2-root .doms-ch2-bg-image {\n        background-attachment: scroll; \/* Fix for mobile jitter *\/\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    <style>\n    \/* ==========================================================================\n   1. VARIABLES & RESET\n   ========================================================================== *\/\n   :root {\n    --doms-maroon: #560000;\n    --doms-maroon-dark: #2a0000;\n    --doms-maroon-gradient: linear-gradient(135deg, #560000 0%, #350000 100%);\n    --doms-gold: #C5A059;\n    --doms-gold-light: #F2D28C;\n    --doms-gold-metallic: linear-gradient(45deg, #C5A059, #F2D28C, #C5A059);\n    --doms-cream: #F9F8F4;\n    --doms-white: #ffffff;\n    --doms-text-dark: #1a1a1a;\n    --doms-text-grey: #555555;\n   \n    --font-heading: 'Playfair Display', serif;\n    --font-body: 'Lato', sans-serif;\n    --font-accent: 'Cinzel', serif;\n   \n    --shadow-soft: 0 10px 30px rgba(0,0,0,0.05);\n    --shadow-card: 0 15px 35px rgba(0,0,0,0.1);\n    --shadow-gold-glow: 0 0 20px rgba(197, 160, 89, 0.3);\n}\n\n\n* { margin: 0; padding: 0; box-sizing: border-box; }\nbody { font-family: var(--font-body); color: var(--doms-text-dark); background-color: var(--doms-white); overflow-x: hidden; line-height: 1.6; }\n\n\n\/* Typography *\/\nh1, h2, h3, h4, h5 { font-family: var(--font-heading); color: var(--doms-maroon); font-weight: 700; }\n.doms-stylish-char { font-family: var(--font-accent); color: var(--doms-gold); font-size: 1.4em; margin-right: 2px; }\n.doms-gold-text-highlight { color: var(--doms-gold); font-style: italic; }\n.doms-text-center { text-align: center; }\n.doms-text-white { color: var(--doms-white); }\n.doms-text-light { color: rgba(255,255,255,0.8); }\n\n\n\/* Layout *\/\n.doms-container { width: 90%; max-width: 1200px; margin: 0 auto; padding: 0 15px; }\n.doms-bg-cream { background-color: var(--doms-cream); }\n\n\n\/* Common Components *\/\n.doms-section-subtitle-label { font-family: var(--font-accent); color: var(--doms-gold); text-transform: uppercase; letter-spacing: 2px; font-size: 0.9rem; margin-bottom: 10px; display: block; }\n.doms-section-main-heading { font-size: 2.5rem; margin-bottom: 20px; }\n.doms-divider-center-gold { width: 80px; height: 3px; background: var(--doms-gold); margin: 0 auto 40px; }\n.doms-divider-gold-horizontal { width: 100px; height: 3px; background: var(--doms-gold); margin: 0 auto 30px; }\n\n\n\/* Buttons *\/\n.doms-btn-gold-outline { border: 1px solid var(--doms-gold); color: var(--doms-gold); padding: 8px 20px; border-radius: 50px; text-decoration: none; font-weight: bold; transition: 0.3s; }\n.doms-btn-gold-outline:hover { background: var(--doms-gold); color: var(--doms-white); }\n\n\n.doms-btn-gold-solid-large {\n    background: var(--doms-gold-metallic); color: var(--doms-maroon); padding: 15px 40px;\n    font-weight: bold; border-radius: 4px; text-decoration: none; text-transform: uppercase;\n    transition: 0.3s; display: inline-block; cursor: pointer; border: none;\n}\n.doms-btn-gold-solid-large:hover { transform: translateY(-3px); box-shadow: var(--shadow-gold-glow); }\n\n\n\/* Animations *\/\n.fade-in-element { opacity: 0; transform: translateY(30px); transition: opacity 0.8s ease, transform 0.8s ease; }\n.delay-100 { transition-delay: 0.1s; } .delay-200 { transition-delay: 0.2s; }\n.delay-300 { transition-delay: 0.3s; } .delay-400 { transition-delay: 0.4s; }\n\n\n\/* ==========================================================================\n   2. NAVBAR\n   ========================================================================== *\/\n.doms-contact-navbar {\n    padding: 15px 0; background: var(--doms-white); position: sticky; top: 0; z-index: 1000;\n    border-bottom: 3px solid var(--doms-gold); box-shadow: var(--shadow-soft);\n}\n.doms-nav-flex-wrapper { display: flex; justify-content: space-between; align-items: center; }\n\n\n.doms-brand-identity { display: flex; align-items: center; gap: 15px; }\n.doms-logo-box-square {\n    background: var(--doms-maroon); color: var(--doms-gold); font-family: var(--font-accent);\n    padding: 10px 15px; font-weight: bold; font-size: 1.2rem; border-radius: 2px;\n}\n.doms-brand-text-group { display: flex; flex-direction: column; line-height: 1.1; }\n.doms-brand-main-text { font-family: var(--font-heading); font-weight: 700; color: var(--doms-maroon); font-size: 1.1rem; }\n.doms-brand-sub-text { font-size: 0.8rem; color: var(--doms-gold); text-transform: uppercase; letter-spacing: 1px; font-weight: bold; }\n\n\n.doms-nav-link-list { display: flex; gap: 30px; list-style: none; align-items: center; margin: 0; padding: 0; }\n.doms-nav-item { text-decoration: none; color: var(--doms-text-dark); font-weight: 600; text-transform: uppercase; font-size: 0.85rem; transition: 0.3s; }\n.doms-nav-item:hover, .doms-nav-item.active-page { color: var(--doms-maroon); border-bottom: 2px solid var(--doms-gold); }\n.doms-mobile-menu-trigger { display: none; font-size: 1.5rem; color: var(--doms-maroon); cursor: pointer; }\n\n\n\/* ==========================================================================\n   3. HERO SECTION\n   ========================================================================== *\/\n.doms-contact-hero-section {\n    height: 70vh; background: var(--doms-maroon-gradient); position: relative;\n    display: flex; align-items: center; justify-content: center; text-align: center;\n    color: var(--doms-white); overflow: hidden;\n}\n.doms-hero-overlay-gradient {\n    position: absolute; inset: 0;\n    background-image:\n        linear-gradient(rgba(86,0,0,0.85), rgba(42,0,0,0.9)),\n        repeating-linear-gradient(45deg, rgba(197, 160, 89, 0.05) 0px, rgba(197, 160, 89, 0.05) 1px, transparent 1px, transparent 20px);\n    z-index: 2;\n}\n.doms-hero-content-centered { position: relative; z-index: 3; max-width: 800px; }\n\n\n.doms-hero-pre-title { font-family: var(--font-accent); letter-spacing: 4px; color: var(--doms-gold); margin-bottom: 15px; text-transform: uppercase; }\n.doms-hero-main-title { font-size: 4.5rem; line-height: 1.1; margin-bottom: 20px; font-weight: 700; }\n.doms-hero-description { font-size: 1.2rem; color: rgba(255,255,255,0.85); margin-bottom: 40px; }\n\n\n.doms-hero-quick-links { display: flex; justify-content: center; gap: 30px; flex-wrap: wrap; }\n.doms-quick-link-item { color: var(--doms-white); text-decoration: none; font-weight: bold; font-size: 0.9rem; transition: 0.3s; display: flex; align-items: center; gap: 8px; }\n.doms-quick-link-item i { color: var(--doms-gold); font-size: 1.1rem; }\n.doms-quick-link-item:hover { color: var(--doms-gold); }\n\n\n.doms-hero-bg-image {\n    position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;\n    background: #222; opacity: 0.5; background-size: cover; background-position: center;\n    display: flex; align-items: center; justify-content: center; color: rgba(255,255,255,0.1); font-weight: bold;\n}\n.doms-hero-bg-image::after { content: attr(data-label); }\n\n\n\/* ==========================================================================\n   4. DIRECTORY SECTION (Cards)\n   ========================================================================== *\/\n.doms-directory-section { padding: 100px 0; background: var(--doms-white); }\n.doms-directory-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; margin-top: 50px; }\n\n\n.doms-contact-card {\n    background: var(--doms-white); padding: 40px 30px; text-align: center; border-radius: 8px;\n    box-shadow: var(--shadow-soft); border: 1px solid #eee; transition: 0.3s; position: relative; overflow: hidden;\n}\n.doms-contact-card:hover { transform: translateY(-10px); box-shadow: var(--shadow-card); border-bottom: 4px solid var(--doms-maroon); }\n\n\n.doms-card-icon-circle {\n    width: 70px; height: 70px; background: var(--doms-cream); border-radius: 50%;\n    display: flex; align-items: center; justify-content: center; margin: 0 auto 20px;\n    font-size: 1.8rem; color: var(--doms-maroon);\n}\n.doms-contact-card h3 { font-size: 1.3rem; margin-bottom: 10px; color: var(--doms-text-dark); }\n.doms-contact-desc { font-size: 0.9rem; color: var(--doms-text-grey); margin-bottom: 20px; min-height: 45px; }\n\n\n.doms-contact-details { border-top: 1px dashed #eee; padding-top: 15px; display: flex; flex-direction: column; gap: 8px; }\n.doms-contact-details a, .doms-contact-details span { color: var(--doms-maroon); text-decoration: none; font-size: 0.9rem; font-weight: bold; }\n.doms-contact-details i { color: var(--doms-gold); width: 20px; }\n\n\n\/* ==========================================================================\n   5. MESSAGE SECTION (Split)\n   ========================================================================== *\/\n.doms-message-section { padding: 100px 0; }\n.doms-message-layout { display: flex; gap: 60px; align-items: stretch; }\n\n\n.doms-form-column { flex: 1.2; background: var(--doms-white); padding: 40px; border-radius: 10px; box-shadow: var(--shadow-card); }\n.doms-form-desc { margin-bottom: 30px; color: var(--doms-text-grey); }\n\n\n.doms-input-group { position: relative; margin-bottom: 25px; }\n.doms-input-group input, .doms-input-group textarea, .doms-input-group select {\n    width: 100%; padding: 12px 15px; border: 1px solid #ddd; border-radius: 4px;\n    background: transparent; font-size: 1rem; outline: none; transition: 0.3s;\n}\n.doms-input-group label {\n    position: absolute; left: 15px; top: 12px; color: #999; font-size: 0.9rem;\n    pointer-events: none; transition: 0.3s; background: var(--doms-white); padding: 0 5px;\n}\n.doms-input-group input:focus, .doms-input-group textarea:focus, .doms-input-group select:focus { border-color: var(--doms-maroon); }\n.doms-input-group input:focus ~ label, .doms-input-group input:valid ~ label,\n.doms-input-group textarea:focus ~ label, .doms-input-group textarea:valid ~ label {\n    top: -10px; font-size: 0.75rem; color: var(--doms-maroon); font-weight: bold;\n}\n\n\n.doms-visual-column { flex: 0.8; display: flex; align-items: center; }\n.doms-image-card-stacked { position: relative; width: 100%; height: 100%; min-height: 400px; }\n.doms-stack-img {\n    position: absolute; width: 100%; height: 85%; top: 0; left: 0; background: #ccc;\n    border-radius: 8px; background-size: cover; background-position: center;\n    background-image: linear-gradient(135deg, #e0e0e0, #bbb); display: flex; align-items: center; justify-content: center; color: #777; font-weight: bold;\n}\n.doms-stack-img::after { content: attr(data-label); }\n\n\n.doms-stack-overlay-box {\n    position: absolute; bottom: 0; right: -20px; width: 80%; background: var(--doms-maroon);\n    color: var(--doms-white); padding: 30px; border-radius: 8px; box-shadow: var(--shadow-card);\n    border: 4px solid var(--doms-white);\n}\n.doms-stack-overlay-box h4 { color: var(--doms-gold); margin-bottom: 15px; font-size: 1.2rem; }\n.doms-stack-overlay-box ul { list-style: none; padding: 0; margin-bottom: 20px; }\n.doms-stack-overlay-box li { margin-bottom: 8px; font-size: 0.9rem; }\n.doms-social-icons-row { display: flex; gap: 15px; }\n.doms-social-icons-row a { color: var(--doms-white); font-size: 1.2rem; transition: 0.3s; }\n.doms-social-icons-row a:hover { color: var(--doms-gold); }\n\n\n\/* ==========================================================================\n   6. MAP SECTION\n   ========================================================================== *\/\n.doms-map-section { padding: 80px 0; background: var(--doms-maroon-dark); color: var(--doms-white); }\n.doms-map-header { text-align: center; margin-bottom: 40px; }\n\n\n.doms-interactive-map-wrapper { position: relative; height: 450px; border-radius: 8px; overflow: hidden; box-shadow: var(--shadow-card); border: 2px solid var(--doms-gold); }\n.doms-map-placeholder-img {\n    width: 100%; height: 100%; background: #222; position: relative;\n    background-image: linear-gradient(135deg, #333, #111);\n    display: flex; align-items: center; justify-content: center; color: rgba(255,255,255,0.2); font-size: 1.5rem;\n}\n.doms-map-placeholder-img::after { content: attr(data-label); }\n\n\n\/* Map Marker Animation *\/\n.doms-map-marker { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; flex-direction: column; align-items: center; }\n.doms-marker-dot { width: 15px; height: 15px; background: var(--doms-gold); border-radius: 50%; z-index: 2; border: 2px solid var(--doms-white); }\n.doms-marker-pulse {\n    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);\n    width: 40px; height: 40px; background: rgba(197, 160, 89, 0.4); border-radius: 50%;\n    animation: mapPulse 2s infinite; z-index: 1;\n}\n@keyframes mapPulse { 0% { transform: translate(-50%, -50%) scale(1); opacity: 0.8; } 100% { transform: translate(-50%, -50%) scale(2.5); opacity: 0; } }\n.doms-marker-label { margin-top: 10px; background: var(--doms-white); color: var(--doms-maroon); padding: 5px 10px; border-radius: 4px; font-weight: bold; font-size: 0.8rem; box-shadow: 0 5px 10px rgba(0,0,0,0.3); }\n\n\n.doms-address-overlay {\n    position: absolute; bottom: 20px; left: 20px; background: rgba(255,255,255,0.95);\n    padding: 20px; border-radius: 6px; max-width: 300px; color: var(--doms-text-dark);\n    box-shadow: 0 10px 20px rgba(0,0,0,0.3);\n}\n.doms-address-overlay i { color: var(--doms-maroon); font-size: 1.5rem; margin-bottom: 10px; display: block; }\n.doms-address-overlay p { font-size: 0.9rem; margin-bottom: 10px; color: #555; }\n.doms-direction-link { color: var(--doms-gold); font-weight: bold; text-decoration: none; font-size: 0.9rem; }\n\n\n\/* ==========================================================================\n   7. FOOTER\n   ========================================================================== *\/\n.doms-contact-footer { padding: 40px 0; background: #111; color: var(--doms-white); border-top: 5px solid var(--doms-gold); }\n.doms-footer-content-centered { text-align: center; }\n.doms-footer-brand h2 { color: var(--doms-gold); font-family: var(--font-heading); margin-bottom: 5px; }\n.doms-footer-brand p { font-size: 0.9rem; color: #ccc; margin-bottom: 20px; letter-spacing: 1px; }\n.doms-footer-copyright-text { font-size: 0.8rem; color: #777; border-top: 1px solid #333; padding-top: 20px; }\n\n\n\/* ==========================================================================\n   8. RESPONSIVE MEDIA QUERIES\n   ========================================================================== *\/\n@media (max-width: 900px) {\n    .doms-hero-main-title { font-size: 3.5rem; }\n   \n    .doms-message-layout { flex-direction: column; }\n    .doms-stack-overlay-box { position: relative; right: 0; bottom: 0; width: 100%; margin-top: -20px; }\n   \n    .doms-nav-link-list { display: none; flex-direction: column; background: var(--doms-white); position: absolute; top: 100%; width: 100%; left: 0; padding: 20px; box-shadow: var(--shadow-card); }\n    .doms-nav-link-list.active-mobile { display: flex; }\n    .doms-mobile-menu-trigger { display: block; color: var(--doms-maroon); font-size: 1.5rem; }\n}\n\n<\/style>\n\n\n     <script>\n        \/\/ Animation Observer\n        const observer = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n                if(entry.isIntersecting) {\n                    entry.target.style.opacity = 1;\n                    entry.target.style.transform = 'translateY(0)';\n                }\n            });\n        });\n        document.querySelectorAll('.fade-in-element').forEach(el => observer.observe(el));\n\n\n        \/\/ Form Animation\n        const inputs = document.querySelectorAll('.doms-input-group input, .doms-input-group textarea');\n        inputs.forEach(input => {\n            input.addEventListener('focus', () => {\n                input.parentNode.classList.add('focused');\n            });\n            input.addEventListener('blur', () => {\n                if (input.value === \"\") {\n                    input.parentNode.classList.remove('focused');\n                }\n            });\n        });\n\n\n        \/\/ Mobile Menu\n        function toggleMenu() {\n            document.querySelector('.doms-nav-link-list').classList.toggle('active-mobile');\n        }\n    <\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d821f45 e-con-full e-flex e-con e-parent\" data-id=\"d821f45\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0f4d0f7 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"0f4d0f7\" 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\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<!--###########################################-->\r\n\r\n<div id=\"doms-dir-contact-root\" class=\"doms-dirc-wrapper\">\r\n\r\n    <div class=\"doms-dirc-bg-pattern\">\r\n        <svg width=\"100%\" height=\"100%\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <defs>\r\n                <pattern id=\"doms-topo-pat\" x=\"0\" y=\"0\" width=\"100\" height=\"100\" patternUnits=\"userSpaceOnUse\">\r\n                    <path d=\"M0 100 Q 25 50 50 100 T 100 100\" fill=\"none\" stroke=\"rgba(128, 0, 0, 0.03)\" stroke-width=\"2\"\/>\r\n                    <path d=\"M0 50 Q 25 0 50 50 T 100 50\" fill=\"none\" stroke=\"rgba(212, 175, 55, 0.05)\" stroke-width=\"2\"\/>\r\n                <\/pattern>\r\n            <\/defs>\r\n            <rect x=\"0\" y=\"0\" width=\"100%\" height=\"100%\" fill=\"url(#doms-topo-pat)\" \/>\r\n        <\/svg>\r\n    <\/div>\r\n\r\n    <div class=\"doms-dirc-container\">\r\n        \r\n        <div class=\"doms-dirc-header\">\r\n            <span class=\"doms-dirc-eyebrow\">Reach the Right Team<\/span>\r\n            <h2 class=\"doms-dirc-title\">Department <span class=\"doms-dirc-highlight\">Directory<\/span><\/h2>\r\n            <div class=\"doms-dirc-divider\"><\/div>\r\n            <p class=\"doms-dirc-desc\">Connect directly with the specific administrative bodies managing our academic, research, and corporate relations.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"doms-dirc-grid\">\r\n\r\n            <div class=\"doms-dirc-card\">\r\n                <div class=\"doms-dirc-card-top\">\r\n                    <div class=\"doms-dirc-icon-box\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"\/><circle cx=\"12\" cy=\"7\" r=\"4\"\/><\/svg>\r\n                    <\/div>\r\n                    <h3 class=\"doms-dirc-card-title\">MBA Admissions<\/h3>\r\n                <\/div>\r\n                \r\n                <p class=\"doms-dirc-card-text\">\r\n                    For queries regarding MBA eligibility, application process.\r\n                <\/p>\r\n\r\n                <div class=\"doms-dirc-contact-group\">\r\n                    <a href=\"mailto:doms@iitm.ac.in\" class=\"doms-dirc-contact-link\">\r\n                        <span class=\"doms-dirc-c-icon\">\u2709<\/span>\r\n                        <span class=\"doms-dirc-c-text\">msoffice@iitm.ac.in<\/span>\r\n                    <\/a>\r\n                    <a href=\"tel:+914422574550\" class=\"doms-dirc-contact-link\">\r\n                        <span class=\"doms-dirc-c-icon\">\ud83d\udcde<\/span>\r\n                        <span class=\"doms-dirc-c-text\">+91 44 2257 5551<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                \r\n                <div class=\"doms-dirc-card-accent\"><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"doms-dirc-card\">\r\n                <div class=\"doms-dirc-card-top\">\r\n                    <div class=\"doms-dirc-icon-box\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\"\/><path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\"\/><\/svg>\r\n                    <\/div>\r\n                    <h3 class=\"doms-dirc-card-title\">Research (MS\/PhD)<\/h3>\r\n                <\/div>\r\n                \r\n                <p class=\"doms-dirc-card-text\">\r\n                    For inquiries about doctoral programs, research proposals, funding opportunities, and seminars.\r\n                <\/p>\r\n\r\n                <div class=\"doms-dirc-contact-group\">\r\n                    <a href=\"mailto:msresearch@iitm.ac.in\" class=\"doms-dirc-contact-link\">\r\n                        <span class=\"doms-dirc-c-icon\">\u2709<\/span>\r\n                        <span class=\"doms-dirc-c-text\">msresearch@iitm.ac.in<\/span>\r\n                    <\/a>\r\n                    <a href=\"tel:+914422574587\" class=\"doms-dirc-contact-link\">\r\n                        <span class=\"doms-dirc-c-icon\">\ud83d\udcde<\/span>\r\n                        <span class=\"doms-dirc-c-text\">+91 44 2257 4550<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <div class=\"doms-dirc-card-accent\"><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"doms-dirc-card\">\r\n                <div class=\"doms-dirc-card-top\">\r\n                    <div class=\"doms-dirc-icon-box\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"\/><path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\"\/><\/svg>\r\n                    <\/div>\r\n                    <h3 class=\"doms-dirc-card-title\">Placement Cell<\/h3>\r\n                <\/div>\r\n                \r\n                <p class=\"doms-dirc-card-text\">\r\n                    For recruiters and corporate partners looking to hire talent, internships, and industry projects.\r\n                <\/p>\r\n\r\n                <div class=\"doms-dirc-contact-group\">\r\n                    <a href=\"mailto:placement@doms.iitm.ac.in\" class=\"doms-dirc-contact-link\">\r\n                        <span class=\"doms-dirc-c-icon\">\u2709<\/span>\r\n                        <span class=\"doms-dirc-c-text\">domspl@smail.iitm.ac.in<\/span>\r\n                    <\/a>\r\n                    <a href=\"mailto:placement@doms.iitm.ac.in\" class=\"doms-dirc-contact-link\">\r\n                        <span class=\"doms-dirc-c-icon\">\u2709<\/span>\r\n                        <span class=\"doms-dirc-c-text\">mbapl@smail.iitm.ac.in<\/span>\r\n                    <\/a>\r\n                    <a href=\"tel:+919052662303\" class=\"doms-dirc-contact-link\">\r\n                        <span class=\"doms-dirc-c-icon\">\ud83d\udcde<\/span>\r\n                        <span class=\"doms-dirc-c-text\">+91 90526 62303<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <div class=\"doms-dirc-card-accent\"><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"doms-dirc-card\">\r\n                <div class=\"doms-dirc-card-top\">\r\n                    <div class=\"doms-dirc-icon-box\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"8\" r=\"7\"\/><polyline points=\"8.21 13.89 7 23 12 20 17 23 15.79 13.88\"\/><\/svg>\r\n                    <\/div>\r\n                    <h3 class=\"doms-dirc-card-title\">Executive MBA<\/h3>\r\n                <\/div>\r\n                \r\n                <p class=\"doms-dirc-card-text\">\r\n                    For queries regarding EMBA eligibility, application process.\r\n                    \r\n                    \r\n                <\/p>\r\n\r\n                <div class=\"doms-dirc-contact-group\">\r\n                    <a href=\"mailto:emba@iitm.ac.in\" class=\"doms-dirc-contact-link\">\r\n                        <span class=\"doms-dirc-c-icon\">\u2709<\/span>\r\n                        <span class=\"doms-dirc-c-text\">emba@iitm.ac.in<\/span>\r\n                    <\/a>\r\n                    <a href=\"tel:+914422575550\" class=\"doms-dirc-contact-link\">\r\n                        <span class=\"doms-dirc-c-icon\">\ud83d\udcde<\/span>\r\n                        <span class=\"doms-dirc-c-text\">+91 44 2257 5558<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <div class=\"doms-dirc-card-accent\"><\/div>\r\n            <\/div>\r\n            \r\n            \r\n            <div class=\"doms-dirc-card\">\r\n                <div class=\"doms-dirc-card-top\">\r\n                    <div class=\"doms-dirc-icon-box\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"8\" r=\"7\"\/><polyline points=\"8.21 13.89 7 23 12 20 17 23 15.79 13.88\"\/><\/svg>\r\n                    <\/div>\r\n                    <h3 class=\"doms-dirc-card-title\">PGPEX-VLM<\/h3>\r\n                <\/div>\r\n                \r\n                <p class=\"doms-dirc-card-text\">\r\n                    \r\n                    \r\n                    For queries regarding PGPEX-VLM eligibility, application process.\r\n                <\/p>\r\n\r\n                <div class=\"doms-dirc-contact-group\">\r\n                    <a href=\"mailto:emba@iitm.ac.in\" class=\"doms-dirc-contact-link\">\r\n                        <span class=\"doms-dirc-c-icon\">\u2709<\/span>\r\n                        <span class=\"doms-dirc-c-text\">vlm@iitm.ac.in<\/span>\r\n                    <\/a>\r\n                    <a href=\"tel:+914422575550\" class=\"doms-dirc-contact-link\">\r\n                        <span class=\"doms-dirc-c-icon\">\ud83d\udcde<\/span>\r\n                        <span class=\"doms-dirc-c-text\">+91 44 2257 4570<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <div class=\"doms-dirc-card-accent\"><\/div>\r\n            <\/div>\r\n            \r\n            \r\n            <div class=\"doms-dirc-card\">\r\n                <div class=\"doms-dirc-card-top\">\r\n                    <div class=\"doms-dirc-icon-box\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"8\" r=\"7\"\/><polyline points=\"8.21 13.89 7 23 12 20 17 23 15.79 13.88\"\/><\/svg>\r\n                    <\/div>\r\n                    <h3 class=\"doms-dirc-card-title\">Management Development Program<\/h3>\r\n                <\/div>\r\n                \r\n                <p class=\"doms-dirc-card-text\">\r\n                    For queries regarding MDP eligibility, application process.\r\n                <\/p>\r\n\r\n                <div class=\"doms-dirc-contact-group\">\r\n                    <a href=\"mailto:emba@iitm.ac.in\" class=\"doms-dirc-contact-link\">\r\n                        <span class=\"doms-dirc-c-icon\">\u2709<\/span>\r\n                        <span class=\"doms-dirc-c-text\">domsld@smail.iitm.ac.in<\/span>\r\n                    <\/a>\r\n                    <a href=\"tel:+914422575550\" class=\"doms-dirc-contact-link\">\r\n                        <span class=\"doms-dirc-c-icon\">\ud83d\udcde<\/span>\r\n                        <span class=\"doms-dirc-c-text\">+91 44 2257 4587<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <div class=\"doms-dirc-card-accent\"><\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n<style>\/* -------------------------------------------------------------\r\n   DOMS DEPARTMENT DIRECTORY STYLES\r\n   Theme: Ivory (#F9F7F2), Maroon (#800000), Gold (#D4AF37)\r\n   Style: Interactive Grid, Clean Typography\r\n   ------------------------------------------------------------- *\/\r\n\r\n\/* Import Fonts *\/\r\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&display=swap');\r\n\r\n\/* --- ROOT WRAPPER --- *\/\r\n#doms-dir-contact-root {\r\n    \/* Scoped Variables *\/\r\n    --ddc-bg: #F9F7F2;       \/* Light Ivory *\/\r\n    --ddc-white: #ffffff;\r\n    --ddc-maroon: #800000;\r\n    --ddc-gold: #D4AF37;\r\n    --ddc-black: #1a1a1a;\r\n    --ddc-gray: #555555;\r\n    --ddc-border: rgba(0,0,0,0.05);\r\n    --ddc-shadow: 0 10px 30px rgba(0,0,0,0.05);\r\n    \r\n    width: 100%;\r\n    max-width: 100%;\r\n    box-sizing: border-box;\r\n    font-family: 'Manrope', sans-serif;\r\n    background-color: var(--ddc-bg);\r\n    color: var(--ddc-black);\r\n    padding: 30px 0;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n#doms-dir-contact-root * {\r\n    box-sizing: border-box;\r\n    margin: 0; padding: 0; text-decoration: none; list-style: none;\r\n}\r\n\r\n\/* --- BACKGROUND DECORATION --- *\/\r\n#doms-dir-contact-root .doms-dirc-bg-pattern {\r\n    position: absolute;\r\n    top: 0; left: 0; width: 100%; height: 100%;\r\n    z-index: 0;\r\n    pointer-events: none;\r\n    opacity: 01;\r\n}\r\n\r\n\/* --- MAIN CONTAINER --- *\/\r\n#doms-dir-contact-root .doms-dirc-container {\r\n    max-width: 1200px;\r\n    width: 90%;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n\/* --- HEADER --- *\/\r\n#doms-dir-contact-root .doms-dirc-header {\r\n    text-align: center;\r\n    \/*padding: 0;*\/\r\n    max-width: 900px;\r\n    margin: 0 auto 60px auto;\r\n}\r\n\r\n#doms-dir-contact-root .doms-dirc-eyebrow {\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    letter-spacing: 2px;\r\n    color: var(--ddc-maroon);\r\n    display: block;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n#doms-dir-contact-root .doms-dirc-title {\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: 80px;\r\n    color: var(--ddc-black);\r\n    line-height: 1.1;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n#doms-dir-contact-root .doms-dirc-highlight {\r\n    color: var(--ddc-gold);\r\n    font-style: italic;\r\n}\r\n\r\n#doms-dir-contact-root .doms-dirc-divider {\r\n    width: 60px; height: 3px;\r\n    background-color: var(--ddc-maroon);\r\n    margin: 0 auto 25px auto;\r\n}\r\n\r\n#doms-dir-contact-root .doms-dirc-desc {\r\n    font-size: 16px;\r\n    line-height: 1.6;\r\n    color: var(--ddc-gray);\r\n    font-weight: 300;\r\n}\r\n\r\n\/* --- DIRECTORY GRID --- *\/\r\n#doms-dir-contact-root .doms-dirc-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 30px;\r\n}\r\n\r\n\/* CARD STYLING *\/\r\n#doms-dir-contact-root .doms-dirc-card {\r\n    background: var(--ddc-white);\r\n    border: 1px solid var(--ddc-border);\r\n    border-radius: 8px;\r\n    padding: 35px;\r\n    position: relative;\r\n    overflow: hidden;\r\n    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n    box-shadow: var(--ddc-shadow);\r\n    display: flex;\r\n    flex-direction: column;\r\n     box-shadow: 0 20px 40px rgba(0,0,0,0.08);\r\n    border-color: rgba(212, 175, 55, 0.3); \/* Gold border hint *\/\r\n}\r\n\r\n\r\n\r\n\/* Card Header (Icon + Title) *\/\r\n#doms-dir-contact-root .doms-dirc-card-top {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 20px;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n#doms-dir-contact-root .doms-dirc-icon-box {\r\n    width: 50px; height: 50px;\r\n    background: rgba(128, 0, 0, 0.05); \/* Light Maroon *\/\r\n    border-radius: 12px;\r\n    display: flex; align-items: center; justify-content: center;\r\n    color: var(--ddc-maroon);\r\n    transition: 0.3s ease;\r\n}\r\n\r\n#doms-dir-contact-root .doms-dirc-card:hover .doms-dirc-icon-box {\r\n    background: var(--ddc-maroon);\r\n    color: var(--ddc-white);\r\n}\r\n\r\n#doms-dir-contact-root .doms-dirc-icon-box svg {\r\n    width: 24px; height: 24px;\r\n}\r\n\r\n#doms-dir-contact-root .doms-dirc-card-title {\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: 22px;\r\n    font-weight: 700;\r\n    color: var(--ddc-black);\r\n    margin: 0;\r\n}\r\n\r\n\/* Card Description *\/\r\n#doms-dir-contact-root .doms-dirc-card-text {\r\n    font-size: 15px;\r\n    color: var(--ddc-gray);\r\n    line-height: 1.6;\r\n    margin-bottom: 30px;\r\n    flex-grow: 1; \/* Ensures cards align evenly *\/\r\n}\r\n\r\n\/* Contact Details Group *\/\r\n#doms-dir-contact-root .doms-dirc-contact-group {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 12px;\r\n    padding-top: 20px;\r\n    border-top: 1px solid rgba(0,0,0,0.05);\r\n    \r\n}\r\n\r\n#doms-dir-contact-root .doms-dirc-contact-link {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 15px;\r\n    color: var(--ddc-black);\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    transition: 0.2s;\r\n    padding: 8px 12px;\r\n    border-radius: 4px;\r\n    margin-left: -12px; \/* Visual alignment fix *\/\r\n    background: rgba(212, 175, 55, 0.1); \/* Light Gold Hover *\/\r\n    color: var(--ddc-maroon);\r\n}\r\n\r\n#doms-dir-contact-root .doms-dirc-contact-link:hover {\r\n    \r\n}\r\n\r\n#doms-dir-contact-root .doms-dirc-c-icon {\r\n    font-size: 16px;\r\n    color: var(--ddc-gold);\r\n}\r\n\r\n\/* Bottom Accent Bar *\/\r\n#doms-dir-contact-root .doms-dirc-card-accent {\r\n    position: absolute;\r\n    bottom: 0; left: 0; width: 100%; height: 3px;\r\n    background: var(--ddc-maroon);\r\n    transform: scaleX(0);\r\n    transform-origin: left;\r\n    transition: transform 0.4s ease;\r\n}\r\n\r\n#doms-dir-contact-root .doms-dirc-card:hover .doms-dirc-card-accent {\r\n    transform: scaleX(1);\r\n}\r\n\r\n\/* --- RESPONSIVE MEDIA QUERIES --- *\/\r\n@media screen and (max-width: 1024px) {\r\n    #doms-dir-contact-root .doms-dirc-grid {\r\n        gap: 20px;\r\n    }\r\n}\r\n\r\n@media screen and (max-width: 768px) {\r\n    #doms-dir-contact-root {\r\n        padding: 60px 0;\r\n    }\r\n\r\n    #doms-dir-contact-root .doms-dirc-title {\r\n        font-size: 32px;\r\n    }\r\n\r\n    #doms-dir-contact-root .doms-dirc-grid {\r\n        grid-template-columns: 1fr; \/* Stack Cards vertically *\/\r\n        gap: 25px;\r\n    }\r\n\r\n    #doms-dir-contact-root .doms-dirc-card {\r\n        padding: 25px;\r\n    }\r\n    \r\n    #doms-dir-contact-root .doms-dirc-contact-link {\r\n        padding: 10px; \/* Larger touch target *\/\r\n        margin-left: 0;\r\n        background: rgba(0,0,0,0.03); \/* Slight background for tappability on mobile *\/\r\n    }\r\n}<\/style>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-042c3bf e-con-full e-flex e-con e-parent\" data-id=\"042c3bf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-86e2d6e elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"86e2d6e\" 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<!--<div id=\"doms-contact-v2-root\" class=\"doms-cv2-wrapper\">-->\r\n\r\n<!--    <div class=\"doms-cv2-bg-layer\">-->\r\n<!--        <div class=\"doms-cv2-bg-image\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=1920&q=80');\"><\/div>-->\r\n<!--        <div class=\"doms-cv2-gradient-wash\"><\/div>-->\r\n<!--        <div class=\"doms-cv2-pattern\"><\/div>-->\r\n<!--    <\/div>-->\r\n\r\n<!--    <div class=\"doms-cv2-console\">-->\r\n        \r\n<!--        <div class=\"doms-cv2-info-panel\">-->\r\n<!--            <div class=\"doms-cv2-header\">-->\r\n<!--                <div class=\"doms-cv2-badge\">Contact Us<\/div>-->\r\n<!--                <h2 class=\"doms-cv2-title\">Get in <span class=\"doms-cv2-gold\">Touch<\/span><\/h2>-->\r\n<!--                <div class=\"doms-cv2-divider\"><\/div>-->\r\n<!--                <p class=\"doms-cv2-desc\">-->\r\n<!--                    Whether you are a prospective student, a researcher, or a corporate partner, our administrative team is here to assist you.-->\r\n<!--                <\/p>-->\r\n<!--            <\/div>-->\r\n\r\n<!--            <div class=\"doms-cv2-details-grid\">-->\r\n                \r\n<!--                <div class=\"doms-cv2-detail-item\">-->\r\n<!--                    <div class=\"doms-cv2-icon-circle\">-->\r\n<!--                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>-->\r\n<!--                    <\/div>-->\r\n<!--                    <div class=\"doms-cv2-detail-text\">-->\r\n<!--                        <span class=\"label\">Office Hours<\/span>-->\r\n<!--                        <span class=\"value\">Mon-Fri: 9:00 AM - 5:30 PM<\/span>-->\r\n<!--                        <span class=\"sub-value\">Closed on Weekends<\/span>-->\r\n<!--                    <\/div>-->\r\n<!--                <\/div>-->\r\n\r\n<!--                <div class=\"doms-cv2-detail-item\">-->\r\n<!--                    <div class=\"doms-cv2-icon-circle\">-->\r\n<!--                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>-->\r\n<!--                    <\/div>-->\r\n<!--                    <div class=\"doms-cv2-detail-text\">-->\r\n<!--                        <span class=\"label\">Location<\/span>-->\r\n<!--                        <span class=\"value\">DoMS, IIT Madras<\/span>-->\r\n<!--                        <span class=\"sub-value\">Chennai, Tamil Nadu 600036<\/span>-->\r\n<!--                    <\/div>-->\r\n<!--                <\/div>-->\r\n\r\n<!--            <\/div>-->\r\n<!--        <\/div>-->\r\n\r\n<!--        <div class=\"doms-cv2-form-panel\">-->\r\n<!--            <form class=\"doms-cv2-form\">-->\r\n                \r\n<!--                <div class=\"doms-cv2-form-header\">-->\r\n<!--                    <h3>Send a Message<\/h3>-->\r\n<!--                    <p>We typically reply within 24 hours.<\/p>-->\r\n<!--                <\/div>-->\r\n\r\n<!--                <div class=\"doms-cv2-input-row\">-->\r\n<!--                    <div class=\"doms-cv2-field\">-->\r\n<!--                        <label class=\"doms-cv2-label\">Full Name<\/label>-->\r\n<!--                        <input type=\"text\" class=\"doms-cv2-input\" placeholder=\"e.g. Rahul Sharma\">-->\r\n<!--                    <\/div>-->\r\n<!--                    <div class=\"doms-cv2-field\">-->\r\n<!--                        <label class=\"doms-cv2-label\">Email Address<\/label>-->\r\n<!--                        <input type=\"email\" class=\"doms-cv2-input\" placeholder=\"name@email.com\">-->\r\n<!--                    <\/div>-->\r\n<!--                <\/div>-->\r\n\r\n<!--                <div class=\"doms-cv2-field\">-->\r\n<!--                    <label class=\"doms-cv2-label\">Topic<\/label>-->\r\n<!--                    <div class=\"doms-cv2-select-wrapper\">-->\r\n<!--                        <select class=\"doms-cv2-select\">-->\r\n<!--                            <option>Admissions Inquiry<\/option>-->\r\n<!--                            <option>Research Proposal<\/option>-->\r\n<!--                            <option>Corporate Relations<\/option>-->\r\n<!--                            <option>General Support<\/option>-->\r\n<!--                        <\/select>-->\r\n<!--                        <span class=\"doms-cv2-arrow\">\u25bc<\/span>-->\r\n<!--                    <\/div>-->\r\n<!--                <\/div>-->\r\n\r\n<!--                <div class=\"doms-cv2-field\">-->\r\n<!--                    <label class=\"doms-cv2-label\">Message<\/label>-->\r\n<!--                    <textarea class=\"doms-cv2-textarea\" rows=\"3\" placeholder=\"How can we help you?\"><\/textarea>-->\r\n<!--                <\/div>-->\r\n\r\n<!--                <button type=\"submit\" class=\"doms-cv2-btn\">-->\r\n<!--                    Submit Inquiry <span class=\"arr\">\u2192<\/span>-->\r\n<!--                <\/button>-->\r\n\r\n<!--            <\/form>-->\r\n<!--        <\/div>-->\r\n\r\n<!--    <\/div>-->\r\n<!--<\/div>-->\r\n<style>\r\n    \/* -------------------------------------------------------------\r\n   DOMS \"DIRECTOR'S CONSOLE\" CONTACT STYLES\r\n   Theme: Semi-Dark (Maroon\/Slate), Gold Accents\r\n   Style: Glassmorphism Console, Technical Grid Pattern\r\n   ------------------------------------------------------------- *\/\r\n\r\n\/* Import Fonts *\/\r\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;1,400&display=swap');\r\n\r\n\/* --- ROOT WRAPPER --- *\/\r\n#doms-contact-v2-root {\r\n    \/* Scoped Variables *\/\r\n    --dcv2-bg-dark: #1E1515;   \/* Deep Brown\/Slate mix *\/\r\n    --dcv2-maroon: #800000;\r\n    --dcv2-gold: #D4AF37;\r\n    --dcv2-white: #ffffff;\r\n    --dcv2-gray: #CCCCCC;\r\n    --dcv2-glass-dark: rgba(20, 15, 15, 0.85);\r\n    --dcv2-glass-light: rgba(255, 255, 255, 0.03);\r\n    --dcv2-border: rgba(255, 255, 255, 0.1);\r\n    \r\n    width: 100%;\r\n    box-sizing: border-box;\r\n    font-family: 'Manrope', sans-serif;\r\n    color: var(--dcv2-white);\r\n    padding: 100px 0;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n#doms-contact-v2-root * {\r\n    box-sizing: border-box;\r\n    margin: 0; padding: 0; outline: none; list-style: none;\r\n}\r\n\r\n\/* --- BACKGROUND SYSTEM --- *\/\r\n#doms-contact-v2-root .doms-cv2-bg-layer {\r\n    position: absolute;\r\n    top: 0; left: 0; width: 100%; height: 100%;\r\n    z-index: 0;\r\n    overflow: hidden;\r\n}\r\n\r\n\/* Base Image *\/\r\n#doms-contact-v2-root .doms-cv2-bg-image {\r\n    width: 100%; height: 100%;\r\n    background-size: cover;\r\n    background-position: center;\r\n    \/* Keeps image strictly in background without scrolling parallax issues *\/\r\n    position: absolute; \r\n    top: 0; left: 0;\r\n}\r\n\r\n\/* Gradient Wash (Crucial for \"Bit Dark\" look) *\/\r\n#doms-contact-v2-root .doms-cv2-gradient-wash {\r\n    position: absolute;\r\n    top: 0; left: 0; width: 100%; height: 100%;\r\n    \/* Gradient from Deep Maroon to Dark Slate *\/\r\n    background: linear-gradient(135deg, rgba(60, 10, 10, 0.9) 0%, rgba(20, 20, 25, 0.95) 100%);\r\n    z-index: 1;\r\n}\r\n\r\n\/* Technical Pattern Overlay *\/\r\n#doms-contact-v2-root .doms-cv2-pattern {\r\n    position: absolute;\r\n    top: 0; left: 0; width: 100%; height: 100%;\r\n    \/* Dot Grid Pattern *\/\r\n    background-image: radial-gradient(rgba(255,255,255,0.1) 1px, transparent 1px);\r\n    background-size: 20px 20px;\r\n    opacity: 0.3;\r\n    z-index: 2;\r\n}\r\n\r\n\/* --- CONSOLE CONTAINER --- *\/\r\n#doms-contact-v2-root .doms-cv2-console {\r\n    max-width: 1100px;\r\n    width: 90%;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 3;\r\n    \r\n    \/* The Glass Panel Logic *\/\r\n    background: var(--dcv2-glass-light);\r\n    backdrop-filter: blur(15px);\r\n    -webkit-backdrop-filter: blur(15px);\r\n    border: 1px solid var(--dcv2-border);\r\n    border-radius: 12px;\r\n    box-shadow: 0 30px 60px rgba(0,0,0,0.3);\r\n    \r\n    display: grid;\r\n    grid-template-columns: 1fr 1.2fr; \/* Info smaller than Form *\/\r\n    overflow: hidden;\r\n}\r\n\r\n\/* --- LEFT PANEL: INFO --- *\/\r\n#doms-contact-v2-root .doms-cv2-info-panel {\r\n    padding: 50px;\r\n    background: rgba(40, 0, 0, 0.3); \/* Subtle Maroon Tint *\/\r\n    border-right: 1px solid var(--dcv2-border);\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n}\r\n\r\n#doms-contact-v2-root .doms-cv2-badge {\r\n    display: inline-block;\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    letter-spacing: 2px;\r\n    color: var(--dcv2-gold);\r\n    border: 1px solid rgba(212, 175, 55, 0.3);\r\n    padding: 6px 12px;\r\n    border-radius: 4px;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n#doms-contact-v2-root .doms-cv2-title {\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: 42px;\r\n    line-height: 1.1;\r\n    margin-bottom: 20px;\r\n    color: var(--dcv2-white);\r\n}\r\n\r\n#doms-contact-v2-root .doms-cv2-gold {\r\n    color: var(--dcv2-gold);\r\n    font-style: italic;\r\n}\r\n\r\n#doms-contact-v2-root .doms-cv2-divider {\r\n    width: 50px; height: 3px;\r\n    background: var(--dcv2-gold);\r\n    margin-bottom: 25px;\r\n}\r\n\r\n#doms-contact-v2-root .doms-cv2-desc {\r\n    font-size: 16px;\r\n    line-height: 1.6;\r\n    color: var(--dcv2-gray);\r\n    margin-bottom: 40px;\r\n}\r\n\r\n\/* Details Grid *\/\r\n#doms-contact-v2-root .doms-cv2-detail-item {\r\n    display: flex;\r\n    gap: 20px;\r\n    margin-bottom: 30px;\r\n    align-items: flex-start;\r\n}\r\n\r\n#doms-contact-v2-root .doms-cv2-icon-circle {\r\n    width: 45px; height: 45px;\r\n    background: rgba(255, 255, 255, 0.05);\r\n    border-radius: 50%;\r\n    display: flex; align-items: center; justify-content: center;\r\n    color: var(--dcv2-gold);\r\n    flex-shrink: 0;\r\n}\r\n#doms-contact-v2-root .doms-cv2-icon-circle svg { width: 22px; height: 22px; }\r\n\r\n#doms-contact-v2-root .doms-cv2-detail-text {\r\n    display: flex; flex-direction: column;\r\n}\r\n\r\n#doms-contact-v2-root .doms-cv2-detail-text .label {\r\n    font-size: 12px; text-transform: uppercase;\r\n    color: rgba(255,255,255,0.5); margin-bottom: 4px; letter-spacing: 1px;\r\n}\r\n#doms-contact-v2-root .doms-cv2-detail-text .value {\r\n    font-size: 15px; font-weight: 600; color: var(--dcv2-white);\r\n}\r\n#doms-contact-v2-root .doms-cv2-detail-text .sub-value {\r\n    font-size: 13px; color: var(--dcv2-gray); margin-top: 2px;\r\n}\r\n\r\n\/* --- RIGHT PANEL: FORM --- *\/\r\n#doms-contact-v2-root .doms-cv2-form-panel {\r\n    padding: 50px;\r\n    background: var(--dcv2-glass-dark);\r\n}\r\n\r\n#doms-contact-v2-root .doms-cv2-form-header {\r\n    margin-bottom: 30px;\r\n}\r\n\r\n#doms-contact-v2-root .doms-cv2-form-header h3 {\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: 24px; margin-bottom: 5px; color: var(--dcv2-white);\r\n}\r\n#doms-contact-v2-root .doms-cv2-form-header p {\r\n    font-size: 14px; color: var(--dcv2-gray);\r\n}\r\n\r\n\/* Inputs *\/\r\n#doms-contact-v2-root .doms-cv2-input-row {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 20px;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n#doms-contact-v2-root .doms-cv2-field {\r\n    margin-bottom: 20px;\r\n}\r\n\r\n#doms-contact-v2-root .doms-cv2-label {\r\n    display: block;\r\n    font-size: 12px;\r\n    color: rgba(255,255,255,0.6);\r\n    margin-bottom: 8px;\r\n    font-weight: 600;\r\n}\r\n\r\n#doms-contact-v2-root .doms-cv2-input,\r\n#doms-contact-v2-root .doms-cv2-select,\r\n#doms-contact-v2-root .doms-cv2-textarea {\r\n    width: 100%;\r\n    background: rgba(0,0,0,0.3);\r\n    border: 1px solid rgba(255,255,255,0.1);\r\n    border-radius: 4px;\r\n    padding: 14px;\r\n    color: var(--dcv2-white);\r\n    font-family: 'Manrope', sans-serif;\r\n    font-size: 14px;\r\n    transition: 0.3s;\r\n}\r\n\r\n#doms-contact-v2-root .doms-cv2-select { appearance: none; cursor: pointer; }\r\n\r\n#doms-contact-v2-root .doms-cv2-input:focus,\r\n#doms-contact-v2-root .doms-cv2-select:focus,\r\n#doms-contact-v2-root .doms-cv2-textarea:focus {\r\n    border-color: var(--dcv2-gold);\r\n    background: rgba(0,0,0,0.5);\r\n    box-shadow: 0 0 10px rgba(212, 175, 55, 0.1);\r\n}\r\n\r\n#doms-contact-v2-root .doms-cv2-select-wrapper { position: relative; }\r\n#doms-contact-v2-root .doms-cv2-arrow {\r\n    position: absolute; right: 15px; top: 50%; transform: translateY(-50%);\r\n    font-size: 10px; color: var(--dcv2-gray); pointer-events: none;\r\n}\r\n\r\n#doms-contact-v2-root .doms-cv2-btn {\r\n    width: 100%;\r\n    padding: 16px;\r\n    background: var(--dcv2-maroon);\r\n    color: var(--dcv2-white);\r\n    border: none;\r\n    border-radius: 4px;\r\n    font-size: 14px; font-weight: 700;\r\n    text-transform: uppercase; letter-spacing: 1px;\r\n    cursor: pointer;\r\n    transition: 0.3s;\r\n    margin-top: 10px;\r\n    display: flex; align-items: center; justify-content: center; gap: 10px;\r\n}\r\n\r\n#doms-contact-v2-root .doms-cv2-btn:hover {\r\n    background: var(--dcv2-gold);\r\n    color: #000;\r\n}\r\n#doms-contact-v2-root .doms-cv2-btn .arr { transition: transform 0.3s; }\r\n#doms-contact-v2-root .doms-cv2-btn:hover .arr { transform: translateX(5px); }\r\n\r\n\r\n\/* --- RESPONSIVE MEDIA QUERIES --- *\/\r\n@media screen and (max-width: 1024px) {\r\n    #doms-contact-v2-root .doms-cv2-console {\r\n        grid-template-columns: 1fr; \/* Stack vertically on tablet *\/\r\n    }\r\n}\r\n\r\n@media screen and (max-width: 768px) {\r\n    #doms-contact-v2-root { padding: 60px 0; }\r\n    \r\n    #doms-contact-v2-root .doms-cv2-console {\r\n        width: 95%;\r\n        border: none; background: transparent; box-shadow: none;\r\n    }\r\n    \r\n    #doms-contact-v2-root .doms-cv2-info-panel,\r\n    #doms-contact-v2-root .doms-cv2-form-panel {\r\n        background: rgba(20, 15, 15, 0.9); \/* Solid dark background for readability *\/\r\n        padding: 30px;\r\n        border-right: none;\r\n        border-radius: 8px;\r\n        margin-bottom: 20px;\r\n        border: 1px solid var(--dcv2-border);\r\n    }\r\n\r\n    #doms-contact-v2-root .doms-cv2-title { font-size: 32px; }\r\n    \r\n    #doms-contact-v2-root .doms-cv2-input-row {\r\n        grid-template-columns: 1fr; \/* Stack inputs *\/\r\n        gap: 0;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fce6a40 e-con-full e-flex e-con e-parent\" data-id=\"fce6a40\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-32a21b6 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"32a21b6\" 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<div id=\"doms-loc-root\" class=\"doms-loc-wrapper\">\r\n\r\n    <div class=\"doms-loc-bg-pattern\"><\/div>\r\n\r\n    <div class=\"doms-loc-container\">\r\n        \r\n        <div class=\"doms-loc-header\">\r\n            <span class=\"doms-loc-eyebrow\">Find Us<\/span>\r\n            <h2 class=\"doms-loc-title\">Our <span class=\"doms-loc-gold-text\">Campus<\/span><\/h2>\r\n            <div class=\"doms-loc-divider\"><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"doms-loc-interface\">\r\n            \r\n            <div class=\"doms-loc-map-frame\">\r\n                <iframe \r\n                    data-src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3887.697779768694!2d80.23191331482223!3d12.991193990842823!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3a52678793d5b207%3A0xfff284562085791!2sDepartment%20of%20Management%20Studies%2C%20IIT%20Madras!5e0!3m2!1sen!2sin!4v1675245678901!5m2!1sen!2sin\" \r\n                    width=\"100%\" \r\n                    height=\"100%\" \r\n                    style=\"border:0;\" \r\n                    allowfullscreen=\"\" \r\n                    \r\n                    referrerpolicy=\"no-referrer-when-downgrade\"\r\n                    title=\"DoMS IIT Madras Location Map\"\r\n                    class=\"doms-loc-iframe lazyload\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" data-load-mode=\"1\">\r\n                <\/iframe>\r\n                \r\n                <div class=\"doms-loc-map-overlay\"><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"doms-loc-info-card\">\r\n                <div class=\"doms-loc-card-pattern\"><\/div>\r\n                \r\n                <div class=\"doms-loc-card-content\">\r\n                    <div class=\"doms-loc-icon-circle\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n                    <\/div>\r\n                    \r\n                    <h3 class=\"doms-loc-card-heading\">DoMS Building<\/h3>\r\n                    <p class=\"doms-loc-card-sub\">Located within the lush green IIT Madras Campus.<\/p>\r\n                    \r\n                    <div class=\"doms-loc-address-box\">\r\n                        <p class=\"doms-loc-address-line\">\r\n                            <strong>Department of Management Studies<\/strong><br>\r\n                            Indian Institute of Technology Madras,<br>\r\n                            Sardar Patel Road, Chennai - 600 036\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                    <a href=\"https:\/\/maps.app.goo.gl\/8RpJa3ey8c26YM968\" target=\"_blank\" class=\"doms-loc-directions-btn\">\r\n                        Get Directions <span class=\"arrow\">\u2192<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n<style>\/* -------------------------------------------------------------\r\n   DOMS CAMPUS LOCATION STYLES\r\n   Theme: Ivory (#F9F7F2), Maroon (#800000), Gold (#D4AF37)\r\n   Style: Immersive Map, Floating Glass Card\r\n   ------------------------------------------------------------- *\/\r\n\r\n\/* Import Fonts *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@300;400;500;700&family=Playfair+Display:ital,wght@0,400;0,700;1,400&display=swap');\r\n\r\n\/* --- ROOT WRAPPER --- *\/\r\n#doms-loc-root {\r\n    \/* Scoped Variables *\/\r\n    --dloc-bg: #d5bdaf;       \/* Light Ivory Background *\/\r\n    --dloc-white: #ffffff;\r\n    --dloc-maroon: #800000;\r\n    --dloc-gold: #D4AF37;\r\n    --dloc-black: #1a1a1a;\r\n    --dloc-gray: #555555;\r\n    --dloc-shadow: 0 20px 50px rgba(0,0,0,0.1);\r\n    \r\n    width: 100%;\r\n    box-sizing: border-box;\r\n    font-family: 'Manrope', sans-serif;\r\n    background-color: var(--dloc-bg);\r\n    color: var(--dloc-black);\r\n    padding: 30px 0;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n#doms-loc-root * {\r\n    box-sizing: border-box;\r\n    margin: 0; padding: 0; text-decoration: none; list-style: none;\r\n}\r\n\r\n\/* --- BACKGROUND PATTERN --- *\/\r\n#doms-loc-root .doms-loc-bg-pattern {\r\n    position: absolute;\r\n    top: 0; left: 0; width: 100%; height: 100%;\r\n    \/* Subtle Topographic Lines SVG pattern *\/\r\n    background-image: url(\"data:image\/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23D4AF37' fill-opacity='0.05' fill-rule='evenodd'\/%3E%3C\/svg%3E\");\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-loc-root .doms-loc-container {\r\n    max-width: 1200px;\r\n    width: 90%;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n\/* --- HEADER --- *\/\r\n#doms-loc-root .doms-loc-header {\r\n    text-align: center;\r\n    margin-bottom: 50px;\r\n}\r\n\r\n#doms-loc-root .doms-loc-eyebrow {\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    letter-spacing: 2px;\r\n    color: var(--dloc-maroon);\r\n    display: block;\r\n    margin-bottom: 10px;\r\n}\r\n\r\n#doms-loc-root .doms-loc-title {\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: 80px;\r\n    color: var(--dloc-black);\r\n    line-height: 1.1;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n#doms-loc-root .doms-loc-gold-text {\r\n    font-style: italic;\r\n    color: var(--dloc-gold);\r\n}\r\n\r\n#doms-loc-root .doms-loc-divider {\r\n    width: 50px; height: 3px;\r\n    background-color: var(--dloc-maroon);\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* --- INTERFACE WRAPPER (MAP + CARD) --- *\/\r\n#doms-loc-root .doms-loc-interface {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 550px; \/* Fixed height for map view *\/\r\n    border-radius: 12px;\r\n    overflow: hidden;\r\n    box-shadow: var(--dloc-shadow);\r\n    border: 1px solid rgba(0,0,0,0.05);\r\n}\r\n\r\n\/* 1. Map Frame *\/\r\n#doms-loc-root .doms-loc-map-frame {\r\n    width: 100%;\r\n    height: 100%;\r\n    position: absolute;\r\n    top: 0; left: 0;\r\n    z-index: 1;\r\n}\r\n\r\n#doms-loc-root .doms-loc-iframe {\r\n    filter: grayscale(20%) contrast(1.1); \/* Editorial Look *\/\r\n    transition: filter 0.5s ease;\r\n}\r\n\r\n#doms-loc-root .doms-loc-interface:hover .doms-loc-iframe {\r\n    filter: grayscale(0%) contrast(1); \/* Full color on hover *\/\r\n}\r\n\r\n\/* 2. Floating Info Card *\/\r\n#doms-loc-root .doms-loc-info-card {\r\n    position: absolute;\r\n    top: 50px; left: 50px;\r\n    width: 380px;\r\n    background: rgba(255, 255, 255, 0.95); \/* Glass-like opaque *\/\r\n    backdrop-filter: blur(15px);\r\n    -webkit-backdrop-filter: blur(15px);\r\n    border-radius: 8px;\r\n    padding: 40px;\r\n    z-index: 2;\r\n    box-shadow: 0 20px 40px rgba(0,0,0,0.15);\r\n    border: 1px solid rgba(0,0,0,0.05);\r\n    overflow: hidden;\r\n    \/* Entrance Animation *\/\r\n    animation: domsCardSlideIn 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;\r\n}\r\n\r\n\/* Internal Card Pattern *\/\r\n#doms-loc-root .doms-loc-card-pattern {\r\n    position: absolute;\r\n    top: 0; right: 0; width: 100%; height: 100%;\r\n    background-image: radial-gradient(var(--dloc-gold) 1px, transparent 1px);\r\n    background-size: 20px 20px;\r\n    opacity: 0.1;\r\n    z-index: 0;\r\n}\r\n\r\n#doms-loc-root .doms-loc-card-content {\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n#doms-loc-root .doms-loc-icon-circle {\r\n    width: 50px; height: 50px;\r\n    background: var(--dloc-maroon);\r\n    border-radius: 50%;\r\n    display: flex; align-items: center; justify-content: center;\r\n    color: var(--dloc-white);\r\n    margin-bottom: 25px;\r\n    box-shadow: 0 5px 15px rgba(128, 0, 0, 0.3);\r\n}\r\n\r\n#doms-loc-root .doms-loc-icon-circle svg { width: 24px; height: 24px; }\r\n\r\n#doms-loc-root .doms-loc-card-heading {\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: 26px;\r\n    color: var(--dloc-black);\r\n    margin-bottom: 8px;\r\n}\r\n\r\n#doms-loc-root .doms-loc-card-sub {\r\n    font-size: 14px;\r\n    color: var(--dloc-gold);\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.5px;\r\n    margin-bottom: 25px;\r\n}\r\n\r\n#doms-loc-root .doms-loc-address-box {\r\n    margin-bottom: 30px;\r\n    border-left: 3px solid var(--dloc-gold);\r\n    padding-left: 20px;\r\n}\r\n\r\n#doms-loc-root .doms-loc-address-line {\r\n    font-size: 15px;\r\n    line-height: 1.6;\r\n    color: var(--dloc-gray);\r\n}\r\n\r\n#doms-loc-root .doms-loc-address-line strong {\r\n    color: var(--dloc-maroon);\r\n    display: block;\r\n    margin-bottom: 5px;\r\n}\r\n\r\n\/* Button *\/\r\n#doms-loc-root .doms-loc-directions-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    background: var(--dloc-black);\r\n    color: var(--dloc-white);\r\n    padding: 14px 25px;\r\n    border-radius: 4px;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n#doms-loc-root .doms-loc-directions-btn:hover {\r\n    background: var(--dloc-maroon);\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 10px 20px rgba(128, 0, 0, 0.2);\r\n}\r\n\r\n#doms-loc-root .doms-loc-directions-btn .arrow {\r\n    transition: transform 0.3s;\r\n}\r\n\r\n#doms-loc-root .doms-loc-directions-btn:hover .arrow {\r\n    transform: translateX(5px);\r\n}\r\n\r\n\/* --- ANIMATIONS --- *\/\r\n@keyframes domsCardSlideIn {\r\n    from { opacity: 0; transform: translateY(30px); }\r\n    to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n\/* --- RESPONSIVE MEDIA QUERIES --- *\/\r\n@media screen and (max-width: 1024px) {\r\n    #doms-loc-root .doms-loc-interface {\r\n        height: 500px;\r\n    }\r\n}\r\n\r\n@media screen and (max-width: 768px) {\r\n    #doms-loc-root {\r\n        padding: 60px 0;\r\n    }\r\n\r\n    #doms-loc-root .doms-loc-title {\r\n        font-size: 32px;\r\n    }\r\n\r\n    \/* Stack layout for mobile *\/\r\n    #doms-loc-root .doms-loc-interface {\r\n        height: auto;\r\n        display: flex;\r\n        flex-direction: column-reverse; \/* Map bottom, Card top? Or Map Top, Card Bottom? Usually Map needs height. *\/\r\n        \/* Better approach for mobile: Info first, Map second *\/\r\n        flex-direction: column;\r\n        background: var(--dloc-white); \/* Fill gap *\/\r\n    }\r\n\r\n    #doms-loc-root .doms-loc-map-frame {\r\n        position: relative;\r\n        height: 300px; \/* Fixed height for mobile map *\/\r\n    }\r\n\r\n    #doms-loc-root .doms-loc-info-card {\r\n        position: relative;\r\n        top: auto; left: auto;\r\n        width: 100%;\r\n        box-shadow: none;\r\n        border-radius: 0;\r\n        border-bottom: 1px solid rgba(0,0,0,0.1);\r\n        padding: 30px 20px;\r\n    }\r\n\r\n    #doms-loc-root .doms-loc-iframe {\r\n        filter: grayscale(0%); \/* Full color on mobile for clarity *\/\r\n    }\r\n}<\/style>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\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>24\/7 Support Portal Let&#8217;s Start a Conversation From admissions inquiries to corporate partnerships, we are here to facilitate your journey with DoMS IIT Madras. People Faculty Directory \u2192 Location Find Us on Map \u2192 Support General Inquiry \u2192 Reach the Right Team Department Directory Connect directly with the specific administrative bodies managing our academic, research,&hellip;<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-57200","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/doms.iitm.ac.in\/index.php\/wp-json\/wp\/v2\/pages\/57200","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=57200"}],"version-history":[{"count":151,"href":"https:\/\/doms.iitm.ac.in\/index.php\/wp-json\/wp\/v2\/pages\/57200\/revisions"}],"predecessor-version":[{"id":76872,"href":"https:\/\/doms.iitm.ac.in\/index.php\/wp-json\/wp\/v2\/pages\/57200\/revisions\/76872"}],"wp:attachment":[{"href":"https:\/\/doms.iitm.ac.in\/index.php\/wp-json\/wp\/v2\/media?parent=57200"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}