{"id":2151,"date":"2026-06-09T04:31:58","date_gmt":"2026-06-09T04:31:58","guid":{"rendered":"https:\/\/dev.mrvv.edu.in\/?page_id=2151"},"modified":"2026-06-29T10:49:54","modified_gmt":"2026-06-29T10:49:54","slug":"home-v3","status":"publish","type":"page","link":"https:\/\/dev.mrvv.edu.in\/?page_id=2151","title":{"rendered":"Home-V3"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2151\" class=\"elementor elementor-2151\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4f1e9e5 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"4f1e9e5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-59e0169 elementor-widget elementor-widget-html\" data-id=\"59e0169\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,700;0,800;1,500;1,600&family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\" \/>\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" \/>\r\n\r\n<style>\r\n    \/* \u2500\u2500 ROOT \/ RESET \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    .hero-22, .features-bar-22 {\r\n        --orange: #D4581A;\r\n        --orange-lt: #E8742A;\r\n        --navy: #1C1C1C;\r\n        --body: #2E2E2E;\r\n        --muted: #888;\r\n        --cream: #FBF8F5;\r\n        --white: #FFFFFF;\r\n        --border: #E9E4DC;\r\n        --icon-bg: #FEF1E8;\r\n    }\r\n\r\n    html {\r\n        scroll-behavior: smooth;\r\n    }\r\n\r\n    body {\r\n        font-family: 'Inter', sans-serif;\r\n        background: var(--white);\r\n        color: var(--body);\r\n        margin: 0;\r\n        padding: 0;\r\n        overflow-x: hidden;\r\n    }\r\n\r\n    \/* \u2500\u2500 HERO WRAPPER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    .hero-22 {\r\n        position: relative;\r\n        background: var(--white);\r\n        display: grid;\r\n        grid-template-columns: 0.9fr 1.1fr;\r\n        min-height: 80vh;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* LEFT PANEL *\/\r\n    .hero-left-22 {\r\n        padding: 60px 40px 60px 48px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* ---- Admission Pill (Clean Adaptive Flex) ---- *\/\r\n    .admission-pill-22 {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        background: linear-gradient(135deg, #fff5f0 0%, #ffe8e0 100%);\r\n        padding: 6px 16px 6px 6px;\r\n        border-radius: 50px;\r\n        font-size: 13.5px;\r\n        font-weight: 600;\r\n        margin-bottom: 24px;\r\n        width: max-content;\r\n        max-width: 100%;\r\n        gap: 10px;\r\n        box-sizing: border-box;\r\n        animation: slideDown-22 0.6s ease-out, glowPulse-22 2.5s ease-in-out infinite 0.6s;\r\n        border: 1px solid rgba(241, 90, 44, 0.15);\r\n        transition: all 0.3s ease;\r\n    }\r\n    .admission-pill-22:hover {\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 6px 20px rgba(241, 90, 44, 0.15);\r\n    }\r\n    .pill-icon-22 {\r\n        background: linear-gradient(135deg, #f15a2c, #e04a1e);\r\n        color: white;\r\n        width: 26px;\r\n        height: 26px;\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 11px;\r\n        animation: pulse-22 2s ease-in-out infinite;\r\n        flex-shrink: 0;\r\n    }\r\n    .pill-divider-22 {\r\n        color: #d1d5db;\r\n    }\r\n    .pill-tags-22 {\r\n        display: flex;\r\n        gap: 8px;\r\n        font-weight: 500;\r\n    }\r\n    .pill-tags-22 span {\r\n        transition: color 0.3s ease;\r\n    }\r\n    .pill-tags-22 span:hover {\r\n        color: #f15a2c;\r\n    }\r\n\r\n    \/* \u2500\u2500 TOP TRUST BAR \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    .trust-bar-22 {\r\n        background: #ffffff73;\r\n        padding: 8px 0px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n        flex-wrap: wrap;\r\n        margin-bottom: 16px;\r\n    }\r\n    .trust-item-22 {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        font-size: 13px;\r\n        font-weight: 500;\r\n        color: var(--body);\r\n        white-space: nowrap;\r\n    }\r\n    .trust-item-22 .t-icon-22 {\r\n        width: 18px;\r\n        height: 18px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n    .trust-item-22 .t-icon-22 svg {\r\n        width: 18px;\r\n        height: 18px;\r\n        stroke: var(--orange);\r\n        fill: none;\r\n        stroke-width: 1.8;\r\n        stroke-linecap: round;\r\n        stroke-linejoin: round;\r\n    }\r\n    .trust-sep-22 {\r\n        width: 1px;\r\n        height: 14px;\r\n        background: var(--border);\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    \/* TYPOGRAPHY *\/\r\n    .hero-left-22 h1 {\r\n        font-family: 'Playfair Display', serif;\r\n        font-weight: 800;\r\n        font-size: clamp(32px, 4vw, 52px);\r\n        line-height: 1.1;\r\n        color: var(--navy);\r\n        margin: 0 0 12px 0;\r\n        letter-spacing: -0.5px;\r\n    }\r\n    .hero-left-22 .italic-line-22 {\r\n        font-family: 'Playfair Display', serif;\r\n        font-style: italic;\r\n        font-weight: 600;\r\n        font-size: clamp(20px, 2.5vw, 32px);\r\n        line-height: 1.25;\r\n        color: var(--orange);\r\n        display: block;\r\n    }\r\n    .hero-left-22 .plain-line-22 {\r\n        font-family: 'Playfair Display', serif;\r\n        font-weight: 700;\r\n        font-size: clamp(22px, 2.8vw, 36px);\r\n        line-height: 1.2;\r\n        color: var(--navy);\r\n        display: block;\r\n        margin-top: 12px;\r\n        margin-bottom: 36px;\r\n    }\r\n\r\n    \/* BUTTONS *\/\r\n    .hero-btns-22 {\r\n        display: flex;\r\n        gap: 16px;\r\n        align-items: center;\r\n        flex-wrap: wrap;\r\n    }\r\n    .btn-22 {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 10px;\r\n        padding: 14px 32px;\r\n        border-radius: 50px;\r\n        font-size: 15px;\r\n        font-weight: 600;\r\n        cursor: pointer;\r\n        transition: all 0.22s ease;\r\n        text-decoration: none;\r\n        border: none;\r\n        font-family: 'Inter', sans-serif;\r\n        box-sizing: border-box;\r\n    }\r\n    .btn-primary-22 {\r\n        background: var(--orange);\r\n        color: #fff;\r\n    }\r\n    .btn-primary-22:hover {\r\n        background: #b84710;\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 8px 24px rgba(212, 88, 26, 0.28);\r\n    }\r\n    .btn-outline-22 {\r\n        background: transparent;\r\n        color: var(--orange);\r\n        border: 2px solid var(--orange);\r\n    }\r\n    .btn-outline-22:hover {\r\n        background: rgba(212, 88, 26, 0.05);\r\n        transform: translateY(-2px);\r\n    }\r\n    .btn-arrow-22 {\r\n        font-size: 18px;\r\n        line-height: 1;\r\n        transition: transform 0.2s ease;\r\n    }\r\n    .btn-22:hover .btn-arrow-22 {\r\n        transform: translateX(4px);\r\n    }\r\n\r\n    \/* RIGHT IMAGE PANEL *\/\r\n    .hero-right-22 {\r\n        position: relative;\r\n        overflow: hidden;\r\n        background: var(--cream);\r\n        min-height: 400px;\r\n    }\r\n    .hero-right-22 img.campus-img-22 {\r\n        position: absolute;\r\n        inset: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        object-position: center;\r\n        display: block;\r\n    }\r\n    .hero-right-22::before {\r\n        content: '';\r\n        position: absolute;\r\n        inset: 0;\r\n        background: linear-gradient(to right, #ffffff 0%, rgba(255, 255, 255, 0.4) 30%, rgba(255, 255, 255, 0) 60%);\r\n        z-index: 2;\r\n        pointer-events: none;\r\n    }\r\n\r\n    \/* Decorative dots pattern *\/\r\n    .dots-pattern-22 {\r\n        position: absolute;\r\n        top: 32px;\r\n        right: 40px;\r\n        display: grid;\r\n        grid-template-columns: repeat(5, 5px);\r\n        gap: 8px;\r\n        z-index: 5;\r\n        pointer-events: none;\r\n    }\r\n    .dots-pattern-22 span {\r\n        width: 5px;\r\n        height: 5px;\r\n        border-radius: 50%;\r\n        background: var(--orange);\r\n        opacity: 0.45;\r\n    }\r\n\r\n    \/* FLOATING SIDE WIDGETS *\/\r\n    .side-widgets-22 {\r\n        position: absolute;\r\n        right: 16px;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n        display: flex;\r\n        flex-direction: column;\r\n        z-index: 15;\r\n        background-color: rgba(245, 223, 211, 0.95);\r\n        backdrop-filter: blur(8px);\r\n        border-radius: 30px;\r\n        box-shadow: 0 10px 30px rgba(0,0,0,0.08);\r\n        overflow: hidden;\r\n    }\r\n    .side-widget-22 {\r\n        width: 64px;\r\n        padding: 16px 8px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        gap: 8px;\r\n        cursor: pointer;\r\n        transition: all 0.2s ease;\r\n        text-decoration: none;\r\n        box-sizing: border-box;\r\n    }\r\n    .side-widget-22:first-child {\r\n        background: var(--orange);\r\n    }\r\n    .side-widget-22:last-child {\r\n        border-top: 1px solid rgba(212, 88, 26, 0.1);\r\n    }\r\n    .side-widget-22:hover {\r\n        transform: scale(1.04);\r\n    }\r\n    .side-widget-22 svg {\r\n        width: 20px;\r\n        height: 20px;\r\n        fill: none;\r\n        stroke-width: 1.8;\r\n        stroke-linecap: round;\r\n        stroke-linejoin: round;\r\n    }\r\n    .side-widget-22 span {\r\n        font-size: 9.5px;\r\n        font-weight: 700;\r\n        text-align: center;\r\n        line-height: 1.2;\r\n        letter-spacing: 0.1px;\r\n    }\r\n    .white-22 span { color: #ffffff; }\r\n    .white-22 svg { stroke: #ffffff; }\r\n    .orange-22 span { color: var(--orange); }\r\n    .orange-22 svg { stroke: var(--orange); }\r\n\r\n    \/* \u2500\u2500 BOTTOM FEATURES BAR \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    .features-bar-22 {\r\n        background: var(--white);\r\n        border-top: 1px solid var(--border);\r\n        padding: 0 48px;\r\n    }\r\n    .features-inner-22 {\r\n        display: grid;\r\n        grid-template-columns: repeat(4, 1fr) 1.2fr;\r\n        align-items: center;\r\n        background: var(--cream);\r\n        border-radius: 20px;\r\n        margin: 30px 0;\r\n        padding: 10px;\r\n    }\r\n    .feat-item-22 {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 14px;\r\n        padding: 20px 24px;\r\n        position: relative;\r\n    }\r\n    .feat-item-22:not(:last-of-type)::after {\r\n        content: '';\r\n        position: absolute;\r\n        right: 0;\r\n        top: 25%;\r\n        height: 50%;\r\n        width: 1px;\r\n        background: var(--border);\r\n    }\r\n    .feat-icon-22 {\r\n        width: 40px;\r\n        height: 40px;\r\n        flex-shrink: 0;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        background: var(--icon-bg);\r\n        border-radius: 50%;\r\n    }\r\n    .feat-icon-22 svg {\r\n        width: 22px;\r\n        height: 22px;\r\n        stroke: var(--orange);\r\n        fill: none;\r\n        stroke-width: 1.8;\r\n    }\r\n    .feat-text-22 h4 {\r\n        font-size: 14px;\r\n        font-weight: 700;\r\n        color: var(--navy);\r\n        line-height: 1.2;\r\n        margin: 0 0 2px 0;\r\n    }\r\n    .feat-text-22 p {\r\n        font-size: 12px;\r\n        color: var(--muted);\r\n        font-weight: 400;\r\n        line-height: 1.3;\r\n        margin: 0;\r\n    }\r\n    .feat-tagline-22 {\r\n        padding: 16px 24px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        border-left: 1px solid var(--border);\r\n    }\r\n    .feat-tagline-22 p {\r\n        font-family: 'Playfair Display', serif;\r\n        font-style: italic;\r\n        font-weight: 600;\r\n        font-size: 15px;\r\n        color: var(--orange);\r\n        line-height: 1.3;\r\n        margin: 0;\r\n    }\r\n    .feat-tagline-22 p.sub-22 {\r\n        font-family: 'Inter', sans-serif;\r\n        font-style: normal;\r\n        font-weight: 600;\r\n        font-size: 12px;\r\n        color: var(--navy);\r\n        margin-top: 2px;\r\n    }\r\n\r\n    \/* \u2500\u2500 KEYFRAMES ANIMATIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    @keyframes pulse-22 {\r\n        0%, 100% { transform: scale(1); }\r\n        50% { transform: scale(1.1); }\r\n    }\r\n    @keyframes slideDown-22 {\r\n        from { opacity: 0; transform: translateY(-12px); }\r\n        to { opacity: 1; transform: translateY(0); }\r\n    }\r\n    @keyframes glowPulse-22 {\r\n        0%, 100% { box-shadow: 0 0 0 0 rgba(212, 88, 26, 0.2); }\r\n        50% { box-shadow: 0 0 16px 4px rgba(212, 88, 26, 0.1); }\r\n    }\r\n\r\n    \/* \u2500\u2500 RESPONSIVE MEDIA QUERIES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    @media (max-width: 1200px) {\r\n        .features-inner-22 {\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 10px;\r\n            padding: 20px;\r\n        }\r\n        .feat-item-22::after { display: none !important; }\r\n        .feat-tagline-22 {\r\n            grid-column: span 2;\r\n            border-left: none;\r\n            border-top: 1px solid var(--border);\r\n            text-align: center;\r\n            padding-top: 20px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 992px) {\r\n        .hero-22 {\r\n            grid-template-columns: 1fr;\r\n        }\r\n        .hero-left-22 {\r\n            padding: 48px 32px;\r\n        }\r\n        .hero-right-22 {\r\n            height: 400px;\r\n            min-height: auto;\r\n        }\r\n        .hero-right-22::before {\r\n            background: linear-gradient(to bottom, #ffffff 0%, rgba(255, 255, 255, 0) 30%);\r\n        }\r\n        .features-bar-22 {\r\n            padding: 0 24px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .trust-bar-22 {\r\n            gap: 8px;\r\n        }\r\n        .trust-sep-22 {\r\n            display: none;\r\n        }\r\n        .trust-item-22 {\r\n            background: var(--cream);\r\n            padding: 6px 12px;\r\n            border-radius: 20px;\r\n            font-size: 12px;\r\n        }\r\n        .admission-pill-22 {\r\n            font-size: 12.5px;\r\n            padding: 4px 12px 4px 4px;\r\n        }\r\n        .pill-icon-22 {\r\n            width: 22px;\r\n            height: 22px;\r\n            font-size: 10px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 576px) {\r\n        .hero-left-22 {\r\n            padding: 32px 20px;\r\n        }\r\n        .admission-pill-22 {\r\n            width: 100%;\r\n            justify-content: flex-start;\r\n        }\r\n        .hero-btns-22 {\r\n            flex-direction: column;\r\n            align-items: stretch;\r\n            gap: 12px;\r\n        }\r\n        .btn-22 {\r\n            width: 100%;\r\n            padding: 14px 24px;\r\n        }\r\n        .hero-right-22 {\r\n            height: 320px;\r\n        }\r\n        .side-widgets-22 {\r\n            top: auto;\r\n            bottom: 20px;\r\n            right: 50%;\r\n            transform: translateX(50%);\r\n            flex-direction: row;\r\n            border-radius: 40px;\r\n            width: max-content;\r\n        }\r\n        .side-widget-22 {\r\n            width: auto;\r\n            flex-direction: row;\r\n            padding: 10px 18px;\r\n            gap: 6px;\r\n        }\r\n        .side-widget-22 span {\r\n            font-size: 11px;\r\n        }\r\n        .side-widget-22:last-child {\r\n            border-top: none;\r\n            border-left: 1px solid rgba(212, 88, 26, 0.1);\r\n        }\r\n        .features-inner-22 {\r\n            grid-template-columns: 1fr;\r\n            gap: 0;\r\n            padding: 10px;\r\n        }\r\n        .feat-item-22 {\r\n            padding: 16px 12px;\r\n        }\r\n        .feat-tagline-22 {\r\n            grid-column: span 1;\r\n            padding: 16px 12px;\r\n        }\r\n        .dots-pattern-22 {\r\n            display: none;\r\n        }\r\n    }\r\n\r\n    \/* Reduce motion configs *\/\r\n    @media (prefers-reduced-motion: reduce) {\r\n        *, *::before, *::after {\r\n            animation: none !important;\r\n            transition: none !important;\r\n        }\r\n    }\r\n    \r\n    \r\n\/*other css*\/\r\n[data-vertical-spacing*=bottom] {\r\n     padding-bottom: 0; \r\n}\r\n[data-vertical-spacing*=top] {\r\n     padding-top: 0; \r\n}\r\n<\/style>\r\n\r\n<!-- \u2500\u2500 HERO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n<section class=\"hero-22\">\r\n\r\n    <!-- LEFT TEXT -->\r\n    <div class=\"hero-left-22\">\r\n\r\n        <!-- Admission Pill -->\r\n        <div class=\"admission-pill-22\">\r\n            <span class=\"pill-icon-22\"><i class=\"fa-solid fa-bullhorn\"><\/i><\/span>\r\n            <span>Admissions Open 2026-27<\/span>\r\n            <span class=\"pill-divider-22\">|<\/span>\r\n            <div class=\"pill-tags-22\">\r\n                <span>UG \/ PG<\/span>\r\n                <span class=\"pill-divider-22\">|<\/span>\r\n                <span>PG Fellowship<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Trust Bar -->\r\n        <div class=\"trust-bar-22\">\r\n            <div class=\"trust-item-22\">\r\n                <span class=\"t-icon-22\">\r\n                    <svg viewBox=\"0 0 24 24\"><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>\r\n                <\/span>\r\n                Trusted by 30,000+ students\r\n            <\/div>\r\n            <div class=\"trust-sep-22\"><\/div>\r\n            <div class=\"trust-item-22\">\r\n                <span class=\"t-icon-22\">\r\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><circle cx=\"12\" cy=\"6\" r=\"1\" fill=\"var(--orange)\" stroke=\"none\"\/><\/svg>\r\n                <\/span>\r\n                3 Teaching Hospitals\r\n            <\/div>\r\n            <div class=\"trust-sep-22\"><\/div>\r\n            <div class=\"trust-item-22\">\r\n                <span class=\"t-icon-22\">\r\n                    <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/><\/svg>\r\n                <\/span>\r\n                1000+ Recruiters\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <h1>India's MedTech University<\/h1>\r\n        <span class=\"italic-line-22\">Where Future Doctors, Engineers,<\/span>\r\n        <span class=\"italic-line-22\" style=\"margin-bottom:4px\">and Innovators<\/span>\r\n        <span class=\"plain-line-22\">Train in the Real World<\/span>\r\n\r\n        <div class=\"hero-btns-22\">\r\n            <a href=\"#\" class=\"btn-22 btn-primary-22\">\r\n                Explore Schools <span class=\"btn-arrow-22\">\u2192<\/span>\r\n            <\/a>\r\n            <a href=\"#\" class=\"btn-22 btn-outline-22\">\r\n                Apply Now <span class=\"btn-arrow-22\">\u2192<\/span>\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- RIGHT IMAGE -->\r\n    <div class=\"hero-right-22\">\r\n        <img decoding=\"async\" class=\"campus-img-22\"\r\n             src=\"https:\/\/dev.mrvv.edu.in\/wp-content\/uploads\/2026\/06\/Gemini_Generated_Image_bw2fy4bw2fy4bw2f-Photoroom.png\"\r\n             alt=\"India's MedTech University Campus\" \/>\r\n\r\n        <!-- Dot decoration -->\r\n        <div class=\"dots-pattern-22\">\r\n            <span><\/span><span><\/span><span><\/span><span><\/span><span><\/span>\r\n            <span><\/span><span><\/span><span><\/span><span><\/span><span><\/span>\r\n            <span><\/span><span><\/span><span><\/span><span><\/span><span><\/span>\r\n            <span><\/span><span><\/span><span><\/span><span><\/span><span><\/span>\r\n        <\/div>\r\n\r\n        <!-- Floating Action Widgets -->\r\n        <div class=\"side-widgets-22\">\r\n            <a href=\"#\" class=\"side-widget-22 white-22\">\r\n                <svg viewBox=\"0 0 24 24\"><path d=\"M15 10l4.553-2.069A1 1 0 0 1 21 8.845v6.311a1 1 0 0 1-1.447.894L15 14M3 8a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8z\"\/><\/svg>\r\n                <span>Virtual Tour<\/span>\r\n            <\/a>\r\n            <a href=\"#\" class=\"side-widget-22 orange-22\">\r\n                <svg viewBox=\"0 0 24 24\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"12\" y1=\"18\" x2=\"12\" y2=\"12\"\/><polyline points=\"9 15 12 18 15 15\"\/><\/svg>\r\n                <span>Brochure<\/span>\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<!-- \u2500\u2500 FEATURES BAR \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n<div class=\"features-bar-22\">\r\n    <div class=\"features-inner-22\">\r\n\r\n        <div class=\"feat-item-22\">\r\n            <div class=\"feat-icon-22\">\r\n                <svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M3 9h18M9 21V9\"\/><path d=\"M13 13h3M13 17h3\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"feat-text-22\">\r\n                <h4>Global Standard<\/h4>\r\n                <p>Infrastructure<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"feat-item-22\">\r\n            <div class=\"feat-icon-22\">\r\n                <svg viewBox=\"0 0 24 24\"><path d=\"M4.5 4.5a2 2 0 0 1 2-2h1a2 2 0 0 1 2 2v5a5 5 0 0 1-5 5v0a5 5 0 0 1-5-5V4.5\"\/><path d=\"M14 8h1a5 5 0 0 1 5 5v1a3 3 0 0 1-3 3v0a3 3 0 0 1-3-3v-1\" stroke=\"none\"\/><path d=\"M11.5 9.5c0-1.1.9-2 2-2s2 .9 2 2v5a4 4 0 0 0 4 4 4 4 0 0 0 4-4v-1.5\"\/><circle cx=\"19.5\" cy=\"17\" r=\"1.5\" fill=\"var(--orange)\" stroke=\"none\"\/><path d=\"M6 4v7a4 4 0 0 0 4 4 4 4 0 0 0 4-4V7\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"feat-text-22\">\r\n                <h4>Hands-on<\/h4>\r\n                <p>Clinical Training<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"feat-item-22\">\r\n            <div class=\"feat-icon-22\">\r\n                <svg viewBox=\"0 0 24 24\"><path d=\"M6 2v6l-2 4a5 5 0 0 0 10 0L12 8V2\"\/><line x1=\"6\" y1=\"2\" x2=\"12\" y2=\"2\"\/><line x1=\"6\" y1=\"7\" x2=\"12\" y2=\"7\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"feat-text-22\">\r\n                <h4>Research &amp;<\/h4>\r\n                <p>Innovation Driven<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"feat-item-22\">\r\n            <div class=\"feat-icon-22\">\r\n                <svg viewBox=\"0 0 24 24\"><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>\r\n            <\/div>\r\n            <div class=\"feat-text-22\">\r\n                <h4>Industry<\/h4>\r\n                <p>Integrated Programs<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"feat-tagline-22\">\r\n            <p>Building Careers. Improving Lives.<\/p>\r\n            <p class=\"sub-22\">Making a Difference.<\/p>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b55ddcf elementor-widget elementor-widget-shortcode\" data-id=\"b55ddcf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\r\n    <style>\r\n        :root {\r\n            --brand-orange: #d65118;\r\n            --brand-orange-hover: #b84110;\r\n            --brand-light-bg: #fdf5f1;\r\n            --text-main: #111111;\r\n            --text-muted: #9ca3af;\r\n            --border-light: #e5e7eb;\r\n            --shadow-premium: 0 15px 40px rgba(0, 0, 0, 0.08);\r\n            --transition-smooth: cubic-bezier(0.25, 0.8, 0.25, 1);\r\n        }\r\n\r\n        \/* --- NEW: Hero Section Wrapper --- *\/\r\n        .course-search-hero {\r\n            background: linear-gradient(135deg, #ffffff 0%, #fdf5f1 50%, #fcebe2 100%);\r\n            border-radius: 32px;\r\n            padding: 80px 30px;\r\n            margin: 40px auto;\r\n            max-width: 1200px;\r\n            box-shadow: 0 20px 50px rgba(214, 81, 24, 0.04);\r\n            border: 1px solid rgba(214, 81, 24, 0.05);\r\n            text-align: center;\r\n            font-family: inherit;\r\n        }\r\n\r\n        \/* --- NEW: Header Typography --- *\/\r\n        .course-search-header {\r\n            margin-bottom: 45px;\r\n        }\r\n\r\n        .course-search-header h2 {\r\n            font-size: 42px;\r\n            font-weight: 800;\r\n            color: var(--text-main);\r\n            margin: 0 0 15px 0;\r\n            letter-spacing: -0.5px;\r\n            line-height: 1.2;\r\n        }\r\n\r\n        .course-search-header h2 span {\r\n            color: var(--brand-orange);\r\n        }\r\n\r\n        .course-search-header p {\r\n            font-size: 18px;\r\n            color: #555555;\r\n            max-width: 600px;\r\n            margin: 0 auto;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* Search Bar Wrapper - Adjusted to fit inside Hero *\/\r\n        .custom-course-search {\r\n            max-width: 1050px;\r\n            margin: 0 auto;\r\n            background: #ffffff;\r\n            border-radius: 100px; \r\n            padding: 10px 10px 10px 35px;\r\n            box-shadow: var(--shadow-premium);\r\n            border: 1px solid var(--border-light);\r\n            position: relative;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .custom-course-search form {\r\n            display: flex;\r\n            align-items: center;\r\n            width: 100%;\r\n        }\r\n\r\n        \/* Dropdown Components Structure *\/\r\n        .custom-course-search .select-group {\r\n            flex: 1;\r\n            position: relative;\r\n            text-align: left; \/* Ensure dropdown text remains left-aligned *\/\r\n        }\r\n\r\n        .custom-course-search .select-group:not(:last-of-type) {\r\n            border-right: 1px solid var(--border-light);\r\n            margin-right: 25px;\r\n            padding-right: 25px;\r\n        }\r\n\r\n        \/* Custom Trigger Styling Replacing Basic Native Fields *\/\r\n        .custom-dropdown-trigger {\r\n            width: 100%;\r\n            padding: 16px 30px 16px 0;\r\n            font-size: 16px;\r\n            font-weight: 500;\r\n            color: var(--text-main);\r\n            cursor: pointer;\r\n            position: relative;\r\n            user-select: none;\r\n            white-space: nowrap;\r\n            overflow: hidden;\r\n            text-overflow: ellipsis;\r\n            transition: color 0.2s var(--transition-smooth);\r\n        }\r\n\r\n        .custom-dropdown-trigger::after {\r\n            content: \"\";\r\n            position: absolute;\r\n            right: 5px;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            width: 14px;\r\n            height: 14px;\r\n            background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' fill='none' viewBox='0 0 24 24' stroke='%23d65118'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='M19 9l-7 7-7-7'\/%3E%3C\/svg%3E\");\r\n            background-repeat: no-repeat;\r\n            background-position: center;\r\n            background-size: contain;\r\n            transition: transform 0.3s var(--transition-smooth);\r\n        }\r\n\r\n        \/* Disabled Dropdown States *\/\r\n        .custom-dropdown-wrapper.disabled .custom-dropdown-trigger {\r\n            color: var(--text-muted);\r\n            cursor: not-allowed;\r\n        }\r\n        .custom-dropdown-wrapper.disabled .custom-dropdown-trigger::after {\r\n            background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' fill='none' viewBox='0 0 24 24' stroke='%239ca3af'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='M19 9l-7 7-7-7'\/%3E%3C\/svg%3E\");\r\n        }\r\n\r\n        \/* Active\/Open Rotation Animation *\/\r\n        .custom-dropdown-wrapper.open .custom-dropdown-trigger::after {\r\n            transform: translateY(-50%) rotate(180deg);\r\n        }\r\n        .custom-dropdown-wrapper.open .custom-dropdown-trigger {\r\n            color: var(--brand-orange);\r\n        }\r\n\r\n        \/* Beautiful Animated Custom Sub-Menu Container *\/\r\n        .custom-dropdown-menu {\r\n            position: absolute;\r\n            top: calc(100% + 20px);\r\n            left: -15px;\r\n            right: -15px;\r\n            background: #ffffff;\r\n            border-radius: 16px;\r\n            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);\r\n            border: 1px solid var(--border-light);\r\n            margin: 0;\r\n            padding: 8px 0;\r\n            list-style: none;\r\n            z-index: 99999;\r\n            opacity: 0;\r\n            visibility: hidden;\r\n            transform: translateY(15px);\r\n            transition: opacity 0.25s ease, transform 0.25s var(--transition-smooth), visibility 0.25s;\r\n        }\r\n\r\n        \/* Display Dropdown via Animation Classes *\/\r\n        .custom-dropdown-wrapper.open .custom-dropdown-menu {\r\n            opacity: 1;\r\n            visibility: visible;\r\n            transform: translateY(0);\r\n        }\r\n\r\n        \/* Dropdown Options List-Items Styling *\/\r\n        .custom-dropdown-menu li {\r\n            padding: 12px 20px;\r\n            font-size: 15px;\r\n            color: var(--text-main);\r\n            font-weight: 500;\r\n            cursor: pointer;\r\n            transition: all 0.15s ease;\r\n        }\r\n\r\n        .custom-dropdown-menu li:hover {\r\n            background-color: var(--brand-light-bg);\r\n            color: var(--brand-orange);\r\n            padding-left: 25px; \/* Elegant micro-interaction shift *\/\r\n        }\r\n\r\n        .custom-dropdown-menu li.selected {\r\n            background-color: var(--brand-orange);\r\n            color: #ffffff;\r\n        }\r\n\r\n        \/* Primary Search Action Button Styling *\/\r\n        .custom-course-search button {\r\n            background-color: var(--brand-orange);\r\n            color: #ffffff;\r\n            border: none;\r\n            border-radius: 100px;\r\n            padding: 18px 45px;\r\n            font-size: 16px;\r\n            font-weight: 600;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.5px;\r\n            cursor: pointer;\r\n            transition: all 0.3s var(--transition-smooth);\r\n            box-shadow: 0 5px 15px rgba(214, 81, 24, 0.25);\r\n            white-space: nowrap;\r\n        }\r\n\r\n        .custom-course-search button:hover:not(:disabled) {\r\n            background-color: var(--brand-orange-hover);\r\n            box-shadow: 0 8px 22px rgba(214, 81, 24, 0.4);\r\n            transform: scale(1.02);\r\n        }\r\n\r\n        .custom-course-search button:disabled {\r\n            background-color: var(--border-light);\r\n            color: var(--text-muted);\r\n            box-shadow: none;\r\n            cursor: not-allowed;\r\n            transform: none;\r\n        }\r\n\r\n        \/* Clean Responsive Fallback Stack Rules *\/\r\n        @media (max-width: 991px) {\r\n            .course-search-hero {\r\n                padding: 50px 20px;\r\n                border-radius: 24px;\r\n            }\r\n            .course-search-header h2 {\r\n                font-size: 32px;\r\n            }\r\n            .custom-course-search {\r\n                border-radius: 24px;\r\n                padding: 24px;\r\n            }\r\n            .custom-course-search form {\r\n                flex-direction: column;\r\n                gap: 20px;\r\n            }\r\n            .custom-course-search .select-group {\r\n                width: 100%;\r\n                border-right: none !important;\r\n                margin-right: 0 !important;\r\n                padding-right: 0 !important;\r\n                border-bottom: 1px solid var(--border-light);\r\n                padding-bottom: 10px;\r\n            }\r\n            .custom-dropdown-menu {\r\n                top: calc(100% + 5px);\r\n                left: 0;\r\n                right: 0;\r\n            }\r\n            .custom-course-search button {\r\n                width: 100%;\r\n                padding: 16px;\r\n                border-radius: 50px;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"course-search-hero\">\r\n        \r\n        <div class=\"course-search-header\">\r\n            <h2>Find Your <span>Perfect Course<\/span><\/h2>\r\n            <p>Explore our wide range of undergraduate, postgraduate, and doctoral programs tailored for your future.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"custom-course-search\">\r\n            <form role=\"search\" method=\"get\" action=\"https:\/\/dev.mrvv.edu.in\/\">\r\n                <input type=\"hidden\" name=\"post_type\" value=\"course\">\r\n                \r\n                <input type=\"hidden\" id=\"hidden-level\" name=\"level_filter\" value=\"\">\r\n                <input type=\"hidden\" id=\"hidden-stream\" name=\"stream_filter\" value=\"\">\r\n                <input type=\"hidden\" id=\"hidden-course\" name=\"course-categorie\" value=\"\">\r\n                \r\n                <div class=\"select-group\">\r\n                    <div class=\"custom-dropdown-wrapper\" id=\"wrapper-level\">\r\n                        <div class=\"custom-dropdown-trigger\" id=\"trigger-level\">Select Level<\/div>\r\n                        <ul class=\"custom-dropdown-menu\" id=\"menu-level\">\r\n                            <li data-value=\"\">Select Level<\/li>\r\n                                                            <li data-value=\"36\">PG<\/li>\r\n                                                            <li data-value=\"37\">Ph.D<\/li>\r\n                                                            <li data-value=\"35\">UG<\/li>\r\n                                                    <\/ul>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"select-group\">\r\n                    <div class=\"custom-dropdown-wrapper disabled\" id=\"wrapper-stream\">\r\n                        <div class=\"custom-dropdown-trigger\" id=\"trigger-stream\">Select Stream<\/div>\r\n                        <ul class=\"custom-dropdown-menu\" id=\"menu-stream\">\r\n                            <li data-value=\"\">Select Stream<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"select-group\">\r\n                    <div class=\"custom-dropdown-wrapper disabled\" id=\"wrapper-course\">\r\n                        <div class=\"custom-dropdown-trigger\" id=\"trigger-course\">Select Course<\/div>\r\n                        <ul class=\"custom-dropdown-menu\" id=\"menu-course\">\r\n                            <li data-value=\"\">Select Course<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <button type=\"submit\" id=\"course-search-btn\" disabled>Search Courses<\/button>\r\n            <\/form>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            const taxonomyData = {\"36\":{\"name\":\"PG\",\"slug\":\"pg\",\"children\":{\"54\":{\"name\":\"M.Sc\",\"slug\":\"m-sc\",\"children\":[]},\"56\":{\"name\":\"M.Sc Nursing\",\"slug\":\"m-sc-nursing\",\"children\":[]},\"55\":{\"name\":\"MBA\",\"slug\":\"mba\",\"children\":[]},\"57\":{\"name\":\"MPT\",\"slug\":\"mpt\",\"children\":[]}}},\"37\":{\"name\":\"Ph.D\",\"slug\":\"ph-d\",\"children\":{\"61\":{\"name\":\"Allied Health Sciences\",\"slug\":\"allied-health-sciences-ph-d-2\",\"children\":[]},\"62\":{\"name\":\"Engineering\",\"slug\":\"engineering\",\"children\":[]},\"60\":{\"name\":\"Life Sciences\",\"slug\":\"life-sciences\",\"children\":[]},\"58\":{\"name\":\"Management\",\"slug\":\"management\",\"children\":[]},\"59\":{\"name\":\"Medicine\",\"slug\":\"medicine\",\"children\":[]}}},\"35\":{\"name\":\"UG\",\"slug\":\"ug\",\"children\":{\"46\":{\"name\":\"Allied Health Sciences\",\"slug\":\"allied-health-sciences\",\"children\":{\"49\":{\"name\":\"B.Sc Cardiovascular Technology\",\"slug\":\"b-sc-cardiovascular-technology\"},\"47\":{\"name\":\"B.Sc Medical Laboratory Technology\",\"slug\":\"b-sc-medical-laboratory-technology\"},\"48\":{\"name\":\"B.Sc Radiology &amp; Imaging Technology\",\"slug\":\"b-sc-radiology-imaging-technology\"}}},\"50\":{\"name\":\"Engineering &amp; Technology\",\"slug\":\"engineering-technology\",\"children\":{\"52\":{\"name\":\"B.Tech AI &amp; ML\",\"slug\":\"b-tech-ai-ml\"},\"53\":{\"name\":\"B.Tech CSE\",\"slug\":\"b-tech-cse\"},\"51\":{\"name\":\"B.Tech Robotics &amp; AI\",\"slug\":\"b-tech-robotics-ai\"}}},\"38\":{\"name\":\"Management &amp; Computer Applications\",\"slug\":\"management-computer-applications\",\"children\":{\"39\":{\"name\":\"BBA\",\"slug\":\"bba\"},\"40\":{\"name\":\"BCA\",\"slug\":\"bca\"}}},\"43\":{\"name\":\"Nursing\",\"slug\":\"nursing\",\"children\":{\"44\":{\"name\":\"B.Sc Nursing\",\"slug\":\"b-sc-nursing\"},\"45\":{\"name\":\"Post Basic B.Sc Nursing\",\"slug\":\"post-basic-b-sc-nursing\"}}},\"41\":{\"name\":\"Rehabilitation Sciences\",\"slug\":\"rehabilitation-sciences\",\"children\":{\"42\":{\"name\":\"BPT\",\"slug\":\"bpt\"}}}}}};\r\n            \r\n            \/\/ Core DOM Elements\r\n            const wrappers = document.querySelectorAll('.custom-dropdown-wrapper');\r\n            const searchBtn = document.getElementById('course-search-btn');\r\n            \r\n            const fields = {\r\n                level:  { wrap: document.getElementById('wrapper-level'), trig: document.getElementById('trigger-level'), menu: document.getElementById('menu-level'), input: document.getElementById('hidden-level') },\r\n                stream: { wrap: document.getElementById('wrapper-stream'), trig: document.getElementById('trigger-stream'), menu: document.getElementById('menu-stream'), input: document.getElementById('hidden-stream') },\r\n                course: { wrap: document.getElementById('wrapper-course'), trig: document.getElementById('trigger-course'), menu: document.getElementById('menu-course'), input: document.getElementById('hidden-course') }\r\n            };\r\n\r\n            \/\/ Global handler to manage dropdown UI opening\/closing states\r\n            wrappers.forEach(wrapper => {\r\n                const trigger = wrapper.querySelector('.custom-dropdown-trigger');\r\n                trigger.addEventListener('click', function(e) {\r\n                    e.stopPropagation();\r\n                    if (wrapper.classList.contains('disabled')) return;\r\n                    \r\n                    const isOpen = wrapper.classList.contains('open');\r\n                    closeAllDropdowns();\r\n                    if (!isOpen) wrapper.classList.add('open');\r\n                });\r\n            });\r\n\r\n            document.addEventListener('click', closeAllDropdowns);\r\n\r\n            function closeAllDropdowns() {\r\n                wrappers.forEach(w => w.classList.remove('open'));\r\n            }\r\n\r\n            \/\/ Setup Selection Actions on Menu items\r\n            function assignItemClickEvents(type) {\r\n                const items = fields[type].menu.querySelectorAll('li');\r\n                items.forEach(item => {\r\n                    item.addEventListener('click', function(e) {\r\n                        e.stopPropagation();\r\n                        const val = this.getAttribute('data-value');\r\n                        const txt = this.textContent;\r\n\r\n                        \/\/ Styling updates\r\n                        fields[type].menu.querySelectorAll('li').forEach(el => el.classList.remove('selected'));\r\n                        this.classList.add('selected');\r\n                        fields[type].trig.textContent = txt;\r\n                        fields[type].input.value = val;\r\n                        fields[type].wrap.classList.remove('open');\r\n\r\n                        \/\/ Run cascading functional switches\r\n                        if (type === 'level') handleLevelChange(val);\r\n                        if (type === 'stream') handleStreamChange(val);\r\n                        if (type === 'course') handleCourseChange(val);\r\n                    });\r\n                });\r\n            }\r\n\r\n            \/\/ Init level listeners\r\n            assignItemClickEvents('level');\r\n\r\n            function handleLevelChange(levelId) {\r\n                \/\/ Reset dependants\r\n                resetDropdown('stream', 'Select Stream');\r\n                resetDropdown('course', 'Select Course');\r\n                searchBtn.disabled = true;\r\n\r\n                if (levelId && taxonomyData[levelId] && Object.keys(taxonomyData[levelId].children).length > 0) {\r\n                    const streams = taxonomyData[levelId].children;\r\n                    let html = '<li data-value=\"\">Select Stream<\/li>';\r\n                    for (const id in streams) {\r\n                        html += `<li data-value=\"${id}\">${streams[id].name}<\/li>`;\r\n                    }\r\n                    fields.stream.menu.innerHTML = html;\r\n                    fields.stream.wrap.classList.remove('disabled');\r\n                    assignItemClickEvents('stream');\r\n                }\r\n            }\r\n\r\n            function handleStreamChange(streamId) {\r\n                resetDropdown('course', 'Select Course');\r\n                const levelId = fields.level.input.value;\r\n\r\n                if (streamId && taxonomyData[levelId]?.children[streamId]) {\r\n                    const courses = taxonomyData[levelId].children[streamId].children;\r\n                    const courseCount = Object.keys(courses).length;\r\n\r\n                    if (courseCount > 0) {\r\n                        let html = '<li data-value=\"\">Select Course<\/li>';\r\n                        for (const id in courses) {\r\n                            html += `<li data-value=\"${courses[id].slug}\">${courses[id].name}<\/li>`;\r\n                        }\r\n                        fields.course.menu.innerHTML = html;\r\n                        fields.course.wrap.classList.remove('disabled');\r\n                        searchBtn.disabled = true;\r\n                        assignItemClickEvents('course');\r\n                    } else {\r\n                        \/\/ Immediate validation if selection path stops early\r\n                        searchBtn.disabled = false;\r\n                    }\r\n                } else {\r\n                    searchBtn.disabled = true;\r\n                }\r\n            }\r\n\r\n            function handleCourseChange(courseSlug) {\r\n                searchBtn.disabled = (courseSlug === \"\");\r\n            }\r\n\r\n            function resetDropdown(type, placeholder) {\r\n                fields[type].wrap.classList.add('disabled');\r\n                fields[type].wrap.classList.remove('open');\r\n                fields[type].trig.textContent = placeholder;\r\n                fields[type].input.value = \"\";\r\n                fields[type].menu.innerHTML = `<li data-value=\"\">${placeholder}<\/li>`;\r\n            }\r\n        });\r\n    <\/script>\r\n\r\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-01a2a84 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"01a2a84\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9ca3afd elementor-widget elementor-widget-html\" data-id=\"9ca3afd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"orng-schools-22\">\r\n    <!-- optional subtle dot grid -->\r\n    <div class=\"orng-schools__dots-22\" aria-hidden=\"true\"><\/div>\r\n\r\n    <div class=\"orng-schools__header-22\">\r\n        <span class=\"orng-schools__eyebrow-22\">\r\n            <i class=\"fas fa-graduation-cap\"><\/i> Academic Excellence\r\n        <\/span>\r\n        <h2>Our <span class=\"orng-schools__highlight-22\">Academic<\/span> Schools<\/h2>\r\n        <p>Explore ten specialized schools shaping the future of healthcare through innovation and research.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"orng-schools__grid-22\">\r\n        <!-- Card 1 \u2013 Medical -->\r\n        <div class=\"orng-card-22\">\r\n            <div class=\"orng-card__visual-22\">\r\n                <div class=\"orng-card__blob-22 orng-card__blob--1-22\"><\/div>\r\n                <div class=\"orng-card__blob-22 orng-card__blob--2-22\"><\/div>\r\n                <div class=\"orng-card__icon-22\">\r\n                    <img decoding=\"async\" src=\"https:\/\/dev.mrvv.edu.in\/wp-content\/uploads\/2026\/05\/Media-Design-Icon-1.webp\" alt=\"Medical icon\" loading=\"lazy\">\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"orng-card__content-22\">\r\n                <span class=\"orng-card__badge-22\">Medical<\/span>\r\n                <h3 class=\"orng-card__heading-22\">School of Medical Sciences & Technology<\/h3>\r\n                <p class=\"orng-card__desc-22\">Empowering future physicians with rigorous clinical training and research.<\/p>\r\n                <ul class=\"orng-card__pills-22\">\r\n                    <li><a href=\"#\">B.Sc<\/a><\/li>\r\n                    <li><a href=\"#\">M.Sc<\/a><\/li>\r\n                    <li><a href=\"#\">Fellowships<\/a><\/li>\r\n                <\/ul>\r\n                <a href=\"#\" class=\"orng-card__cta-22\">Explore School <i class=\"fas fa-arrow-right\"><\/i><\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Card 2 \u2013 Dental -->\r\n        <div class=\"orng-card-22\">\r\n            <div class=\"orng-card__visual-22\">\r\n                <div class=\"orng-card__blob-22 orng-card__blob--1-22\"><\/div>\r\n                <div class=\"orng-card__blob-22 orng-card__blob--2-22\"><\/div>\r\n                <div class=\"orng-card__icon-22\">\r\n                    <img decoding=\"async\" src=\"https:\/\/dev.mrvv.edu.in\/wp-content\/uploads\/2026\/05\/Media-Design-Icon-1.webp\" alt=\"Dental icon\" loading=\"lazy\">\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"orng-card__content-22\">\r\n                <span class=\"orng-card__badge-22\">Dental<\/span>\r\n                <h3 class=\"orng-card__heading-22\">School of Dental Sciences & Technology<\/h3>\r\n                <p class=\"orng-card__desc-22\">Shaping skilled dental professionals through advanced simulation labs.<\/p>\r\n                <ul class=\"orng-card__pills-22\">\r\n                    <li><a href=\"#\">B.Sc<\/a><\/li>\r\n                    <li><a href=\"#\">M.Sc<\/a><\/li>\r\n                    <li><a href=\"#\">Fellowships<\/a><\/li>\r\n                <\/ul>\r\n                <a href=\"#\" class=\"orng-card__cta-22\">Explore School <i class=\"fas fa-arrow-right\"><\/i><\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Card 3 \u2013 Nursing -->\r\n        <div class=\"orng-card-22\">\r\n            <div class=\"orng-card__visual-22\">\r\n                <div class=\"orng-card__blob-22 orng-card__blob--1-22\"><\/div>\r\n                <div class=\"orng-card__blob-22 orng-card__blob--2-22\"><\/div>\r\n                <div class=\"orng-card__icon-22\">\r\n                    <img decoding=\"async\" src=\"https:\/\/dev.mrvv.edu.in\/wp-content\/uploads\/2026\/05\/Media-Design-Icon-1.webp\" alt=\"Nursing icon\" loading=\"lazy\">\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"orng-card__content-22\">\r\n                <span class=\"orng-card__badge-22\">Nursing<\/span>\r\n                <h3 class=\"orng-card__heading-22\">School of Nursing Sciences & Technology<\/h3>\r\n                <p class=\"orng-card__desc-22\">Cultivating compassionate nurses with hands\u2011on modern healthcare training.<\/p>\r\n                <ul class=\"orng-card__pills-22\">\r\n                    <li><a href=\"#\">B.Sc Nursing<\/a><\/li>\r\n                    <li><a href=\"#\">M.Sc Nursing<\/a><\/li>\r\n                <\/ul>\r\n                <a href=\"#\" class=\"orng-card__cta-22\">Explore School <i class=\"fas fa-arrow-right\"><\/i><\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Card 4 \u2013 Pharma -->\r\n        <div class=\"orng-card-22\">\r\n            <div class=\"orng-card__visual-22\">\r\n                <div class=\"orng-card__blob-22 orng-card__blob--1-22\"><\/div>\r\n                <div class=\"orng-card__blob-22 orng-card__blob--2-22\"><\/div>\r\n                <div class=\"orng-card__icon-22\">\r\n                    <img decoding=\"async\" src=\"https:\/\/dev.mrvv.edu.in\/wp-content\/uploads\/2026\/05\/Humanities-Icon.webp\" alt=\"Pharma icon\" loading=\"lazy\">\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"orng-card__content-22\">\r\n                <span class=\"orng-card__badge-22\">Pharma<\/span>\r\n                <h3 class=\"orng-card__heading-22\">School of Pharmaceutical Sciences & Technology<\/h3>\r\n                <p class=\"orng-card__desc-22\">Driving drug innovation with industry\u2011aligned curriculum and research.<\/p>\r\n                <ul class=\"orng-card__pills-22\">\r\n                    <li><a href=\"#\">B.Pharm<\/a><\/li>\r\n                    <li><a href=\"#\">M.Pharm<\/a><\/li>\r\n                <\/ul>\r\n                <a href=\"#\" class=\"orng-card__cta-22\">Explore School <i class=\"fas fa-arrow-right\"><\/i><\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Card 5 \u2013 Allied Healthcare -->\r\n        <div class=\"orng-card-22\">\r\n            <div class=\"orng-card__visual-22\">\r\n                <div class=\"orng-card__blob-22 orng-card__blob--1-22\"><\/div>\r\n                <div class=\"orng-card__blob-22 orng-card__blob--2-22\"><\/div>\r\n                <div class=\"orng-card__icon-22\">\r\n                    <img decoding=\"async\" src=\"https:\/\/dev.mrvv.edu.in\/wp-content\/uploads\/2026\/05\/Allied-Health-Icon.webp\" alt=\"Healthcare icon\" loading=\"lazy\">\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"orng-card__content-22\">\r\n                <span class=\"orng-card__badge-22\">Healthcare<\/span>\r\n                <h3 class=\"orng-card__heading-22\">School of Allied Healthcare Sciences & Technology<\/h3>\r\n                <p class=\"orng-card__desc-22\">Training versatile professionals across diagnostic and therapeutic fields.<\/p>\r\n                <ul class=\"orng-card__pills-22\">\r\n                    <li><a href=\"#\">B.Sc AHS<\/a><\/li>\r\n                    <li><a href=\"#\">M.Sc AHS<\/a><\/li>\r\n                <\/ul>\r\n                <a href=\"#\" class=\"orng-card__cta-22\">Explore School <i class=\"fas fa-arrow-right\"><\/i><\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Card 6 \u2013 Public Health -->\r\n        <div class=\"orng-card-22\">\r\n            <div class=\"orng-card__visual-22\">\r\n                <div class=\"orng-card__blob-22 orng-card__blob--1-22\"><\/div>\r\n                <div class=\"orng-card__blob-22 orng-card__blob--2-22\"><\/div>\r\n                <div class=\"orng-card__icon-22\">\r\n                    <img decoding=\"async\" src=\"https:\/\/dev.mrvv.edu.in\/wp-content\/uploads\/2026\/05\/Humanities-Icon.webp\" alt=\"Public Health icon\" loading=\"lazy\">\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"orng-card__content-22\">\r\n                <span class=\"orng-card__badge-22\">Public Health<\/span>\r\n                <h3 class=\"orng-card__heading-22\">School of Public Health & Emerging Healthcare<\/h3>\r\n                <p class=\"orng-card__desc-22\">Tackling global health challenges through epidemiology and policy.<\/p>\r\n                <ul class=\"orng-card__pills-22\">\r\n                    <li><span>MPH<\/span><\/li>\r\n                    <li><span>MHA<\/span><\/li>\r\n                    <li><span>PhD<\/span><\/li>\r\n                <\/ul>\r\n                <a href=\"#\" class=\"orng-card__cta-22\">Explore School <i class=\"fas fa-arrow-right\"><\/i><\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Card 7 \u2013 Digital Health -->\r\n        <div class=\"orng-card-22\">\r\n            <div class=\"orng-card__visual-22\">\r\n                <div class=\"orng-card__blob-22 orng-card__blob--1-22\"><\/div>\r\n                <div class=\"orng-card__blob-22 orng-card__blob--2-22\"><\/div>\r\n                <div class=\"orng-card__icon-22\">\r\n                    <img decoding=\"async\" src=\"https:\/\/dev.mrvv.edu.in\/wp-content\/uploads\/2026\/05\/Digital-School-Icon.webp\" alt=\"Digital icon\" loading=\"lazy\">\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"orng-card__content-22\">\r\n                <span class=\"orng-card__badge-22\">Digital<\/span>\r\n                <h3 class=\"orng-card__heading-22\">School of Digital Health Sciences & Technology<\/h3>\r\n                <p class=\"orng-card__desc-22\">Merging healthcare with AI, data science, and digital transformation.<\/p>\r\n                <ul class=\"orng-card__pills-22\">\r\n                    <li><span>Digital Health<\/span><\/li>\r\n                    <li><span>Data Science<\/span><\/li>\r\n                <\/ul>\r\n                <a href=\"#\" class=\"orng-card__cta-22\">Explore School <i class=\"fas fa-arrow-right\"><\/i><\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Card 8 \u2013 Rehabilitation -->\r\n        <div class=\"orng-card-22\">\r\n            <div class=\"orng-card__visual-22\">\r\n                <div class=\"orng-card__blob-22 orng-card__blob--1-22\"><\/div>\r\n                <div class=\"orng-card__blob-22 orng-card__blob--2-22\"><\/div>\r\n                <div class=\"orng-card__icon-22\">\r\n                    <img decoding=\"async\" src=\"https:\/\/dev.mrvv.edu.in\/wp-content\/uploads\/2026\/05\/Allied-Health-Icon.webp\" alt=\"Rehabilitation icon\" loading=\"lazy\">\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"orng-card__content-22\">\r\n                <span class=\"orng-card__badge-22\">Rehabilitation<\/span>\r\n                <h3 class=\"orng-card__heading-22\">School of Rehabilitation & Physiotherapy Sciences<\/h3>\r\n                <p class=\"orng-card__desc-22\">Restoring movement and quality of life through evidence\u2011based therapy.<\/p>\r\n                <ul class=\"orng-card__pills-22\">\r\n                    <li><span>BPT<\/span><\/li>\r\n                    <li><span>MPT<\/span><\/li>\r\n                    <li><span>OT<\/span><\/li>\r\n                <\/ul>\r\n                <a href=\"#\" class=\"orng-card__cta-22\">Explore School <i class=\"fas fa-arrow-right\"><\/i><\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Card 9 \u2013 Biomedical Research -->\r\n        <div class=\"orng-card-22\">\r\n            <div class=\"orng-card__visual-22\">\r\n                <div class=\"orng-card__blob-22 orng-card__blob--1-22\"><\/div>\r\n                <div class=\"orng-card__blob-22 orng-card__blob--2-22\"><\/div>\r\n                <div class=\"orng-card__icon-22\">\r\n                    <img decoding=\"async\" src=\"https:\/\/dev.mrvv.edu.in\/wp-content\/uploads\/2026\/05\/Humanities-Icon.webp\" alt=\"Research icon\" loading=\"lazy\">\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"orng-card__content-22\">\r\n                <span class=\"orng-card__badge-22\">Research<\/span>\r\n                <h3 class=\"orng-card__heading-22\">School of Biomedical Research & Life Sciences<\/h3>\r\n                <p class=\"orng-card__desc-22\">Advancing discovery with cutting\u2011edge labs and interdisciplinary research.<\/p>\r\n                <ul class=\"orng-card__pills-22\">\r\n                    <li><span>M.Phil<\/span><\/li>\r\n                    <li><span>PhD<\/span><\/li>\r\n                    <li><span>Post-Doc<\/span><\/li>\r\n                <\/ul>\r\n                <a href=\"#\" class=\"orng-card__cta-22\">Explore School <i class=\"fas fa-arrow-right\"><\/i><\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- \ud83d\udd25 NEW: Explore All Card (10th) -->\r\n        <div class=\"orng-card-22 orng-card--explore-all-22\">\r\n            <div class=\"orng-card__visual-22\">\r\n                <div class=\"orng-card__icon-22 orng-card__icon--large-22\">\r\n                    <i class=\"fas fa-graduation-cap\"><\/i>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"orng-card__content-22 orng-card__content--centered-22\">\r\n                <span class=\"orng-card__badge-22 orng-card__badge--alt-22\">All Programs<\/span>\r\n                <h3 class=\"orng-card__heading-22\">Discover Your Path<\/h3>\r\n                <p class=\"orng-card__desc-22\">Browse our complete list of schools, programs, and research opportunities.<\/p>\r\n                <a href=\"#\" class=\"orng-card__cta-22 orng-card__cta--wide-22\">\r\n                    Explore All Schools <i class=\"fas fa-arrow-right\"><\/i>\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* ==========================================================================\r\n   Elementor\u2011friendly Academic Schools Grid \u2013 with -22 suffix\r\n   Scope: .orng-schools-22 \u2013 will NOT affect editor UI or other widgets\r\n   ========================================================================== *\/\r\n:root {\r\n    --orng-50: #fff7ed;\r\n    --orng-100: #ffedd5;\r\n    --orng-200: #fdd8a8;\r\n    --orng-400: #f59e0b;\r\n    --orng-500: #d4581a;\r\n    --orng-600: #e08a0e;\r\n    --orng-700: #c2780c;\r\n    --orng-800: #9a5f0a;\r\n    --gray-50: #f9fafb;\r\n    --gray-100: #f3f4f6;\r\n    --gray-200: #e5e7eb;\r\n    --gray-300: #d1d5db;\r\n    --gray-400: #9ca3af;\r\n    --gray-500: #6b7280;\r\n    --gray-600: #4b5563;\r\n    --gray-700: #374151;\r\n    --gray-800: #1f2937;\r\n    --gray-900: #111827;\r\n    --white: #ffffff;\r\n}\r\n\r\n.orng-schools-22 {\r\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n    -webkit-font-smoothing: antialiased;\r\n    background: linear-gradient(175deg, #fefefe 0%, #fdfaf7 15%, #fefcf9 30%, #fffefd 50%, #fefefe 70%, #fdf9f5 100%);\r\n    padding: clamp(3rem, 8vw, 4.5rem) clamp(1rem, 4vw, 1.5rem);\r\n    position: relative;\r\n    isolation: isolate;\r\n    overflow: hidden;\r\n}\r\n\r\n\/* ambient glows *\/\r\n.orng-schools-22::before,\r\n.orng-schools-22::after {\r\n    content: '';\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    z-index: 0;\r\n    pointer-events: none;\r\n}\r\n.orng-schools-22::before {\r\n    width: 43.75rem;   \/* 700px *\/\r\n    height: 43.75rem;\r\n    background: radial-gradient(ellipse at center, rgba(240,154,26,0.06) 0%, rgba(240,154,26,0.02) 30%, transparent 70%);\r\n    top: -10rem;\r\n    right: -8.75rem;\r\n}\r\n.orng-schools-22::after {\r\n    width: 35rem;      \/* 560px *\/\r\n    height: 35rem;\r\n    background: radial-gradient(ellipse at center, rgba(240,154,26,0.05) 0%, rgba(240,154,26,0.01) 35%, transparent 72%);\r\n    bottom: -7.5rem;\r\n    left: -6.25rem;\r\n}\r\n\r\n\/* dot grid background *\/\r\n.orng-schools__dots-22 {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 0;\r\n    pointer-events: none;\r\n    opacity: 0.25;\r\n    background-image: radial-gradient(rgba(240,154,26,0.18) 1px, transparent 1px);\r\n    background-size: 1.75rem 1.75rem;  \/* 28px *\/\r\n    mask-image: radial-gradient(ellipse at center, black 15%, transparent 70%);\r\n    -webkit-mask-image: radial-gradient(ellipse at center, black 15%, transparent 70%);\r\n}\r\n\r\n\/* section header *\/\r\n.orng-schools__header-22 {\r\n    text-align: center;\r\n    margin-bottom: 3.375rem;\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n.orng-schools__eyebrow-22 {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 0.5rem;\r\n    font-size: 0.6875rem;   \/* 11px *\/\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.21875rem; \/* 3.5px *\/\r\n    color: #c2780c;\r\n    background: rgba(240,154,26,0.08);\r\n    padding: 0.4375rem 1.125rem;\r\n    border-radius: 100px;\r\n    margin-bottom: 1rem;\r\n    border: 1px solid rgba(240,154,26,0.12);\r\n}\r\n.orng-schools__eyebrow-22 i {\r\n    font-size: 0.625rem;\r\n    color: #d4581a;\r\n}\r\n.orng-schools__header-22 h2 {\r\n    margin: 0 0 0.75rem;\r\n    font-size: clamp(1.875rem, 4.5vw, 2.875rem);\r\n    line-height: 1.12;\r\n    font-weight: 900;\r\n    color: #111827;\r\n    letter-spacing: -0.05em;\r\n}\r\n.orng-schools__highlight-22 {\r\n    color: #d4581a;\r\n    position: relative;\r\n    display: inline-block;\r\n}\r\n.orng-schools__highlight-22::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: 0.125rem;\r\n    left: 0;\r\n    right: 0;\r\n    height: 0.375rem;\r\n    background: rgba(240,154,26,0.18);\r\n    border-radius: 0.25rem;\r\n    z-index: -1;\r\n}\r\n.orng-schools__header-22 p {\r\n    margin: 0;\r\n    font-size: 0.9375rem;\r\n    color: #6b7280;\r\n    max-width: 30rem;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n    line-height: 1.55;\r\n    font-weight: 500;\r\n}\r\n\r\n\/* grid *\/\r\n.orng-schools__grid-22 {\r\n    display: grid;\r\n    grid-template-columns: repeat(5, 1fr);\r\n    gap: 1.25rem;\r\n    max-width: 1480px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n\/* card *\/\r\n.orng-card-22 {\r\n    background: #fff;\r\n    border-radius: 1.125rem; \/* 18px *\/\r\n    padding: 1.5rem 1.25rem 1.25rem;\r\n    display: flex;\r\n    flex-direction: column;\r\n    border: 1.5px solid #f3f4f6;\r\n    box-shadow: 0 2px 8px rgba(0,0,0,0.05), 0 1px 3px rgba(0,0,0,0.04);\r\n    transition: transform 0.3s cubic-bezier(0.33,1,0.68,1), box-shadow 0.3s ease, border-color 0.3s ease;\r\n    position: relative;\r\n    overflow: hidden;\r\n    animation: orng-card-rise-22 0.65s ease forwards;\r\n    opacity: 0;\r\n    transform: translateY(1.5rem);\r\n}\r\n@keyframes orng-card-rise-22 {\r\n    to { opacity: 1; transform: translateY(0); }\r\n}\r\n\/* stagger animation *\/\r\n.orng-card-22:nth-child(1) { animation-delay: 0.02s; }\r\n.orng-card-22:nth-child(2) { animation-delay: 0.06s; }\r\n.orng-card-22:nth-child(3) { animation-delay: 0.10s; }\r\n.orng-card-22:nth-child(4) { animation-delay: 0.14s; }\r\n.orng-card-22:nth-child(5) { animation-delay: 0.18s; }\r\n.orng-card-22:nth-child(6) { animation-delay: 0.22s; }\r\n.orng-card-22:nth-child(7) { animation-delay: 0.26s; }\r\n.orng-card-22:nth-child(8) { animation-delay: 0.30s; }\r\n.orng-card-22:nth-child(9) { animation-delay: 0.34s; }\r\n.orng-card-22:nth-child(10) { animation-delay: 0.38s; }\r\n\r\n.orng-card-22:hover {\r\n    transform: translateY(-0.4375rem);\r\n    box-shadow: 0 28px 52px rgba(240,154,26,0.13), 0 8px 20px rgba(0,0,0,0.05);\r\n    border-color: rgba(240,154,26,0.28);\r\n}\r\n\r\n\/* top accent line *\/\r\n.orng-card-22::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 1.25rem;\r\n    right: 1.25rem;\r\n    height: 3px;\r\n    border-radius: 0 0 0.5rem 0.5rem;\r\n    background: linear-gradient(90deg, #d4581a, #fbbf24, #f59e0b, #d4581a);\r\n    background-size: 300% 100%;\r\n    opacity: 0;\r\n    transition: opacity 0.45s ease;\r\n    z-index: 3;\r\n}\r\n.orng-card-22:hover::before {\r\n    opacity: 1;\r\n    animation: orng-shimmer-22 3s ease-in-out infinite;\r\n}\r\n@keyframes orng-shimmer-22 {\r\n    0%, 100% { background-position: 0% 50%; }\r\n    50% { background-position: 100% 50%; }\r\n}\r\n\r\n\/* inner glow *\/\r\n.orng-card-22::after {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    border-radius: 1.125rem;\r\n    background: radial-gradient(ellipse at 50% 0%, rgba(240,154,26,0.04) 0%, transparent 55%);\r\n    opacity: 0;\r\n    transition: opacity 0.45s ease;\r\n    z-index: 0;\r\n    pointer-events: none;\r\n}\r\n.orng-card-22:hover::after {\r\n    opacity: 1;\r\n}\r\n\r\n\/* visual area *\/\r\n.orng-card__visual-22 {\r\n    position: relative;\r\n    padding: 0.125rem 0 0.875rem;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    z-index: 1;\r\n}\r\n.orng-card__blob-22 {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    z-index: 0;\r\n    transition: all 0.45s ease;\r\n}\r\n.orng-card__blob--1-22 {\r\n    width: 2.875rem; height: 2.875rem;\r\n    background: rgba(240,154,26,0.07);\r\n    top: -0.5rem; right: -0.125rem;\r\n}\r\n.orng-card__blob--2-22 {\r\n    width: 1.875rem; height: 1.875rem;\r\n    background: rgba(240,154,26,0.05);\r\n    bottom: -0.125rem; left: 0;\r\n}\r\n.orng-card-22:hover .orng-card__blob--1-22 {\r\n    background: rgba(240,154,26,0.13);\r\n    transform: scale(1.15) translate(-0.125rem, 0.125rem);\r\n}\r\n.orng-card-22:hover .orng-card__blob--2-22 {\r\n    background: rgba(240,154,26,0.10);\r\n    transform: scale(1.2) translate(0.125rem, -0.125rem);\r\n}\r\n.orng-card__icon-22 {\r\n    width: 4rem; height: 4rem;       \/* 64px *\/\r\n    background: #fff;\r\n    border-radius: 0.875rem;         \/* 14px *\/\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 0.6875rem;\r\n    box-shadow: 0 8px 24px rgba(0,0,0,0.06), 0 2px 6px rgba(0,0,0,0.03);\r\n    border: 1.5px solid #f3f4f6;\r\n    z-index: 2;\r\n    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;\r\n}\r\n.orng-card-22:hover .orng-card__icon-22 {\r\n    transform: scale(1.08);\r\n    box-shadow: 0 12px 28px rgba(240,154,26,0.12);\r\n    border-color: rgba(240,154,26,0.25);\r\n}\r\n.orng-card__icon-22 img {\r\n    width: 100%; height: 100%;\r\n    object-fit: contain;\r\n    filter: brightness(0.95);\r\n    transition: filter 0.3s ease;\r\n}\r\n.orng-card-22:hover .orng-card__icon-22 img {\r\n    filter: brightness(1);\r\n}\r\n\r\n\/* content *\/\r\n.orng-card__content-22 {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 0.625rem;\r\n    flex: 1;\r\n    z-index: 1;\r\n    position: relative;\r\n}\r\n.orng-card__badge-22 {\r\n    font-size: 0.5625rem;  \/* 9px *\/\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    color: #c2780c;\r\n    letter-spacing: 0.15625rem;\r\n    background: rgba(240,154,26,0.07);\r\n    padding: 0.25rem 0.6875rem;\r\n    border-radius: 100px;\r\n    align-self: flex-start;\r\n    border: 1px solid rgba(240,154,26,0.10);\r\n    transition: all 0.3s ease;\r\n}\r\n.orng-card-22:hover .orng-card__badge-22 {\r\n    background: rgba(240,154,26,0.13);\r\n    border-color: rgba(240,154,26,0.22);\r\n    color: #9a5f0a;\r\n}\r\n.orng-card__heading-22 {\r\n    font-size: 0.9375rem;  \/* 15px *\/\r\n    line-height: 1.3;\r\n    font-weight: 800;\r\n    color: #111827;\r\n    letter-spacing: -0.02em;\r\n    margin: 0;\r\n}\r\n.orng-card-22:hover .orng-card__heading-22 {\r\n    color: #1f2937;\r\n}\r\n.orng-card__desc-22 {\r\n    font-size: 0.75rem;    \/* 12px *\/\r\n    line-height: 1.55;\r\n    color: #6b7280;\r\n    margin: 0;\r\n    font-weight: 500;\r\n}\r\n.orng-card__pills-22 {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 0.3125rem;\r\n    padding: 0;\r\n    margin: 0.25rem 0 0;\r\n    list-style: none;\r\n}\r\n.orng-card__pills-22 a,\r\n.orng-card__pills-22 span {\r\n    text-decoration: none;\r\n    color: #6b7280;\r\n    background: #f9fafb;\r\n    border-radius: 0.4375rem;\r\n    padding: 0.3125rem 0.6875rem;\r\n    font-size: 0.6875rem;  \/* 11px *\/\r\n    font-weight: 600;\r\n    border: 1.5px solid #e5e7eb;\r\n    transition: all 0.25s ease;\r\n    white-space: nowrap;\r\n}\r\n.orng-card__pills-22 a:hover {\r\n    background: rgba(240,154,26,0.08);\r\n    border-color: rgba(240,154,26,0.35);\r\n    color: #c2780c;\r\n    cursor: pointer;\r\n}\r\n\r\n\/* CTA *\/\r\n.orng-card__cta-22 {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 0.5rem;\r\n    text-decoration: none;\r\n    background: #d4581a;\r\n    color: #fff;\r\n    font-weight: 700;\r\n    font-size: 0.75rem;   \/* 12px *\/\r\n    padding: 0.5625rem 1.125rem;\r\n    border-radius: 100px;\r\n    margin-top: auto;\r\n    align-self: flex-start;\r\n    transition: all 0.3s ease;\r\n    box-shadow: 0 4px 14px rgba(240,154,26,0.22);\r\n    border: none;\r\n    white-space: nowrap;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n.orng-card__cta-22 i {\r\n    font-size: 0.6875rem;\r\n    transition: transform 0.3s ease;\r\n}\r\n.orng-card__cta-22::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(135deg, rgba(255,255,255,0.18) 0%, transparent 55%);\r\n    border-radius: 100px;\r\n    opacity: 0;\r\n    transition: opacity 0.3s ease;\r\n}\r\n.orng-card__cta-22:hover {\r\n    background: #e08a0e;\r\n    box-shadow: 0 8px 26px rgba(240,154,26,0.35);\r\n    transform: translateY(-0.125rem);\r\n    color: #fff;\r\n}\r\n.orng-card__cta-22:hover::before { opacity: 1; }\r\n.orng-card__cta-22:hover i { transform: translateX(0.25rem); }\r\n.orng-card__cta-22:active {\r\n    transform: translateY(0);\r\n    box-shadow: 0 3px 10px rgba(240,154,26,0.28);\r\n    transition: all 0.1s ease;\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   \ud83d\udd39 Explore All Card Modifier\r\n   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.orng-card--explore-all-22 {\r\n    background: rgba(255,247,237,0.9); \/* warm tint *\/\r\n    border: 2px dashed rgba(240,154,26,0.25);\r\n    box-shadow: 0 4px 12px rgba(240,154,26,0.05);\r\n    transition: background 0.3s ease, border-color 0.3s ease, transform 0.3s ease;\r\n}\r\n.orng-card--explore-all-22:hover {\r\n    background: rgba(255,247,237,1);\r\n    border-color: rgba(240,154,26,0.5);\r\n    box-shadow: 0 20px 35px rgba(240,154,26,0.15);\r\n    transform: translateY(-0.5rem);\r\n}\r\n.orng-card--explore-all-22::before {\r\n    display: none; \/* hide top line on this variant *\/\r\n}\r\n\r\n\/* icon \u2013 large version, only for explore card *\/\r\n.orng-card__icon--large-22 {\r\n    width: 5.5rem;\r\n    height: 5.5rem;\r\n    font-size: 2.2rem;\r\n    color: #d4581a;\r\n    background: #fff;\r\n    border-radius: 1.25rem;\r\n    border: 1.5px solid rgba(240,154,26,0.2);\r\n    box-shadow: 0 8px 20px rgba(240,154,26,0.08);\r\n    transition: all 0.3s ease;\r\n}\r\n.orng-card--explore-all-22:hover .orng-card__icon--large-22 {\r\n    transform: scale(1.08);\r\n    box-shadow: 0 12px 28px rgba(240,154,26,0.18);\r\n    border-color: rgba(240,154,26,0.35);\r\n    color: #e08a0e;\r\n}\r\n.orng-card__icon--large-22 i {\r\n    display: block;\r\n    line-height: 1;\r\n}\r\n\r\n\/* content centering *\/\r\n.orng-card__content--centered-22 {\r\n    text-align: center;\r\n    align-items: center;\r\n}\r\n.orng-card__content--centered-22 .orng-card__badge-22 {\r\n    align-self: center;\r\n}\r\n.orng-card__content--centered-22 .orng-card__desc-22 {\r\n    max-width: 90%;\r\n}\r\n\/* wide CTA *\/\r\n.orng-card__cta--wide-22 {\r\n    align-self: center;\r\n    padding: 0.75rem 1.8rem;\r\n    font-size: 0.8rem;\r\n    margin-top: 0.5rem;\r\n}\r\n\r\n\/* badge alt color *\/\r\n.orng-card__badge--alt-22 {\r\n    background: rgba(240,154,26,0.12);\r\n    border-color: rgba(240,154,26,0.25);\r\n    color: #9a5f0a;\r\n}\r\n.orng-card--explore-all-22:hover .orng-card__badge--alt-22 {\r\n    background: rgba(240,154,26,0.18);\r\n    border-color: rgba(240,154,26,0.4);\r\n}\r\n\r\n\/* \u2500\u2500 Responsive (Mobile-first, enhanced) \u2500\u2500 *\/\r\n@media (max-width: 1200px) {\r\n    .orng-schools__grid-22 {\r\n        grid-template-columns: repeat(4, 1fr);\r\n        gap: 1.125rem;\r\n        max-width: 1100px;\r\n    }\r\n    .orng-card-22 {\r\n        padding: 1.375rem 1.0625rem 1.125rem;\r\n    }\r\n    .orng-card__heading-22 {\r\n        font-size: 0.875rem;\r\n    }\r\n    .orng-card__icon-22 {\r\n        width: 3.5rem; height: 3.5rem;\r\n        padding: 0.625rem;\r\n    }\r\n    .orng-card__icon--large-22 {\r\n        width: 4.5rem; height: 4.5rem;\r\n        font-size: 1.9rem;\r\n    }\r\n}\r\n\r\n@media (max-width: 992px) {\r\n    .orng-schools__grid-22 {\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 1rem;\r\n    }\r\n    .orng-card-22 {\r\n        padding: 1.25rem 1rem 1.0625rem;\r\n    }\r\n    .orng-card__heading-22 {\r\n        font-size: 0.85rem;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .orng-schools__grid-22 {\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 0.875rem;\r\n    }\r\n    .orng-card-22 {\r\n        padding: 1.125rem 0.875rem 0.9375rem;\r\n        border-radius: 1rem;\r\n    }\r\n    .orng-card__heading-22 {\r\n        font-size: 0.8125rem;\r\n    }\r\n    .orng-card__icon-22 {\r\n        width: 3.25rem; height: 3.25rem;\r\n        padding: 0.5625rem;\r\n    }\r\n    .orng-card__icon--large-22 {\r\n        width: 4rem; height: 4rem;\r\n        font-size: 1.7rem;\r\n    }\r\n    .orng-card__badge-22 {\r\n        font-size: 0.5rem;\r\n        padding: 0.2rem 0.6rem;\r\n    }\r\n    .orng-card__pills-22 a,\r\n    .orng-card__pills-22 span {\r\n        font-size: 0.625rem;\r\n        padding: 0.25rem 0.5rem;\r\n    }\r\n    .orng-card__cta-22 {\r\n        font-size: 0.6875rem;\r\n        padding: 0.5rem 0.875rem;\r\n    }\r\n    .orng-card__cta--wide-22 {\r\n        padding: 0.625rem 1.2rem;\r\n        font-size: 0.7rem;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .orng-schools__grid-22 {\r\n        grid-template-columns: 1fr;\r\n        gap: 0.75rem;\r\n    }\r\n    .orng-card-22 {\r\n        padding: 1rem 0.75rem 0.875rem;\r\n        border-radius: 0.875rem;\r\n    }\r\n    .orng-card__heading-22 {\r\n        font-size: 0.9375rem;\r\n    }\r\n    .orng-card__icon-22 {\r\n        width: 3rem; height: 3rem;\r\n        padding: 0.5rem;\r\n    }\r\n    .orng-card__icon--large-22 {\r\n        width: 3.75rem; height: 3.75rem;\r\n        font-size: 1.6rem;\r\n    }\r\n    .orng-schools__header-22 h2 {\r\n        font-size: 1.6rem;\r\n    }\r\n    .orng-schools__eyebrow-22 {\r\n        font-size: 0.6rem;\r\n        padding: 0.3rem 0.8rem;\r\n        letter-spacing: 0.15rem;\r\n    }\r\n    .orng-card__desc-22 {\r\n        font-size: 0.7rem;\r\n    }\r\n    .orng-card__cta-22 {\r\n        font-size: 0.65rem;\r\n        padding: 0.4rem 0.75rem;\r\n    }\r\n    .orng-card__cta--wide-22 {\r\n        padding: 0.5rem 1rem;\r\n        font-size: 0.7rem;\r\n    }\r\n    .orng-card__pills-22 a,\r\n    .orng-card__pills-22 span {\r\n        font-size: 0.6rem;\r\n        padding: 0.2rem 0.4rem;\r\n    }\r\n}\r\n\r\n\/* extra small screens (\u2264 360px) *\/\r\n@media (max-width: 360px) {\r\n    .orng-schools-22 {\r\n        padding: 1.5rem 0.5rem;\r\n    }\r\n    .orng-card-22 {\r\n        padding: 0.75rem 0.5rem 0.625rem;\r\n    }\r\n    .orng-card__heading-22 {\r\n        font-size: 0.85rem;\r\n    }\r\n    .orng-card__icon-22 {\r\n        width: 2.5rem; height: 2.5rem;\r\n        padding: 0.375rem;\r\n    }\r\n    .orng-card__icon--large-22 {\r\n        width: 3rem; height: 3rem;\r\n        font-size: 1.4rem;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2acfe9f e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"2acfe9f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-75e11d1 elementor-widget elementor-widget-html\" data-id=\"75e11d1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Elementor-Friendly: Paste this into an Elementor HTML Widget -->\r\n<style>\r\n    \/* === RESET & FONTS === *\/\r\n    .emrv-wrapper-22 * {\r\n        margin: 0;\r\n        padding: 0;\r\n        box-sizing: border-box;\r\n    }\r\n    .emrv-wrapper-22 {\r\n        font-family: 'Poppins', sans-serif;\r\n        background-color: #fcf9f6;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        padding: 3rem 1rem;\r\n        min-height: 100vh;\r\n    }\r\n    \/* Import Poppins via Google Fonts inside the widget if needed (Elementor may already load it) *\/\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap');\r\n\r\n    \/* === COLOR VARIABLES === *\/\r\n    .emrv-wrapper-22 {\r\n        --navy: #1e2d6e;\r\n        --orange: #f97316;\r\n        --cream: #fcf9f6;\r\n        --white: #ffffff;\r\n    }\r\n    .text-navy-22 { color: var(--navy); }\r\n    .bg-navy-22 { background-color: var(--navy); }\r\n    .text-orange-22 { color: var(--orange); }\r\n    .bg-orange-22 { background-color: var(--orange); }\r\n    .bg-cream-22 { background-color: var(--cream); }\r\n\r\n    \/* === ANIMATIONS === *\/\r\n    .fade-in-22 {\r\n        animation: fadeIn-22 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;\r\n    }\r\n    @keyframes fadeIn-22 {\r\n        from { opacity: 0; transform: translateY(20px); }\r\n        to { opacity: 1; transform: translateY(0); }\r\n    }\r\n    .pulse-dot-22 {\r\n        animation: pulse-dot-22 1.5s ease-in-out infinite;\r\n    }\r\n    @keyframes pulse-dot-22 {\r\n        0%, 100% { opacity: 1; transform: scale(1); }\r\n        50% { opacity: 0.5; transform: scale(0.85); }\r\n    }\r\n\r\n    \/* === MAIN CONTAINER === *\/\r\n    .emrv-container-22 {\r\n        width: 100%;\r\n        position: relative;\r\n        background: linear-gradient(135deg, #ffffff 0%, #f5efe9 100%);\r\n        border-radius: 2.5rem;\r\n        padding: 2rem 1.5rem;\r\n        box-shadow: 0 25px 50px -12px rgba(30,45,110,0.15);\r\n        overflow: hidden;\r\n    }\r\n    \/* Decorative circles *\/\r\n    .emrv-container-22::before {\r\n        content: \"\";\r\n        position: absolute;\r\n        top: -4rem;\r\n        right: -4rem;\r\n        width: 20rem;\r\n        height: 20rem;\r\n        border: 3px dashed rgba(249,115,22,0.15);\r\n        border-radius: 50%;\r\n        z-index: 0;\r\n        pointer-events: none;\r\n    }\r\n    .emrv-container-22::after {\r\n        content: \"\";\r\n        position: absolute;\r\n        bottom: -4rem;\r\n        left: -4rem;\r\n        width: 24rem;\r\n        height: 24rem;\r\n        background: rgba(30,45,110,0.03);\r\n        border-radius: 50%;\r\n        filter: blur(80px);\r\n        z-index: 0;\r\n        pointer-events: none;\r\n    }\r\n\r\n    \/* === GRID LAYOUT === *\/\r\n    .emrv-grid-22 {\r\n        display: grid;\r\n        grid-template-columns: 1fr;\r\n        gap: 2rem;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n    @media (min-width: 1024px) {\r\n        .emrv-grid-22 {\r\n            grid-template-columns: 5fr 7fr;\r\n            gap: 4rem;\r\n        }\r\n    }\r\n\r\n    \/* === LEFT COLUMN (ABOUT) === *\/\r\n    .badge-22 {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 0.6rem;\r\n        background: rgba(255,255,255,0.7);\r\n        backdrop-filter: blur(8px);\r\n        border: 1px solid rgba(255,255,255,0.5);\r\n        padding: 0.4rem 1rem;\r\n        border-radius: 999px;\r\n        color: var(--orange);\r\n        font-size: 0.7rem;\r\n        font-weight: 700;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.1em;\r\n        box-shadow: 0 10px 15px -3px rgba(30,45,110,0.05);\r\n        margin-bottom: 1.5rem;\r\n        transition: all 0.3s;\r\n    }\r\n    .badge-22:hover {\r\n        box-shadow: 0 10px 15px -3px rgba(249,115,22,0.1);\r\n        border-color: rgba(249,115,22,0.3);\r\n    }\r\n    .main-heading-22 {\r\n        font-size: 2.2rem;\r\n        font-weight: 900;\r\n        line-height: 1.1;\r\n        color: var(--navy);\r\n        margin-bottom: 1.5rem;\r\n    }\r\n    .main-heading-22 .gradient-text-22 {\r\n        background: linear-gradient(to right, #f97316, #ea580c);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        font-style: italic;\r\n        font-family: 'Poppins', serif;\r\n        font-weight: 700;\r\n    }\r\n    .about-text-22 {\r\n        font-size: 0.95rem;\r\n        color: #374151;\r\n        line-height: 1.7;\r\n        margin-bottom: 2rem;\r\n    }\r\n    .about-text-22 strong {\r\n        color: var(--navy);\r\n        font-weight: 600;\r\n        cursor: default;\r\n        transition: color 0.3s;\r\n    }\r\n    .about-text-22 strong:hover {\r\n        color: var(--orange);\r\n    }\r\n    .cta-button-22 {\r\n        position: relative;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 0.75rem;\r\n        background: var(--navy);\r\n        color: white;\r\n        font-weight: 600;\r\n        font-size: 0.9rem;\r\n        padding: 0.85rem 2rem;\r\n        border-radius: 999px;\r\n        border: none;\r\n        cursor: pointer;\r\n        box-shadow: 0 10px 15px -3px rgba(30,45,110,0.2);\r\n        transition: all 0.3s ease;\r\n        overflow: hidden;\r\n        text-decoration: none;\r\n    }\r\n    .cta-button-22::before {\r\n        content: \"\";\r\n        position: absolute;\r\n        inset: 0;\r\n        background: linear-gradient(to right, #f97316, #ea580c);\r\n        opacity: 0;\r\n        transition: opacity 0.3s;\r\n        z-index: 0;\r\n    }\r\n    .cta-button-22:hover {\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 20px 25px -5px rgba(30,45,110,0.4);\r\n    }\r\n    .cta-button-22:hover::before {\r\n        opacity: 1;\r\n    }\r\n    .cta-button-22 span, .cta-button-22 svg {\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n    .cta-button-22 svg {\r\n        width: 1.2rem;\r\n        height: 1.2rem;\r\n        transition: transform 0.3s;\r\n    }\r\n    .cta-button-22:hover svg {\r\n        transform: translateX(4px);\r\n    }\r\n\r\n    \/* === RIGHT COLUMN (VISION & MISSION CARDS) === *\/\r\n    .cards-grid-22 {\r\n        display: grid;\r\n        grid-template-columns: 1fr;\r\n        gap: 1.5rem;\r\n    }\r\n    @media (min-width: 640px) {\r\n        .cards-grid-22 {\r\n            grid-template-columns: 1fr 1fr;\r\n        }\r\n    }\r\n    .card-22 {\r\n        padding: 2rem;\r\n        border-radius: 1.5rem;\r\n        position: relative;\r\n        overflow: hidden;\r\n        transition: all 0.5s;\r\n        box-shadow: 0 8px 30px rgba(30,45,110,0.06);\r\n        border: 1px solid transparent;\r\n        display: flex;\r\n        flex-direction: column;\r\n        height: 100%;\r\n    }\r\n    .card-vision-22 {\r\n        background: var(--navy);\r\n        box-shadow: 0 20px 25px -5px rgba(30,45,110,0.25);\r\n    }\r\n    .card-mission-22 {\r\n        background: white;\r\n        border-color: #f3f4f6;\r\n    }\r\n    .card-22:hover {\r\n        transform: translateY(-4px);\r\n    }\r\n    .card-vision-22:hover {\r\n        box-shadow: 0 25px 50px -12px rgba(249,115,22,0.2);\r\n        border-color: rgba(249,115,22,0.3);\r\n    }\r\n    .card-mission-22:hover {\r\n        box-shadow: 0 20px 40px rgba(249,115,22,0.12);\r\n        border-color: rgba(249,115,22,0.2);\r\n    }\r\n    \/* Decorative corner glows *\/\r\n    .card-22::after {\r\n        content: \"\";\r\n        position: absolute;\r\n        top: 0;\r\n        right: 0;\r\n        width: 5rem;\r\n        height: 5rem;\r\n        border-radius: 0 0 0 100%;\r\n        background: rgba(249,115,22,0.05);\r\n        transition: background 0.3s;\r\n    }\r\n    .card-22:hover::after {\r\n        background: rgba(249,115,22,0.1);\r\n    }\r\n    .card-22 .icon-box-22 {\r\n        width: 3rem;\r\n        height: 3rem;\r\n        border-radius: 1rem;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        margin-bottom: 1.5rem;\r\n        transition: all 0.3s;\r\n    }\r\n    .card-vision-22 .icon-box-22 {\r\n        background: rgba(255,255,255,0.1);\r\n        color: white;\r\n    }\r\n    .card-mission-22 .icon-box-22 {\r\n        background: #fcf9f6;\r\n        color: var(--navy);\r\n        border: 1px solid rgba(30,45,110,0.1);\r\n    }\r\n    .card-mission-22:hover .icon-box-22 {\r\n        border-color: rgba(249,115,22,0.4);\r\n        background: #fff7ed;\r\n    }\r\n    .card-vision-22 h4 {\r\n        color: white;\r\n        font-size: 1.5rem;\r\n        font-weight: 700;\r\n        margin-bottom: 0.8rem;\r\n    }\r\n    .card-mission-22 h4 {\r\n        color: var(--navy);\r\n        font-size: 1.5rem;\r\n        font-weight: 700;\r\n        margin-bottom: 0.8rem;\r\n    }\r\n    .card-vision-22 p {\r\n        color: rgba(255,255,255,0.85);\r\n        font-size: 0.85rem;\r\n        line-height: 1.7;\r\n    }\r\n    .card-mission-22 p {\r\n        color: #4b5563;\r\n        font-size: 0.85rem;\r\n        line-height: 1.7;\r\n    }\r\n\r\n    \/* === BOTTOM STATS BAR === *\/\r\n    .stats-bar-22 {\r\n        margin-top: 2rem;\r\n        background: rgba(255,255,255,0.7);\r\n        backdrop-filter: blur(12px);\r\n        border: 1px solid rgba(255,255,255,0.4);\r\n        border-radius: 1.5rem;\r\n        padding: 1.5rem;\r\n        box-shadow: 0 10px 15px -3px rgba(30,45,110,0.05);\r\n        position: relative;\r\n        z-index: 2;\r\n        transition: box-shadow 0.3s;\r\n    }\r\n    .stats-bar-22:hover {\r\n        box-shadow: 0 20px 25px -5px rgba(249,115,22,0.15);\r\n    }\r\n    .stats-grid-22 {\r\n        display: grid;\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 1rem;\r\n        align-items: center;\r\n    }\r\n    @media (min-width: 640px) {\r\n        .stats-grid-22 {\r\n            grid-template-columns: repeat(3, 1fr) auto;\r\n        }\r\n    }\r\n    @media (min-width: 1024px) {\r\n        .stats-grid-22 {\r\n            grid-template-columns: repeat(5, 1fr);\r\n        }\r\n    }\r\n    .stat-item-22 {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 0.75rem;\r\n        padding: 0.5rem;\r\n        border-radius: 0.75rem;\r\n        transition: all 0.3s;\r\n        cursor: default;\r\n    }\r\n    .stat-item-22:hover {\r\n        background: white;\r\n        box-shadow: 0 4px 6px -1px rgba(30,45,110,0.05);\r\n    }\r\n    .stat-icon-22 {\r\n        width: 2.5rem;\r\n        height: 2.5rem;\r\n        border-radius: 0.75rem;\r\n        background: linear-gradient(135deg, #fff7ed, #ffedd5);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        color: var(--orange);\r\n        transition: transform 0.3s, box-shadow 0.3s;\r\n        flex-shrink: 0;\r\n    }\r\n    .stat-item-22:hover .stat-icon-22 {\r\n        transform: scale(1.1);\r\n        box-shadow: 0 4px 6px -1px rgba(30,45,110,0.1);\r\n    }\r\n    .stat-value-22 {\r\n        display: block;\r\n        font-size: 1.3rem;\r\n        font-weight: 900;\r\n        color: var(--navy);\r\n        line-height: 1.2;\r\n    }\r\n    .stat-label-22 {\r\n        display: block;\r\n        font-size: 0.6rem;\r\n        font-weight: 700;\r\n        color: var(--orange);\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.1em;\r\n        margin-top: 0.2rem;\r\n    }\r\n    .admission-badge-22 {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 0.5rem;\r\n        background: white;\r\n        padding: 0.5rem 1.2rem;\r\n        border-radius: 999px;\r\n        box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05);\r\n        border: 1px solid #d1fae5;\r\n        cursor: pointer;\r\n        transition: all 0.3s;\r\n        white-space: nowrap;\r\n        justify-self: center;\r\n    }\r\n    .admission-badge-22:hover {\r\n        border-color: #a7f3d0;\r\n        box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1);\r\n        transform: scale(1.05);\r\n        background: #f0fdf4;\r\n    }\r\n    .green-dot-22 {\r\n        width: 0.7rem;\r\n        height: 0.7rem;\r\n        background: #22c55e;\r\n        border-radius: 50%;\r\n        box-shadow: 0 0 0 3px rgba(34,197,94,0.2);\r\n    }\r\n    .admission-text-22 {\r\n        font-size: 0.8rem;\r\n        font-weight: 700;\r\n        color: var(--navy);\r\n        transition: color 0.3s;\r\n    }\r\n    .admission-badge-22:hover .admission-text-22 {\r\n        color: #166534;\r\n    }\r\n\r\n    \/* Responsive adjustments *\/\r\n    @media (max-width: 639px) {\r\n        .emrv-container-22 {\r\n            border-radius: 1.5rem;\r\n            padding: 1.5rem 1rem;\r\n        }\r\n        .main-heading-22 {\r\n            font-size: 1.8rem;\r\n        }\r\n        .cta-button-22 {\r\n            width: 100%;\r\n            justify-content: center;\r\n        }\r\n        .stat-value-22 {\r\n            font-size: 1.1rem;\r\n        }\r\n        .stats-grid-22 {\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 0.75rem;\r\n        }\r\n        .stat-item-22 {\r\n            padding: 0.3rem;\r\n        }\r\n        .admission-badge-22 {\r\n            grid-column: 1 \/ -1;\r\n            justify-self: center;\r\n            padding: 0.4rem 1rem;\r\n        }\r\n    }\r\n    @media (max-width: 480px) {\r\n        .emrv-container-22 {\r\n            padding: 1rem 0.75rem;\r\n        }\r\n        .main-heading-22 {\r\n            font-size: 1.5rem;\r\n        }\r\n        .card-22 {\r\n            padding: 1.5rem;\r\n        }\r\n        .card-vision-22 h4,\r\n        .card-mission-22 h4 {\r\n            font-size: 1.25rem;\r\n        }\r\n        .stat-value-22 {\r\n            font-size: 1rem;\r\n        }\r\n        .stat-label-22 {\r\n            font-size: 0.5rem;\r\n        }\r\n        .admission-text-22 {\r\n            font-size: 0.7rem;\r\n        }\r\n        .badge-22 {\r\n            font-size: 0.6rem;\r\n            padding: 0.3rem 0.8rem;\r\n        }\r\n        .about-text-22 {\r\n            font-size: 0.85rem;\r\n        }\r\n        .cta-button-22 {\r\n            font-size: 0.8rem;\r\n            padding: 0.7rem 1.5rem;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"emrv-wrapper-22 fade-in-22\">\r\n    <div class=\"emrv-container-22\">\r\n\r\n        <!-- Main Grid: About + Vision\/Mission -->\r\n        <div class=\"emrv-grid-22\">\r\n            <!-- LEFT: About Section -->\r\n            <div>\r\n                <div class=\"badge-22\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\" style=\"width:1rem;height:1rem;\">\r\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 6.042A8.967 8.967 0 006 3.75c-1.052 0-2.062.18-3 .512v14.25A8.987 8.987 0 016 18c2.305 0 4.408.867 6 2.292m0-14.25a8.966 8.966 0 016-2.292c1.052 0 2.062.18 3 .512v14.25A8.987 8.987 0 0018 18a8.967 8.967 0 00-6 2.292m0-14.25v14.25\" \/>\r\n                    <\/svg>\r\n                    The Pinnacle of Learning\r\n                <\/div>\r\n\r\n                <h1 class=\"main-heading-22\">\r\n                    Shaping the Future of <br>\r\n                    <span class=\"gradient-text-22\">Global Education<\/span>\r\n                <\/h1>\r\n\r\n                <p class=\"about-text-22\">\r\n                    <strong>\u201cMalla Reddy Vishwavidyapeeth\u201d (MRV) Deemed to be University<\/strong> \r\n                    founded in 2002 by <strong>Shri. Ch. Malla Reddy<\/strong>, stands as a Center of Excellence across Medical, Engineering, and Pharmaceutical sciences. With world-class infrastructure and a commitment to holistic development, MRV nurtures future leaders.\r\n                <\/p>\r\n\r\n                <button class=\"cta-button-22\">\r\n                    <span>Discover More About MRV<\/span>\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2.5\" stroke=\"currentColor\">\r\n                        <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\" \/>\r\n                        <polyline points=\"12 5 19 12 12 19\" \/>\r\n                    <\/svg>\r\n                <\/button>\r\n            <\/div>\r\n\r\n            <!-- RIGHT: Vision & Mission Cards -->\r\n            <div class=\"cards-grid-22\">\r\n                <!-- Vision Card -->\r\n                <div class=\"card-22 card-vision-22\">\r\n                    <div class=\"icon-box-22\">\r\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" style=\"width:1.5rem;height:1.5rem;\">\r\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z\" \/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <h4>Our Vision<\/h4>\r\n                    <p>\r\n                        To be recognized globally as a center of excellence, empowering students with knowledge and skills to transform the landscape of healthcare, engineering, and pharmaceuticals.\r\n                    <\/p>\r\n                <\/div>\r\n                <!-- Mission Card -->\r\n                <div class=\"card-22 card-mission-22\">\r\n                    <div class=\"icon-box-22\">\r\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" style=\"width:1.5rem;height:1.5rem;\">\r\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197M13 7a4 4 0 11-8 0 4 4 0 018 0z\" \/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <h4>Our Mission<\/h4>\r\n                    <p>\r\n                        To provide world-class infrastructure and holistic development opportunities, nurturing future leaders capable of addressing global challenges with innovation and ethical responsibility.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Bottom Stats Bar -->\r\n        <div class=\"stats-bar-22\">\r\n            <div class=\"stats-grid-22\">\r\n                <!-- Stat 1 -->\r\n                <div class=\"stat-item-22\">\r\n                    <div class=\"stat-icon-22\">\r\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\" style=\"width:1.2rem;height:1.2rem;\">\r\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 2v5M12 7l-3-3M12 7l3-3M5 12h14M12 12v7M9 19h6\" \/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div>\r\n                        <span class=\"stat-value-22\">73+<\/span>\r\n                        <span class=\"stat-label-22\">ACRES CAMPUS<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <!-- Stat 2 -->\r\n                <div class=\"stat-item-22\">\r\n                    <div class=\"stat-icon-22\">\r\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\" style=\"width:1.2rem;height:1.2rem;\">\r\n                            <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\r\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M2 12h20\" \/>\r\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 2a15.3 15.3 0 014 10 15.3 15.3 0 01-4 10 15.3 15.3 0 01-4-10 15.3 15.3 0 014-10z\" \/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div>\r\n                        <span class=\"stat-value-22\">Global<\/span>\r\n                        <span class=\"stat-label-22\">FACULTY<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <!-- Stat 3 -->\r\n                <div class=\"stat-item-22\">\r\n                    <div class=\"stat-icon-22\">\r\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\" style=\"width:1.2rem;height:1.2rem;\">\r\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 14c.2-1 .7-1.7 1.5-2.5 1-1 1.5-2 1.5-3.5A6 6 0 006 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5\" \/>\r\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 18h6\" \/>\r\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M10 22h4\" \/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div>\r\n                        <span class=\"stat-value-22\">Innovative<\/span>\r\n                        <span class=\"stat-label-22\">PROGRAMS<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <!-- Stat 4 -->\r\n                <div class=\"stat-item-22\">\r\n                    <div class=\"stat-icon-22\">\r\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\" style=\"width:1.2rem;height:1.2rem;\">\r\n                            <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\" \/>\r\n                            <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\" \/>\r\n                            <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\" \/>\r\n                            <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\" \/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div>\r\n                        <span class=\"stat-value-22\">22+<\/span>\r\n                        <span class=\"stat-label-22\">YEARS OF LEGACY<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <!-- Admissions Badge -->\r\n                <div class=\"admission-badge-22\" style=\"justify-self: center;\">\r\n                    <span class=\"green-dot-22 pulse-dot-22\"><\/span>\r\n                    <span class=\"admission-text-22\">Admissions Open 2026<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cd07d5c e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"cd07d5c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9096d2d elementor-widget elementor-widget-html\" data-id=\"9096d2d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"mrv-ecosystem-22\">\r\n    <!-- Ambient orbs -->\r\n    <div class=\"mrv-orb-22 mrv-orb-1-22\"><\/div>\r\n    <div class=\"mrv-orb-22 mrv-orb-2-22\"><\/div>\r\n\r\n    <!-- Main layout: left content, right centered cards -->\r\n    <div class=\"mrv-main-container-22\">\r\n        <!-- LEFT CONTENT COLUMN -->\r\n        <div class=\"mrv-left-content-22\">\r\n            <!-- Logo -->\r\n            <a href=\"#\" class=\"mrv-logo-block-22\">\r\n                <div class=\"mrv-logo-icon-22\">\r\n                    <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                        <path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"\/>\r\n                    <\/svg>\r\n                <\/div>\r\n                <span class=\"mrv-logo-text-22\">MRV Ecosystem<\/span>\r\n            <\/a>\r\n\r\n            <!-- Mode Toggle -->\r\n            <div class=\"mrv-mode-toggle-22\" id=\"mrvModeToggle-22\">\r\n                <div class=\"mrv-mode-glider-22\" id=\"mrvModeGlider-22\"><\/div>\r\n                <button class=\"mrv-mode-btn-22 active-22\" data-target=\"mrv-colleges-22\">Institutions<\/button>\r\n                <button class=\"mrv-mode-btn-22\" data-target=\"mrv-hospitals-22\">Healthcare<\/button>\r\n            <\/div>\r\n\r\n            <!-- Dynamic Text -->\r\n            <div class=\"mrv-hero-eyebrow-22\" id=\"mrvHeroEyebrow-22\">Academic Excellence<\/div>\r\n            <h1 class=\"mrv-hero-title-22\" id=\"mrvHeroTitle-22\">Future\u2011Ready Institutions<\/h1>\r\n            <p class=\"mrv-hero-desc-22\" id=\"mrvHeroDesc-22\">Architecting excellence through specialized programs and hands\u2011on clinical exposure.<\/p>\r\n\r\n            <!-- Stats -->\r\n            <div class=\"mrv-hero-stats-22\">\r\n                <div class=\"mrv-hero-stat-22\"><div class=\"stat-value-22\">30K+<\/div><div class=\"stat-label-22\">Students<\/div><\/div>\r\n                <div class=\"mrv-hero-stat-22\"><div class=\"stat-value-22\">25+<\/div><div class=\"stat-label-22\">Institutes<\/div><\/div>\r\n                <div class=\"mrv-hero-stat-22\"><div class=\"stat-value-22\">95%<\/div><div class=\"stat-label-22\">Placement<\/div><\/div>\r\n            <\/div>\r\n\r\n            <a href=\"#\" class=\"mrv-cta-22\">\r\n                Inquire Now\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n            <\/a>\r\n        <\/div>\r\n\r\n        <!-- RIGHT STATIC CARDS (CENTERED) -->\r\n        <div class=\"mrv-right-grid-22\">\r\n            <!-- Institutions Pane -->\r\n            <div id=\"mrv-colleges-22\" class=\"mrv-pane-22 active-pane-22\">\r\n                <div class=\"mrv-card-grid-wrapper-22\">\r\n                    <div class=\"mrv-card-grid-22\">\r\n                        <div class=\"mrv-card-22\">\r\n                            <div class=\"mrv-card-img-wrap-22\">\r\n                                <span class=\"mrv-card-badge-22\">Nursing<\/span>\r\n                                <img decoding=\"async\" src=\"https:\/\/dev.mrvv.edu.in\/wp-content\/uploads\/2026\/05\/Malla-Reddy-College-of-Nursing.webp\" alt=\"Nursing\" loading=\"lazy\">\r\n                            <\/div>\r\n                            <div class=\"mrv-card-body-22\">\r\n                                <h3 class=\"mrv-card-title-22\">College of Nursing<\/h3>\r\n                                <p class=\"mrv-card-desc-22\">Patient\u2011centered training with advanced simulation labs.<\/p>\r\n                                <a href=\"#\" class=\"mrv-card-link-22\">Explore <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg><\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"mrv-card-22\">\r\n                            <div class=\"mrv-card-img-wrap-22\">\r\n                                <span class=\"mrv-card-badge-22\">Dental<\/span>\r\n                                <img decoding=\"async\" src=\"https:\/\/dev.mrvv.edu.in\/wp-content\/uploads\/2026\/05\/Malla-Reddy-Dental-College-for-Women.webp\" alt=\"Dental\" loading=\"lazy\">\r\n                            <\/div>\r\n                            <div class=\"mrv-card-body-22\">\r\n                                <h3 class=\"mrv-card-title-22\">Dental College for Women<\/h3>\r\n                                <p class=\"mrv-card-desc-22\">Advanced dental education with modern clinical exposure.<\/p>\r\n                                <a href=\"#\" class=\"mrv-card-link-22\">Explore <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg><\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"mrv-card-22\">\r\n                            <div class=\"mrv-card-img-wrap-22\">\r\n                                <span class=\"mrv-card-badge-22\">Medical<\/span>\r\n                                <img decoding=\"async\" src=\"https:\/\/dev.mrvv.edu.in\/wp-content\/uploads\/2026\/05\/Malla-reddy-Institute-Of-medical-Sciences.webp\" alt=\"Medical\" loading=\"lazy\">\r\n                            <\/div>\r\n                            <div class=\"mrv-card-body-22\">\r\n                                <h3 class=\"mrv-card-title-22\">Institute of Medical Sciences<\/h3>\r\n                                <p class=\"mrv-card-desc-22\">Comprehensive ecosystem for clinical and research excellence.<\/p>\r\n                                <a href=\"#\" class=\"mrv-card-link-22\">Explore <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg><\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"mrv-card-22\">\r\n                            <div class=\"mrv-card-img-wrap-22\">\r\n                                <span class=\"mrv-card-badge-22\">Pharma<\/span>\r\n                                <img decoding=\"async\" src=\"https:\/\/dev.mrvv.edu.in\/wp-content\/uploads\/2026\/05\/Malla-Reddy-Institute-Of-Pharmaceutical-Sciences.webp\" alt=\"Pharma\" loading=\"lazy\">\r\n                            <\/div>\r\n                            <div class=\"mrv-card-body-22\">\r\n                                <h3 class=\"mrv-card-title-22\">Institute of Pharmaceutical Sciences<\/h3>\r\n                                <p class=\"mrv-card-desc-22\">Innovative pharmacology with state\u2011of\u2011the\u2011art labs.<\/p>\r\n                                <a href=\"#\" class=\"mrv-card-link-22\">Explore <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg><\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Healthcare Pane -->\r\n            <div id=\"mrv-hospitals-22\" class=\"mrv-pane-22\">\r\n                <div class=\"mrv-card-grid-wrapper-22\">\r\n                    <div class=\"mrv-card-grid-22\">\r\n                        <div class=\"mrv-card-22\">\r\n                            <div class=\"mrv-card-img-wrap-22\">\r\n                                <span class=\"mrv-card-badge-22\">Oncology<\/span>\r\n                                <img decoding=\"async\" src=\"https:\/\/dev.mrvv.edu.in\/wp-content\/uploads\/2026\/05\/malla-reddy-cancer-hospital.webp\" alt=\"Cancer Hospital\" loading=\"lazy\">\r\n                            <\/div>\r\n                            <div class=\"mrv-card-body-22\">\r\n                                <h3 class=\"mrv-card-title-22\">Cancer Hospital<\/h3>\r\n                                <p class=\"mrv-card-desc-22\">Precision oncology with integrated diagnostics and compassionate care.<\/p>\r\n                                <a href=\"#\" class=\"mrv-card-link-22\">View Facility <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg><\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"mrv-card-22\">\r\n                            <div class=\"mrv-card-img-wrap-22\">\r\n                                <span class=\"mrv-card-badge-22\">General<\/span>\r\n                                <img decoding=\"async\" src=\"https:\/\/dev.mrvv.edu.in\/wp-content\/uploads\/2026\/05\/malla-reddy-hospital.webp\" alt=\"General Hospital\" loading=\"lazy\">\r\n                            <\/div>\r\n                            <div class=\"mrv-card-body-22\">\r\n                                <h3 class=\"mrv-card-title-22\">General Hospital<\/h3>\r\n                                <p class=\"mrv-card-desc-22\">Multi\u2011speciality care with 24\/7 emergency and surgical suites.<\/p>\r\n                                <a href=\"#\" class=\"mrv-card-link-22\">View Facility <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg><\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"mrv-card-22\">\r\n                            <div class=\"mrv-card-img-wrap-22\">\r\n                                <span class=\"mrv-card-badge-22\">Cardiac<\/span>\r\n                                <img decoding=\"async\" src=\"https:\/\/dev.mrvv.edu.in\/wp-content\/uploads\/2026\/05\/Malla-Reddy-Narayana-Hospital.webp\" alt=\"Narayana Hospital\" loading=\"lazy\">\r\n                            <\/div>\r\n                            <div class=\"mrv-card-body-22\">\r\n                                <h3 class=\"mrv-card-title-22\">Narayana Hospital<\/h3>\r\n                                <p class=\"mrv-card-desc-22\">Modern cardiac surgery and advanced heart care facilities.<\/p>\r\n                                <a href=\"#\" class=\"mrv-card-link-22\">View Facility <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg><\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n    \/* =========================================================\r\n       SCOPED STYLES FOR ELEMENTOR \u2013 NO GLOBAL LEAKAGE\r\n       All classes suffixed with -22\r\n       ========================================================= *\/\r\n    #mrv-ecosystem-22 {\r\n        --mrv-inst: #d4581a;\r\n        --mrv-inst-light: #fef5f1;\r\n        --mrv-health: #1e2d6e;\r\n        --mrv-health-light: #e8ecf5;\r\n        --mrv-dark: #0f172a;\r\n        --mrv-text: #64748b;\r\n        --mrv-border: #e2e8f0;\r\n        --mrv-bg: #f8fafc;\r\n        --mrv-surface: #ffffff;\r\n        --card-shadow: 0 10px 30px -8px rgba(15, 23, 42, 0.06);\r\n        --card-shadow-hover: 0 25px 50px -12px rgba(15, 23, 42, 0.12);\r\n        --transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n\r\n        position: relative;\r\n        min-height: 100vh;\r\n        width: 100%;\r\n        font-family: 'Outfit', sans-serif;\r\n        color: var(--mrv-text);\r\n        background: var(--mrv-bg);\r\n        overflow-x: hidden;\r\n        display: flex;\r\n        flex-direction: column;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    #mrv-ecosystem-22 *,\r\n    #mrv-ecosystem-22 *::before,\r\n    #mrv-ecosystem-22 *::after {\r\n        box-sizing: border-box;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n\r\n    \/* Ambient orbs *\/\r\n    #mrv-ecosystem-22 .mrv-orb-22 {\r\n        position: fixed;\r\n        border-radius: 50%;\r\n        filter: blur(140px);\r\n        opacity: 0.1;\r\n        pointer-events: none;\r\n        z-index: 0;\r\n        transition: background 0.8s ease;\r\n    }\r\n    #mrv-ecosystem-22 .mrv-orb-1-22 { width: 650px; height: 650px; background: var(--mrv-inst); top: -18%; left: -8%; }\r\n    #mrv-ecosystem-22 .mrv-orb-2-22 { width: 500px; height: 500px; background: var(--mrv-health); bottom: -12%; right: -5%; }\r\n    #mrv-ecosystem-22.mrv-mode-healthcare-22 .mrv-orb-1-22 { background: var(--mrv-health); }\r\n    #mrv-ecosystem-22.mrv-mode-healthcare-22 .mrv-orb-2-22 { background: var(--mrv-inst); }\r\n\r\n    \/* Main container *\/\r\n    #mrv-ecosystem-22 .mrv-main-container-22 {\r\n        display: flex;\r\n        flex: 1;\r\n        position: relative;\r\n        z-index: 1;\r\n        padding: 40px;\r\n        gap: 40px;\r\n        align-items: flex-start;\r\n        max-width: 1400px;\r\n        margin: 0 auto;\r\n        width: 100%;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    \/* Left content *\/\r\n    #mrv-ecosystem-22 .mrv-left-content-22 {\r\n        flex: 0 0 380px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        position: sticky;\r\n        top: 40px;\r\n        padding-right: 10px;\r\n    }\r\n\r\n    #mrv-ecosystem-22 .mrv-logo-block-22 {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n        margin-bottom: 24px;\r\n        color: var(--mrv-dark);\r\n        text-decoration: none;\r\n    }\r\n    #mrv-ecosystem-22 .mrv-logo-icon-22 {\r\n        width: 38px;\r\n        height: 38px;\r\n        background: linear-gradient(135deg, var(--mrv-inst), #b5450f);\r\n        border-radius: 10px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        box-shadow: 0 6px 18px rgba(212, 88, 26, 0.3);\r\n        transition: all var(--transition);\r\n    }\r\n    #mrv-ecosystem-22.mrv-mode-healthcare-22 .mrv-logo-icon-22 {\r\n        background: linear-gradient(135deg, var(--mrv-health), #15204f);\r\n        box-shadow: 0 6px 18px rgba(30, 45, 110, 0.3);\r\n    }\r\n    #mrv-ecosystem-22 .mrv-logo-icon-22 svg {\r\n        width: 18px;\r\n        height: 18px;\r\n        stroke: #fff;\r\n        fill: none;\r\n        stroke-width: 2.5;\r\n    }\r\n    #mrv-ecosystem-22 .mrv-logo-text-22 {\r\n        font-family: 'EB Garamond', serif;\r\n        font-weight: 800;\r\n        font-size: 1.5rem;\r\n        letter-spacing: -0.5px;\r\n    }\r\n\r\n    #mrv-ecosystem-22 .mrv-mode-toggle-22 {\r\n        display: inline-flex;\r\n        background: #f1f5f9;\r\n        border-radius: 100px;\r\n        padding: 4px;\r\n        border: 1px solid var(--mrv-border);\r\n        position: relative;\r\n        box-shadow: inset 0 2px 4px rgba(0,0,0,0.02);\r\n        margin-bottom: 24px;\r\n        align-self: flex-start;\r\n    }\r\n    #mrv-ecosystem-22 .mrv-mode-btn-22 {\r\n        background: transparent;\r\n        border: none;\r\n        padding: 10px 24px;\r\n        border-radius: 100px;\r\n        font-weight: 600;\r\n        font-size: 14px;\r\n        color: var(--mrv-text);\r\n        cursor: pointer;\r\n        position: relative;\r\n        z-index: 2;\r\n        transition: color 0.3s;\r\n        white-space: nowrap;\r\n        font-family: 'Outfit', sans-serif;\r\n    }\r\n    #mrv-ecosystem-22 .mrv-mode-btn-22.active-22 { color: #fff; }\r\n    #mrv-ecosystem-22 .mrv-mode-glider-22 {\r\n        position: absolute;\r\n        top: 4px;\r\n        left: 4px;\r\n        height: calc(100% - 8px);\r\n        background: var(--mrv-inst);\r\n        border-radius: 100px;\r\n        transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n        box-shadow: 0 4px 14px rgba(212, 88, 26, 0.3);\r\n        z-index: 1;\r\n    }\r\n    #mrv-ecosystem-22.mrv-mode-healthcare-22 .mrv-mode-glider-22 {\r\n        background: var(--mrv-health);\r\n        box-shadow: 0 4px 14px rgba(30, 45, 110, 0.3);\r\n    }\r\n\r\n    #mrv-ecosystem-22 .mrv-hero-eyebrow-22 {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 6px;\r\n        font-size: 11px;\r\n        font-weight: 700;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1.5px;\r\n        color: var(--mrv-inst);\r\n        background: var(--mrv-inst-light);\r\n        padding: 4px 14px;\r\n        border-radius: 20px;\r\n        margin-bottom: 16px;\r\n        transition: all var(--transition);\r\n        width: fit-content;\r\n    }\r\n    #mrv-ecosystem-22.mrv-mode-healthcare-22 .mrv-hero-eyebrow-22 {\r\n        color: var(--mrv-health);\r\n        background: var(--mrv-health-light);\r\n    }\r\n\r\n    #mrv-ecosystem-22 .mrv-hero-title-22 {\r\n        font-family: 'EB Garamond', serif;\r\n        font-weight: 800;\r\n        font-size: 2.8rem;\r\n        color: var(--mrv-dark);\r\n        margin: 0 0 16px;\r\n        letter-spacing: -1px;\r\n        line-height: 1.15;\r\n    }\r\n\r\n    #mrv-ecosystem-22 .mrv-hero-desc-22 {\r\n        font-size: 1.05rem;\r\n        color: var(--mrv-text);\r\n        margin: 0 0 30px;\r\n        line-height: 1.6;\r\n    }\r\n\r\n    #mrv-ecosystem-22 .mrv-hero-stats-22 {\r\n        display: flex;\r\n        gap: 12px;\r\n        flex-wrap: wrap;\r\n    }\r\n    #mrv-ecosystem-22 .mrv-hero-stat-22 {\r\n        background: var(--mrv-surface);\r\n        border: 1px solid var(--mrv-border);\r\n        border-radius: 16px;\r\n        padding: 14px 20px;\r\n        box-shadow: var(--card-shadow);\r\n        text-align: center;\r\n        transition: transform 0.3s;\r\n    }\r\n    #mrv-ecosystem-22 .mrv-hero-stat-22:hover { transform: translateY(-3px); }\r\n    #mrv-ecosystem-22 .mrv-hero-stat-22 .stat-value-22 {\r\n        font-size: 1.8rem;\r\n        font-weight: 800;\r\n        color: var(--mrv-dark);\r\n        line-height: 1;\r\n    }\r\n    #mrv-ecosystem-22 .mrv-hero-stat-22 .stat-label-22 {\r\n        font-size: 10px;\r\n        font-weight: 600;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.5px;\r\n        color: var(--mrv-text);\r\n        margin-top: 4px;\r\n    }\r\n\r\n    #mrv-ecosystem-22 .mrv-cta-22 {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        background: var(--mrv-dark);\r\n        color: #fff;\r\n        padding: 10px 22px;\r\n        border-radius: 100px;\r\n        font-weight: 600;\r\n        font-size: 14px;\r\n        text-decoration: none;\r\n        transition: all var(--transition);\r\n        margin-top: 24px;\r\n        align-self: flex-start;\r\n    }\r\n    #mrv-ecosystem-22 .mrv-cta-22:hover {\r\n        background: #000;\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 10px 25px rgba(0,0,0,0.15);\r\n    }\r\n    #mrv-ecosystem-22 .mrv-cta-22 svg { width: 16px; height: 16px; transition: transform 0.3s; }\r\n    #mrv-ecosystem-22 .mrv-cta-22:hover svg { transform: translateX(4px); }\r\n\r\n    \/* Right grid *\/\r\n    #mrv-ecosystem-22 .mrv-right-grid-22 {\r\n        flex: 1;\r\n        min-width: 0;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: flex-start;\r\n    }\r\n    #mrv-ecosystem-22 .mrv-pane-22 {\r\n        display: none;\r\n        width: 100%;\r\n        animation: mrvFadeIn-22 0.4s ease;\r\n    }\r\n    #mrv-ecosystem-22 .mrv-pane-22.active-pane-22 {\r\n        display: block;\r\n    }\r\n    @keyframes mrvFadeIn-22 {\r\n        from { opacity: 0; transform: translateY(12px); }\r\n        to { opacity: 1; transform: translateY(0); }\r\n    }\r\n\r\n    #mrv-ecosystem-22 .mrv-card-grid-wrapper-22 {\r\n        display: flex;\r\n        justify-content: center;\r\n        width: 100%;\r\n    }\r\n    #mrv-ecosystem-22 .mrv-card-grid-22 {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\r\n        gap: 24px;\r\n        max-width: 1000px;\r\n        width: 100%;\r\n    }\r\n\r\n    #mrv-ecosystem-22 .mrv-card-22 {\r\n        background: var(--mrv-surface);\r\n        border: 1px solid transparent;\r\n        border-radius: 20px;\r\n        overflow: hidden;\r\n        box-shadow: var(--card-shadow);\r\n        transition: all var(--transition);\r\n        cursor: pointer;\r\n        display: flex;\r\n        flex-direction: column;\r\n    }\r\n    #mrv-ecosystem-22 .mrv-card-22:hover {\r\n        transform: translateY(-6px);\r\n        box-shadow: var(--card-shadow-hover);\r\n        border-color: var(--mrv-border);\r\n    }\r\n    #mrv-ecosystem-22 .mrv-card-img-wrap-22 {\r\n        position: relative;\r\n        overflow: hidden;\r\n        height: 200px;\r\n    }\r\n    #mrv-ecosystem-22 .mrv-card-img-wrap-22 img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        transition: transform 0.5s ease;\r\n    }\r\n    #mrv-ecosystem-22 .mrv-card-22:hover .mrv-card-img-wrap-22 img {\r\n        transform: scale(1.04);\r\n    }\r\n    #mrv-ecosystem-22 .mrv-card-badge-22 {\r\n        position: absolute;\r\n        top: 14px;\r\n        left: 14px;\r\n        background: rgba(255,255,255,0.9);\r\n        backdrop-filter: blur(8px);\r\n        font-size: 10px;\r\n        font-weight: 700;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.8px;\r\n        padding: 4px 12px;\r\n        border-radius: 20px;\r\n        color: var(--mrv-inst);\r\n        box-shadow: 0 4px 10px rgba(0,0,0,0.06);\r\n        transition: all var(--transition);\r\n    }\r\n    #mrv-ecosystem-22.mrv-mode-healthcare-22 .mrv-card-badge-22 {\r\n        color: var(--mrv-health);\r\n    }\r\n    #mrv-ecosystem-22 .mrv-card-body-22 {\r\n        padding: 16px 18px 20px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        flex: 1;\r\n    }\r\n    #mrv-ecosystem-22 .mrv-card-title-22 {\r\n        font-family: 'EB Garamond', serif;\r\n        font-weight: 700;\r\n        font-size: 1.2rem;\r\n        color: var(--mrv-dark);\r\n        margin: 0 0 8px;\r\n        line-height: 1.3;\r\n    }\r\n    #mrv-ecosystem-22 .mrv-card-desc-22 {\r\n        color: var(--mrv-text);\r\n        font-size: 13.5px;\r\n        line-height: 1.5;\r\n        margin: 0 0 14px;\r\n        flex: 1;\r\n    }\r\n    #mrv-ecosystem-22 .mrv-card-link-22 {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 6px;\r\n        color: var(--mrv-dark);\r\n        font-weight: 600;\r\n        font-size: 13px;\r\n        text-decoration: none;\r\n        transition: color 0.3s;\r\n        margin-top: auto;\r\n    }\r\n    #mrv-ecosystem-22 .mrv-card-link-22 svg { width: 15px; height: 15px; transition: transform 0.3s; }\r\n    #mrv-ecosystem-22 .mrv-card-22:hover .mrv-card-link-22 { color: var(--mrv-inst); }\r\n    #mrv-ecosystem-22.mrv-mode-healthcare-22 .mrv-card-22:hover .mrv-card-link-22 { color: var(--mrv-health); }\r\n    #mrv-ecosystem-22 .mrv-card-22:hover .mrv-card-link-22 svg { transform: translateX(3px); }\r\n\r\n    \/* =========================================================\r\n       RESPONSIVE \u2013 Enhanced Mobile-Friendly Breakpoints\r\n       ========================================================= *\/\r\n    @media (max-width: 1200px) {\r\n        #mrv-ecosystem-22 .mrv-left-content-22 {\r\n            flex: 0 0 320px;\r\n        }\r\n        #mrv-ecosystem-22 .mrv-hero-title-22 {\r\n            font-size: 2.4rem;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 1024px) {\r\n        #mrv-ecosystem-22 .mrv-main-container-22 {\r\n            flex-direction: column;\r\n            padding: 30px;\r\n            gap: 30px;\r\n        }\r\n        #mrv-ecosystem-22 .mrv-left-content-22 {\r\n            position: static;\r\n            flex: auto;\r\n            width: 100%;\r\n            padding-right: 0;\r\n        }\r\n        #mrv-ecosystem-22 .mrv-hero-title-22 {\r\n            font-size: 2.2rem;\r\n        }\r\n        #mrv-ecosystem-22 .mrv-card-grid-22 {\r\n            grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));\r\n            gap: 20px;\r\n        }\r\n        #mrv-ecosystem-22 .mrv-mode-toggle-22 {\r\n            align-self: flex-start;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        #mrv-ecosystem-22 .mrv-main-container-22 {\r\n            padding: 24px 20px;\r\n            gap: 24px;\r\n        }\r\n        #mrv-ecosystem-22 .mrv-hero-title-22 {\r\n            font-size: 2rem;\r\n        }\r\n        #mrv-ecosystem-22 .mrv-hero-desc-22 {\r\n            font-size: 0.95rem;\r\n        }\r\n        #mrv-ecosystem-22 .mrv-hero-stats-22 {\r\n            gap: 8px;\r\n        }\r\n        #mrv-ecosystem-22 .mrv-hero-stat-22 {\r\n            padding: 10px 14px;\r\n        }\r\n        #mrv-ecosystem-22 .mrv-hero-stat-22 .stat-value-22 {\r\n            font-size: 1.4rem;\r\n        }\r\n        #mrv-ecosystem-22 .mrv-card-grid-22 {\r\n            grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));\r\n            gap: 16px;\r\n        }\r\n        #mrv-ecosystem-22 .mrv-card-img-wrap-22 {\r\n            height: 170px;\r\n        }\r\n        #mrv-ecosystem-22 .mrv-mode-btn-22 {\r\n            padding: 8px 18px;\r\n            font-size: 12px;\r\n        }\r\n        #mrv-ecosystem-22 .mrv-orb-1-22 {\r\n            width: 400px;\r\n            height: 400px;\r\n            top: -10%;\r\n            left: -20%;\r\n        }\r\n        #mrv-ecosystem-22 .mrv-orb-2-22 {\r\n            width: 350px;\r\n            height: 350px;\r\n            bottom: -8%;\r\n            right: -15%;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 640px) {\r\n        #mrv-ecosystem-22 .mrv-main-container-22 {\r\n            padding: 16px 12px;\r\n            gap: 20px;\r\n        }\r\n        #mrv-ecosystem-22 .mrv-hero-title-22 {\r\n            font-size: 1.7rem;\r\n            letter-spacing: -0.5px;\r\n        }\r\n        #mrv-ecosystem-22 .mrv-hero-desc-22 {\r\n            font-size: 0.9rem;\r\n            margin-bottom: 20px;\r\n        }\r\n        #mrv-ecosystem-22 .mrv-hero-stats-22 {\r\n            gap: 6px;\r\n        }\r\n        #mrv-ecosystem-22 .mrv-hero-stat-22 {\r\n            padding: 8px 12px;\r\n            border-radius: 12px;\r\n            flex: 1;\r\n            min-width: 80px;\r\n        }\r\n        #mrv-ecosystem-22 .mrv-hero-stat-22 .stat-value-22 {\r\n            font-size: 1.2rem;\r\n        }\r\n        #mrv-ecosystem-22 .mrv-hero-stat-22 .stat-label-22 {\r\n            font-size: 8px;\r\n        }\r\n        #mrv-ecosystem-22 .mrv-card-grid-22 {\r\n            grid-template-columns: 1fr;\r\n            max-width: 100%;\r\n            gap: 14px;\r\n        }\r\n        #mrv-ecosystem-22 .mrv-card-img-wrap-22 {\r\n            height: 180px;\r\n        }\r\n        #mrv-ecosystem-22 .mrv-card-body-22 {\r\n            padding: 14px 16px 18px;\r\n        }\r\n        #mrv-ecosystem-22 .mrv-card-title-22 {\r\n            font-size: 1.05rem;\r\n        }\r\n        #mrv-ecosystem-22 .mrv-card-desc-22 {\r\n            font-size: 12px;\r\n        }\r\n        #mrv-ecosystem-22 .mrv-cta-22 {\r\n            width: 100%;\r\n            justify-content: center;\r\n            padding: 12px 20px;\r\n            font-size: 13px;\r\n        }\r\n        #mrv-ecosystem-22 .mrv-logo-text-22 {\r\n            font-size: 1.2rem;\r\n        }\r\n        #mrv-ecosystem-22 .mrv-logo-icon-22 {\r\n            width: 32px;\r\n            height: 32px;\r\n        }\r\n        #mrv-ecosystem-22 .mrv-logo-icon-22 svg {\r\n            width: 15px;\r\n            height: 15px;\r\n        }\r\n        #mrv-ecosystem-22 .mrv-hero-eyebrow-22 {\r\n            font-size: 10px;\r\n            padding: 3px 12px;\r\n            margin-bottom: 12px;\r\n        }\r\n        #mrv-ecosystem-22 .mrv-mode-toggle-22 {\r\n            width: 100%;\r\n            justify-content: stretch;\r\n        }\r\n        #mrv-ecosystem-22 .mrv-mode-btn-22 {\r\n            flex: 1;\r\n            text-align: center;\r\n            padding: 8px 12px;\r\n            font-size: 12px;\r\n        }\r\n        #mrv-ecosystem-22 .mrv-mode-glider-22 {\r\n            height: calc(100% - 8px);\r\n        }\r\n    }\r\n\r\n    @media (max-width: 400px) {\r\n        #mrv-ecosystem-22 .mrv-main-container-22 {\r\n            padding: 12px 8px;\r\n            gap: 16px;\r\n        }\r\n        #mrv-ecosystem-22 .mrv-hero-title-22 {\r\n            font-size: 1.4rem;\r\n        }\r\n        #mrv-ecosystem-22 .mrv-hero-desc-22 {\r\n            font-size: 0.8rem;\r\n        }\r\n        #mrv-ecosystem-22 .mrv-hero-stat-22 {\r\n            padding: 6px 10px;\r\n        }\r\n        #mrv-ecosystem-22 .mrv-hero-stat-22 .stat-value-22 {\r\n            font-size: 1rem;\r\n        }\r\n        #mrv-ecosystem-22 .mrv-card-img-wrap-22 {\r\n            height: 150px;\r\n        }\r\n        #mrv-ecosystem-22 .mrv-card-badge-22 {\r\n            font-size: 8px;\r\n            padding: 3px 10px;\r\n            top: 10px;\r\n            left: 10px;\r\n        }\r\n        #mrv-ecosystem-22 .mrv-card-body-22 {\r\n            padding: 10px 12px 14px;\r\n        }\r\n        #mrv-ecosystem-22 .mrv-card-title-22 {\r\n            font-size: 0.95rem;\r\n        }\r\n        #mrv-ecosystem-22 .mrv-card-desc-22 {\r\n            font-size: 11px;\r\n        }\r\n        #mrv-ecosystem-22 .mrv-card-link-22 {\r\n            font-size: 11px;\r\n        }\r\n        #mrv-ecosystem-22 .mrv-orb-1-22 {\r\n            width: 250px;\r\n            height: 250px;\r\n            top: -5%;\r\n            left: -30%;\r\n        }\r\n        #mrv-ecosystem-22 .mrv-orb-2-22 {\r\n            width: 220px;\r\n            height: 220px;\r\n            bottom: -5%;\r\n            right: -25%;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n    (function() {\r\n        if (document.getElementById('mrvEcoScriptLoaded-22')) return;\r\n        document.getElementById('mrv-ecosystem-22').insertAdjacentHTML('beforebegin', '<span id=\"mrvEcoScriptLoaded-22\" style=\"display:none;\"><\/span>');\r\n\r\n        const ecosystem = document.getElementById('mrv-ecosystem-22');\r\n        if (!ecosystem) return;\r\n\r\n        const modeBtns = ecosystem.querySelectorAll('.mrv-mode-btn-22');\r\n        const modeGlider = document.getElementById('mrvModeGlider-22');\r\n        const panes = ecosystem.querySelectorAll('.mrv-pane-22');\r\n        const heroEyebrow = document.getElementById('mrvHeroEyebrow-22');\r\n        const heroTitle = document.getElementById('mrvHeroTitle-22');\r\n        const heroDesc = document.getElementById('mrvHeroDesc-22');\r\n\r\n        function updateGlider(activeBtn) {\r\n            if (!activeBtn || !modeGlider) return;\r\n            const toggle = activeBtn.closest('.mrv-mode-toggle-22');\r\n            const btnRect = activeBtn.getBoundingClientRect();\r\n            const toggleRect = toggle.getBoundingClientRect();\r\n            modeGlider.style.width = activeBtn.offsetWidth + 'px';\r\n            modeGlider.style.left = (btnRect.left - toggleRect.left) + 'px';\r\n        }\r\n\r\n        function switchMode(mode) {\r\n            ecosystem.classList.remove('mrv-mode-healthcare-22');\r\n            if (mode === 'healthcare') ecosystem.classList.add('mrv-mode-healthcare-22');\r\n\r\n            const targetPaneId = mode === 'healthcare' ? 'mrv-hospitals-22' : 'mrv-colleges-22';\r\n            modeBtns.forEach(function(btn) {\r\n                btn.classList.remove('active-22');\r\n                if (btn.dataset.target === targetPaneId) {\r\n                    btn.classList.add('active-22');\r\n                    updateGlider(btn);\r\n                }\r\n            });\r\n\r\n            panes.forEach(function(pane) {\r\n                pane.classList.remove('active-pane-22');\r\n            });\r\n            var activePane = document.getElementById(targetPaneId);\r\n            if (activePane) {\r\n                activePane.classList.add('active-pane-22');\r\n            }\r\n\r\n            if (mode === 'healthcare') {\r\n                heroEyebrow.textContent = 'Clinical Infrastructure';\r\n                heroTitle.textContent = 'Advanced Healthcare';\r\n                heroDesc.textContent = 'Delivering world\u2011class medical solutions and compassionate care through cutting\u2011edge infrastructure.';\r\n            } else {\r\n                heroEyebrow.textContent = 'Academic Excellence';\r\n                heroTitle.textContent = 'Future\u2011Ready Institutions';\r\n                heroDesc.textContent = 'Architecting excellence through specialized programs and hands\u2011on clinical exposure.';\r\n            }\r\n        }\r\n\r\n        modeBtns.forEach(function(btn) {\r\n            btn.addEventListener('click', function() {\r\n                var target = this.dataset.target;\r\n                var mode = target === 'mrv-hospitals-22' ? 'healthcare' : 'institutions';\r\n                switchMode(mode);\r\n            });\r\n        });\r\n\r\n        \/\/ Init glider\r\n        var initialActive = ecosystem.querySelector('.mrv-mode-btn-22.active-22');\r\n        if (initialActive) {\r\n            setTimeout(function() { updateGlider(initialActive); }, 150);\r\n        }\r\n        window.addEventListener('resize', function() {\r\n            var currentActive = ecosystem.querySelector('.mrv-mode-btn-22.active-22');\r\n            if (currentActive) updateGlider(currentActive);\r\n        });\r\n    })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cfd288b elementor-widget elementor-widget-html\" data-id=\"cfd288b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"el-marquee-redesign-22\">\r\n    <!-- Section Header with decorative gradient line -->\r\n    <div class=\"mrv-partner-header-22\">\r\n        <span class=\"mrv-eyebrow-22\">Global Ecosystem<\/span>\r\n        <h2 class=\"mrv-title-22\">Our <span class=\"mrv-accent-orange-22\">Strategic<\/span> <span class=\"mrv-accent-blue-22\">Partners<\/span><\/h2>\r\n        <div class=\"mrv-header-line-22\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- Row 1 \u2013 Orange accent (moving left) -->\r\n    <div class=\"mrv-marquee-row-22 mrv-row-orange-22 mrv-row-left-22\">\r\n        <div class=\"mrv-track-22\" id=\"track1-22\">\r\n            <div class=\"mrv-partner-card-22\"><img decoding=\"async\" src=\"https:\/\/dev.mrvv.edu.in\/wp-content\/uploads\/2026\/05\/sura-labs.webp\" alt=\"sura-labs\"><\/div>\r\n            <div class=\"mrv-partner-card-22\"><img decoding=\"async\" src=\"https:\/\/dev.mrvv.edu.in\/wp-content\/uploads\/2026\/05\/Startoon-Labs.webp\" alt=\"Startoon-Labs\"><\/div>\r\n            <div class=\"mrv-partner-card-22\"><img decoding=\"async\" src=\"https:\/\/dev.mrvv.edu.in\/wp-content\/uploads\/2026\/05\/We-hub-logo.webp\" alt=\"We-hub\"><\/div>\r\n            <div class=\"mrv-partner-card-22\"><img decoding=\"async\" src=\"https:\/\/dev.mrvv.edu.in\/wp-content\/uploads\/2026\/05\/utah-1024x269-2.webp\" alt=\"utah\"><\/div>\r\n            <div class=\"mrv-partner-card-22\"><img decoding=\"async\" src=\"https:\/\/dev.mrvv.edu.in\/wp-content\/uploads\/2026\/05\/uab-logo.webp\" alt=\"uab-logo\"><\/div>\r\n            <div class=\"mrv-partner-card-22\"><img decoding=\"async\" src=\"https:\/\/dev.mrvv.edu.in\/wp-content\/uploads\/2026\/05\/DECX.webp\" alt=\"DECX\"><\/div>\r\n            <div class=\"mrv-partner-card-22\"><img decoding=\"async\" src=\"https:\/\/dev.mrvv.edu.in\/wp-content\/uploads\/2026\/05\/Coltene-logo.webp\" alt=\"Coltene\"><\/div>\r\n            <div class=\"mrv-partner-card-22\"><img decoding=\"async\" src=\"https:\/\/dev.mrvv.edu.in\/wp-content\/uploads\/2026\/05\/Cpath_new_logo.webp\" alt=\"Cpath\"><\/div>\r\n            <div class=\"mrv-partner-card-22\"><img decoding=\"async\" src=\"https:\/\/dev.mrvv.edu.in\/wp-content\/uploads\/2026\/05\/CSIR_Logo.webp\" alt=\"CSIR\"><\/div>\r\n            <div class=\"mrv-partner-card-22\"><img decoding=\"async\" src=\"https:\/\/dev.mrvv.edu.in\/wp-content\/uploads\/2026\/05\/Clinosol-logo.webp\" alt=\"Clinosol\"><\/div>\r\n            <div class=\"mrv-partner-card-22\"><img decoding=\"async\" src=\"https:\/\/dev.mrvv.edu.in\/wp-content\/uploads\/2026\/05\/Amist-logo-1.webp\" alt=\"AIMST University\"><\/div>\r\n            <div class=\"mrv-partner-card-22\"><img decoding=\"async\" src=\"https:\/\/dev.mrvv.edu.in\/wp-content\/uploads\/2026\/05\/Atharv.webp\" alt=\"Atharv University\"><\/div>\r\n            <div class=\"mrv-partner-card-22\"><img decoding=\"async\" src=\"https:\/\/dev.mrvv.edu.in\/wp-content\/uploads\/2026\/05\/Bell-pharma-logo-1024x464-1.webp\" alt=\"Bell-Pharma\"><\/div>\r\n            <div class=\"mrv-partner-card-22\"><img decoding=\"async\" src=\"https:\/\/dev.mrvv.edu.in\/wp-content\/uploads\/2026\/05\/bits-pilani-hyderabad-1.webp\" alt=\"Bits_Pilani\"><\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Row 2 \u2013 Blue accent (moving right) -->\r\n    <div class=\"mrv-marquee-row-22 mrv-row-blue-22 mrv-row-right-22\">\r\n        <div class=\"mrv-track-22\" id=\"track2-22\">\r\n            <div class=\"mrv-partner-card-22\"><img decoding=\"async\" src=\"https:\/\/dev.mrvv.edu.in\/wp-content\/uploads\/2026\/05\/tufts-university-logo.webp\" alt=\"tufts-university\"><\/div>\r\n            <div class=\"mrv-partner-card-22\"><img decoding=\"async\" src=\"https:\/\/dev.mrvv.edu.in\/wp-content\/uploads\/2026\/05\/Schemetic-logo-2.webp\" alt=\"Schematic\"><\/div>\r\n            <div class=\"mrv-partner-card-22\"><img decoding=\"async\" src=\"https:\/\/dev.mrvv.edu.in\/wp-content\/uploads\/2026\/05\/Saveetha-edu-logo-2.webp\" alt=\"Saveetha-edu\"><\/div>\r\n            <div class=\"mrv-partner-card-22\"><img decoding=\"async\" src=\"https:\/\/dev.mrvv.edu.in\/wp-content\/uploads\/2026\/05\/Prevest-logo.webp\" alt=\"Prevest\"><\/div>\r\n            <div class=\"mrv-partner-card-22\"><img decoding=\"async\" src=\"https:\/\/dev.mrvv.edu.in\/wp-content\/uploads\/2026\/05\/Parisodhana-logo.webp\" alt=\"Parisodhana\"><\/div>\r\n            <div class=\"mrv-partner-card-22\"><img decoding=\"async\" src=\"https:\/\/dev.mrvv.edu.in\/wp-content\/uploads\/2026\/05\/momsoon-logo.webp\" alt=\"momsoon-logo\"><\/div>\r\n            <div class=\"mrv-partner-card-22\"><img decoding=\"async\" src=\"https:\/\/dev.mrvv.edu.in\/wp-content\/uploads\/2026\/05\/Maker-Global-logo.webp\" alt=\"Maker-Global-logo\"><\/div>\r\n            <div class=\"mrv-partner-card-22\"><img decoding=\"async\" src=\"https:\/\/dev.mrvv.edu.in\/wp-content\/uploads\/2026\/05\/Mahindra-University-Logo.webp\" alt=\"Mahindra-University\"><\/div>\r\n            <div class=\"mrv-partner-card-22\"><img decoding=\"async\" src=\"https:\/\/dev.mrvv.edu.in\/wp-content\/uploads\/2026\/05\/log-medcubator-1-1024x303-1.webp\" alt=\"Medcubator\"><\/div>\r\n            <div class=\"mrv-partner-card-22\"><img decoding=\"async\" src=\"https:\/\/dev.mrvv.edu.in\/wp-content\/uploads\/2026\/05\/ikp-logo.webp\" alt=\"Ikp\"><\/div>\r\n            <div class=\"mrv-partner-card-22\"><img decoding=\"async\" src=\"https:\/\/dev.mrvv.edu.in\/wp-content\/uploads\/2026\/05\/IIt-hyd-1024x265-1.webp\" alt=\"IIT\"><\/div>\r\n            <div class=\"mrv-partner-card-22\"><img decoding=\"async\" src=\"https:\/\/dev.mrvv.edu.in\/wp-content\/uploads\/2026\/05\/IIIT_Hyderabad_Logo-1024x512-1-1.webp\" alt=\"IIIT-Hyderabad\"><\/div>\r\n            <div class=\"mrv-partner-card-22\"><img decoding=\"async\" src=\"https:\/\/dev.mrvv.edu.in\/wp-content\/uploads\/2026\/05\/DHCS-logo.webp\" alt=\"DHCS\"><\/div>\r\n            <div class=\"mrv-partner-card-22\"><img decoding=\"async\" src=\"https:\/\/dev.mrvv.edu.in\/wp-content\/uploads\/2026\/05\/design-providence-logo.webp\" alt=\"Design-providence\"><\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n    \/* =============================================\r\n       PARTNER MARQUEE \u2013 REDESIGN with -22 suffix\r\n       Colors: #d4581a (orange) & #1e2d6e (blue)\r\n       ============================================= *\/\r\n    .el-marquee-redesign-22 {\r\n        --orange: #d4581a;\r\n        --orange-light: #fef5f1;\r\n        --blue: #1e2d6e;\r\n        --blue-light: #e8ecf5;\r\n        --dark: #0f172a;\r\n        --gray: #64748b;\r\n        --white: #ffffff;\r\n        --card-radius: 20px;\r\n        --card-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05);\r\n        --gap: 28px;\r\n        --duration: 38s;\r\n        font-family: 'Outfit', system-ui, sans-serif;\r\n        padding: 30px 0 40px;\r\n        width: 100%;\r\n        box-sizing: border-box;\r\n        position: relative;\r\n    }\r\n\r\n    \/* Section Header *\/\r\n    .el-marquee-redesign-22 .mrv-partner-header-22 {\r\n        text-align: center;\r\n        margin-bottom: 30px;\r\n        padding: 0 20px;\r\n    }\r\n\r\n    .el-marquee-redesign-22 .mrv-eyebrow-22 {\r\n        display: inline-block;\r\n        font-size: 0.8rem;\r\n        font-weight: 700;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1.5px;\r\n        color: var(--orange);\r\n        background: rgba(212, 88, 26, 0.08);\r\n        padding: 5px 16px;\r\n        border-radius: 50px;\r\n        margin-bottom: 12px;\r\n    }\r\n\r\n    .el-marquee-redesign-22 .mrv-title-22 {\r\n        font-family: 'EB Garamond', serif;\r\n        font-size: 2.5rem;\r\n        font-weight: 800;\r\n        color: var(--dark);\r\n        margin: 0 0 14px;\r\n        line-height: 1.2;\r\n    }\r\n\r\n    .el-marquee-redesign-22 .mrv-accent-orange-22 {\r\n        color: var(--orange);\r\n    }\r\n\r\n    .el-marquee-redesign-22 .mrv-accent-blue-22 {\r\n        color: var(--blue);\r\n    }\r\n\r\n    .el-marquee-redesign-22 .mrv-header-line-22 {\r\n        width: 70px;\r\n        height: 4px;\r\n        background: linear-gradient(90deg, var(--orange), var(--blue));\r\n        border-radius: 2px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* Marquee Rows *\/\r\n    .el-marquee-redesign-22 .mrv-marquee-row-22 {\r\n        width: 100%;\r\n        overflow: hidden;\r\n        padding: 10px 0;\r\n        mask-image: linear-gradient(to right, transparent 0%, black 15%, black 85%, transparent 100%);\r\n        -webkit-mask-image: linear-gradient(to right, transparent 0%, black 15%, black 85%, transparent 100%);\r\n        position: relative;\r\n    }\r\n\r\n    .el-marquee-redesign-22 .mrv-track-22 {\r\n        display: flex;\r\n        gap: var(--gap);\r\n        width: max-content;\r\n        will-change: transform;\r\n        \/* Optimize for animations *\/\r\n    }\r\n\r\n    \/* Animation directions *\/\r\n    .el-marquee-redesign-22 .mrv-row-left-22 .mrv-track-22 {\r\n        animation: scrollLeft-22 var(--duration) linear infinite;\r\n    }\r\n\r\n    .el-marquee-redesign-22 .mrv-row-right-22 .mrv-track-22 {\r\n        animation: scrollRight-22 var(--duration) linear infinite;\r\n    }\r\n\r\n    \/* Pause on hover *\/\r\n    .el-marquee-redesign-22 .mrv-marquee-row-22:hover .mrv-track-22 {\r\n        animation-play-state: paused;\r\n    }\r\n\r\n    \/* Partner Cards *\/\r\n    .el-marquee-redesign-22 .mrv-partner-card-22 {\r\n        width: 240px;\r\n        height: 110px;\r\n        background: var(--white);\r\n        border-radius: var(--card-radius);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        padding: 18px 24px;\r\n        box-shadow: var(--card-shadow);\r\n        border: 1px solid rgba(0, 0, 0, 0.04);\r\n        position: relative;\r\n        transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1), box-shadow 0.4s ease, border-color 0.4s ease;\r\n        cursor: default;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    \/* Colored accent bar on the left side *\/\r\n    .el-marquee-redesign-22 .mrv-partner-card-22::after {\r\n        content: '';\r\n        position: absolute;\r\n        left: 0;\r\n        top: 20%;\r\n        height: 60%;\r\n        width: 5px;\r\n        border-radius: 0 4px 4px 0;\r\n        transition: width 0.4s ease, top 0.4s ease, height 0.4s ease;\r\n    }\r\n\r\n    \/* Orange row cards get orange accent *\/\r\n    .el-marquee-redesign-22 .mrv-row-orange-22 .mrv-partner-card-22::after {\r\n        background: var(--orange);\r\n    }\r\n\r\n    \/* Blue row cards get blue accent *\/\r\n    .el-marquee-redesign-22 .mrv-row-blue-22 .mrv-partner-card-22::after {\r\n        background: var(--blue);\r\n    }\r\n\r\n    .el-marquee-redesign-22 .mrv-partner-card-22 img {\r\n        max-width: 85%;\r\n        max-height: 70%;\r\n        object-fit: contain;\r\n        filter: grayscale(25%);\r\n        opacity: 0.9;\r\n        transition: filter 0.4s, opacity 0.4s, transform 0.4s;\r\n    }\r\n\r\n    \/* Hover Effects *\/\r\n    .el-marquee-redesign-22 .mrv-partner-card-22:hover {\r\n        transform: translateY(-6px) scale(1.02);\r\n        box-shadow: 0 20px 35px -8px rgba(0, 0, 0, 0.1);\r\n        border-color: rgba(0, 0, 0, 0.08);\r\n    }\r\n\r\n    .el-marquee-redesign-22 .mrv-partner-card-22:hover::after {\r\n        width: 8px;\r\n    }\r\n\r\n    .el-marquee-redesign-22 .mrv-partner-card-22:hover img {\r\n        filter: grayscale(0%);\r\n        opacity: 1;\r\n        transform: scale(1.03);\r\n    }\r\n\r\n    \/* Keyframes *\/\r\n    @keyframes scrollLeft-22 {\r\n        0% {\r\n            transform: translateX(0);\r\n        }\r\n        100% {\r\n            transform: translateX(-50%);\r\n        }\r\n    }\r\n\r\n    @keyframes scrollRight-22 {\r\n        0% {\r\n            transform: translateX(-50%);\r\n        }\r\n        100% {\r\n            transform: translateX(0);\r\n        }\r\n    }\r\n\r\n    \/* =============================================\r\n       RESPONSIVE \u2013 Enhanced for all devices\r\n       ============================================= *\/\r\n\r\n    \/* Large screens (1200px and above) *\/\r\n    @media (max-width: 1200px) {\r\n        .el-marquee-redesign-22 .mrv-partner-card-22 {\r\n            width: 200px;\r\n            height: 100px;\r\n            padding: 16px 20px;\r\n        }\r\n        .el-marquee-redesign-22 {\r\n            --gap: 24px;\r\n        }\r\n    }\r\n\r\n    \/* Tablets (1024px and below) *\/\r\n    @media (max-width: 1024px) {\r\n        .el-marquee-redesign-22 .mrv-partner-card-22 {\r\n            width: 180px;\r\n            height: 90px;\r\n            padding: 14px 18px;\r\n        }\r\n        .el-marquee-redesign-22 {\r\n            --gap: 20px;\r\n            --duration: 32s;\r\n        }\r\n        .el-marquee-redesign-22 .mrv-title-22 {\r\n            font-size: 2.2rem;\r\n        }\r\n    }\r\n\r\n    \/* Small tablets \/ Large phones (768px and below) *\/\r\n    @media (max-width: 768px) {\r\n        .el-marquee-redesign-22 {\r\n            padding: 20px 0 30px;\r\n            --gap: 16px;\r\n            --duration: 28s;\r\n        }\r\n        .el-marquee-redesign-22 .mrv-title-22 {\r\n            font-size: 1.8rem;\r\n        }\r\n        .el-marquee-redesign-22 .mrv-partner-card-22 {\r\n            width: 150px;\r\n            height: 80px;\r\n            padding: 12px 16px;\r\n            border-radius: 16px;\r\n        }\r\n        .el-marquee-redesign-22 .mrv-partner-card-22::after {\r\n            width: 4px;\r\n        }\r\n        .el-marquee-redesign-22 .mrv-eyebrow-22 {\r\n            font-size: 0.7rem;\r\n            padding: 4px 14px;\r\n        }\r\n    }\r\n\r\n    \/* Mobile phones (480px and below) *\/\r\n    @media (max-width: 480px) {\r\n        .el-marquee-redesign-22 {\r\n            padding: 16px 0 24px;\r\n            --gap: 12px;\r\n            --duration: 22s;\r\n        }\r\n        .el-marquee-redesign-22 .mrv-title-22 {\r\n            font-size: 1.5rem;\r\n            margin-bottom: 10px;\r\n        }\r\n        .el-marquee-redesign-22 .mrv-partner-header-22 {\r\n            margin-bottom: 20px;\r\n        }\r\n        .el-marquee-redesign-22 .mrv-partner-card-22 {\r\n            width: 120px;\r\n            height: 70px;\r\n            padding: 10px 12px;\r\n            border-radius: 12px;\r\n        }\r\n        .el-marquee-redesign-22 .mrv-partner-card-22 img {\r\n            max-width: 80%;\r\n            max-height: 60%;\r\n        }\r\n        .el-marquee-redesign-22 .mrv-partner-card-22::after {\r\n            width: 3px;\r\n        }\r\n        .el-marquee-redesign-22 .mrv-marquee-row-22 {\r\n            padding: 6px 0;\r\n        }\r\n        .el-marquee-redesign-22 .mrv-header-line-22 {\r\n            width: 50px;\r\n            height: 3px;\r\n        }\r\n        .el-marquee-redesign-22 .mrv-eyebrow-22 {\r\n            font-size: 0.6rem;\r\n            letter-spacing: 1px;\r\n            padding: 3px 12px;\r\n        }\r\n    }\r\n\r\n    \/* Very small phones (360px and below) *\/\r\n    @media (max-width: 360px) {\r\n        .el-marquee-redesign-22 {\r\n            --gap: 8px;\r\n            --duration: 18s;\r\n        }\r\n        .el-marquee-redesign-22 .mrv-partner-card-22 {\r\n            width: 100px;\r\n            height: 60px;\r\n            padding: 8px 10px;\r\n            border-radius: 10px;\r\n        }\r\n        .el-marquee-redesign-22 .mrv-title-22 {\r\n            font-size: 1.2rem;\r\n        }\r\n        .el-marquee-redesign-22 .mrv-partner-card-22 img {\r\n            max-width: 75%;\r\n            max-height: 55%;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n    (function() {\r\n        \/\/ Robust cloning to prevent gaps on any screen size\r\n        var tracks = document.querySelectorAll('.el-marquee-redesign-22 .mrv-track-22');\r\n\r\n        tracks.forEach(function(track) {\r\n            var items = Array.from(track.children);\r\n            var originalItems = items.map(function(item) {\r\n                return item.cloneNode(true);\r\n            });\r\n\r\n            \/\/ Clone at least once, and continue cloning if the track is still narrower than the viewport\r\n            var cloneCount = 1;\r\n            var maxClones = 10; \/\/ Safety limit to avoid infinite loops\r\n\r\n            \/\/ Function to check width and clone if needed\r\n            function ensureWidth() {\r\n                var trackWidth = track.scrollWidth;\r\n                var viewportWidth = window.innerWidth;\r\n\r\n                \/\/ If the track width is less than the viewport width, clone more items\r\n                while (trackWidth < viewportWidth && cloneCount < maxClones) {\r\n                    originalItems.forEach(function(item) {\r\n                        var clone = item.cloneNode(true);\r\n                        track.appendChild(clone);\r\n                    });\r\n                    cloneCount++;\r\n                    trackWidth = track.scrollWidth; \/\/ Recalculate\r\n                }\r\n            }\r\n\r\n            \/\/ Initial check\r\n            ensureWidth();\r\n\r\n            \/\/ Re-check on window resize\r\n            var resizeTimer;\r\n            window.addEventListener('resize', function() {\r\n                clearTimeout(resizeTimer);\r\n                resizeTimer = setTimeout(function() {\r\n                    ensureWidth();\r\n                }, 250);\r\n            });\r\n        });\r\n    })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-89fd7f0 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"89fd7f0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8a9840a elementor-widget elementor-widget-html\" data-id=\"8a9840a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* ============ MRV DASHBOARD \u2013 Scoped for Elementor (all classes suffixed -22) ============ *\/\r\n    .mrv-dashboard-wrapper-22 {\r\n        --navy: #1e2d6e;\r\n        --navy-subtle: #e8ecf8;\r\n        --navy-ghost: #f4f6fc;\r\n        --orange: #d4581a;\r\n        --orange-subtle: #fef5f0;\r\n        --white: #ffffff;\r\n        --bg: #fafbfc;\r\n        --text-primary: #1e2d6e;\r\n        --text-secondary: #4a5578;\r\n        --text-muted: #8890a9;\r\n        --border: #e9ecf3;\r\n        --border-light: #f1f4f9;\r\n        --shadow-sm: 0 1px 2px rgba(30, 45, 110, 0.04);\r\n        --shadow-md: 0 3px 10px rgba(30, 45, 110, 0.05);\r\n        --shadow-lg: 0 8px 20px rgba(30, 45, 110, 0.06);\r\n        --radius: 14px;\r\n        --transition: 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);\r\n\r\n        font-family: 'Poppins', sans-serif;\r\n        color: var(--text-primary);\r\n        width: 100%;\r\n        box-sizing: border-box;\r\n        background: var(--bg);\r\n        padding: 2rem 0;\r\n    }\r\n\r\n    .mrv-dashboard-wrapper-22 *,\r\n    .mrv-dashboard-wrapper-22 *::before,\r\n    .mrv-dashboard-wrapper-22 *::after {\r\n        box-sizing: border-box;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n\r\n    .mrv-container-22 {\r\n        max-width: 100%;\r\n        margin: 0 auto;\r\n        padding-left: 80px;\r\n        padding-right: 80px;\r\n        padding-top:80px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 2.5rem;\r\n    }\r\n    @media (max-width: 768px){\r\n         .mrv-container-22{\r\n             padding-top: 20px;\r\n         }\r\n    }\r\n\r\n    \/* ============ HERO HEADER ============ *\/\r\n    .mrv-hero-header-22 {\r\n        text-align: center;\r\n        max-width: 720px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .mrv-hero-tag-22 {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 0.5rem;\r\n        font-size: 0.75rem;\r\n        text-transform: uppercase;\r\n        letter-spacing: 2.5px;\r\n        font-weight: 700;\r\n        color: var(--orange);\r\n        margin-bottom: 1rem;\r\n        background-color: rgba(212, 88, 26, 0.2);\r\n        border-radius: 15px;\r\n        padding: 5px 15px;\r\n    }\r\n\r\n    .mrv-hero-tag-22::before,\r\n    .mrv-hero-tag-22::after {\r\n        content: '';\r\n        width: 24px;\r\n        height: 2px;\r\n        background: var(--orange);\r\n        border-radius: 2px;\r\n        display: inline-block;\r\n        opacity: 0.6;\r\n    }\r\n\r\n    .mrv-hero-title-22 {\r\n        font-size: 2rem;\r\n        font-weight: 800;\r\n        line-height: 1.25;\r\n        color: var(--navy);\r\n        letter-spacing: -0.3px;\r\n        margin-bottom: 1rem;\r\n    }\r\n\r\n    .mrv-hero-title-22 span {\r\n        color: var(--orange);\r\n        font-style: italic;\r\n        font-weight: 800;\r\n    }\r\n\r\n    \/* ============ 4\u2011COLUMN CARD GRID ============ *\/\r\n    .mrv-card-grid-22 {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        gap: 1rem;\r\n        justify-content: center;\r\n    }\r\n\r\n    .mrv-metric-card-22 {\r\n        flex: 0 0 calc(25% - 0.75rem);\r\n        background: var(--white);\r\n        border-radius: var(--radius);\r\n        padding: 1rem 1.1rem;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 0.75rem;\r\n        box-shadow: var(--shadow-sm);\r\n        border: 1px solid var(--border-light);\r\n        transition: all 0.3s ease;\r\n        position: relative;\r\n        overflow: hidden;\r\n        min-width: 0;\r\n    }\r\n\r\n    .mrv-metric-card-22:hover {\r\n        transform: translateY(-3px);\r\n        box-shadow: var(--shadow-lg);\r\n        border-color: #d0d7ef;\r\n    }\r\n\r\n    .mrv-metric-card-22::after {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 3px;\r\n        background: var(--navy);\r\n        opacity: 0;\r\n        transition: opacity 0.3s;\r\n    }\r\n\r\n    .mrv-metric-card-22:hover::after {\r\n        opacity: 1;\r\n    }\r\n\r\n    \/* Orange accent *\/\r\n    .mrv-metric-card-22.accent-orange-22::after {\r\n        background: var(--orange);\r\n    }\r\n    .mrv-metric-card-22.accent-orange-22 .mrv-card-number-22 {\r\n        color: var(--orange);\r\n    }\r\n    .mrv-metric-card-22.accent-orange-22 .mrv-card-icon-22 {\r\n        background: var(--orange-subtle);\r\n        color: var(--orange);\r\n    }\r\n\r\n    .mrv-card-badge-row-22 {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n    }\r\n\r\n    .mrv-badge-22 {\r\n        font-size: 0.6rem;\r\n        font-weight: 700;\r\n        letter-spacing: 0.4px;\r\n        color: var(--text-muted);\r\n        background: var(--navy-ghost);\r\n        padding: 0.25rem 0.7rem;\r\n        border-radius: 16px;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    .mrv-card-icon-22 {\r\n        width: 28px;\r\n        height: 28px;\r\n        border-radius: 7px;\r\n        background: var(--navy-subtle);\r\n        color: var(--navy);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        transition: 0.3s;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .mrv-card-icon-22 svg {\r\n        width: 14px;\r\n        height: 14px;\r\n        stroke-width: 2.2;\r\n        stroke: currentColor;\r\n        fill: none;\r\n        stroke-linecap: round;\r\n        stroke-linejoin: round;\r\n    }\r\n\r\n    .mrv-card-metric-22 {\r\n        margin-top: auto;\r\n    }\r\n\r\n    .mrv-card-number-22 {\r\n        font-size: 1.35rem;\r\n        font-weight: 800;\r\n        line-height: 1;\r\n        color: var(--navy);\r\n        margin-bottom: 0.2rem;\r\n        letter-spacing: -0.3px;\r\n    }\r\n\r\n    .mrv-card-label-22 {\r\n        font-size: 0.7rem;\r\n        font-weight: 600;\r\n        color: var(--text-secondary);\r\n        line-height: 1.3;\r\n    }\r\n\r\n    .mrv-card-label-22 span {\r\n        font-size: 0.65rem;\r\n        color: var(--text-muted);\r\n        font-weight: 500;\r\n    }\r\n\r\n    \/* ============ ENHANCED RESPONSIVE ============ *\/\r\n    \/* Large tablets \/ small laptops *\/\r\n    @media (max-width: 1024px) {\r\n        .mrv-container-22 {\r\n            padding-left: 40px;\r\n            padding-right: 40px;\r\n        }\r\n        .mrv-metric-card-22 {\r\n            flex: 0 0 calc(33.333% - 0.75rem);\r\n        }\r\n        .mrv-hero-title-22 {\r\n            font-size: 1.8rem;\r\n        }\r\n    }\r\n\r\n    \/* Tablets *\/\r\n    @media (max-width: 768px) {\r\n        .mrv-container-22 {\r\n            padding-left: 24px;\r\n            padding-right: 24px;\r\n            gap: 2rem;\r\n        }\r\n        .mrv-metric-card-22 {\r\n            flex: 0 0 calc(50% - 0.5rem);\r\n        }\r\n        .mrv-hero-title-22 {\r\n            font-size: 1.6rem;\r\n        }\r\n        .mrv-hero-tag-22 {\r\n            font-size: 0.65rem;\r\n            padding: 4px 12px;\r\n        }\r\n        .mrv-hero-tag-22::before,\r\n        .mrv-hero-tag-22::after {\r\n            width: 16px;\r\n        }\r\n        .mrv-dashboard-wrapper-22 {\r\n            padding: 1.5rem 0;\r\n        }\r\n    }\r\n\r\n    \/* Mobile phones *\/\r\n    @media (max-width: 480px) {\r\n        .mrv-container-22 {\r\n            padding-left: 16px;\r\n            padding-right: 16px;\r\n            gap: 1.5rem;\r\n        }\r\n        .mrv-metric-card-22 {\r\n            flex: 0 0 100%;\r\n            padding: 0.875rem 1rem;\r\n        }\r\n        .mrv-hero-title-22 {\r\n            font-size: 1.4rem;\r\n        }\r\n        .mrv-hero-header-22 {\r\n            max-width: 100%;\r\n        }\r\n        .mrv-card-number-22 {\r\n            font-size: 1.2rem;\r\n        }\r\n        .mrv-card-label-22 {\r\n            font-size: 0.65rem;\r\n        }\r\n        .mrv-card-icon-22 {\r\n            width: 24px;\r\n            height: 24px;\r\n        }\r\n        .mrv-card-icon-22 svg {\r\n            width: 12px;\r\n            height: 12px;\r\n        }\r\n        .mrv-badge-22 {\r\n            font-size: 0.5rem;\r\n            padding: 0.2rem 0.6rem;\r\n        }\r\n        .mrv-dashboard-wrapper-22 {\r\n            padding: 1rem 0;\r\n        }\r\n    }\r\n\r\n    \/* Extra small phones (\u2264 360px) *\/\r\n    @media (max-width: 360px) {\r\n        .mrv-container-22 {\r\n            padding-left: 12px;\r\n            padding-right: 12px;\r\n            gap: 1.25rem;\r\n        }\r\n        .mrv-hero-title-22 {\r\n            font-size: 1.2rem;\r\n        }\r\n        .mrv-metric-card-22 {\r\n            padding: 0.75rem 0.875rem;\r\n        }\r\n        .mrv-card-number-22 {\r\n            font-size: 1rem;\r\n        }\r\n        .mrv-card-label-22 {\r\n            font-size: 0.6rem;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"mrv-dashboard-wrapper-22\">\r\n    <div class=\"mrv-container-22\">\r\n\r\n        <!-- ========== HERO SECTION ========== -->\r\n        <div class=\"mrv-hero-header-22\">\r\n            <div class=\"mrv-hero-tag-22\">Our Impact<\/div>\r\n            <h2 class=\"mrv-hero-title-22\">\r\n                Transforming Healthcare Education Through World\u2011Class Infrastructure & <span>Numbers That Speak Excellence<\/span>\r\n            <\/h2>\r\n        <\/div>\r\n\r\n        <!-- ========== 4\u2011COLUMN GRID (15 cards, last row centered) ========== -->\r\n        <div class=\"mrv-card-grid-22\">\r\n\r\n            <!-- Card 1: Teaching Beds -->\r\n            <div class=\"mrv-metric-card-22\">\r\n                <div class=\"mrv-card-badge-row-22\">\r\n                    <span class=\"mrv-badge-22\">Infrastructure<\/span>\r\n                    <div class=\"mrv-card-icon-22\">\r\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M3 21h18M5 21V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16M9 7h2m-2 4h2m4-4h2m-2 4h2\"\/><\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"mrv-card-metric-22\">\r\n                    <div class=\"mrv-card-number-22\">3,200+<\/div>\r\n                    <div class=\"mrv-card-label-22\">Teaching Beds<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Card 2: Hospital OPD -->\r\n            <div class=\"mrv-metric-card-22 accent-orange-22\">\r\n                <div class=\"mrv-card-badge-row-22\">\r\n                    <span class=\"mrv-badge-22\">Outpatient<\/span>\r\n                    <div class=\"mrv-card-icon-22\">\r\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2M9 7a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm14 14v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"mrv-card-metric-22\">\r\n                    <div class=\"mrv-card-number-22\">1 Lakh+<\/div>\r\n                    <div class=\"mrv-card-label-22\">Hospital OPD <span>\/mo<\/span><\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Card 3: Lab Tests -->\r\n            <div class=\"mrv-metric-card-22 accent-orange-22\">\r\n                <div class=\"mrv-card-badge-row-22\">\r\n                    <span class=\"mrv-badge-22\">Diagnostics<\/span>\r\n                    <div class=\"mrv-card-icon-22\">\r\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M4.5 16.5c-1.5 1.26-2.5 3.19-2.5 5.5h20c0-2.31-1-4.24-2.5-5.5M12 2v11M8 7h8\"\/><\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"mrv-card-metric-22\">\r\n                    <div class=\"mrv-card-number-22\">4.5 L+<\/div>\r\n                    <div class=\"mrv-card-label-22\">Lab Tests <span>\/mo<\/span><\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Card 4: Radiology Tests -->\r\n            <div class=\"mrv-metric-card-22\">\r\n                <div class=\"mrv-card-badge-row-22\">\r\n                    <span class=\"mrv-badge-22\">Diagnostics<\/span>\r\n                    <div class=\"mrv-card-icon-22\">\r\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M5 3h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2Zm7 6v6m-3-3h6\"\/><\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"mrv-card-metric-22\">\r\n                    <div class=\"mrv-card-number-22\">35,000+<\/div>\r\n                    <div class=\"mrv-card-label-22\">Radiology Tests <span>\/mo<\/span><\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Card 5: Dental OPD -->\r\n            <div class=\"mrv-metric-card-22 accent-orange-22\">\r\n                <div class=\"mrv-card-badge-row-22\">\r\n                    <span class=\"mrv-badge-22\">Dental Hub<\/span>\r\n                    <div class=\"mrv-card-icon-22\">\r\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.5 2 4 6.5 4 10c0 4.5 3.5 7 4 11h8c.5-4 4-6.5 4-11 0-3.5-2.5-8-8-8Z\"\/><\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"mrv-card-metric-22\">\r\n                    <div class=\"mrv-card-number-22\">17,000+<\/div>\r\n                    <div class=\"mrv-card-label-22\">Dental OPD <span>\/mo<\/span><\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Card 6: Total Surgeries -->\r\n            <div class=\"mrv-metric-card-22\">\r\n                <div class=\"mrv-card-badge-row-22\">\r\n                    <span class=\"mrv-badge-22\">Surgical<\/span>\r\n                    <div class=\"mrv-card-icon-22\">\r\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 0-7.94 0ZM10.14 12.57l-6.61 6.61a2.12 2.12 0 1 0 3 3l6.61-6.61\"\/><\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"mrv-card-metric-22\">\r\n                    <div class=\"mrv-card-number-22\">5,500+<\/div>\r\n                    <div class=\"mrv-card-label-22\">Total Surgeries <span>\/mo<\/span><\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Card 7: Cardiothoracic -->\r\n            <div class=\"mrv-metric-card-22\">\r\n                <div class=\"mrv-card-badge-row-22\">\r\n                    <span class=\"mrv-badge-22\">Surgical Specialty<\/span>\r\n                    <div class=\"mrv-card-icon-22\">\r\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z\"\/><\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"mrv-card-metric-22\">\r\n                    <div class=\"mrv-card-number-22\">75+<\/div>\r\n                    <div class=\"mrv-card-label-22\">Cardiothoracic <span>\/mo<\/span><\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Card 8: Cath Lab -->\r\n            <div class=\"mrv-metric-card-22\">\r\n                <div class=\"mrv-card-badge-row-22\">\r\n                    <span class=\"mrv-badge-22\">Specialized Care<\/span>\r\n                    <div class=\"mrv-card-icon-22\">\r\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"\/><\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"mrv-card-metric-22\">\r\n                    <div class=\"mrv-card-number-22\">600+<\/div>\r\n                    <div class=\"mrv-card-label-22\">Cath Lab Proc. <span>\/mo<\/span><\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Card 9: Deliveries -->\r\n            <div class=\"mrv-metric-card-22\">\r\n                <div class=\"mrv-card-badge-row-22\">\r\n                    <span class=\"mrv-badge-22\">Maternal<\/span>\r\n                    <div class=\"mrv-card-icon-22\">\r\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M12 12a5 5 0 1 0 0-10 5 5 0 0 0 0 10Zm0 0v9m-4-3h8\"\/><\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"mrv-card-metric-22\">\r\n                    <div class=\"mrv-card-number-22\">1,200+<\/div>\r\n                    <div class=\"mrv-card-label-22\">Deliveries <span>\/mo<\/span><\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Card 10: Cataract -->\r\n            <div class=\"mrv-metric-card-22 accent-orange-22\">\r\n                <div class=\"mrv-card-badge-row-22\">\r\n                    <span class=\"mrv-badge-22\">Ophthalmology<\/span>\r\n                    <div class=\"mrv-card-icon-22\">\r\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8Zm11 4a4 4 0 1 0 0-8 4 4 0 0 0 0 8Z\"\/><\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"mrv-card-metric-22\">\r\n                    <div class=\"mrv-card-number-22\">600+<\/div>\r\n                    <div class=\"mrv-card-label-22\">Cataract Cases <span>\/mo<\/span><\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Card 11: Active OTs -->\r\n            <div class=\"mrv-metric-card-22\">\r\n                <div class=\"mrv-card-badge-row-22\">\r\n                    <span class=\"mrv-badge-22\">Infrastructure<\/span>\r\n                    <div class=\"mrv-card-icon-22\">\r\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><path d=\"M14 2v6h6M16 13H8m8 4H8m2-8H8\"\/><\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"mrv-card-metric-22\">\r\n                    <div class=\"mrv-card-number-22\">30+<\/div>\r\n                    <div class=\"mrv-card-label-22\">Active OTs<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Card 12: Critical Care Beds -->\r\n            <div class=\"mrv-metric-card-22\">\r\n                <div class=\"mrv-card-badge-row-22\">\r\n                    <span class=\"mrv-badge-22\">Critical Care<\/span>\r\n                    <div class=\"mrv-card-icon-22\">\r\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"\/><\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"mrv-card-metric-22\">\r\n                    <div class=\"mrv-card-number-22\">500+<\/div>\r\n                    <div class=\"mrv-card-label-22\">Critical Care Beds<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Card 13: ER Beds -->\r\n            <div class=\"mrv-metric-card-22\">\r\n                <div class=\"mrv-card-badge-row-22\">\r\n                    <span class=\"mrv-badge-22\">Emergency Care<\/span>\r\n                    <div class=\"mrv-card-icon-22\">\r\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M19 10.5V4a2 2 0 0 0-2-2H7a2 2 0 0 0-2 2v6.5M12 7v6M9 10h6M3 14h18v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-6Z\"\/><\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"mrv-card-metric-22\">\r\n                    <div class=\"mrv-card-number-22\">70+<\/div>\r\n                    <div class=\"mrv-card-label-22\">ER Beds<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Card 14: Health Checkups -->\r\n            <div class=\"mrv-metric-card-22\">\r\n                <div class=\"mrv-card-badge-row-22\">\r\n                    <span class=\"mrv-badge-22\">Public Health<\/span>\r\n                    <div class=\"mrv-card-icon-22\">\r\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M4.5 16.5c-1.5 1.26-2.5 3.19-2.5 5.5h20c0-2.31-1-4.24-2.5-5.5M12 2v11M8 7h8\"\/><\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"mrv-card-metric-22\">\r\n                    <div class=\"mrv-card-number-22\">1,800+<\/div>\r\n                    <div class=\"mrv-card-label-22\">Health Checkups <span>\/mo<\/span><\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Card 15: Dental Procedures -->\r\n            <div class=\"mrv-metric-card-22\">\r\n                <div class=\"mrv-card-badge-row-22\">\r\n                    <span class=\"mrv-badge-22\">Dental Care<\/span>\r\n                    <div class=\"mrv-card-icon-22\">\r\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M7 11h10M12 6v10m-8 4h16\"\/><\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"mrv-card-metric-22\">\r\n                    <div class=\"mrv-card-number-22\">500+<\/div>\r\n                    <div class=\"mrv-card-label-22\">Procedures <span>\/mo<\/span><\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f46c033 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"f46c033\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-147f59a elementor-widget elementor-widget-html\" data-id=\"147f59a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"mrv-testimonials-v3-22\">\r\n    <section class=\"testimonials-section-22\" aria-label=\"Student Testimonials\">\r\n        <!-- ========== HEADER ROW ========== -->\r\n        <div class=\"header-row-22\">\r\n            <div class=\"header-left-22\">\r\n                <div class=\"header-accent-line-22\"><\/div>\r\n                <div class=\"header-badge-22\">\r\n                    <span class=\"badge-icon-22\">\u2605<\/span> 10,000+ Trusted Voices\r\n                <\/div>\r\n                <h2>What Our <br><em>Students<\/em> Say<\/h2>\r\n                <p class=\"subtitle-22\">Real experiences from future-ready learners.<\/p>\r\n            <\/div>\r\n            <div class=\"nav-arrows-22\">\r\n                <button class=\"nav-btn-22 mrv-scroll-left-22\" aria-label=\"Scroll testimonials left\">\u2190<\/button>\r\n                <button class=\"nav-btn-22 mrv-scroll-right-22\" aria-label=\"Scroll testimonials right\">\u2192<\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- ========== HORIZONTAL SCROLL VIEWPORT ========== -->\r\n        <div class=\"scroll-viewport-22 mrv-scroll-viewport-22\" tabindex=\"0\" role=\"region\" aria-label=\"Testimonials carousel\">\r\n            <div class=\"card-track-22 mrv-card-track-22\">\r\n                <!-- Card 1 -->\r\n                <div class=\"testimonial-card-22\">\r\n                    <div class=\"card-accent-strip-22\"><\/div>\r\n                    <div class=\"card-body-22\">\r\n                        <span class=\"decorative-quote-22\" aria-hidden=\"true\">\"<\/span>\r\n                        <div class=\"stars-row-22\">\u2605\u2605\u2605\u2605\u2605 <span class=\"verified-22\">\u2713 Verified<\/span><\/div>\r\n                        <p class=\"quote-text-22\">\"The infrastructure here is world-class. Having access to a 3200-bed hospital for clinical training made all the difference in my medical education.\"<\/p>\r\n                        <div class=\"card-divider-22\"><\/div>\r\n                        <div class=\"user-row-22\">\r\n                            <div class=\"user-avatar-22\" aria-hidden=\"true\">AV<\/div>\r\n                            <div class=\"user-details-22\">\r\n                                <h4>Aditi Verma<\/h4>\r\n                                <span>MBBS, Batch 2024<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Card 2 -->\r\n                <div class=\"testimonial-card-22\">\r\n                    <div class=\"card-accent-strip-22\"><\/div>\r\n                    <div class=\"card-body-22\">\r\n                        <span class=\"decorative-quote-22\" aria-hidden=\"true\">\"<\/span>\r\n                        <div class=\"stars-row-22\">\u2605\u2605\u2605\u2605\u2605 <span class=\"verified-22\">\u2713 Verified<\/span><\/div>\r\n                        <p class=\"quote-text-22\">\"The AI Research labs are truly innovation-driven. I was encouraged to work on real-world projects from day one, which shaped my career.\"<\/p>\r\n                        <div class=\"card-divider-22\"><\/div>\r\n                        <div class=\"user-row-22\">\r\n                            <div class=\"user-avatar-22\" aria-hidden=\"true\">RC<\/div>\r\n                            <div class=\"user-details-22\">\r\n                                <h4>Rahul Chen<\/h4>\r\n                                <span>B.Tech AI &amp; DS<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Card 3 -->\r\n                <div class=\"testimonial-card-22\">\r\n                    <div class=\"card-accent-strip-22\"><\/div>\r\n                    <div class=\"card-body-22\">\r\n                        <span class=\"decorative-quote-22\" aria-hidden=\"true\">\"<\/span>\r\n                        <div class=\"stars-row-22\">\u2605\u2605\u2605\u2605\u2605 <span class=\"verified-22\">\u2713 Verified<\/span><\/div>\r\n                        <p class=\"quote-text-22\">\"Being part of the incubation center allowed me to launch my startup with professional mentorship and dedicated lab space on campus.\"<\/p>\r\n                        <div class=\"card-divider-22\"><\/div>\r\n                        <div class=\"user-row-22\">\r\n                            <div class=\"user-avatar-22\" aria-hidden=\"true\">SM<\/div>\r\n                            <div class=\"user-details-22\">\r\n                                <h4>Sanjay Mishra<\/h4>\r\n                                <span>Innovation Fellow<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Card 4 -->\r\n                <div class=\"testimonial-card-22\">\r\n                    <div class=\"card-accent-strip-22\"><\/div>\r\n                    <div class=\"card-body-22\">\r\n                        <span class=\"decorative-quote-22\" aria-hidden=\"true\">\"<\/span>\r\n                        <div class=\"stars-row-22\">\u2605\u2605\u2605\u2605\u2605 <span class=\"verified-22\">\u2713 Verified<\/span><\/div>\r\n                        <p class=\"quote-text-22\">\"The hands-on training at MRV is unmatched. We don't just learn theory; we solve actual community health challenges in real time.\"<\/p>\r\n                        <div class=\"card-divider-22\"><\/div>\r\n                        <div class=\"user-row-22\">\r\n                            <div class=\"user-avatar-22\" aria-hidden=\"true\">PR<\/div>\r\n                            <div class=\"user-details-22\">\r\n                                <h4>Priya Reddy<\/h4>\r\n                                <span>Public Health<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Card 5 -->\r\n                <div class=\"testimonial-card-22\">\r\n                    <div class=\"card-accent-strip-22\"><\/div>\r\n                    <div class=\"card-body-22\">\r\n                        <span class=\"decorative-quote-22\" aria-hidden=\"true\">\"<\/span>\r\n                        <div class=\"stars-row-22\">\u2605\u2605\u2605\u2605\u2605 <span class=\"verified-22\">\u2713 Verified<\/span><\/div>\r\n                        <p class=\"quote-text-22\">\"The campus culture is vibrant. From fests to research symposiums, there is a constant energy that pushes you to excel beyond academics.\"<\/p>\r\n                        <div class=\"card-divider-22\"><\/div>\r\n                        <div class=\"user-row-22\">\r\n                            <div class=\"user-avatar-22\" aria-hidden=\"true\">MN<\/div>\r\n                            <div class=\"user-details-22\">\r\n                                <h4>Meera Nair<\/h4>\r\n                                <span>Media &amp; Design<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Card 6 -->\r\n                <div class=\"testimonial-card-22\">\r\n                    <div class=\"card-accent-strip-22\"><\/div>\r\n                    <div class=\"card-body-22\">\r\n                        <span class=\"decorative-quote-22\" aria-hidden=\"true\">\"<\/span>\r\n                        <div class=\"stars-row-22\">\u2605\u2605\u2605\u2605\u2605 <span class=\"verified-22\">\u2713 Verified<\/span><\/div>\r\n                        <p class=\"quote-text-22\">\"Industry-driven education is the core here. The 1000+ recruiters network gives us a clear, confident path to our dream careers.\"<\/p>\r\n                        <div class=\"card-divider-22\"><\/div>\r\n                        <div class=\"user-row-22\">\r\n                            <div class=\"user-avatar-22\" aria-hidden=\"true\">AK<\/div>\r\n                            <div class=\"user-details-22\">\r\n                                <h4>Ambati Karthik<\/h4>\r\n                                <span>MBA, Batch 2023<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Card 7 -->\r\n                <div class=\"testimonial-card-22\">\r\n                    <div class=\"card-accent-strip-22\"><\/div>\r\n                    <div class=\"card-body-22\">\r\n                        <span class=\"decorative-quote-22\" aria-hidden=\"true\">\"<\/span>\r\n                        <div class=\"stars-row-22\">\u2605\u2605\u2605\u2606\u2606 <span class=\"verified-22\">\u2713 Verified<\/span><\/div>\r\n                        <p class=\"quote-text-22\">\"The curriculum bridges theory and practice seamlessly. The industry exposure I gained through live projects was invaluable for my career.\"<\/p>\r\n                        <div class=\"card-divider-22\"><\/div>\r\n                        <div class=\"user-row-22\">\r\n                            <div class=\"user-avatar-22\" aria-hidden=\"true\">AKO<\/div>\r\n                            <div class=\"user-details-22\">\r\n                                <h4>Ambati Koushik<\/h4>\r\n                                <span>MSc, Batch 2023<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Card 8 -->\r\n                <div class=\"testimonial-card-22\">\r\n                    <div class=\"card-accent-strip-22\"><\/div>\r\n                    <div class=\"card-body-22\">\r\n                        <span class=\"decorative-quote-22\" aria-hidden=\"true\">\"<\/span>\r\n                        <div class=\"stars-row-22\">\u2605\u2605\u2605\u2605\u2606 <span class=\"verified-22\">\u2713 Verified<\/span><\/div>\r\n                        <p class=\"quote-text-22\">\"The mentorship culture is outstanding. Faculty members are not just teachers but genuine career guides who invest in your success.\"<\/p>\r\n                        <div class=\"card-divider-22\"><\/div>\r\n                        <div class=\"user-row-22\">\r\n                            <div class=\"user-avatar-22\" aria-hidden=\"true\">KK<\/div>\r\n                            <div class=\"user-details-22\">\r\n                                <h4>Kumar<\/h4>\r\n                                <span>MBA, Batch 2023<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- ========== PROGRESS INDICATOR (dots generated by JS) ========== -->\r\n        <div class=\"progress-indicator-22 mrv-progress-dots-22\" aria-label=\"Testimonial navigation dots\"><\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<style>\r\n    \/* ============ UNIQUE SCOPED WRAPPER \u2013 All classes suffixed -22 ============ *\/\r\n    .mrv-testimonials-v3-22 {\r\n        --accent: #d4581a;\r\n        --accent-light: rgba(212, 88, 26, 0.07);\r\n        --accent-mid: rgba(212, 88, 26, 0.18);\r\n        --accent-strong: rgba(212, 88, 26, 0.35);\r\n        --navy: #1e2d6e;\r\n        --navy-light: rgba(30, 45, 110, 0.04);\r\n        --navy-mid: rgba(30, 45, 110, 0.08);\r\n        --navy-strong: rgba(30, 45, 110, 0.15);\r\n        --white: #ffffff;\r\n        --white-off: #fcfcfb;\r\n        --gray-50: #f9fafb;\r\n        --gray-100: #f3f4f6;\r\n        --gray-200: #e9eaef;\r\n        --gray-300: #dcdde5;\r\n        --gray-400: #a1a5b4;\r\n        --gray-500: #6e7282;\r\n        --gray-600: #4a4e5c;\r\n        --gray-700: #353849;\r\n        --gray-800: #1c1e28;\r\n        --radius-xs: 6px;\r\n        --radius-sm: 10px;\r\n        --radius-md: 16px;\r\n        --radius-lg: 22px;\r\n        --radius-xl: 30px;\r\n        --shadow-card: 0 2px 12px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.03);\r\n        --shadow-card-hover: 0 18px 40px rgba(0, 0, 0, 0.09), 0 4px 12px rgba(0, 0, 0, 0.04);\r\n        --shadow-nav: 0 6px 20px rgba(30, 45, 110, 0.1);\r\n        --transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n        --transition-bounce: 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n        font-family: 'Inter', 'Plus Jakarta Sans', system-ui, sans-serif;\r\n        background: var(--white-off);\r\n        color: var(--gray-800);\r\n        width: 100%;\r\n        padding: 70px 0 90px;\r\n        position: relative;\r\n        overflow: hidden;\r\n        isolation: isolate;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .mrv-testimonials-v3-22 *,\r\n    .mrv-testimonials-v3-22 *::before,\r\n    .mrv-testimonials-v3-22 *::after {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    \/* ============ SUBTLE BACKGROUND TEXTURE ============ *\/\r\n    .mrv-testimonials-v3-22::before {\r\n        content: '';\r\n        position: absolute;\r\n        inset: 0;\r\n        z-index: 0;\r\n        pointer-events: none;\r\n        background:\r\n            repeating-linear-gradient(0deg,\r\n                    transparent,\r\n                    transparent 40px,\r\n                    rgba(30, 45, 110, 0.015) 40px,\r\n                    rgba(30, 45, 110, 0.015) 41px),\r\n            repeating-linear-gradient(90deg,\r\n                    transparent,\r\n                    transparent 40px,\r\n                    rgba(212, 88, 26, 0.01) 40px,\r\n                    rgba(212, 88, 26, 0.01) 41px);\r\n        opacity: 0.7;\r\n    }\r\n\r\n    .mrv-testimonials-v3-22::after {\r\n        content: '';\r\n        position: absolute;\r\n        width: 500px;\r\n        height: 500px;\r\n        border-radius: 50%;\r\n        background: radial-gradient(circle, rgba(212, 88, 26, 0.04) 0%, transparent 70%);\r\n        top: -120px;\r\n        right: -180px;\r\n        z-index: 0;\r\n        pointer-events: none;\r\n    }\r\n\r\n    \/* ============ SECTION CONTAINER ============ *\/\r\n    .mrv-testimonials-v3-22 .testimonials-section-22 {\r\n        max-width: 100%;\r\n        margin: 0 auto;\r\n        padding-left: 80px;\r\n        padding-right: 80px;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* ============ HEADER - LEFT ALIGNED WITH DECORATIVE ACCENT ============ *\/\r\n    .mrv-testimonials-v3-22 .header-row-22 {\r\n        display: flex;\r\n        align-items: flex-end;\r\n        justify-content: space-between;\r\n        gap: 24px;\r\n        flex-wrap: wrap;\r\n    }\r\n\r\n    .mrv-testimonials-v3-22 .header-left-22 {\r\n        flex: 1;\r\n        min-width: 280px;\r\n    }\r\n\r\n    .mrv-testimonials-v3-22 .header-accent-line-22 {\r\n        width: 48px;\r\n        height: 4px;\r\n        background: var(--accent);\r\n        border-radius: 2px;\r\n        margin-bottom: 18px;\r\n    }\r\n\r\n    .mrv-testimonials-v3-22 .header-badge-22 {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 7px;\r\n        font-size: 0.78rem;\r\n        font-weight: 700;\r\n        letter-spacing: 0.8px;\r\n        text-transform: uppercase;\r\n        color: var(--accent);\r\n        margin-bottom: 14px;\r\n    }\r\n\r\n    .mrv-testimonials-v3-22 .badge-icon-22 {\r\n        width: 20px;\r\n        height: 20px;\r\n        border-radius: 50%;\r\n        background: var(--accent);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        color: #fff;\r\n        font-size: 0.65rem;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .mrv-testimonials-v3-22 .header-left-22 h2 {\r\n        font-size: clamp(1.8rem, 3.8vw, 2.8rem);\r\n        font-weight: 800;\r\n        letter-spacing: -0.03em;\r\n        line-height: 1.15;\r\n        color: var(--navy);\r\n        margin: 0 0 8px;\r\n        font-family: 'Plus Jakarta Sans', 'Inter', sans-serif;\r\n    }\r\n\r\n    .mrv-testimonials-v3-22 .header-left-22 em {\r\n        font-family: 'Crimson Text', 'Playfair Display', serif;\r\n        color: var(--accent);\r\n        font-style: italic;\r\n        font-weight: 600;\r\n        position: relative;\r\n    }\r\n\r\n    .mrv-testimonials-v3-22 .header-left-22 .subtitle-22 {\r\n        color: var(--gray-500);\r\n        font-size: 0.95rem;\r\n        font-weight: 500;\r\n        margin-top: 4px;\r\n    }\r\n\r\n    \/* ============ NAVIGATION ARROWS ============ *\/\r\n    .mrv-testimonials-v3-22 .nav-arrows-22 {\r\n        display: flex;\r\n        gap: 10px;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .mrv-testimonials-v3-22 .nav-btn-22 {\r\n        width: 44px;\r\n        height: 44px;\r\n        border-radius: 50%;\r\n        border: 2px solid var(--gray-200);\r\n        background: var(--white);\r\n        cursor: pointer;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        transition: all var(--transition);\r\n        color: var(--navy);\r\n        font-size: 1.1rem;\r\n        font-weight: 700;\r\n        user-select: none;\r\n        -webkit-tap-highlight-color: transparent;\r\n        outline: none;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .mrv-testimonials-v3-22 .nav-btn-22:hover {\r\n        background: var(--navy);\r\n        border-color: var(--navy);\r\n        color: #fff;\r\n        box-shadow: var(--shadow-nav);\r\n        transform: scale(1.05);\r\n    }\r\n\r\n    .mrv-testimonials-v3-22 .nav-btn-22:active {\r\n        transform: scale(0.94);\r\n    }\r\n\r\n    .mrv-testimonials-v3-22 .nav-btn-22:focus-visible {\r\n        outline: 3px solid var(--accent);\r\n        outline-offset: 3px;\r\n    }\r\n\r\n    \/* ============ HORIZONTAL SCROLL CONTAINER ============ *\/\r\n    .mrv-testimonials-v3-22 .scroll-viewport-22 {\r\n        overflow-x: auto;\r\n        overflow-y: visible;\r\n        scroll-behavior: smooth;\r\n        scroll-snap-type: x mandatory;\r\n        -webkit-overflow-scrolling: touch;\r\n        padding: 12px 4px 20px;\r\n        margin: 0 -4px;\r\n        cursor: grab;\r\n        scrollbar-width: none;\r\n        -ms-overflow-style: none;\r\n        position: relative;\r\n        -webkit-tap-highlight-color: transparent;\r\n    }\r\n\r\n    .mrv-testimonials-v3-22 .scroll-viewport-22::-webkit-scrollbar {\r\n        display: none;\r\n    }\r\n\r\n    .mrv-testimonials-v3-22 .scroll-viewport-22:active {\r\n        cursor: grabbing;\r\n    }\r\n\r\n    .mrv-testimonials-v3-22 .card-track-22 {\r\n        display: flex;\r\n        gap: 22px;\r\n        padding: 0 8px;\r\n        width: max-content;\r\n    }\r\n\r\n    \/* ============ TESTIMONIAL CARD - EDITORIAL STYLE ============ *\/\r\n    .mrv-testimonials-v3-22 .testimonial-card-22 {\r\n        scroll-snap-align: start;\r\n        scroll-snap-stop: normal;\r\n        flex: 0 0 auto;\r\n        width: 370px;\r\n        background: var(--white);\r\n        border-radius: var(--radius-lg);\r\n        padding: 0;\r\n        border: 1px solid var(--gray-200);\r\n        box-shadow: var(--shadow-card);\r\n        transition: all var(--transition-bounce);\r\n        position: relative;\r\n        display: flex;\r\n        flex-direction: column;\r\n        overflow: hidden;\r\n        cursor: pointer;\r\n        -webkit-tap-highlight-color: transparent;\r\n    }\r\n\r\n    .mrv-testimonials-v3-22 .testimonial-card-22:hover {\r\n        transform: translateY(-8px);\r\n        box-shadow: var(--shadow-card-hover);\r\n        border-color: transparent;\r\n    }\r\n\r\n    \/* Top accent strip *\/\r\n    .mrv-testimonials-v3-22 .card-accent-strip-22 {\r\n        height: 4px;\r\n        background: linear-gradient(90deg, var(--accent) 0%, var(--accent) 60%, rgba(212, 88, 26, 0.2) 100%);\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    \/* Card body *\/\r\n    .mrv-testimonials-v3-22 .card-body-22 {\r\n        padding: 28px 26px 22px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        flex: 1;\r\n    }\r\n\r\n    \/* Large decorative quote *\/\r\n    .mrv-testimonials-v3-22 .decorative-quote-22 {\r\n        font-family: 'Crimson Text', 'Playfair Display', serif;\r\n        font-size: 5rem;\r\n        line-height: 0.7;\r\n        color: var(--accent);\r\n        opacity: 0.3;\r\n        font-style: italic;\r\n        position: absolute;\r\n        top: 18px;\r\n        right: 20px;\r\n        pointer-events: none;\r\n        z-index: 0;\r\n    }\r\n\r\n    \/* Star rating *\/\r\n    .mrv-testimonials-v3-22 .stars-row-22 {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 4px;\r\n        margin-bottom: 12px;\r\n        color: var(--accent);\r\n        font-size: 0.85rem;\r\n        letter-spacing: 1px;\r\n        position: relative;\r\n        z-index: 1;\r\n        flex-wrap: wrap;\r\n    }\r\n\r\n    .mrv-testimonials-v3-22 .stars-row-22 .verified-22 {\r\n        font-size: 0.7rem;\r\n        color: var(--gray-400);\r\n        font-weight: 600;\r\n        letter-spacing: 0.3px;\r\n        margin-left: 6px;\r\n        background: var(--gray-50);\r\n        padding: 3px 8px;\r\n        border-radius: 20px;\r\n        white-space: nowrap;\r\n    }\r\n\r\n    \/* Quote text *\/\r\n    .mrv-testimonials-v3-22 .quote-text-22 {\r\n        font-size: 0.95rem;\r\n        line-height: 1.7;\r\n        color: var(--gray-700);\r\n        font-weight: 500;\r\n        margin-bottom: 20px;\r\n        position: relative;\r\n        z-index: 1;\r\n        flex: 1;\r\n        letter-spacing: 0.01em;\r\n    }\r\n\r\n    \/* Divider *\/\r\n    .mrv-testimonials-v3-22 .card-divider-22 {\r\n        height: 1px;\r\n        background: var(--gray-100);\r\n        margin-bottom: 16px;\r\n    }\r\n\r\n    \/* User row *\/\r\n    .mrv-testimonials-v3-22 .user-row-22 {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n\r\n    .mrv-testimonials-v3-22 .user-avatar-22 {\r\n        width: 44px;\r\n        height: 44px;\r\n        border-radius: var(--radius-sm);\r\n        background: var(--navy-light);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-weight: 700;\r\n        font-size: 0.85rem;\r\n        color: var(--navy);\r\n        flex-shrink: 0;\r\n        border: 2px solid var(--navy-mid);\r\n        letter-spacing: 0.4px;\r\n        transition: all var(--transition);\r\n    }\r\n\r\n    .mrv-testimonials-v3-22 .testimonial-card-22:hover .user-avatar-22 {\r\n        border-color: var(--accent);\r\n        background: var(--accent-light);\r\n        color: var(--accent);\r\n        box-shadow: 0 4px 12px rgba(212, 88, 26, 0.2);\r\n    }\r\n\r\n    .mrv-testimonials-v3-22 .user-details-22 h4 {\r\n        font-size: 0.9rem;\r\n        font-weight: 700;\r\n        color: var(--navy);\r\n        margin: 0;\r\n        letter-spacing: -0.01em;\r\n    }\r\n\r\n    .mrv-testimonials-v3-22 .user-details-22 span {\r\n        font-size: 0.75rem;\r\n        color: var(--gray-500);\r\n        font-weight: 500;\r\n        display: block;\r\n    }\r\n\r\n    \/* ============ PROGRESS DOTS INDICATOR ============ *\/\r\n    .mrv-testimonials-v3-22 .progress-indicator-22 {\r\n        display: flex;\r\n        justify-content: center;\r\n        gap: 8px;\r\n        margin-top: 28px;\r\n        flex-wrap: wrap;\r\n        padding: 0 8px;\r\n    }\r\n\r\n    .mrv-testimonials-v3-22 .progress-indicator-22 .progress-dot-22 {\r\n        width: 8px;\r\n        height: 8px;\r\n        border-radius: 4px;\r\n        background: var(--gray-300);\r\n        transition: all var(--transition);\r\n        cursor: pointer;\r\n        border: none;\r\n        padding: 0;\r\n        flex-shrink: 0;\r\n        -webkit-tap-highlight-color: transparent;\r\n        outline: none;\r\n    }\r\n\r\n    .mrv-testimonials-v3-22 .progress-indicator-22 .progress-dot-22.active-22 {\r\n        width: 28px;\r\n        background: var(--accent);\r\n        border-radius: 4px;\r\n    }\r\n\r\n    .mrv-testimonials-v3-22 .progress-indicator-22 .progress-dot-22:hover {\r\n        background: var(--accent-mid);\r\n    }\r\n\r\n    .mrv-testimonials-v3-22 .progress-indicator-22 .progress-dot-22:focus-visible {\r\n        outline: 2px solid var(--accent);\r\n        outline-offset: 3px;\r\n    }\r\n\r\n    \/* ============ RESPONSIVE - TABLET ============ *\/\r\n    @media (max-width: 1024px) {\r\n        .mrv-testimonials-v3-22 .testimonial-card-22 {\r\n            width: 340px;\r\n        }\r\n        .mrv-testimonials-v3-22 .card-body-22 {\r\n            padding: 24px 22px 20px;\r\n        }\r\n        .mrv-testimonials-v3-22 .decorative-quote-22 {\r\n            font-size: 4rem;\r\n            top: 16px;\r\n            right: 16px;\r\n        }\r\n        .mrv-testimonials-v3-22 .card-track-22 {\r\n            gap: 18px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 900px) {\r\n        .mrv-testimonials-v3-22 .testimonial-card-22 {\r\n            width: 310px;\r\n        }\r\n        .mrv-testimonials-v3-22 .card-body-22 {\r\n            padding: 22px 20px 18px;\r\n        }\r\n        .mrv-testimonials-v3-22 .decorative-quote-22 {\r\n            font-size: 3.5rem;\r\n            top: 14px;\r\n            right: 14px;\r\n        }\r\n        .mrv-testimonials-v3-22 .header-row-22 {\r\n            flex-direction: column;\r\n            align-items: flex-start;\r\n        }\r\n        .mrv-testimonials-v3-22 .nav-arrows-22 {\r\n            align-self: flex-end;\r\n        }\r\n        .mrv-testimonials-v3-22 .card-track-22 {\r\n            gap: 16px;\r\n        }\r\n        .mrv-testimonials-v3-22 .quote-text-22 {\r\n            font-size: 0.9rem;\r\n        }\r\n    }\r\n    \r\n    @media (max-width: 768px){\r\n        .header-row-22 {\r\n    padding-left: 15px;\r\n    padding-right: 5px;\r\n         }         \r\n    }\r\n\r\n    \/* ============ RESPONSIVE - MOBILE (Single card visible) ============ *\/\r\n    @media (max-width: 640px) {\r\n        .mrv-testimonials-v3-22 {\r\n            padding: 40px 0 60px;\r\n        }\r\n        .mrv-testimonials-v3-22 .testimonials-section-22 {\r\n            padding: 0 10px;\r\n        }\r\n        .mrv-testimonials-v3-22 .testimonial-card-22 {\r\n            width: calc(100vw - 28px);\r\n            max-width: 420px;\r\n            scroll-snap-align: center;\r\n        }\r\n        .mrv-testimonials-v3-22 .card-body-22 {\r\n            padding: 20px 18px 18px;\r\n        }\r\n        .mrv-testimonials-v3-22 .quote-text-22 {\r\n            font-size: 0.88rem;\r\n            line-height: 1.6;\r\n        }\r\n        .mrv-testimonials-v3-22 .decorative-quote-22 {\r\n            font-size: 3rem;\r\n            top: 10px;\r\n            right: 12px;\r\n        }\r\n        .mrv-testimonials-v3-22 .header-left-22 h2 {\r\n            font-size: 1.5rem;\r\n        }\r\n        .mrv-testimonials-v3-22 .header-left-22 .subtitle-22 {\r\n            font-size: 0.85rem;\r\n        }\r\n        .mrv-testimonials-v3-22 .nav-btn-22 {\r\n            width: 38px;\r\n            height: 38px;\r\n            font-size: 0.9rem;\r\n        }\r\n        .mrv-testimonials-v3-22 .card-track-22 {\r\n            gap: 12px;\r\n            padding: 0 6px;\r\n        }\r\n        .mrv-testimonials-v3-22 .scroll-viewport-22 {\r\n            padding: 8px 2px 16px;\r\n            margin: 0 -2px;\r\n        }\r\n        .mrv-testimonials-v3-22 .progress-indicator-22 {\r\n            gap: 6px;\r\n            margin-top: 22px;\r\n        }\r\n        .mrv-testimonials-v3-22 .progress-indicator-22 .progress-dot-22 {\r\n            width: 7px;\r\n            height: 7px;\r\n            border-radius: 3.5px;\r\n        }\r\n        .mrv-testimonials-v3-22 .progress-indicator-22 .progress-dot-22.active-22 {\r\n            width: 24px;\r\n        }\r\n        .mrv-testimonials-v3-22 .header-accent-line-22 {\r\n            width: 36px;\r\n            height: 3px;\r\n            margin-bottom: 12px;\r\n        }\r\n        .mrv-testimonials-v3-22 .header-badge-22 {\r\n            font-size: 0.7rem;\r\n            margin-bottom: 10px;\r\n        }\r\n    }\r\n\r\n    \/* ============ RESPONSIVE - SMALL MOBILE ============ *\/\r\n    @media (max-width: 400px) {\r\n        .mrv-testimonials-v3-22 {\r\n            padding: 30px 0 50px;\r\n        }\r\n        .mrv-testimonials-v3-22 .testimonials-section-22 {\r\n            padding: 0 6px;\r\n        }\r\n        .mrv-testimonials-v3-22 .testimonial-card-22 {\r\n            width: calc(100vw - 20px);\r\n            max-width: 340px;\r\n        }\r\n        .mrv-testimonials-v3-22 .card-body-22 {\r\n            padding: 16px 14px 14px;\r\n        }\r\n        .mrv-testimonials-v3-22 .quote-text-22 {\r\n            font-size: 0.82rem;\r\n            line-height: 1.55;\r\n            margin-bottom: 14px;\r\n        }\r\n        .mrv-testimonials-v3-22 .decorative-quote-22 {\r\n            font-size: 2.5rem;\r\n            top: 8px;\r\n            right: 10px;\r\n        }\r\n        .mrv-testimonials-v3-22 .header-left-22 h2 {\r\n            font-size: 1.35rem;\r\n        }\r\n        .mrv-testimonials-v3-22 .header-left-22 .subtitle-22 {\r\n            font-size: 0.78rem;\r\n        }\r\n        .mrv-testimonials-v3-22 .nav-btn-22 {\r\n            width: 34px;\r\n            height: 34px;\r\n            font-size: 0.8rem;\r\n        }\r\n        .mrv-testimonials-v3-22 .card-track-22 {\r\n            gap: 10px;\r\n            padding: 0 4px;\r\n        }\r\n        .mrv-testimonials-v3-22 .scroll-viewport-22 {\r\n            padding: 6px 1px 14px;\r\n            margin: 0 -1px;\r\n        }\r\n        .mrv-testimonials-v3-22 .user-avatar-22 {\r\n            width: 36px;\r\n            height: 36px;\r\n            font-size: 0.75rem;\r\n        }\r\n        .mrv-testimonials-v3-22 .user-details-22 h4 {\r\n            font-size: 0.8rem;\r\n        }\r\n        .mrv-testimonials-v3-22 .user-details-22 span {\r\n            font-size: 0.7rem;\r\n        }\r\n        .mrv-testimonials-v3-22 .stars-row-22 {\r\n            font-size: 0.75rem;\r\n            margin-bottom: 8px;\r\n        }\r\n        .mrv-testimonials-v3-22 .stars-row-22 .verified-22 {\r\n            font-size: 0.65rem;\r\n            padding: 2px 6px;\r\n        }\r\n        .mrv-testimonials-v3-22 .progress-indicator-22 .progress-dot-22 {\r\n            width: 6px;\r\n            height: 6px;\r\n            border-radius: 3px;\r\n        }\r\n        .mrv-testimonials-v3-22 .progress-indicator-22 .progress-dot-22.active-22 {\r\n            width: 20px;\r\n        }\r\n        .mrv-testimonials-v3-22 .progress-indicator-22 {\r\n            gap: 5px;\r\n            margin-top: 18px;\r\n        }\r\n    }\r\n\r\n    \/* ============ RESPONSIVE - TINY SCREENS (sub 350px) ============ *\/\r\n    @media (max-width: 350px) {\r\n        .mrv-testimonials-v3-22 .testimonial-card-22 {\r\n            width: calc(100vw - 16px);\r\n            max-width: 290px;\r\n        }\r\n        .mrv-testimonials-v3-22 .card-body-22 {\r\n            padding: 12px 10px 10px;\r\n        }\r\n        .mrv-testimonials-v3-22 .quote-text-22 {\r\n            font-size: 0.76rem;\r\n            line-height: 1.5;\r\n            margin-bottom: 10px;\r\n        }\r\n        .mrv-testimonials-v3-22 .decorative-quote-22 {\r\n            font-size: 2rem;\r\n            top: 6px;\r\n            right: 8px;\r\n        }\r\n        .mrv-testimonials-v3-22 .header-left-22 h2 {\r\n            font-size: 1.2rem;\r\n        }\r\n        .mrv-testimonials-v3-22 .card-track-22 {\r\n            gap: 8px;\r\n            padding: 0 2px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n    (function() {\r\n        \/\/ Initialize every testimonial wrapper on the page independently (with -22 classes)\r\n        document.querySelectorAll('.mrv-testimonials-v3-22').forEach(function(wrapper) {\r\n            var viewport = wrapper.querySelector('.mrv-scroll-viewport-22');\r\n            var track = wrapper.querySelector('.mrv-card-track-22');\r\n            var leftBtn = wrapper.querySelector('.mrv-scroll-left-22');\r\n            var rightBtn = wrapper.querySelector('.mrv-scroll-right-22');\r\n            var dotsContainer = wrapper.querySelector('.mrv-progress-dots-22');\r\n\r\n            if (!viewport || !track) return;\r\n\r\n            var AUTO_SLIDE_DELAY = 2500;\r\n            var autoSlideInterval = null;\r\n            var resumeTimeout = null;\r\n            var cards = [];\r\n            var dots = [];\r\n\r\n            function refreshCards() {\r\n                cards = Array.from(track.querySelectorAll('.testimonial-card-22'));\r\n            }\r\n            refreshCards();\r\n\r\n            if (cards.length === 0) return;\r\n\r\n            \/\/ ----- DYNAMIC DOT GENERATION -----\r\n            function generateDots() {\r\n                if (!dotsContainer) return;\r\n                dotsContainer.innerHTML = '';\r\n                cards.forEach(function(_, i) {\r\n                    var dot = document.createElement('button');\r\n                    dot.className = 'progress-dot-22';\r\n                    dot.setAttribute('data-index', i);\r\n                    dot.setAttribute('aria-label', 'Go to testimonial ' + (i + 1));\r\n                    dot.setAttribute('type', 'button');\r\n                    dotsContainer.appendChild(dot);\r\n                });\r\n                dots = Array.from(dotsContainer.querySelectorAll('.progress-dot-22'));\r\n            }\r\n            generateDots();\r\n\r\n            \/\/ ----- DYNAMIC GAP CALCULATION -----\r\n            function getGap() {\r\n                if (cards.length < 2) return 22;\r\n                var card0 = cards[0];\r\n                var card1 = cards[1];\r\n                var gap = card1.offsetLeft - (card0.offsetLeft + card0.offsetWidth);\r\n                return Math.max(0, gap);\r\n            }\r\n\r\n            \/\/ ----- CARD WIDTH INCLUDING GAP (scroll step) -----\r\n            function getCardStep() {\r\n                if (cards.length === 0) return 340;\r\n                var card = cards[0];\r\n                var gap = getGap();\r\n                return card.offsetWidth + gap;\r\n            }\r\n\r\n            \/\/ ----- VISIBLE CARD COUNT -----\r\n            function getVisibleCardCount() {\r\n                var vw = viewport.clientWidth;\r\n                var step = getCardStep();\r\n                return Math.max(1, Math.floor(vw \/ step));\r\n            }\r\n\r\n            \/\/ ----- SCROLL TO SPECIFIC CARD -----\r\n            function scrollToCard(index, behavior) {\r\n                behavior = behavior || 'smooth';\r\n                var step = getCardStep();\r\n                var visibleCount = getVisibleCardCount();\r\n                var maxScrollIndex = Math.max(0, cards.length - visibleCount);\r\n                var clampedIndex = Math.min(Math.max(0, index), maxScrollIndex);\r\n                var scrollLeft = clampedIndex * step;\r\n                viewport.scrollTo({ left: scrollLeft, behavior: behavior });\r\n            }\r\n\r\n            \/\/ ----- UPDATE ACTIVE DOT -----\r\n            function updateActiveDot() {\r\n                if (dots.length === 0) return;\r\n                var step = getCardStep();\r\n                var scrollLeft = viewport.scrollLeft;\r\n                var visibleCount = getVisibleCardCount();\r\n                var maxScrollIndex = Math.max(0, cards.length - visibleCount);\r\n\r\n                var activeIndex = Math.round(scrollLeft \/ step);\r\n                activeIndex = Math.min(activeIndex, maxScrollIndex);\r\n                activeIndex = Math.max(0, activeIndex);\r\n\r\n                dots.forEach(function(dot, i) {\r\n                    var isActive = i === activeIndex;\r\n                    dot.classList.toggle('active-22', isActive);\r\n                    if (isActive) {\r\n                        dot.setAttribute('aria-current', 'true');\r\n                    } else {\r\n                        dot.removeAttribute('aria-current');\r\n                    }\r\n                });\r\n            }\r\n\r\n            \/\/ ----- AUTO SLIDE LOGIC -----\r\n            function stopAutoSlide() {\r\n                if (autoSlideInterval) {\r\n                    clearInterval(autoSlideInterval);\r\n                    autoSlideInterval = null;\r\n                }\r\n            }\r\n\r\n            function startAutoSlide() {\r\n                stopAutoSlide();\r\n                autoSlideInterval = setInterval(function() {\r\n                    var step = getCardStep();\r\n                    var currentIndex = Math.round(viewport.scrollLeft \/ step);\r\n                    var visibleCount = getVisibleCardCount();\r\n                    var maxScrollIndex = Math.max(0, cards.length - visibleCount);\r\n\r\n                    var nextIndex = currentIndex + 1;\r\n                    if (nextIndex > maxScrollIndex) {\r\n                        nextIndex = 0;\r\n                    }\r\n                    scrollToCard(nextIndex, 'smooth');\r\n                }, AUTO_SLIDE_DELAY);\r\n            }\r\n\r\n            function resetAutoSlideTimer() {\r\n                stopAutoSlide();\r\n                if (resumeTimeout) clearTimeout(resumeTimeout);\r\n                resumeTimeout = setTimeout(function() {\r\n                    startAutoSlide();\r\n                    resumeTimeout = null;\r\n                }, 3000);\r\n            }\r\n\r\n            \/\/ Pause on hover \/ touch\r\n            viewport.addEventListener('pointerenter', function() {\r\n                stopAutoSlide();\r\n                if (resumeTimeout) clearTimeout(resumeTimeout);\r\n            });\r\n\r\n            viewport.addEventListener('pointerleave', function() {\r\n                if (!resumeTimeout) {\r\n                    startAutoSlide();\r\n                }\r\n            });\r\n\r\n            \/\/ Manual navigation\r\n            function onManualNavigation() {\r\n                resetAutoSlideTimer();\r\n            }\r\n\r\n            \/\/ ----- ARROW BUTTONS -----\r\n            if (leftBtn) {\r\n                leftBtn.addEventListener('click', function() {\r\n                    var step = getCardStep();\r\n                    var currentIndex = Math.round(viewport.scrollLeft \/ step);\r\n                    scrollToCard(currentIndex - 1);\r\n                    onManualNavigation();\r\n                });\r\n            }\r\n\r\n            if (rightBtn) {\r\n                rightBtn.addEventListener('click', function() {\r\n                    var step = getCardStep();\r\n                    var currentIndex = Math.round(viewport.scrollLeft \/ step);\r\n                    scrollToCard(currentIndex + 1);\r\n                    onManualNavigation();\r\n                });\r\n            }\r\n\r\n            \/\/ ----- DOT NAVIGATION -----\r\n            if (dotsContainer) {\r\n                dotsContainer.addEventListener('click', function(e) {\r\n                    var dot = e.target.closest('.progress-dot-22');\r\n                    if (!dot) return;\r\n                    var index = parseInt(dot.getAttribute('data-index'), 10);\r\n                    if (!isNaN(index)) {\r\n                        scrollToCard(index);\r\n                        onManualNavigation();\r\n                    }\r\n                });\r\n            }\r\n\r\n            \/\/ ----- KEYBOARD NAVIGATION -----\r\n            viewport.addEventListener('keydown', function(e) {\r\n                if (e.key === 'ArrowLeft') {\r\n                    e.preventDefault();\r\n                    var step = getCardStep();\r\n                    var currentIndex = Math.round(viewport.scrollLeft \/ step);\r\n                    scrollToCard(currentIndex - 1);\r\n                    onManualNavigation();\r\n                } else if (e.key === 'ArrowRight') {\r\n                    e.preventDefault();\r\n                    var step = getCardStep();\r\n                    var currentIndex = Math.round(viewport.scrollLeft \/ step);\r\n                    scrollToCard(currentIndex + 1);\r\n                    onManualNavigation();\r\n                }\r\n            });\r\n\r\n            \/\/ ----- SCROLL EVENT -----\r\n            var scrollTimeout;\r\n            viewport.addEventListener('scroll', function() {\r\n                updateActiveDot();\r\n                if (scrollTimeout) clearTimeout(scrollTimeout);\r\n                scrollTimeout = setTimeout(onManualNavigation, 200);\r\n            }, { passive: true });\r\n\r\n            \/\/ ----- RESIZE HANDLER -----\r\n            var resizeTimeout;\r\n            window.addEventListener('resize', function() {\r\n                refreshCards();\r\n                generateDots();\r\n                dots = Array.from(dotsContainer ? dotsContainer.querySelectorAll('.progress-dot-22') : []);\r\n                updateActiveDot();\r\n                if (resizeTimeout) clearTimeout(resizeTimeout);\r\n                resizeTimeout = setTimeout(function() {\r\n                    var step = getCardStep();\r\n                    var currentIndex = Math.round(viewport.scrollLeft \/ step);\r\n                    scrollToCard(currentIndex, 'auto');\r\n                }, 300);\r\n            });\r\n\r\n            \/\/ ----- TOUCH \/ SWIPE DETECTION -----\r\n            var touchStartX = 0;\r\n            var touchEndX = 0;\r\n\r\n            viewport.addEventListener('touchstart', function(e) {\r\n                touchStartX = e.changedTouches[0].screenX;\r\n                stopAutoSlide();\r\n                if (resumeTimeout) clearTimeout(resumeTimeout);\r\n            }, { passive: true });\r\n\r\n            viewport.addEventListener('touchend', function(e) {\r\n                touchEndX = e.changedTouches[0].screenX;\r\n                if (Math.abs(touchEndX - touchStartX) > 15) {\r\n                    onManualNavigation();\r\n                } else {\r\n                    if (!resumeTimeout) {\r\n                        resumeTimeout = setTimeout(function() {\r\n                            startAutoSlide();\r\n                            resumeTimeout = null;\r\n                        }, 2000);\r\n                    }\r\n                }\r\n            }, { passive: true });\r\n\r\n            \/\/ ----- INIT -----\r\n            updateActiveDot();\r\n            viewport.setAttribute('tabindex', '0');\r\n            if (dots.length > 0) {\r\n                dots[0].setAttribute('aria-current', 'true');\r\n            }\r\n            startAutoSlide();\r\n        });\r\n    })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b7a1866 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"b7a1866\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-07eb23a elementor-widget elementor-widget-html\" data-id=\"07eb23a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Elementor HTML Widget - Pillars of Educational Excellence (Icons Fixed) -->\r\n<style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');\r\n    \r\n    \/* Force load Font Awesome if not available *\/\r\n    @import url('https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css');\r\n    \r\n    .pillars-section * {\r\n        font-family: 'Inter', sans-serif;\r\n        box-sizing: border-box;\r\n    }\r\n    \r\n    .pillars-section {\r\n        --theme-orange: #d4581a;\r\n        --theme-navy: #1e2d6e;\r\n        position: relative;\r\n        padding: 80px 20px;\r\n        overflow: hidden;\r\n    }\r\n    \r\n    @media (min-width: 1024px) {\r\n        .pillars-section {\r\n            padding: 120px 20px;\r\n        }\r\n    }\r\n    \r\n    .pillars-bg-1 {\r\n        position: absolute;\r\n        top: 0;\r\n        right: 0;\r\n        margin-right: -128px;\r\n        margin-top: -128px;\r\n        width: 500px;\r\n        height: 500px;\r\n        border-radius: 50%;\r\n        background: var(--theme-navy);\r\n        opacity: 0.03;\r\n        filter: blur(96px);\r\n        pointer-events: none;\r\n    }\r\n    \r\n    .pillars-bg-2 {\r\n        position: absolute;\r\n        bottom: 0;\r\n        left: 0;\r\n        margin-left: -128px;\r\n        margin-bottom: -128px;\r\n        width: 400px;\r\n        height: 400px;\r\n        border-radius: 50%;\r\n        background: var(--theme-orange);\r\n        opacity: 0.04;\r\n        filter: blur(96px);\r\n        pointer-events: none;\r\n    }\r\n    \r\n    .pillars-container {\r\n        max-width: 1280px;\r\n        margin: 0 auto;\r\n        display: grid;\r\n        grid-template-columns: 1fr;\r\n        gap: 48px;\r\n        align-items: start;\r\n    }\r\n    \r\n    @media (min-width: 1024px) {\r\n        .pillars-container {\r\n            grid-template-columns: 5fr 7fr;\r\n            gap: 80px;\r\n        }\r\n    }\r\n    \r\n    .pillars-left {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 32px;\r\n    }\r\n    \r\n    @media (min-width: 1024px) {\r\n        .pillars-left {\r\n            position: sticky;\r\n            top: 96px;\r\n        }\r\n    }\r\n    \r\n    .pillars-badge {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        padding: 6px 16px;\r\n        border-radius: 9999px;\r\n        background: rgba(212, 88, 26, 0.1);\r\n        border: 1px solid rgba(212, 88, 26, 0.2);\r\n        margin-bottom: 24px;\r\n        width: fit-content;\r\n    }\r\n    \r\n    .pillars-badge-dot {\r\n        width: 8px;\r\n        height: 8px;\r\n        border-radius: 50%;\r\n        background: var(--theme-orange);\r\n        animation: pillarsPulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\r\n    }\r\n    \r\n    @keyframes pillarsPulse {\r\n        0%, 100% { opacity: 1; }\r\n        50% { opacity: 0.5; }\r\n    }\r\n    \r\n    .pillars-badge-text {\r\n        font-size: 12px;\r\n        font-weight: 700;\r\n        letter-spacing: 0.1em;\r\n        color: var(--theme-orange);\r\n        text-transform: uppercase;\r\n    }\r\n    \r\n    .pillars-title {\r\n        font-size: 36px;\r\n        font-weight: 800;\r\n        color: var(--theme-navy);\r\n        letter-spacing: -0.025em;\r\n        line-height: 1.2;\r\n        margin-bottom: 16px;\r\n    }\r\n    \r\n    @media (min-width: 768px) {\r\n        .pillars-title {\r\n            font-size: 48px;\r\n        }\r\n    }\r\n    \r\n    .pillars-title-gradient {\r\n        background: linear-gradient(to right, var(--theme-navy), var(--theme-orange));\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        background-clip: text;\r\n    }\r\n    \r\n    .pillars-description {\r\n        color: #475569;\r\n        font-size: 18px;\r\n        line-height: 1.625;\r\n    }\r\n    \r\n    .pillars-image-wrapper {\r\n        position: relative;\r\n        border-radius: 24px;\r\n        overflow: hidden;\r\n        box-shadow: 0 25px 50px -12px rgba(30, 45, 110, 0.2);\r\n        aspect-ratio: 4\/4;\r\n    }\r\n    \r\n    .pillars-image-wrapper:hover .pillars-image {\r\n        transform: scale(1.05);\r\n    }\r\n    \r\n    .pillars-image {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        transition: transform 0.7s ease-out;\r\n    }\r\n    \r\n    .pillars-image-overlay {\r\n        position: absolute;\r\n        inset: 0;\r\n        background: linear-gradient(to top, rgba(30, 45, 110, 0.9), rgba(30, 45, 110, 0.4), transparent);\r\n    }\r\n    \r\n    .pillars-image-content {\r\n        position: absolute;\r\n        bottom: 24px;\r\n        left: 24px;\r\n        right: 24px;\r\n    }\r\n    \r\n    .pillars-image-badge {\r\n        background: var(--theme-orange);\r\n        color: white;\r\n        font-size: 11px;\r\n        font-weight: 700;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.05em;\r\n        padding: 4px 12px;\r\n        border-radius: 9999px;\r\n        margin-bottom: 12px;\r\n        display: inline-block;\r\n        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);\r\n    }\r\n    \r\n    .pillars-image-title {\r\n        color: white;\r\n        font-size: 24px;\r\n        font-weight: 700;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n    }\r\n    \r\n    .pillars-image-title-emoji {\r\n        font-size: 22px;\r\n    }\r\n    \r\n    .pillars-button {\r\n        width: 100%;\r\n        background: #d4581a;\r\n        color: white;\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        padding: 16px;\r\n        border-radius: 16px;\r\n        border: none;\r\n        cursor: pointer;\r\n        transition: all 0.3s;\r\n        box-shadow: 0 10px 15px -3px rgba(30, 45, 110, 0.3);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 12px;\r\n        text-decoration: none;\r\n    }\r\n    \r\n    .pillars-button:hover {\r\n        background: #152052;\r\n        color: whitesmoke;\r\n    }\r\n    \r\n    .pillars-button-arrow {\r\n        display: inline-block;\r\n        transition: transform 0.3s;\r\n    }\r\n    \r\n    .pillars-button:hover .pillars-button-arrow {\r\n        transform: translateX(4px);\r\n    }\r\n    \r\n    .pillars-grid {\r\n        display: grid;\r\n        grid-template-columns: 1fr;\r\n        gap: 20px;\r\n    }\r\n    \r\n    @media (min-width: 768px) {\r\n        .pillars-grid {\r\n            grid-template-columns: 1fr 1fr;\r\n        }\r\n    }\r\n    \r\n    .pillar-card {\r\n        position: relative;\r\n        background: white;\r\n        padding: 24px;\r\n        border-radius: 16px;\r\n        border: 1px solid #e2e8f0;\r\n        cursor: pointer;\r\n        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 16px;\r\n    }\r\n    \r\n    .pillar-card::before {\r\n        content: \"\";\r\n        position: absolute;\r\n        inset: 0;\r\n        border-radius: 16px;\r\n        padding: 2px;\r\n        background: linear-gradient(135deg, transparent, transparent);\r\n        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\r\n        -webkit-mask-composite: xor;\r\n        mask-composite: exclude;\r\n        transition: all 0.4s ease;\r\n        opacity: 0;\r\n        pointer-events: none;\r\n    }\r\n    \r\n    .pillar-card:hover::before {\r\n        background: linear-gradient(135deg, var(--theme-navy), var(--theme-orange));\r\n        opacity: 1;\r\n    }\r\n    \r\n    .pillar-card:hover {\r\n        transform: translateY(-5px);\r\n        box-shadow: 0 20px 40px -10px rgba(30, 45, 110, 0.15);\r\n    }\r\n    \r\n    .pillar-card-span-2 {\r\n        grid-column: 1 \/ -1;\r\n    }\r\n    \r\n    .pillar-card-highlight {\r\n        background: var(--theme-navy);\r\n        border: none;\r\n        box-shadow: 0 20px 25px -5px rgba(30, 45, 110, 0.2);\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n    \r\n    .pillar-card-highlight-bg {\r\n        position: absolute;\r\n        top: 0;\r\n        right: 0;\r\n        width: 128px;\r\n        height: 128px;\r\n        background: var(--theme-orange);\r\n        border-bottom-left-radius: 100%;\r\n        opacity: 0.1;\r\n        transition: all 0.5s;\r\n    }\r\n    \r\n    .pillar-card-highlight:hover .pillar-card-highlight-bg {\r\n        transform: scale(1.1);\r\n    }\r\n    \r\n    \/* Icon Styles - Using SVG inline for guaranteed visibility *\/\r\n    .pillar-icon {\r\n        width: 56px;\r\n        height: 56px;\r\n        border-radius: 12px;\r\n        background: #f8fafc;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        color: var(--theme-navy);\r\n        font-size: 24px;\r\n        transition: all 0.4s ease;\r\n        flex-shrink: 0;\r\n    }\r\n    \r\n    .pillar-icon svg {\r\n        width: 24px;\r\n        height: 24px;\r\n        fill: currentColor;\r\n    }\r\n    \r\n    .pillar-card:hover .pillar-icon {\r\n        background: var(--theme-navy);\r\n        color: white;\r\n        transform: scale(1.1) rotate(5deg);\r\n    }\r\n    \r\n    .pillar-icon-large {\r\n        width: 64px;\r\n        height: 64px;\r\n        font-size: 28px;\r\n    }\r\n    \r\n    .pillar-icon-large svg {\r\n        width: 28px;\r\n        height: 28px;\r\n    }\r\n    \r\n    .pillar-icon-highlight {\r\n        background: var(--theme-orange);\r\n        color: white;\r\n        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);\r\n    }\r\n    \r\n    .pillar-card-highlight:hover .pillar-icon-highlight {\r\n        background: var(--theme-orange);\r\n        color: white;\r\n        transform: scale(1.1) rotate(5deg);\r\n    }\r\n    \r\n    .pillar-content h3 {\r\n        font-weight: 700;\r\n        font-size: 18px;\r\n        margin-bottom: 4px;\r\n        margin-top: 0;\r\n    }\r\n    \r\n    .pillar-content-h3-navy {\r\n        color: var(--theme-navy);\r\n    }\r\n    \r\n    .pillar-content-h3-white {\r\n        color: white;\r\n    }\r\n    \r\n    .pillar-content p {\r\n        font-size: 14px;\r\n        font-weight: 500;\r\n        margin: 0;\r\n        line-height: 1.5;\r\n    }\r\n    \r\n    .pillar-content-p-slate {\r\n        color: #64748b;\r\n    }\r\n    \r\n    .pillar-content-p-blue {\r\n        color: #bfdbfe;\r\n    }\r\n    \r\n    .pillar-card-flex {\r\n        flex-direction: row;\r\n        align-items: center;\r\n        gap: 20px;\r\n    }\r\n    \r\n    .pillar-card-flex .pillar-icon {\r\n        margin-bottom: 0;\r\n    }\r\n    \r\n    .pillars-leaf-icon {\r\n        display: inline-block;\r\n        color: var(--theme-orange);\r\n        font-size: 18px;\r\n    }\r\n    \r\n    \/* Responsive adjustments *\/\r\n    @media (max-width: 767px) {\r\n        .pillar-card-flex {\r\n            flex-direction: column;\r\n            align-items: flex-start;\r\n        }\r\n        \r\n        .pillars-title {\r\n            font-size: 32px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"pillars-section\">\r\n    <div class=\"pillars-bg-1\"><\/div>\r\n    <div class=\"pillars-bg-2\"><\/div>\r\n    \r\n    <div class=\"pillars-container\">\r\n        <!-- Left Column -->\r\n        <div class=\"pillars-left\">\r\n            <div>\r\n                <div class=\"pillars-badge\">\r\n                    <span class=\"pillars-badge-dot\"><\/span>\r\n                    <span class=\"pillars-badge-text\">Institutional Framework<\/span>\r\n                <\/div>\r\n                <h2 class=\"pillars-title\">\r\n                    Pillars of <br><span class=\"pillars-title-gradient\">Educational Excellence<\/span>\r\n                <\/h2>\r\n                <p class=\"pillars-description\">\r\n                    Discover the foundation of our holistic approach, designed to nurture innovation, inclusivity, and global readiness.\r\n                <\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"pillars-image-wrapper\">\r\n                <img decoding=\"async\" src=\"https:\/\/dev.mrvv.edu.in\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-May-27-2026-11_23_01-AM.png\" class=\"pillars-image\" alt=\"Campus Ecosystem\" loading=\"lazy\" \/>\r\n                <div class=\"pillars-image-overlay\"><\/div>\r\n                <div class=\"pillars-image-content\">\r\n                    <span class=\"pillars-image-badge\">Deemed to be University<\/span>\r\n                    <h4 class=\"pillars-image-title\">\r\n                        <span class=\"pillars-leaf-icon\">\ud83c\udf43<\/span> A 73-Acre Ecosystem\r\n                    <\/h4>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <a href=\"#\" class=\"pillars-button\">\r\n                Explore Admissions \r\n                <span class=\"pillars-button-arrow\">\u2192<\/span>\r\n            <\/a>\r\n        <\/div>\r\n        \r\n        <!-- Right Column - Grid -->\r\n        <div class=\"pillars-grid\">\r\n            \r\n            <!-- 1. Multidisciplinary -->\r\n            <div class=\"pillar-card\">\r\n                <div class=\"pillar-icon\">\r\n                    <!-- Graduation Cap SVG -->\r\n                    <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <path d=\"M12 3L1 9l4 2.18v6L12 21l7-3.82v-6l2-1.09V17h2V9L12 3zm6.82 6L12 12.72 5.18 9 12 5.28 18.82 9zM17 15.99l-5 2.73-5-2.73v-3.72L12 15l5-2.73v3.72z\"\/>\r\n                    <\/svg>\r\n                <\/div>\r\n                <div class=\"pillar-content\">\r\n                    <h3 class=\"pillar-content-h3-navy\">Multidisciplinary<\/h3>\r\n                    <p class=\"pillar-content-p-slate\">Breaking academic silos.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- 2. Autonomy -->\r\n            <div class=\"pillar-card\">\r\n                <div class=\"pillar-icon\">\r\n                    <!-- Balance Scale SVG -->\r\n                    <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <path d=\"M12 3c-1.27 0-2.4.8-2.82 2H3v2h1.95L2 14c-.47 2 1 3 2.5 3s2.93-1.07 2.5-3l-2.95-7h4.13c.42 1.2 1.55 2 2.82 2s2.4-.8 2.82-2h4.13l-2.95 7c-.47 2 1 3 2.5 3s2.93-1.07 2.5-3l-2.95-7H21V5h-6.18C14.4 3.8 13.27 3 12 3zM5.5 14c.28 0 .5.22.5.5s-.22.5-.5.5-.5-.22-.5-.5.22-.5.5-.5zm13 0c.28 0 .5.22.5.5s-.22.5-.5.5-.5-.22-.5-.5.22-.5.5-.5zM12 5c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1z\"\/>\r\n                    <\/svg>\r\n                <\/div>\r\n                <div class=\"pillar-content\">\r\n                    <h3 class=\"pillar-content-h3-navy\">Autonomy<\/h3>\r\n                    <p class=\"pillar-content-p-slate\">Empowering educators.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- 3. Experiential -->\r\n            <div class=\"pillar-card\">\r\n                <div class=\"pillar-icon\">\r\n                    <!-- Cubes SVG -->\r\n                    <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <path d=\"M21 16.5c0 .38-.21.71-.53.88l-7.9 4.44c-.16.12-.36.18-.57.18-.21 0-.41-.06-.57-.18l-7.9-4.44A.991.991 0 013 16.5v-9c0-.38.21-.71.53-.88l7.9-4.44c.16-.12.36-.18.57-.18.21 0 .41.06.57.18l7.9 4.44c.32.17.53.5.53.88v9zM12 4.15L5 8.09v7.82l7 3.94 7-3.94V8.09l-7-3.94z\"\/>\r\n                    <\/svg>\r\n                <\/div>\r\n                <div class=\"pillar-content\">\r\n                    <h3 class=\"pillar-content-h3-navy\">Experiential<\/h3>\r\n                    <p class=\"pillar-content-p-slate\">Bridging theory to reality.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- 4. Research -->\r\n            <div class=\"pillar-card\">\r\n                <div class=\"pillar-icon\">\r\n                    <!-- Flask SVG -->\r\n                    <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <path d=\"M17.5 2C17.5 1.45 17.05 1 16.5 1H7.5C6.95 1 6.5 1.45 6.5 2v4.5L2.5 16.5c-.5 1 .5 2 1.5 2h16c1 0 2-1 1.5-2L17.5 6.5V2zM8.5 3h7v3h-7V3zm6.5 5v1h-6V8h6zm-6 3h6v1h-6v-1zm-4 6l3-7h8l3 7H5z\"\/>\r\n                    <\/svg>\r\n                <\/div>\r\n                <div class=\"pillar-content\">\r\n                    <h3 class=\"pillar-content-h3-navy\">Research<\/h3>\r\n                    <p class=\"pillar-content-p-slate\">World-class innovation.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- 5. Industrial Alignment (Full Width) -->\r\n            <div class=\"pillar-card pillar-card-span-2 pillar-card-flex\">\r\n                <div class=\"pillar-icon pillar-icon-large\">\r\n                    <!-- Factory\/Industry SVG -->\r\n                    <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <path d=\"M4 18v2h16v-2H4zm0-4v2h3v-2H4zm5 0v2h3v-2H9zm5 0v2h3v-2h-3zm5 0v2h1v-2h-1zM2 22h20V8l-5-3V2H7v3L2 8v14zM9 4h6v2.5L17 8v2H7V8l2-1.5V4z\"\/>\r\n                    <\/svg>\r\n                <\/div>\r\n                <div class=\"pillar-content\">\r\n                    <h3 class=\"pillar-content-h3-navy\">Industrial Alignment<\/h3>\r\n                    <p class=\"pillar-content-p-slate\">Nurturing bright startups and fostering deep corporate partnerships to ensure future readiness.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- 6. Quality Education -->\r\n            <div class=\"pillar-card\">\r\n                <div class=\"pillar-icon\">\r\n                    <!-- Certificate\/Award SVG -->\r\n                    <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <path d=\"M19 5h-2V3H7v2H5c-1.1 0-2 .9-2 2v1c0 2.55 1.92 4.63 4.39 4.94.63 1.5 1.98 2.63 3.61 2.96V19H7v2h10v-2h-4v-3.1c1.63-.33 2.98-1.46 3.61-2.96C19.08 12.63 21 10.55 21 8V7c0-1.1-.9-2-2-2zM5 8V7h2v3.82C5.84 10.4 5 9.3 5 8zm14 0c0 1.3-.84 2.4-2 2.82V7h2v1z\"\/>\r\n                    <\/svg>\r\n                <\/div>\r\n                <div class=\"pillar-content\">\r\n                    <h3 class=\"pillar-content-h3-navy\">Quality Education<\/h3>\r\n                    <p class=\"pillar-content-p-slate\">International benchmarks.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- 7. Quality Assessment (Replaced icon - clearly visible) -->\r\n            <div class=\"pillar-card\">\r\n                <div class=\"pillar-icon\">\r\n                    <!-- Clipboard Check SVG -->\r\n                    <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <path d=\"M19 3h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm-2 14l-4-4 1.41-1.41L10 14.17l6.59-6.59L18 9l-8 8z\"\/>\r\n                    <\/svg>\r\n                <\/div>\r\n                <div class=\"pillar-content\">\r\n                    <h3 class=\"pillar-content-h3-navy\">Quality Assessment<\/h3>\r\n                    <p class=\"pillar-content-p-slate\">Precision metrics.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- 8. Skill Development -->\r\n            <div class=\"pillar-card\">\r\n                <div class=\"pillar-icon\">\r\n                    <!-- Tools\/Wrench SVG -->\r\n                    <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <path d=\"M22.7 19l-9.1-9.1c.9-2.3.4-5-1.5-6.9-2-2-5-2.4-7.4-1.3L9 6 6 9 1.6 4.7C.4 7.1.9 10.1 2.9 12.1c1.9 1.9 4.6 2.4 6.9 1.5l9.1 9.1c.4.4 1 .4 1.4 0l2.3-2.3c.5-.4.5-1.1.1-1.4z\"\/>\r\n                    <\/svg>\r\n                <\/div>\r\n                <div class=\"pillar-content\">\r\n                    <h3 class=\"pillar-content-h3-navy\">Skill Development<\/h3>\r\n                    <p class=\"pillar-content-p-slate\">Workplace readiness.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- 9. Inclusivity -->\r\n            <div class=\"pillar-card\">\r\n                <div class=\"pillar-icon\">\r\n                    <!-- People\/Users SVG -->\r\n                    <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <path d=\"M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z\"\/>\r\n                    <\/svg>\r\n                <\/div>\r\n                <div class=\"pillar-content\">\r\n                    <h3 class=\"pillar-content-h3-navy\">Inclusivity<\/h3>\r\n                    <p class=\"pillar-content-p-slate\">Welcoming diversity.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- 10. Global Partners (Full Width Highlighted) -->\r\n            <div class=\"pillar-card pillar-card-span-2 pillar-card-flex pillar-card-highlight\">\r\n                <div class=\"pillar-card-highlight-bg\"><\/div>\r\n                <div class=\"pillar-icon pillar-icon-large pillar-icon-highlight\" style=\"position: relative; z-index: 10;\">\r\n                    <!-- Globe SVG -->\r\n                    <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z\"\/>\r\n                    <\/svg>\r\n                <\/div>\r\n                <div class=\"pillar-content\" style=\"position: relative; z-index: 10;\">\r\n                    <h3 class=\"pillar-content-h3-white\">Global Partners<\/h3>\r\n                    <p class=\"pillar-content-p-blue\">Broadening horizons through international exchange programs and collaborative global research initiatives.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n        <\/div>\r\n    <\/div>\r\n<\/div>\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>Admissions Open 2026-27 | UG \/ PG | PG Fellowship Trusted by 30,000+ students 3 Teaching Hospitals 1000+ Recruiters India&#8217;s MedTech University Where Future Doctors, Engineers, and Innovators Train in the Real World Explore Schools \u2192 Apply Now \u2192 Virtual Tour Brochure Global Standard Infrastructure Hands-on Clinical Training Research &amp; Innovation Driven Industry Integrated Programs Building Careers. Improving Lives. Making a Difference. Academic Excellence Our Academic Schools Explore ten specialized schools shaping the future of healthcare through innovation and research. Medical School of Medical Sciences &#038; Technology Empowering future physicians with rigorous clinical training and research. B.Sc M.Sc Fellowships Explore School Dental School of Dental Sciences &#038; Technology Shaping skilled dental professionals through advanced simulation labs. B.Sc M.Sc Fellowships Explore School Nursing School of Nursing Sciences &#038; Technology Cultivating compassionate nurses with hands\u2011on modern healthcare training. B.Sc Nursing M.Sc Nursing Explore School Pharma School of Pharmaceutical Sciences &#038; Technology Driving drug innovation with industry\u2011aligned curriculum and research. B.Pharm M.Pharm Explore School Healthcare School of Allied Healthcare Sciences &#038; Technology Training versatile professionals across diagnostic and therapeutic fields. B.Sc AHS M.Sc AHS Explore School Public Health School of Public Health &#038; Emerging Healthcare Tackling global health challenges through epidemiology and policy. MPH MHA PhD Explore School Digital School of Digital Health Sciences &#038; Technology Merging healthcare with AI, data science, and digital transformation. Digital Health Data Science Explore School Rehabilitation School of Rehabilitation &#038; Physiotherapy Sciences Restoring movement and quality of life through evidence\u2011based therapy. BPT MPT OT Explore School Research School of Biomedical Research &#038; Life Sciences Advancing discovery with cutting\u2011edge labs and interdisciplinary research. M.Phil PhD Post-Doc Explore School All Programs Discover Your Path Browse our complete list of schools, programs, and research opportunities. Explore All Schools The Pinnacle of Learning Shaping the Future of Global Education \u201cMalla Reddy Vishwavidyapeeth\u201d (MRV) Deemed to be University founded in 2002 by Shri. Ch. Malla Reddy, stands as a Center of Excellence across Medical, Engineering, and Pharmaceutical sciences. With world-class infrastructure and a commitment to holistic development, MRV nurtures future leaders. Discover More About MRV Our Vision To be recognized globally as a center of excellence, empowering students with knowledge and skills to transform the landscape of healthcare, engineering, and pharmaceuticals. Our Mission To provide world-class infrastructure and holistic development opportunities, nurturing future leaders capable of addressing global challenges with innovation and ethical responsibility. 73+ ACRES CAMPUS Global FACULTY Innovative PROGRAMS 22+ YEARS OF LEGACY Admissions Open 2026 MRV Ecosystem Institutions Healthcare Academic Excellence Future\u2011Ready Institutions Architecting excellence through specialized programs and hands\u2011on clinical exposure. 30K+Students 25+Institutes 95%Placement Inquire Now Nursing College of Nursing Patient\u2011centered training with advanced simulation labs. Explore Dental Dental College for Women Advanced dental education with modern clinical exposure. Explore Medical Institute of Medical Sciences Comprehensive ecosystem for clinical and research excellence. Explore Pharma Institute of Pharmaceutical Sciences Innovative pharmacology with state\u2011of\u2011the\u2011art labs. Explore Oncology Cancer Hospital Precision oncology with integrated diagnostics and compassionate care. View Facility General General Hospital Multi\u2011speciality care with 24\/7 emergency and surgical suites. View Facility Cardiac Narayana Hospital Modern cardiac surgery and advanced heart care facilities. View Facility Global Ecosystem Our Strategic Partners Our Impact Transforming Healthcare Education Through World\u2011Class Infrastructure &#038; Numbers That Speak Excellence Infrastructure 3,200+ Teaching Beds Outpatient 1 Lakh+ Hospital OPD \/mo Diagnostics 4.5 L+ Lab Tests \/mo Diagnostics 35,000+ Radiology Tests \/mo Dental Hub 17,000+ Dental OPD \/mo Surgical 5,500+ Total Surgeries \/mo Surgical Specialty 75+ Cardiothoracic \/mo Specialized Care 600+ Cath Lab Proc. \/mo Maternal 1,200+ Deliveries \/mo Ophthalmology 600+ Cataract Cases \/mo Infrastructure 30+ Active OTs Critical Care 500+ Critical Care Beds Emergency Care 70+ ER Beds Public Health 1,800+ Health Checkups \/mo Dental Care 500+ Procedures \/mo \u2605 10,000+ Trusted Voices What Our Students Say Real experiences from future-ready learners. \u2190 \u2192 &#8220; \u2605\u2605\u2605\u2605\u2605 \u2713 Verified &#8220;The infrastructure here is world-class. Having access to a 3200-bed hospital for clinical training made all the difference in my medical education.&#8221; AV Aditi Verma MBBS, Batch 2024 &#8220; \u2605\u2605\u2605\u2605\u2605 \u2713 Verified &#8220;The AI Research labs are truly innovation-driven. I was encouraged to work on real-world projects from day one, which shaped my career.&#8221; RC Rahul Chen B.Tech AI &amp; DS &#8220; \u2605\u2605\u2605\u2605\u2605 \u2713 Verified &#8220;Being part of the incubation center allowed me to launch my startup with professional mentorship and dedicated lab space on campus.&#8221; SM Sanjay Mishra Innovation Fellow &#8220; \u2605\u2605\u2605\u2605\u2605 \u2713 Verified &#8220;The hands-on training at MRV is unmatched. We don&#8217;t just learn theory; we solve actual community health challenges in real time.&#8221; PR Priya Reddy Public Health &#8220; \u2605\u2605\u2605\u2605\u2605 \u2713 Verified &#8220;The campus culture is vibrant. From fests to research symposiums, there is a constant energy that pushes you to excel beyond academics.&#8221; MN Meera Nair Media &amp; Design &#8220; \u2605\u2605\u2605\u2605\u2605 \u2713 Verified &#8220;Industry-driven education is the core here. The 1000+ recruiters network gives us a clear, confident path to our dream careers.&#8221; AK Ambati Karthik MBA, Batch 2023 &#8220; \u2605\u2605\u2605\u2606\u2606 \u2713 Verified &#8220;The curriculum bridges theory and practice seamlessly. The industry exposure I gained through live projects was invaluable for my career.&#8221; AKO Ambati Koushik MSc, Batch 2023 &#8220; \u2605\u2605\u2605\u2605\u2606 \u2713 Verified &#8220;The mentorship culture is outstanding. Faculty members are not just teachers but genuine career guides who invest in your success.&#8221; KK Kumar MBA, Batch 2023 Institutional Framework Pillars of Educational Excellence Discover the foundation of our holistic approach, designed to nurture innovation, inclusivity, and global readiness. Deemed to be University \ud83c\udf43 A 73-Acre Ecosystem Explore Admissions \u2192 Multidisciplinary Breaking academic silos. Autonomy Empowering educators. Experiential Bridging theory to reality. Research World-class innovation. Industrial Alignment Nurturing bright startups and fostering deep corporate partnerships to ensure future readiness. Quality Education International benchmarks. Quality Assessment Precision metrics. Skill Development Workplace readiness. Inclusivity Welcoming diversity. Global Partners Broadening horizons through international exchange programs and collaborative global research initiatives.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2151","page","type-page","status-publish","hentry"],"blocksy_meta":[],"acf":[],"_links":{"self":[{"href":"https:\/\/dev.mrvv.edu.in\/index.php?rest_route=\/wp\/v2\/pages\/2151","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dev.mrvv.edu.in\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dev.mrvv.edu.in\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dev.mrvv.edu.in\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dev.mrvv.edu.in\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2151"}],"version-history":[{"count":163,"href":"https:\/\/dev.mrvv.edu.in\/index.php?rest_route=\/wp\/v2\/pages\/2151\/revisions"}],"predecessor-version":[{"id":2486,"href":"https:\/\/dev.mrvv.edu.in\/index.php?rest_route=\/wp\/v2\/pages\/2151\/revisions\/2486"}],"wp:attachment":[{"href":"https:\/\/dev.mrvv.edu.in\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2151"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}