{"id":10718,"date":"2026-07-16T06:04:55","date_gmt":"2026-07-16T06:04:55","guid":{"rendered":"https:\/\/srms.ac.in\/ims\/?page_id=10718"},"modified":"2026-09-09T10:29:29","modified_gmt":"2026-09-09T10:29:29","slug":"department-of-immunohematology-and-blood-transfusion-medicine","status":"publish","type":"page","link":"https:\/\/srms.ac.in\/ims\/departments\/clinical-departments\/department-of-immunohematology-and-blood-transfusion-medicine\/","title":{"rendered":"DEPARTMENT OF IMMUNOHEMATOLOGY AND BLOOD TRANSFUSION MEDICINE"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10718\" class=\"elementor elementor-10718\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"wd-negative-gap elementor-element elementor-element-e611726 wd-section-stretch-content e-flex e-con-boxed 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=\"e611726\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f736dc0 elementor-widget elementor-widget-html\" data-id=\"f736dc0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     DEPARTMENT HERO BANNER\r\n     ========================================================= -->\r\n\r\n<style>\r\n\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap');\r\n\r\n\r\n\/* =========================================================\r\n   HERO WRAPPER\r\n   ========================================================= *\/\r\n\r\n.med-dept-hero {\r\n    width: 100%;\r\n    position: relative;\r\n    overflow: hidden;\r\n\r\n    background:\r\n        radial-gradient(circle at 82% 35%, rgba(255,255,255,0.08) 0%, transparent 28%),\r\n        linear-gradient(120deg, #5d101c 0%, #751522 48%, #8f1b29 100%);\r\n\r\n    font-family: 'DM Sans', Arial, sans-serif;\r\n    color: #ffffff;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SUBTLE BACKGROUND PATTERN\r\n   ========================================================= *\/\r\n\r\n.med-dept-hero::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    background-image:\r\n        linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px),\r\n        linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px);\r\n\r\n    background-size: 55px 55px;\r\n\r\n    opacity: 0.55;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LARGE DECORATIVE SHAPE\r\n   ========================================================= *\/\r\n\r\n.med-dept-hero::after {\r\n    content: \"\";\r\n    position: absolute;\r\n\r\n    width: 520px;\r\n    height: 520px;\r\n\r\n    right: -180px;\r\n    top: -220px;\r\n\r\n    border: 1px solid rgba(255,255,255,0.10);\r\n    border-radius: 50%;\r\n\r\n    box-shadow:\r\n        0 0 0 70px rgba(255,255,255,0.025),\r\n        0 0 0 140px rgba(255,255,255,0.018);\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INNER CONTAINER\r\n   ========================================================= *\/\r\n\r\n.med-dept-hero-inner {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    width: 100%;\r\n    max-width: 1180px;\r\n\r\n    min-height: 410px;\r\n\r\n    margin: 0 auto;\r\n    padding: 55px 40px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n\r\n    gap: 70px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEFT CONTENT\r\n   ========================================================= *\/\r\n\r\n.med-dept-content {\r\n    flex: 1;\r\n    max-width: 650px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   EYEBROW\r\n   ========================================================= *\/\r\n\r\n.med-dept-eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n\r\n    margin-bottom: 18px;\r\n\r\n    font-family: 'Playfair Display', Georgia, serif;\r\n    font-size: 19px;\r\n    font-style: italic;\r\n    font-weight: 500;\r\n\r\n    color: #ffffff;\r\n}\r\n\r\n.med-dept-eyebrow::before {\r\n    content: \"\";\r\n\r\n    width: 34px;\r\n    height: 2px;\r\n\r\n    background: #ffffff;\r\n\r\n    opacity: 0.8;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN DEPARTMENT NAME\r\n   ========================================================= *\/\r\n\r\n.med-dept-title {\r\n    margin: 0;\r\n    padding: 0;\r\n\r\n    font-family: 'DM Sans', Arial, sans-serif;\r\n\r\n    font-size: clamp(34px, 4vw, 52px);\r\n    line-height: 1.08;\r\n\r\n    font-weight: 700;\r\n    letter-spacing: -1.5px;\r\n\r\n    color: #ffffff;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TITLE HIGHLIGHT\r\n   ========================================================= *\/\r\n\r\n.med-dept-title span {\r\n    display: block;\r\n\r\n    margin-top: 7px;\r\n\r\n    font-family: 'Playfair Display', Georgia, serif;\r\n\r\n    font-size: clamp(25px, 3vw, 38px);\r\n    line-height: 1.18;\r\n\r\n    font-weight: 500;\r\n    font-style: italic;\r\n\r\n    letter-spacing: -0.5px;\r\n\r\n    color: rgba(255,255,255,0.88);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESCRIPTION LINE\r\n   ========================================================= *\/\r\n\r\n.med-dept-description {\r\n    max-width: 570px;\r\n\r\n    margin: 22px 0 0;\r\n\r\n    font-size: 14.5px;\r\n    line-height: 1.75;\r\n\r\n    font-weight: 400;\r\n\r\n    color: rgba(255,255,255,0.72);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CTA AREA\r\n   ========================================================= *\/\r\n\r\n.med-dept-actions {\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    gap: 18px;\r\n\r\n    margin-top: 30px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CTA BUTTON\r\n   ========================================================= *\/\r\n\r\n.med-dept-button {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 12px;\r\n\r\n    padding: 13px 21px;\r\n\r\n    background: #ffffff;\r\n    color: #741522;\r\n\r\n    border: 1px solid #ffffff;\r\n    border-radius: 5px;\r\n\r\n    font-family: 'DM Sans', Arial, sans-serif;\r\n\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n\r\n    text-decoration: none;\r\n\r\n    transition:\r\n        background 0.25s ease,\r\n        color 0.25s ease,\r\n        transform 0.25s ease,\r\n        box-shadow 0.25s ease;\r\n}\r\n\r\n.med-dept-button::after {\r\n    content: \"\u2192\";\r\n\r\n    font-size: 17px;\r\n    line-height: 1;\r\n\r\n    transition: transform 0.25s ease;\r\n}\r\n\r\n.med-dept-button:hover {\r\n    background: transparent;\r\n    color: #ffffff;\r\n\r\n    transform: translateY(-2px);\r\n\r\n    box-shadow: 0 8px 22px rgba(0,0,0,0.15);\r\n}\r\n\r\n.med-dept-button:hover::after {\r\n    transform: translateX(4px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RIGHT IMAGE AREA\r\n   ========================================================= *\/\r\n\r\n.med-dept-visual {\r\n    width: 390px;\r\n    min-width: 390px;\r\n\r\n    position: relative;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE FRAME\r\n   ========================================================= *\/\r\n\r\n.med-dept-image-frame {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n    height: 300px;\r\n\r\n    padding: 9px;\r\n\r\n    background: rgba(255,255,255,0.14);\r\n\r\n    border: 1px solid rgba(255,255,255,0.25);\r\n\r\n    border-radius: 18px;\r\n\r\n    box-shadow:\r\n        0 22px 50px rgba(0,0,0,0.20),\r\n        inset 0 1px 0 rgba(255,255,255,0.18);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE\r\n   ========================================================= *\/\r\n\r\n.med-dept-image-frame img {\r\n    display: block;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    object-fit: cover;\r\n\r\n    border-radius: 12px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE DECORATIVE CORNER\r\n   ========================================================= *\/\r\n\r\n.med-dept-image-frame::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 70px;\r\n    height: 70px;\r\n\r\n    right: -18px;\r\n    bottom: -18px;\r\n\r\n    border-right: 3px solid rgba(255,255,255,0.55);\r\n    border-bottom: 3px solid rgba(255,255,255,0.55);\r\n\r\n    border-radius: 0 0 18px 0;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL IMAGE LABEL\r\n   ========================================================= *\/\r\n\r\n.med-dept-image-label {\r\n    position: absolute;\r\n\r\n    left: -18px;\r\n    bottom: 24px;\r\n\r\n    padding: 10px 15px;\r\n\r\n    background: #ffffff;\r\n    color: #6f1522;\r\n\r\n    border-radius: 5px;\r\n\r\n    box-shadow: 0 10px 25px rgba(0,0,0,0.18);\r\n\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 0.6px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL DECORATIVE DOT\r\n   ========================================================= *\/\r\n\r\n.med-dept-dot {\r\n    position: absolute;\r\n\r\n    width: 9px;\r\n    height: 9px;\r\n\r\n    top: -16px;\r\n    left: -15px;\r\n\r\n    background: #ffffff;\r\n\r\n    border-radius: 50%;\r\n\r\n    opacity: 0.8;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 991px) {\r\n\r\n    .med-dept-hero-inner {\r\n        min-height: auto;\r\n\r\n        padding: 50px 30px;\r\n\r\n        gap: 45px;\r\n    }\r\n\r\n    .med-dept-title {\r\n        font-size: 38px;\r\n    }\r\n\r\n    .med-dept-title span {\r\n        font-size: 28px;\r\n    }\r\n\r\n    .med-dept-visual {\r\n        width: 330px;\r\n        min-width: 330px;\r\n    }\r\n\r\n    .med-dept-image-frame {\r\n        height: 270px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .med-dept-hero-inner {\r\n        display: flex;\r\n        flex-direction: column;\r\n\r\n        align-items: stretch;\r\n\r\n        gap: 35px;\r\n\r\n        padding: 45px 20px 50px;\r\n    }\r\n\r\n\r\n    \/* Content *\/\r\n\r\n    .med-dept-content {\r\n        max-width: 100%;\r\n    }\r\n\r\n    .med-dept-eyebrow {\r\n        font-size: 17px;\r\n        margin-bottom: 14px;\r\n    }\r\n\r\n    .med-dept-eyebrow::before {\r\n        width: 27px;\r\n    }\r\n\r\n    .med-dept-title {\r\n        font-size: 32px;\r\n        line-height: 1.1;\r\n\r\n        letter-spacing: -0.8px;\r\n    }\r\n\r\n    .med-dept-title span {\r\n        margin-top: 6px;\r\n\r\n        font-size: 24px;\r\n        line-height: 1.2;\r\n    }\r\n\r\n    .med-dept-description {\r\n        margin-top: 18px;\r\n\r\n        font-size: 13.5px;\r\n        line-height: 1.7;\r\n    }\r\n\r\n    .med-dept-actions {\r\n        margin-top: 24px;\r\n    }\r\n\r\n\r\n    \/* Image *\/\r\n\r\n    .med-dept-visual {\r\n        width: 100%;\r\n        min-width: 0;\r\n    }\r\n\r\n    .med-dept-image-frame {\r\n        height: 270px;\r\n\r\n        border-radius: 14px;\r\n    }\r\n\r\n    .med-dept-image-label {\r\n        left: 14px;\r\n        bottom: 14px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 480px) {\r\n\r\n    .med-dept-hero-inner {\r\n        padding: 38px 16px 42px;\r\n    }\r\n\r\n    .med-dept-title {\r\n        font-size: 29px;\r\n    }\r\n\r\n    .med-dept-title span {\r\n        font-size: 22px;\r\n    }\r\n\r\n    .med-dept-image-frame {\r\n        height: 230px;\r\n    }\r\n\r\n    .med-dept-button {\r\n        padding: 12px 18px;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<!-- =========================================================\r\n     HTML\r\n     ========================================================= -->\r\n\r\n<section class=\"med-dept-hero\">\r\n\r\n    <div class=\"med-dept-hero-inner\">\r\n\r\n\r\n        <!-- =================================================\r\n             LEFT CONTENT\r\n             ================================================= -->\r\n\r\n        <div class=\"med-dept-content\">\r\n\r\n            <div class=\"med-dept-eyebrow\">\r\n                Clinical Department\r\n            <\/div>\r\n\r\n\r\n            <h1 class=\"med-dept-title\">\r\n\r\n                Department of Immuno Haematology and Blood Transfusion\r\n\r\n                <span>\r\n                (Transfusion Medicine)\r\n                <\/span>\r\n\r\n            <\/h1>\r\n\r\n\r\n            <p class=\"med-dept-description\">\r\n                Advancing safe transfusion practices through quality patient care,\r\n                education, research, and evidence-based medicine.\r\n            <\/p>\r\n\r\n\r\n            <div class=\"med-dept-actions\">\r\n\r\n                <a href=\"#contact\" class=\"med-dept-button\">\r\n                    Call For Enquiry\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             RIGHT IMAGE\r\n             ================================================= -->\r\n\r\n        <div class=\"med-dept-visual\">\r\n\r\n            <div class=\"med-dept-dot\"><\/div>\r\n\r\n            <div class=\"med-dept-image-frame\">\r\n\r\n                <!-- REPLACE THIS IMAGE URL -->\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/srms.ac.in\/ims\/wp-content\/uploads\/2026\/08\/Department-of-Transfusion-Medicine-2.png\"\r\n                    alt=\"Department of Immuno Haematology and Blood Transfusion Medicine\"\r\n                >\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"med-dept-image-label\">\r\n                Immuno Haematology\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6ffe8b4 wd-section-stretch-content e-flex e-con-boxed 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=\"6ffe8b4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-8e22b57 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-child\" data-id=\"8e22b57\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-963444e elementor-widget elementor-widget-html\" data-id=\"963444e\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;sticky&quot;:&quot;top&quot;,&quot;sticky_on&quot;:[&quot;desktop&quot;],&quot;sticky_offset&quot;:80,&quot;sticky_parent&quot;:&quot;yes&quot;,&quot;sticky_effects_offset&quot;:0,&quot;sticky_anchor_link_offset&quot;:0}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\r\n*{\r\n    margin:0;\r\n    padding:0;\r\n    box-sizing:border-box;\r\n}\r\n\r\nbody{\r\n    font-family:'Poppins',sans-serif;\r\n    background:#f5f6f8;\r\n}\r\n\r\n\/*=========================\r\n    QUICK NAVIGATION\r\n=========================*\/\r\n\r\n.quick-navigation{\r\n    width:100%;\r\n    max-width:340px;\r\n    background:#ffffff;\r\n    border-radius:18px;\r\n    overflow:visible;\r\n    box-shadow:0 12px 35px rgba(0,0,0,.08);\r\n    border:1px solid #ececec;\r\n\r\n    \/* Sticky Sidebar *\/\r\n    position:-webkit-sticky;\r\n    position:sticky;\r\n    top:100px;\r\n    z-index:99;\r\n}\r\n\r\n\/* Header *\/\r\n\r\n.quick-navigation .heading{\r\n    background:linear-gradient(135deg,#911919,#b52323);\r\n    color:#fff;\r\n    padding:22px 25px;\r\n    font-size:20px;\r\n    font-weight:600;\r\n    letter-spacing:.3px;\r\n    border-radius:17px 17px 0 0;\r\n}\r\n\r\n\/* Menu *\/\r\n\r\n.quick-navigation > ul{\r\n    list-style:none;\r\n    padding:18px;\r\n}\r\n\r\n.quick-navigation ul li{\r\n    margin-bottom:10px;\r\n}\r\n\r\n.quick-navigation ul li:last-child{\r\n    margin-bottom:0;\r\n}\r\n\r\n.quick-navigation ul li a{\r\n    text-decoration:none;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n    color:#333;\r\n    background:#fff;\r\n    padding:15px 18px;\r\n    border-radius:12px;\r\n    font-size:15px;\r\n    font-weight:500;\r\n    transition:all .35s ease;\r\n    border:1px solid #ececec;\r\n}\r\n\r\n\/* Left Circle *\/\r\n\r\n.quick-navigation ul li a span{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:14px;\r\n}\r\n\r\n.quick-navigation ul li a span::before{\r\n    content:\"\";\r\n    width:10px;\r\n    height:10px;\r\n    border-radius:50%;\r\n    background:#911919;\r\n    transition:.35s;\r\n    flex-shrink:0;\r\n}\r\n\r\n\/* Arrow *\/\r\n\r\n.quick-navigation ul li a::after{\r\n    content:\"\u279c\";\r\n    font-size:14px;\r\n    color:#911919;\r\n    transition:.35s;\r\n}\r\n\r\n\/* Hover *\/\r\n\r\n.quick-navigation ul li a:hover{\r\n    background:linear-gradient(135deg,#911919,#b52323);\r\n    color:#fff;\r\n    transform:translateX(6px);\r\n    box-shadow:0 10px 25px rgba(145,25,25,.28);\r\n    border-color:#911919;\r\n}\r\n\r\n.quick-navigation ul li a:hover::after{\r\n    color:#fff;\r\n    transform:translateX(5px);\r\n}\r\n\r\n.quick-navigation ul li a:hover span::before{\r\n    background:#fff;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SUBMENU \u2014 DESKTOP \/ TABLET\r\n   FLOATS TO THE RIGHT\r\n   ========================================================= *\/\r\n\r\n.has-submenu{\r\n    position:relative;\r\n}\r\n\r\n.has-submenu > .submenu{\r\n    display:none;\r\n    position:absolute;\r\n    top:0;\r\n    left:calc(100% + 12px);\r\n\r\n    width:300px;\r\n    padding:12px;\r\n\r\n    background:#ffffff;\r\n    border:1px solid #e7e7e7;\r\n    border-radius:16px;\r\n\r\n    box-shadow:\r\n        0 18px 45px rgba(0,0,0,.12),\r\n        0 4px 12px rgba(0,0,0,.05);\r\n\r\n    z-index:9999;\r\n\r\n    opacity:0;\r\n    visibility:hidden;\r\n    transform:translateX(-8px);\r\n\r\n    transition:\r\n        opacity .25s ease,\r\n        transform .25s ease,\r\n        visibility .25s ease;\r\n}\r\n\r\n\r\n\/* Small connecting arrow *\/\r\n\r\n.has-submenu > .submenu::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    left:-7px;\r\n    top:20px;\r\n\r\n    width:13px;\r\n    height:13px;\r\n\r\n    background:#ffffff;\r\n\r\n    border-left:1px solid #e7e7e7;\r\n    border-bottom:1px solid #e7e7e7;\r\n\r\n    transform:rotate(45deg);\r\n}\r\n\r\n\r\n\/* Open submenu on hover *\/\r\n\r\n.has-submenu:hover > .submenu{\r\n    display:block;\r\n    opacity:1;\r\n    visibility:visible;\r\n    transform:translateX(0);\r\n}\r\n\r\n\r\n\/* Submenu items *\/\r\n\r\n.has-submenu > .submenu li{\r\n    margin-bottom:7px;\r\n}\r\n\r\n.has-submenu > .submenu li:last-child{\r\n    margin-bottom:0;\r\n}\r\n\r\n.has-submenu > .submenu li a{\r\n    padding:12px 14px;\r\n    font-size:14px;\r\n    border-radius:10px;\r\n    background:#fff;\r\n    border:1px solid transparent;\r\n    box-shadow:none;\r\n}\r\n\r\n\r\n\/* Submenu left circle *\/\r\n\r\n.has-submenu > .submenu li a span::before{\r\n    width:7px;\r\n    height:7px;\r\n}\r\n\r\n\r\n\/* Submenu hover *\/\r\n\r\n.has-submenu > .submenu li a:hover{\r\n    transform:translateX(4px);\r\n    background:linear-gradient(135deg,#911919,#b52323);\r\n    color:#fff;\r\n    box-shadow:0 7px 18px rgba(145,25,25,.22);\r\n    border-color:#911919;\r\n}\r\n\r\n\r\n\/* Submenu arrow *\/\r\n\r\n.submenu-arrow{\r\n    margin-left:8px;\r\n    font-size:11px;\r\n    color:#3b7d20;\r\n}\r\n\r\n.has-submenu:hover > .submenu-toggle .submenu-arrow{\r\n    color:#fff;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (min-width:768px) and (max-width:1100px){\r\n\r\n    .has-submenu > .submenu{\r\n        left:calc(100% + 10px);\r\n        width:280px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ORIGINAL APPROVED DESIGN\r\n   ========================================================= *\/\r\n\r\n@media(max-width:767px){\r\n\r\n    .quick-navigation{\r\n        max-width:100%;\r\n        position:relative;\r\n        top:0;\r\n        overflow:hidden;\r\n    }\r\n\r\n    .quick-navigation .heading{\r\n        font-size:22px;\r\n        padding:18px;\r\n    }\r\n\r\n    .quick-navigation > ul{\r\n        padding:15px;\r\n    }\r\n\r\n    \/* Mobile submenu stays underneath *\/\r\n\r\n    .has-submenu > .submenu{\r\n        display:none;\r\n        position:static;\r\n        width:auto;\r\n\r\n        padding:0 0 0 12px;\r\n        margin-top:8px;\r\n\r\n        background:transparent;\r\n        border:none;\r\n        border-radius:0;\r\n        box-shadow:none;\r\n\r\n        opacity:1;\r\n        visibility:visible;\r\n        transform:none;\r\n    }\r\n\r\n    .has-submenu:hover > .submenu{\r\n        display:none;\r\n    }\r\n\r\n    .has-submenu > .submenu::before{\r\n        display:none;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n<\/head>\r\n\r\n<body>\r\n\r\n<div class=\"quick-navigation\">\r\n\r\n    <div class=\"heading\">\r\n        Quick Navigation\r\n    <\/div>\r\n\r\n    <ul>\r\n\r\n        <!-- About Us -->\r\n\r\n        <li class=\"has-submenu\">\r\n\r\n            <a href=\"#about-us\" class=\"submenu-toggle\">\r\n                <span>About Us<\/span>\r\n                <span class=\"submenu-arrow\">\u25bc<\/span>\r\n            <\/a>\r\n\r\n            <ul class=\"submenu\">\r\n\r\n                <li>\r\n                    <a href=\"#Overview\">\r\n                        <span>Overview<\/span>\r\n                    <\/a>\r\n                <\/li>\r\n\r\n                <li>\r\n                    <a href=\"#Vision\">\r\n                        <span>Vision, Mission &amp; Goals<\/span>\r\n                    <\/a>\r\n                <\/li>\r\n\r\n                <li>\r\n                    <a href=\"#HOD\">\r\n                        <span>HOD's Message<\/span>\r\n                    <\/a>\r\n                <\/li>\r\n\r\n                <li>\r\n                    <a href=\"#Development\">\r\n                        <span>Department Milestones<\/span>\r\n                    <\/a>\r\n                <\/li>\r\n\r\n            <\/ul>\r\n\r\n        <\/li>\r\n\r\n\r\n        <!-- Academics -->\r\n\r\n        <li class=\"has-submenu\">\r\n\r\n            <a href=\"#academics\" class=\"submenu-toggle\">\r\n                <span>Academics<\/span>\r\n                <span class=\"submenu-arrow\">\u25bc<\/span>\r\n            <\/a>\r\n\r\n            <ul class=\"submenu\">\r\n\r\n                <li>\r\n                    <a href=\"#Teaching\">\r\n                        <span>Teaching and Learning Methods<\/span>\r\n                    <\/a>\r\n                <\/li>\r\n\r\n                <li>\r\n                    <a href=\"#curriculum\">\r\n                        <span>Curriculum<\/span>\r\n                    <\/a>\r\n                <\/li>\r\n\r\n                <li>\r\n                    <a href=\"#timetable\">\r\n                        <span>Timetable<\/span>\r\n                    <\/a>\r\n                <\/li>\r\n\r\n                <li>\r\n                    <a href=\"#competency-framework\">\r\n                        <span>Competency Framework<\/span>\r\n                    <\/a>\r\n                <\/li>\r\n\r\n                <li>\r\n                    <a href=\"#digital-learning-portal\">\r\n                        <span>Digital Learning Portal<\/span>\r\n                    <\/a>\r\n                <\/li>\r\n\r\n            <\/ul>\r\n\r\n        <\/li>\r\n\r\n\r\n        <!-- Services -->\r\n\r\n        <li>\r\n            <a href=\"#Services\">\r\n                <span>Services<\/span>\r\n            <\/a>\r\n        <\/li>\r\n\r\n\r\n        <!-- Faculty Profile -->\r\n\r\n        <li>\r\n            <a href=\"#faculty-Members\">\r\n                <span>Faculty Members<\/span>\r\n            <\/a>\r\n        <\/li>\r\n\r\n\r\n        <!-- Research & Publications -->\r\n\r\n        <li>\r\n            <a href=\"#research-publications\">\r\n                <span>Research &amp; Publications<\/span>\r\n            <\/a>\r\n        <\/li>\r\n\r\n\r\n        <!-- Events -->\r\n\r\n        <li>\r\n            <a href=\"#events\">\r\n                <span>Events<\/span>\r\n            <\/a>\r\n        <\/li>\r\n\r\n\r\n        <!-- Gallery -->\r\n\r\n        <li>\r\n            <a href=\"#gallery\">\r\n                <span>Gallery<\/span>\r\n            <\/a>\r\n        <\/li>\r\n\r\n\r\n        <!-- Contact -->\r\n\r\n        <li>\r\n            <a href=\"#contact\">\r\n                <span>Contact<\/span>\r\n            <\/a>\r\n        <\/li>\r\n\r\n\r\n        <!-- Alumni -->\r\n\r\n        <li>\r\n            <a href=\"#alumni\">\r\n                <span>Alumni<\/span>\r\n            <\/a>\r\n        <\/li>\r\n\r\n    <\/ul>\r\n\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-89d9b23 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-child\" data-id=\"89d9b23\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5f857c6 elementor-widget elementor-widget-menu-anchor\" data-id=\"5f857c6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"Overview\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7e093f1 elementor-widget elementor-widget-html\" data-id=\"7e093f1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================\r\n   RUBIK FONT\r\n   ========================================= *\/\r\n\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Rubik:wght@400;500;600&display=swap');\r\n\r\n\r\n\/* =========================================\r\n   DEPARTMENT OVERVIEW\r\n   ========================================= *\/\r\n\r\n.department-overview {\r\n    width: 100%;\r\n    max-width: 1080px;\r\n    margin: 0 auto;\r\n    font-family: 'Rubik', Arial, Helvetica, sans-serif;\r\n    color: #333333;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   HEADER\r\n   ========================================= *\/\r\n\r\n.department-overview-header {\r\n    margin-bottom: 28px;\r\n}\r\n\r\n.department-overview-kicker {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    margin-bottom: 10px;\r\n}\r\n\r\n.department-overview-kicker-line {\r\n    width: 34px;\r\n    height: 3px;\r\n    background: #a21c2d;\r\n    display: block;\r\n}\r\n\r\n.department-overview-kicker span {\r\n    font-family: 'Rubik', Arial, Helvetica, sans-serif;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    letter-spacing: 1.2px;\r\n    text-transform: uppercase;\r\n    color: #a21c2d;\r\n}\r\n\r\n.department-overview-title {\r\n    margin: 0;\r\n    padding: 0;\r\n    font-family: 'Rubik', Arial, Helvetica, sans-serif;\r\n    font-size: 28px;\r\n    line-height: 1.25;\r\n    font-weight: 500;\r\n    color: #222222;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CONTENT AREA\r\n   ========================================= *\/\r\n\r\n.department-overview-content {\r\n    position: relative;\r\n    padding-left: 26px;\r\n    border-left: 2px solid #eeeeee;\r\n}\r\n\r\n\r\n\/* Red accent at top of content *\/\r\n\r\n.department-overview-content::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: -2px;\r\n    top: 0;\r\n    width: 2px;\r\n    height: 55px;\r\n    background: #a21c2d;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   PARAGRAPHS\r\n   ========================================= *\/\r\n\r\n.department-overview-content p {\r\n    margin: 0 0 22px 0;\r\n    max-width: 960px;\r\n\r\n    font-family: 'Rubik', Arial, Helvetica, sans-serif;\r\n    font-size: 16px;\r\n    line-height: 1.8;\r\n    font-weight: 400;\r\n\r\n    color: #444444;\r\n\r\n    \/* Justified Content *\/\r\n    text-align: justify;\r\n    text-justify: inter-word;\r\n}\r\n\r\n.department-overview-content p:last-child {\r\n    margin-bottom: 0;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   HIGHLIGHTED TEXT\r\n   ========================================= *\/\r\n\r\n.department-overview-content strong {\r\n    font-family: 'Rubik', Arial, Helvetica, sans-serif;\r\n    color: #8f1b29;\r\n    font-weight: 500;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   SECONDARY PARAGRAPHS\r\n   ========================================= *\/\r\n\r\n.department-overview-content p:nth-child(2) {\r\n    padding-top: 2px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   TABLET\r\n   ========================================= *\/\r\n\r\n@media (max-width: 991px) {\r\n\r\n    .department-overview-title {\r\n        font-size: 25px;\r\n    }\r\n\r\n    .department-overview-content {\r\n        padding-left: 22px;\r\n    }\r\n\r\n    .department-overview-content p {\r\n        font-size: 15.5px;\r\n        line-height: 1.75;\r\n        text-align: justify;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MOBILE\r\n   ========================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .department-overview-header {\r\n        margin-bottom: 22px;\r\n    }\r\n\r\n    .department-overview-kicker {\r\n        gap: 9px;\r\n    }\r\n\r\n    .department-overview-kicker-line {\r\n        width: 26px;\r\n        height: 2px;\r\n    }\r\n\r\n    .department-overview-kicker span {\r\n        font-size: 11px;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .department-overview-title {\r\n        font-size: 22px;\r\n        line-height: 1.3;\r\n    }\r\n\r\n    .department-overview-content {\r\n        padding-left: 18px;\r\n    }\r\n\r\n    .department-overview-content p {\r\n        font-size: 15px;\r\n        line-height: 1.7;\r\n        margin-bottom: 18px;\r\n\r\n        \/* Keep justified on mobile *\/\r\n        text-align: justify;\r\n        text-justify: inter-word;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<div class=\"department-overview\">\r\n\r\n    <!-- Header -->\r\n    <div class=\"department-overview-header\">\r\n\r\n        <div class=\"department-overview-kicker\">\r\n            <span class=\"department-overview-kicker-line\"><\/span>\r\n            <span>Department Overview<\/span>\r\n        <\/div>\r\n\r\n        <h2 class=\"department-overview-title\">\r\n            Immunohematology and  Blood Transfusion\r\n            (Transfusion Medicine)\r\n        <\/h2>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- Content -->\r\n    <div class=\"department-overview-content\">\r\n\r\n        <p>\r\n            The <strong>Department of Immunohematology and  Blood Transfusion\r\n            (Transfusion Medicine)<\/strong> at\r\n            <strong>Shri Ram Murti Smarak Institute of Medical Sciences, Bareilly<\/strong>,\r\n            is a comprehensive academic and clinical centre committed to delivering\r\n            <strong>safe, timely, and evidence-based transfusion services<\/strong>.\r\n        <\/p>\r\n\r\n\r\n        <p>\r\n            Supported by advanced immunohematology automation, sophisticated blood\r\n            component preparation facilities, apheresis services, and\r\n            <strong>state-of-the-art screening for transfusion-transmitted infections<\/strong>,\r\n            the department provides round-the-clock support to patient care while\r\n            maintaining the highest standards of quality, safety, and clinical excellence.\r\n        <\/p>\r\n\r\n\r\n        <p>\r\n            As a recognized <strong>MD Transfusion Medicine training centre<\/strong>,\r\n            the department brings together clinical service, education, research,\r\n            and innovation to nurture skilled and compassionate transfusion medicine\r\n            specialists.\r\n        <\/p>\r\n\r\n\r\n        <p>\r\n            Through <strong>voluntary blood donation initiatives, specialized\r\n            immunohematology services, patient blood management, therapeutic apheresis<\/strong>,\r\n            and close multidisciplinary collaboration, the department continues to\r\n            advance transfusion practice and remains dedicated to\r\n            <strong>improving patient outcomes<\/strong>.\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5227fd6 elementor-widget elementor-widget-menu-anchor\" data-id=\"5227fd6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"Vision\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-769b314 elementor-widget elementor-widget-html\" data-id=\"769b314\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   VISION \u2022 MISSION \u2022 GOALS\r\n   ALTERNATING FULL-WIDTH LAYOUT\r\n   ========================================================= *\/\r\n\r\n.tmu-vmg-wrapper {\r\n    width: 100%;\r\n    max-width: 1250px;\r\n    margin: 0 auto;\r\n    padding: 25px 20px 0px;\r\n    font-family: \"Rubik\", sans-serif;\r\n    color: #263238;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.tmu-vmg-wrapper *,\r\n.tmu-vmg-wrapper *::before,\r\n.tmu-vmg-wrapper *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN HEADING\r\n   ========================================================= *\/\r\n\r\n.tmu-main-heading {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n    margin: 0 0 38px;\r\n    color: #a21c2d;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    line-height: 1.2;\r\n    letter-spacing: 1.4px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.tmu-main-heading::before {\r\n    content: \"\";\r\n    width: 38px;\r\n    height: 3px;\r\n    flex-shrink: 0;\r\n    background: #a21c2d;\r\n    border-radius: 3px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   EACH SECTION\r\n   ========================================================= *\/\r\n\r\n.tmu-vmg-section {\r\n    display: grid;\r\n    align-items: stretch;\r\n    margin-bottom: 35px;\r\n    background: #ffffff;\r\n    border: 1px solid #e7ebee;\r\n    border-radius: 22px;\r\n    overflow: hidden;\r\n    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.055);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SECTION WIDTHS\r\n   IMAGE = 34%\r\n   CONTENT = 66%\r\n   ========================================================= *\/\r\n\r\n\/* Vision - Image Left \/ Content Right *\/\r\n.tmu-vmg-section.vision {\r\n    grid-template-columns: 34% 66%;\r\n}\r\n\r\n\/* Mission - Content Left \/ Image Right *\/\r\n.tmu-vmg-section.mission {\r\n    grid-template-columns: 66% 34%;\r\n}\r\n\r\n\/* Goals - Image Left \/ Content Right *\/\r\n.tmu-vmg-section.goals {\r\n    grid-template-columns: 34% 66%;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE AREA\r\n   ========================================================= *\/\r\n\r\n.tmu-vmg-image {\r\n    width: 100%;\r\n    height: 100%;\r\n    min-height: 390px;\r\n    overflow: hidden;\r\n    background: #f1f3f4;\r\n}\r\n\r\n.tmu-vmg-image img {\r\n    width: 100%;\r\n    height: 100%;\r\n    display: block;\r\n    object-fit: cover;\r\n    transition: transform 0.5s ease;\r\n}\r\n\r\n.tmu-vmg-section:hover .tmu-vmg-image img {\r\n    transform: scale(1.025);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT AREA\r\n   ========================================================= *\/\r\n\r\n.tmu-vmg-content {\r\n    padding: 48px 50px 50px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    min-width: 0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SECTION HEADING\r\n   ========================================================= *\/\r\n\r\n.tmu-vmg-heading {\r\n    position: relative;\r\n    margin: 0 0 24px;\r\n    padding-left: 18px;\r\n    color: #a21c2d;\r\n    font-size: 31px;\r\n    font-weight: 700;\r\n    line-height: 1.25;\r\n}\r\n\r\n.tmu-vmg-heading::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: 0;\r\n    top: 3px;\r\n    width: 5px;\r\n    height: calc(100% - 6px);\r\n    border-radius: 10px;\r\n    background: #a21c2d;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VISION TEXT\r\n   ========================================================= *\/\r\n\r\n.tmu-vision-text {\r\n    margin: 0;\r\n    color: #4d5961;\r\n    font-size: 15px;\r\n    line-height: 1.85;\r\n}\r\n\r\n.tmu-vision-text strong {\r\n    color: #263238;\r\n    font-weight: 700;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MISSION\r\n   ========================================================= *\/\r\n\r\n.tmu-mission-intro {\r\n    margin: 0 0 21px;\r\n    color: #263238;\r\n    font-size: 15px;\r\n    font-weight: 600;\r\n    line-height: 1.6;\r\n}\r\n\r\n.tmu-mission-list {\r\n    margin: 0;\r\n    padding: 0;\r\n    list-style: none;\r\n}\r\n\r\n.tmu-mission-list li {\r\n    position: relative;\r\n    padding-left: 22px;\r\n    margin-bottom: 14px;\r\n    color: #4d5961;\r\n    font-size: 14px;\r\n    line-height: 1.7;\r\n}\r\n\r\n.tmu-mission-list li:last-child {\r\n    margin-bottom: 0;\r\n}\r\n\r\n.tmu-mission-list li::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: 0;\r\n    top: 9px;\r\n    width: 7px;\r\n    height: 7px;\r\n    border-radius: 50%;\r\n    background: #a21c2d;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GOALS\r\n   ========================================================= *\/\r\n\r\n.tmu-goals-list {\r\n    margin: 0;\r\n    padding: 0;\r\n    list-style: none;\r\n}\r\n\r\n.tmu-goal-item {\r\n    padding-bottom: 18px;\r\n    margin-bottom: 18px;\r\n    border-bottom: 1px solid #e9edef;\r\n}\r\n\r\n.tmu-goal-item:last-child {\r\n    padding-bottom: 0;\r\n    margin-bottom: 0;\r\n    border-bottom: none;\r\n}\r\n\r\n.tmu-goal-item h3 {\r\n    position: relative;\r\n    margin: 0 0 11px;\r\n    padding-left: 14px;\r\n    color: #a21c2d;\r\n    font-size: 18px;\r\n    font-weight: 700;\r\n    line-height: 1.35;\r\n}\r\n\r\n.tmu-goal-item h3::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: 0;\r\n    top: 3px;\r\n    width: 3px;\r\n    height: calc(100% - 6px);\r\n    border-radius: 5px;\r\n    background: #a21c2d;\r\n}\r\n\r\n.tmu-goal-item ul {\r\n    margin: 0;\r\n    padding: 0;\r\n    list-style: none;\r\n}\r\n\r\n.tmu-goal-item li {\r\n    position: relative;\r\n    padding-left: 20px;\r\n    margin-bottom: 8px;\r\n    color: #4d5961;\r\n    font-size: 13.5px;\r\n    line-height: 1.65;\r\n}\r\n\r\n.tmu-goal-item li:last-child {\r\n    margin-bottom: 0;\r\n}\r\n\r\n.tmu-goal-item li::before {\r\n    content: \"\u2713\";\r\n    position: absolute;\r\n    left: 0;\r\n    top: 0;\r\n    color: #a21c2d;\r\n    font-weight: 700;\r\n    font-size: 12px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SUBTLE HOVER\r\n   ========================================================= *\/\r\n\r\n.tmu-vmg-section {\r\n    transition: box-shadow 0.3s ease, transform 0.3s ease;\r\n}\r\n\r\n.tmu-vmg-section:hover {\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 14px 38px rgba(0, 0, 0, 0.075);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 1000px) {\r\n\r\n    .tmu-vmg-wrapper {\r\n        padding: 20px 18px 55px;\r\n    }\r\n\r\n    .tmu-vmg-section.vision,\r\n    .tmu-vmg-section.goals {\r\n        grid-template-columns: 38% 62%;\r\n    }\r\n\r\n    .tmu-vmg-section.mission {\r\n        grid-template-columns: 62% 38%;\r\n    }\r\n\r\n    .tmu-vmg-content {\r\n        padding: 35px 32px 38px;\r\n    }\r\n\r\n    .tmu-vmg-image {\r\n        min-height: 350px;\r\n    }\r\n\r\n    .tmu-vmg-heading {\r\n        font-size: 27px;\r\n    }\r\n\r\n    .tmu-vision-text {\r\n        font-size: 14px;\r\n        line-height: 1.75;\r\n    }\r\n\r\n    .tmu-mission-list li {\r\n        font-size: 13px;\r\n        line-height: 1.65;\r\n    }\r\n\r\n    .tmu-goal-item li {\r\n        font-size: 13px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 700px) {\r\n\r\n    .tmu-vmg-wrapper {\r\n        padding: 15px 12px 45px;\r\n    }\r\n\r\n    .tmu-main-heading {\r\n        font-size: 14px;\r\n        margin-bottom: 25px;\r\n        gap: 11px;\r\n    }\r\n\r\n    .tmu-main-heading::before {\r\n        width: 30px;\r\n        height: 3px;\r\n    }\r\n\r\n\r\n    \/* Stack all sections on mobile *\/\r\n\r\n    .tmu-vmg-section,\r\n    .tmu-vmg-section.vision,\r\n    .tmu-vmg-section.mission,\r\n    .tmu-vmg-section.goals {\r\n        display: flex;\r\n        flex-direction: column;\r\n        margin-bottom: 24px;\r\n        border-radius: 17px;\r\n    }\r\n\r\n\r\n    \/* Image always comes first on mobile *\/\r\n\r\n    .tmu-vmg-section.mission .tmu-vmg-image {\r\n        order: 1;\r\n    }\r\n\r\n    .tmu-vmg-section.mission .tmu-vmg-content {\r\n        order: 2;\r\n    }\r\n\r\n    .tmu-vmg-image {\r\n        width: 100%;\r\n        height: 230px;\r\n        min-height: 230px;\r\n    }\r\n\r\n    .tmu-vmg-content {\r\n        padding: 28px 22px 32px;\r\n    }\r\n\r\n    .tmu-vmg-heading {\r\n        font-size: 26px;\r\n        margin-bottom: 19px;\r\n        padding-left: 16px;\r\n    }\r\n\r\n    .tmu-vision-text {\r\n        font-size: 14px;\r\n        line-height: 1.75;\r\n    }\r\n\r\n    .tmu-mission-intro {\r\n        font-size: 14px;\r\n        margin-bottom: 17px;\r\n    }\r\n\r\n    .tmu-mission-list li {\r\n        font-size: 13.5px;\r\n        line-height: 1.65;\r\n        padding-left: 20px;\r\n        margin-bottom: 12px;\r\n    }\r\n\r\n    .tmu-goal-item {\r\n        padding-bottom: 16px;\r\n        margin-bottom: 16px;\r\n    }\r\n\r\n    .tmu-goal-item h3 {\r\n        font-size: 17px;\r\n    }\r\n\r\n    .tmu-goal-item li {\r\n        font-size: 13.5px;\r\n        line-height: 1.6;\r\n    }\r\n\r\n    .tmu-vmg-section:hover {\r\n        transform: none;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 430px) {\r\n\r\n    .tmu-vmg-wrapper {\r\n        padding-left: 10px;\r\n        padding-right: 10px;\r\n    }\r\n\r\n    .tmu-vmg-image {\r\n        height: 205px;\r\n        min-height: 205px;\r\n    }\r\n\r\n    .tmu-vmg-content {\r\n        padding: 25px 18px 29px;\r\n    }\r\n\r\n    .tmu-vmg-heading {\r\n        font-size: 24px;\r\n    }\r\n\r\n    .tmu-vision-text,\r\n    .tmu-mission-list li,\r\n    .tmu-goal-item li {\r\n        font-size: 13.5px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<div class=\"tmu-vmg-wrapper\">\r\n\r\n\r\n    <!-- =====================================================\r\n         MAIN HEADING\r\n         ===================================================== -->\r\n\r\n    <div class=\"tmu-main-heading\">\r\n        Vision, Mission &amp; Goals\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         VISION \u2014 IMAGE LEFT \/ CONTENT RIGHT\r\n         ===================================================== -->\r\n\r\n    <div class=\"tmu-vmg-section vision\">\r\n\r\n        <div class=\"tmu-vmg-image\">\r\n            <img decoding=\"async\"\r\n                src=\"YOUR-VISION-IMAGE-URL\"\r\n                alt=\"Vision\"\r\n            >\r\n        <\/div>\r\n\r\n        <div class=\"tmu-vmg-content\">\r\n\r\n            <h2 class=\"tmu-vmg-heading\">\r\n                Vision\r\n            <\/h2>\r\n\r\n            <p class=\"tmu-vision-text\">\r\n                To establish the Department of Transfusion Medicine as a\r\n                <strong>centre of excellence<\/strong> in patient care,\r\n                education, research, and innovation by delivering safe,\r\n                ethical, and evidence-based transfusion services, while\r\n                contributing to the advancement of healthcare and developing\r\n                competent\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         MISSION \u2014 CONTENT LEFT \/ IMAGE RIGHT\r\n         ===================================================== -->\r\n\r\n    <div class=\"tmu-vmg-section mission\">\r\n\r\n        <div class=\"tmu-vmg-content\">\r\n\r\n            <h2 class=\"tmu-vmg-heading\">\r\n                Mission\r\n            <\/h2>\r\n\r\n            <p class=\"tmu-mission-intro\">\r\n                The Department of Transfusion Medicine is committed to:\r\n            <\/p>\r\n\r\n            <ul class=\"tmu-mission-list\">\r\n\r\n                <li>\r\n                    To provide safe, timely, quality-assured, and affordable\r\n                    blood and blood component services through advanced\r\n                    technology and evidence-based practices.\r\n                <\/li>\r\n\r\n                <li>\r\n                    To promote voluntary, non-remunerated blood donation and\r\n                    ensure the highest standards of donor care and blood safety.\r\n                <\/li>\r\n\r\n                <li>\r\n                    To impart excellence in undergraduate, postgraduate, and\r\n                    continuing medical education through competency-based\r\n                    teaching and skill development.\r\n                <\/li>\r\n\r\n                <li>\r\n                    To foster clinical, laboratory, and translational research\r\n                    that advances the science and practice of Transfusion Medicine.\r\n                <\/li>\r\n\r\n                <li>\r\n                    To practice transfusion medicine ethically, adhering to\r\n                    national and international quality standards, statutory\r\n                    regulations, and best clinical practices.\r\n                <\/li>\r\n\r\n                <li>\r\n                    To establish evidence-based transfusion guidelines, promote\r\n                    Patient Blood Management (PBM), and strengthen hemovigilance\r\n                    for improved patient outcomes.\r\n                <\/li>\r\n\r\n                <li>\r\n                    To cultivate professionalism, integrity, compassion,\r\n                    teamwork, and lifelong learning among students, faculty,\r\n                    and healthcare professionals.\r\n                <\/li>\r\n\r\n            <\/ul>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"tmu-vmg-image\">\r\n            <img decoding=\"async\"\r\n                src=\"YOUR-MISSION-IMAGE-URL\"\r\n                alt=\"Mission\"\r\n            >\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         GOALS \u2014 IMAGE LEFT \/ CONTENT RIGHT\r\n         ===================================================== -->\r\n\r\n    <div class=\"tmu-vmg-section goals\">\r\n\r\n        <div class=\"tmu-vmg-image\">\r\n            <img decoding=\"async\"\r\n                src=\"YOUR-GOALS-IMAGE-URL\"\r\n                alt=\"Goals\"\r\n            >\r\n        <\/div>\r\n\r\n        <div class=\"tmu-vmg-content\">\r\n\r\n            <h2 class=\"tmu-vmg-heading\">\r\n                Goals\r\n            <\/h2>\r\n\r\n            <div class=\"tmu-goals-list\">\r\n\r\n\r\n                <!-- Clinical Excellence -->\r\n\r\n                <div class=\"tmu-goal-item\">\r\n\r\n                    <h3>Clinical Excellence<\/h3>\r\n\r\n                    <ul>\r\n\r\n                        <li>\r\n                            Deliver comprehensive, patient-centred, and\r\n                            quality-assured transfusion services round the clock.\r\n                        <\/li>\r\n\r\n                        <li>\r\n                            Ensure the availability of safe blood and blood\r\n                            components for all patients.\r\n                        <\/li>\r\n\r\n                    <\/ul>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- Education & Training -->\r\n\r\n                <div class=\"tmu-goal-item\">\r\n\r\n                    <h3>Education &amp; Training<\/h3>\r\n\r\n                    <ul>\r\n\r\n                        <li>\r\n                            Develop competent, ethical, and skilled transfusion\r\n                            medicine specialists through high-quality academic\r\n                            programs and practical training.\r\n                        <\/li>\r\n\r\n                        <li>\r\n                            Promote continuous professional development through\r\n                            seminars, workshops, journal clubs, and interdisciplinary\r\n                            learning.\r\n                        <\/li>\r\n\r\n                    <\/ul>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- Research & Innovation -->\r\n\r\n                <div class=\"tmu-goal-item\">\r\n\r\n                    <h3>Research &amp; Innovation<\/h3>\r\n\r\n                    <ul>\r\n\r\n                        <li>\r\n                            Encourage scientific research, innovation, and evidence\r\n                            generation to improve transfusion practices and patient safety.\r\n                        <\/li>\r\n\r\n                        <li>\r\n                            Promote publication of high-quality research and academic\r\n                            collaborations at national and international levels.\r\n                        <\/li>\r\n\r\n                    <\/ul>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- Quality & Patient Safety -->\r\n\r\n                <div class=\"tmu-goal-item\">\r\n\r\n                    <h3>Quality &amp; Patient Safety<\/h3>\r\n\r\n                    <ul>\r\n\r\n                        <li>\r\n                            Maintain a robust Quality Management System through\r\n                            standard operating procedures, quality assurance,\r\n                            accreditation standards, and hemovigilance.\r\n                        <\/li>\r\n\r\n                        <li>\r\n                            Promote rational blood utilization and Patient Blood\r\n                            Management in collaboration with clinical departments.\r\n                        <\/li>\r\n\r\n                    <\/ul>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- Community Service -->\r\n\r\n                <div class=\"tmu-goal-item\">\r\n\r\n                    <h3>Community Service<\/h3>\r\n\r\n                    <ul>\r\n\r\n                        <li>\r\n                            Strengthen voluntary blood donation through public\r\n                            awareness, donor education, and community outreach programs.\r\n                        <\/li>\r\n\r\n                        <li>\r\n                            Contribute to national healthcare by ensuring equitable\r\n                            access to safe and affordable transfusion services.\r\n                        <\/li>\r\n\r\n                    <\/ul>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- Institutional Development -->\r\n\r\n                <div class=\"tmu-goal-item\">\r\n\r\n                    <h3>Institutional Development<\/h3>\r\n\r\n                    <ul>\r\n\r\n                        <li>\r\n                            Continuously upgrade infrastructure, technology, and\r\n                            human resources to establish the department as a regional\r\n                            referral and academic centre of excellence in Transfusion Medicine.\r\n                        <\/li>\r\n\r\n                    <\/ul>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9395b5d elementor-widget elementor-widget-menu-anchor\" data-id=\"9395b5d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"HOD\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ec552ae elementor-widget elementor-widget-html\" data-id=\"ec552ae\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\r\n\/* =========================================================\r\n   RUBIK FONT\r\n   ========================================================= *\/\r\n\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Rubik:wght@400;500;600&display=swap');\r\n\r\n\r\n\/* =========================================================\r\n   MAIN CONTAINER\r\n   ========================================================= *\/\r\n\r\n.hod-message-section {\r\n    width: 100%;\r\n    max-width: 1080px;\r\n    margin: 0 auto;\r\n    font-family: 'Rubik', Arial, Helvetica, sans-serif;\r\n    color: #333333;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SECTION HEADER\r\n   ========================================================= *\/\r\n\r\n.hod-main-header {\r\n    margin-bottom: 30px;\r\n}\r\n\r\n.hod-kicker {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 11px;\r\n    margin-bottom: 9px;\r\n}\r\n\r\n.hod-kicker-line {\r\n    width: 30px;\r\n    height: 3px;\r\n    background: #a21c2d;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.hod-kicker span {\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n    letter-spacing: 1.1px;\r\n    text-transform: uppercase;\r\n    color: #a21c2d;\r\n}\r\n\r\n.hod-title {\r\n    margin: 0;\r\n    padding: 0;\r\n\r\n    font-size: 27px;\r\n    line-height: 1.3;\r\n    font-weight: 600;\r\n\r\n    color: #222222;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERO \/ HOD PROFILE AREA\r\n   ========================================================= *\/\r\n\r\n.hod-profile {\r\n    display: grid;\r\n    grid-template-columns: 270px 1fr;\r\n    gap: 38px;\r\n\r\n    margin-bottom: 38px;\r\n    padding: 28px;\r\n\r\n    background: #ffffff;\r\n\r\n    border: 1px solid #e5e5e5;\r\n    border-top: 3px solid #a21c2d;\r\n\r\n    box-shadow: 0 6px 22px rgba(0, 0, 0, 0.045);\r\n\r\n    transition: all 0.25s ease;\r\n}\r\n\r\n.hod-profile:hover {\r\n    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.07);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HOD IMAGE\r\n   ========================================================= *\/\r\n\r\n.hod-image-wrapper {\r\n    width: 100%;\r\n    display: flex;\r\n    align-items: flex-start;\r\n    justify-content: center;\r\n}\r\n\r\n.hod-image {\r\n    width: 230px;\r\n    height: 280px;\r\n\r\n    object-fit: cover;\r\n\r\n    display: block;\r\n\r\n    border: 1px solid #dedede;\r\n\r\n    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);\r\n\r\n    background: #f4f4f4;\r\n\r\n    transition: all 0.25s ease;\r\n}\r\n\r\n.hod-image:hover {\r\n    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.12);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PROFILE INTRO\r\n   ========================================================= *\/\r\n\r\n.hod-profile-intro {\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n}\r\n\r\n.hod-profile-label {\r\n    margin-bottom: 12px;\r\n\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n    letter-spacing: 1px;\r\n    text-transform: uppercase;\r\n\r\n    color: #a21c2d;\r\n}\r\n\r\n.hod-profile-name {\r\n    margin: 0 0 7px 0;\r\n\r\n    font-size: 24px;\r\n    line-height: 1.3;\r\n    font-weight: 600;\r\n\r\n    color: #222222;\r\n}\r\n\r\n.hod-profile-designation {\r\n    margin: 0;\r\n\r\n    font-size: 15px;\r\n    line-height: 1.6;\r\n    font-weight: 400;\r\n\r\n    color: #666666;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MESSAGE CONTENT\r\n   ========================================================= *\/\r\n\r\n.hod-message-content {\r\n    position: relative;\r\n\r\n    padding: 28px 30px;\r\n\r\n    background: #ffffff;\r\n\r\n    border: 1px solid #e7e7e7;\r\n\r\n    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.035);\r\n\r\n    transition: all 0.25s ease;\r\n}\r\n\r\n.hod-message-content:hover {\r\n    box-shadow: 0 9px 26px rgba(0, 0, 0, 0.06);\r\n}\r\n\r\n\r\n\/* Red accent *\/\r\n\r\n.hod-message-content::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    left: 0;\r\n    top: 28px;\r\n\r\n    width: 3px;\r\n    height: 58px;\r\n\r\n    background: #a21c2d;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MESSAGE PARAGRAPHS\r\n   ========================================================= *\/\r\n\r\n.hod-message-content p {\r\n    margin: 0 0 20px 0;\r\n\r\n    font-size: 15.5px;\r\n    line-height: 1.8;\r\n    font-weight: 400;\r\n\r\n    color: #444444;\r\n\r\n    text-align: justify;\r\n    text-justify: inter-word;\r\n}\r\n\r\n.hod-message-content p:last-child {\r\n    margin-bottom: 0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SIGNATURE AREA\r\n   ========================================================= *\/\r\n\r\n.hod-signature {\r\n    position: relative;\r\n\r\n    margin-top: 35px;\r\n    padding: 24px 26px 23px 28px;\r\n\r\n    background: linear-gradient(\r\n        135deg,\r\n        #fffafa 0%,\r\n        #ffffff 55%,\r\n        #fafafa 100%\r\n    );\r\n\r\n    border: 1px solid #eadbdd;\r\n    border-left: 4px solid #a21c2d;\r\n\r\n    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.055);\r\n\r\n    overflow: hidden;\r\n\r\n    transition: all 0.25s ease;\r\n}\r\n\r\n.hod-signature:hover {\r\n    transform: translateY(-2px);\r\n\r\n    border-color: #d8b2b7;\r\n\r\n    box-shadow: 0 11px 28px rgba(0, 0, 0, 0.085);\r\n}\r\n\r\n\r\n\/* Decorative red corner *\/\r\n\r\n.hod-signature::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    right: -25px;\r\n    top: -25px;\r\n\r\n    width: 85px;\r\n    height: 85px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: rgba(162, 28, 45, 0.055);\r\n}\r\n\r\n\r\n\/* Small decorative line *\/\r\n\r\n.hod-signature::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    right: 24px;\r\n    bottom: 18px;\r\n\r\n    width: 45px;\r\n    height: 2px;\r\n\r\n    background: #a21c2d;\r\n\r\n    opacity: 0.65;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SIGNATURE NAME\r\n   ========================================================= *\/\r\n\r\n.hod-signature-name {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    margin: 0 0 6px 0;\r\n\r\n    font-size: 21px !important;\r\n    line-height: 1.4;\r\n    font-weight: 600 !important;\r\n\r\n    color: #8f1b29 !important;\r\n\r\n    text-align: left !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SIGNATURE DESIGNATION\r\n   ========================================================= *\/\r\n\r\n.hod-signature-designation {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    margin: 0 0 5px 0;\r\n\r\n    font-size: 14px !important;\r\n    line-height: 1.6;\r\n    font-weight: 600 !important;\r\n\r\n    color: #333333 !important;\r\n\r\n    text-align: left !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SIGNATURE DEPARTMENT\r\n   ========================================================= *\/\r\n\r\n.hod-signature-department {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    margin: 0 0 2px 0;\r\n\r\n    font-size: 13.5px !important;\r\n    line-height: 1.6;\r\n\r\n    font-weight: 400 !important;\r\n\r\n    color: #666666 !important;\r\n\r\n    text-align: left !important;\r\n}\r\n\r\n.hod-signature-department:last-child {\r\n    margin-bottom: 0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 991px) {\r\n\r\n    .hod-message-section {\r\n        max-width: 100%;\r\n    }\r\n\r\n    .hod-title {\r\n        font-size: 25px;\r\n    }\r\n\r\n    .hod-profile {\r\n        grid-template-columns: 220px 1fr;\r\n        gap: 28px;\r\n\r\n        padding: 24px;\r\n    }\r\n\r\n    .hod-image {\r\n        width: 190px;\r\n        height: 240px;\r\n    }\r\n\r\n    .hod-profile-name {\r\n        font-size: 22px;\r\n    }\r\n\r\n    .hod-message-content {\r\n        padding: 26px 27px;\r\n    }\r\n\r\n    .hod-message-content p {\r\n        font-size: 15px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .hod-main-header {\r\n        margin-bottom: 22px;\r\n    }\r\n\r\n    .hod-kicker {\r\n        gap: 9px;\r\n    }\r\n\r\n    .hod-kicker-line {\r\n        width: 25px;\r\n        height: 2px;\r\n    }\r\n\r\n    .hod-kicker span {\r\n        font-size: 11px;\r\n        letter-spacing: 0.9px;\r\n    }\r\n\r\n    .hod-title {\r\n        font-size: 22px;\r\n        line-height: 1.3;\r\n    }\r\n\r\n\r\n    \/* HOD Profile *\/\r\n\r\n    .hod-profile {\r\n        grid-template-columns: 1fr;\r\n        gap: 22px;\r\n\r\n        padding: 20px;\r\n\r\n        text-align: center;\r\n    }\r\n\r\n    .hod-image-wrapper {\r\n        justify-content: center;\r\n    }\r\n\r\n    .hod-image {\r\n        width: 190px;\r\n        height: 235px;\r\n    }\r\n\r\n    .hod-profile-intro {\r\n        align-items: center;\r\n    }\r\n\r\n    .hod-profile-label {\r\n        font-size: 11px;\r\n        margin-bottom: 8px;\r\n    }\r\n\r\n    .hod-profile-name {\r\n        font-size: 21px;\r\n        margin-bottom: 5px;\r\n    }\r\n\r\n    .hod-profile-designation {\r\n        font-size: 14px;\r\n    }\r\n\r\n\r\n    \/* Message *\/\r\n\r\n    .hod-message-content {\r\n        padding: 22px 19px;\r\n    }\r\n\r\n    .hod-message-content::before {\r\n        top: 22px;\r\n        height: 48px;\r\n    }\r\n\r\n    .hod-message-content p {\r\n        font-size: 14.5px;\r\n        line-height: 1.7;\r\n\r\n        text-align: justify;\r\n    }\r\n\r\n\r\n    \/* Signature *\/\r\n\r\n    .hod-signature {\r\n        margin-top: 26px;\r\n\r\n        padding: 21px 18px 20px 20px;\r\n    }\r\n\r\n    .hod-signature-name {\r\n        font-size: 18px !important;\r\n    }\r\n\r\n    .hod-signature-designation {\r\n        font-size: 13.5px !important;\r\n    }\r\n\r\n    .hod-signature-department {\r\n        font-size: 13px !important;\r\n    }\r\n\r\n    .hod-signature::after {\r\n        right: 18px;\r\n        bottom: 15px;\r\n        width: 35px;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<div class=\"hod-message-section\">\r\n\r\n\r\n    <!-- =====================================================\r\n         SECTION HEADER\r\n         ===================================================== -->\r\n\r\n    <div class=\"hod-main-header\">\r\n\r\n        <div class=\"hod-kicker\">\r\n\r\n            <span class=\"hod-kicker-line\"><\/span>\r\n\r\n            <span>\r\n                HOD's Message\r\n            <\/span>\r\n\r\n        <\/div>\r\n\r\n    \r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         HOD PROFILE\r\n         ===================================================== -->\r\n\r\n    <div class=\"hod-profile\">\r\n\r\n\r\n        <!-- HOD IMAGE -->\r\n\r\n        <div class=\"hod-image-wrapper\">\r\n\r\n            <!-- Replace this image URL with HOD's actual image -->\r\n\r\n            <img decoding=\"async\"\r\n                class=\"hod-image\"\r\n                src=\"https:\/\/srms.ac.in\/ims\/wp-content\/uploads\/2026\/07\/MILAN-JAISWAL-3.jpg.webp\"\r\n                alt=\"HOD Image\"\r\n            >\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- PROFILE INTRO -->\r\n\r\n        <div class=\"hod-profile-intro\">\r\n\r\n            <div class=\"hod-profile-label\">\r\n                Professor &amp; HOD\r\n            <\/div>\r\n\r\n            <h3 class=\"hod-profile-name\">\r\n                Dr. Milan Jaiswal\r\n            <\/h3>\r\n\r\n            <p class=\"hod-profile-designation\">\r\n                Immunohematology and Blood Transfusion (Transfusion Medicine)\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         MESSAGE CONTENT\r\n         ===================================================== -->\r\n\r\n    <div class=\"hod-message-content\">\r\n\r\n\r\n        <p>\r\n            Welcome to the Department of Immunohematology and Blood Transfusion at Shri Ram Murti Smarak Institute of Medical Sciences.\r\n        <\/p>\r\n\r\n\r\n        <p>\r\n            Transfusion Medicine is an essential specialty that integrates clinical care, laboratory science, and patient safety to ensure the timely availability of safe blood and blood components. Our department is committed to delivering comprehensive transfusion services through evidence-based practices, advanced technologies, and a robust quality management system.\r\n        <\/p>\r\n\r\n\r\n        <p>\r\n            Over the years, the department has evolved into a centre equipped with modern immunohematology automation, component preparation facilities, advanced transfusion-transmitted infection screening, apheresis services, and postgraduate education. Our dedicated team works round the clock to support clinical services while maintaining the highest standards of quality, safety, and ethical practice.\r\n        <\/p>\r\n\r\n\r\n        <p>\r\n            As a recognized postgraduate training centre, we strive to nurture competent specialists through structured academic programmes, hands-on training, research, and interdisciplinary collaboration. We also actively promote voluntary blood donation and community awareness, recognizing that every blood donation has the potential to save multiple lives.\r\n        <\/p>\r\n\r\n\r\n        <p>\r\n            Our vision is to continually advance patient care through innovation, education, research, and quality improvement while contributing meaningfully to the field of Transfusion Medicine.\r\n        <\/p>\r\n\r\n\r\n        <p>\r\n            We welcome students, healthcare professionals, voluntary blood donors, researchers, and visitors to explore our department and join us in our commitment to excellence in transfusion practice.\r\n        <\/p>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             SIGNATURE\r\n             ================================================= -->\r\n\r\n        <div class=\"hod-signature\">\r\n\r\n            <p class=\"hod-signature-name\">\r\n                Dr. Milan Jaiswal\r\n            <\/p>\r\n\r\n            <p class=\"hod-signature-designation\">\r\n                Professor &amp; HOD\r\n            <\/p>\r\n\r\n            <p class=\"hod-signature-department\">\r\n                Immunohematology and Blood Transfusion (Transfusion Medicine)\r\n            <\/p>\r\n\r\n            <p class=\"hod-signature-department\">\r\n                Shri Ram Murti Smarak Institute of Medical Sciences, Bareilly\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0fb638a elementor-widget elementor-widget-menu-anchor\" data-id=\"0fb638a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"Development\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5d65842 elementor-widget elementor-widget-html\" data-id=\"5d65842\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\r\n\/* =========================================================\r\n   FONTS\r\n   ========================================================= *\/\r\n\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=DM+Serif+Display&family=Manrope:wght@400;500;600;700;800&display=swap');\r\n\r\n@import url('https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css');\r\n\r\n\r\n\/* =========================================================\r\n   MAIN SECTION\r\n   ========================================================= *\/\r\n\r\n.dm-section {\r\n    width: 100%;\r\n    max-width: 1120px;\r\n    margin: 0 auto;\r\n    font-family: 'Manrope', Arial, sans-serif;\r\n    color: #333;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n   ========================================================= *\/\r\n\r\n.dm-header {\r\n    margin-bottom: 45px;\r\n}\r\n\r\n.dm-kicker {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    margin-bottom: 10px;\r\n}\r\n\r\n.dm-kicker-line {\r\n    width: 32px;\r\n    height: 3px;\r\n    background: #a21c2d;\r\n    border-radius: 5px;\r\n}\r\n\r\n.dm-kicker span {\r\n    font-size: 12px;\r\n    font-weight: 800;\r\n    letter-spacing: 1.2px;\r\n    text-transform: uppercase;\r\n    color: #a21c2d;\r\n}\r\n\r\n.dm-title {\r\n    margin: 0 0 14px;\r\n    font-family: 'DM Serif Display', Georgia, serif;\r\n    font-size: 36px;\r\n    line-height: 1.2;\r\n    font-weight: 400;\r\n    color: #222;\r\n}\r\n\r\n.dm-title span {\r\n    color: #a21c2d;\r\n}\r\n\r\n.dm-intro {\r\n    max-width: 980px;\r\n    margin: 0;\r\n    font-size: 14px;\r\n    line-height: 1.85;\r\n    color: #555;\r\n    text-align: justify;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CAROUSEL OUTER AREA\r\n   ========================================================= *\/\r\n\r\n.dm-carousel-wrapper {\r\n    position: relative;\r\n    width: 100%;\r\n    padding: 0 48px 30px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VIEWPORT\r\n   IMPORTANT:\r\n   This is the actual visible area.\r\n   ========================================================= *\/\r\n\r\n.dm-carousel {\r\n    position: relative;\r\n    width: 100%;\r\n    overflow: hidden;\r\n    z-index: 3;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TRACK\r\n   ========================================================= *\/\r\n\r\n.dm-track {\r\n    display: flex;\r\n    gap: 24px;\r\n\r\n    width: 100%;\r\n\r\n    transition:\r\n        transform 0.65s cubic-bezier(0.22, 0.61, 0.36, 1);\r\n\r\n    will-change: transform;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MILESTONE CARD WRAPPER\r\n   EXACTLY 2 CARDS FIT INSIDE VIEWPORT\r\n   ========================================================= *\/\r\n\r\n.dm-item {\r\n    position: relative;\r\n\r\n    flex: 0 0 calc((100% - 24px) \/ 2);\r\n\r\n    width: calc((100% - 24px) \/ 2);\r\n\r\n    min-width: calc((100% - 24px) \/ 2);\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   YEAR + ICON\r\n   ========================================================= *\/\r\n\r\n.dm-year-area {\r\n    width: 100%;\r\n    height: 112px;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n\r\n    position: relative;\r\n    z-index: 5;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   YEAR BADGE\r\n   ========================================================= *\/\r\n\r\n.dm-year {\r\n    min-width: 78px;\r\n\r\n    padding: 8px 16px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    background: #fff;\r\n\r\n    border: 2px solid #a21c2d;\r\n    border-radius: 30px;\r\n\r\n    font-size: 15px;\r\n    line-height: 1;\r\n    font-weight: 800;\r\n\r\n    color: #a21c2d;\r\n\r\n    box-shadow:\r\n        0 5px 15px rgba(0,0,0,0.07);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ICON\r\n   ========================================================= *\/\r\n\r\n.dm-marker-area {\r\n    width: 52px;\r\n    height: 52px;\r\n\r\n    margin-top: 10px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    background: #fff;\r\n\r\n    border-radius: 50%;\r\n}\r\n\r\n.dm-marker {\r\n    width: 43px;\r\n    height: 43px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #a21c2d;\r\n    color: #fff;\r\n\r\n    font-size: 16px;\r\n\r\n    box-shadow:\r\n        0 6px 17px rgba(0,0,0,0.13);\r\n\r\n    transition:\r\n        transform 0.3s ease,\r\n        box-shadow 0.3s ease;\r\n}\r\n\r\n.dm-item:hover .dm-marker {\r\n    transform: scale(1.1);\r\n\r\n    box-shadow:\r\n        0 10px 24px rgba(0,0,0,0.18);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD\r\n   ========================================================= *\/\r\n\r\n.dm-content {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    min-height: 335px;\r\n\r\n    padding: 25px 27px;\r\n\r\n    box-sizing: border-box;\r\n\r\n    border: 1px solid #e4e4e4;\r\n\r\n    border-radius: 16px;\r\n\r\n    box-shadow:\r\n        0 6px 22px rgba(0,0,0,0.05);\r\n\r\n    overflow: hidden;\r\n\r\n    transition:\r\n        transform 0.3s ease,\r\n        box-shadow 0.3s ease;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DECORATIVE CIRCLE\r\n   ========================================================= *\/\r\n\r\n.dm-content::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 120px;\r\n    height: 120px;\r\n\r\n    right: -60px;\r\n    bottom: -60px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: rgba(255,255,255,0.48);\r\n\r\n    pointer-events: none;\r\n\r\n    transition: transform 0.4s ease;\r\n}\r\n\r\n.dm-item:hover .dm-content::after {\r\n    transform: scale(1.3);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HOVER\r\n   ========================================================= *\/\r\n\r\n.dm-item:hover .dm-content {\r\n    transform: translateY(-6px);\r\n\r\n    box-shadow:\r\n        0 15px 32px rgba(0,0,0,0.10);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ACCENT\r\n   ========================================================= *\/\r\n\r\n.dm-accent {\r\n    width: 35px;\r\n    height: 3px;\r\n\r\n    margin-bottom: 14px;\r\n\r\n    border-radius: 10px;\r\n\r\n    background: currentColor;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TITLE\r\n   ========================================================= *\/\r\n\r\n.dm-content h3 {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    margin: 0 0 14px;\r\n\r\n    font-size: 18px;\r\n    line-height: 1.42;\r\n\r\n    font-weight: 800;\r\n\r\n    color: #222;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TEXT\r\n   ========================================================= *\/\r\n\r\n.dm-content p {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    margin: 0 0 14px;\r\n\r\n    font-size: 13.4px;\r\n    line-height: 1.75;\r\n\r\n    color: #4d4d4d;\r\n\r\n    text-align: justify;\r\n}\r\n\r\n.dm-content p:last-child {\r\n    margin-bottom: 0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LIST\r\n   ========================================================= *\/\r\n\r\n.dm-content ul {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    list-style: none;\r\n\r\n    margin: 10px 0 15px;\r\n    padding: 0;\r\n}\r\n\r\n.dm-content li {\r\n    position: relative;\r\n\r\n    margin-bottom: 7px;\r\n\r\n    padding-left: 17px;\r\n\r\n    font-size: 13px;\r\n    line-height: 1.6;\r\n\r\n    color: #4d4d4d;\r\n}\r\n\r\n.dm-content li:last-child {\r\n    margin-bottom: 0;\r\n}\r\n\r\n.dm-content li::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    left: 0;\r\n    top: 8px;\r\n\r\n    width: 5px;\r\n    height: 5px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: currentColor;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DIFFERENT LIGHT COLORS\r\n   ========================================================= *\/\r\n\r\n.dm-item:nth-child(1) .dm-content {\r\n    background: #fff5f6;\r\n    color: #a21c2d;\r\n    border-color: #efd5d9;\r\n}\r\n\r\n.dm-item:nth-child(1) .dm-marker {\r\n    background: #a21c2d;\r\n}\r\n\r\n\r\n.dm-item:nth-child(2) .dm-content {\r\n    background: #f3f8fc;\r\n    color: #477ca5;\r\n    border-color: #d8e5ef;\r\n}\r\n\r\n.dm-item:nth-child(2) .dm-marker {\r\n    background: #477ca5;\r\n}\r\n\r\n.dm-item:nth-child(2) .dm-year {\r\n    color: #477ca5;\r\n    border-color: #477ca5;\r\n}\r\n\r\n\r\n.dm-item:nth-child(3) .dm-content {\r\n    background: #f2f9f4;\r\n    color: #4b805d;\r\n    border-color: #d6e8dc;\r\n}\r\n\r\n.dm-item:nth-child(3) .dm-marker {\r\n    background: #4b805d;\r\n}\r\n\r\n.dm-item:nth-child(3) .dm-year {\r\n    color: #4b805d;\r\n    border-color: #4b805d;\r\n}\r\n\r\n\r\n.dm-item:nth-child(4) .dm-content {\r\n    background: #f7f4fb;\r\n    color: #735b98;\r\n    border-color: #e0d9eb;\r\n}\r\n\r\n.dm-item:nth-child(4) .dm-marker {\r\n    background: #735b98;\r\n}\r\n\r\n.dm-item:nth-child(4) .dm-year {\r\n    color: #735b98;\r\n    border-color: #735b98;\r\n}\r\n\r\n\r\n.dm-item:nth-child(5) .dm-content {\r\n    background: #fff7ef;\r\n    color: #a66e42;\r\n    border-color: #efddca;\r\n}\r\n\r\n.dm-item:nth-child(5) .dm-marker {\r\n    background: #a66e42;\r\n}\r\n\r\n.dm-item:nth-child(5) .dm-year {\r\n    color: #a66e42;\r\n    border-color: #a66e42;\r\n}\r\n\r\n\r\n.dm-item:nth-child(6) .dm-content {\r\n    background: #f0f9fa;\r\n    color: #438088;\r\n    border-color: #d3e7e9;\r\n}\r\n\r\n.dm-item:nth-child(6) .dm-marker {\r\n    background: #438088;\r\n}\r\n\r\n.dm-item:nth-child(6) .dm-year {\r\n    color: #438088;\r\n    border-color: #438088;\r\n}\r\n\r\n\r\n.dm-item:nth-child(7) .dm-content {\r\n    background: #fffaf0;\r\n    color: #a17b3d;\r\n    border-color: #eee1c6;\r\n}\r\n\r\n.dm-item:nth-child(7) .dm-marker {\r\n    background: #a17b3d;\r\n}\r\n\r\n.dm-item:nth-child(7) .dm-year {\r\n    color: #a17b3d;\r\n    border-color: #a17b3d;\r\n}\r\n\r\n\r\n.dm-item:nth-child(8) .dm-content {\r\n    background: #f1f8f8;\r\n    color: #3f777a;\r\n    border-color: #d3e5e5;\r\n}\r\n\r\n.dm-item:nth-child(8) .dm-marker {\r\n    background: #3f777a;\r\n}\r\n\r\n.dm-item:nth-child(8) .dm-year {\r\n    color: #3f777a;\r\n    border-color: #3f777a;\r\n}\r\n\r\n\r\n.dm-item:nth-child(9) .dm-content {\r\n    background: #f3f6fa;\r\n    color: #536f8e;\r\n    border-color: #d9e1e9;\r\n}\r\n\r\n.dm-item:nth-child(9) .dm-marker {\r\n    background: #536f8e;\r\n}\r\n\r\n.dm-item:nth-child(9) .dm-year {\r\n    color: #536f8e;\r\n    border-color: #536f8e;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   2021 SPECIAL\r\n   ========================================================= *\/\r\n\r\n.dm-item:nth-child(8) .dm-content,\r\n.dm-item:nth-child(9) .dm-content {\r\n    border-top: 3px solid currentColor;\r\n}\r\n\r\n.dm-item:nth-child(8) .dm-content::before,\r\n.dm-item:nth-child(9) .dm-content::before {\r\n    content: \"ACADEMIC MILESTONE\";\r\n\r\n    display: inline-flex;\r\n\r\n    margin-bottom: 13px;\r\n\r\n    padding: 5px 9px;\r\n\r\n    border-radius: 20px;\r\n\r\n    background: rgba(255,255,255,0.65);\r\n\r\n    color: currentColor;\r\n\r\n    font-size: 9px;\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 0.8px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   2024 FEATURED\r\n   ========================================================= *\/\r\n\r\n.dm-item:nth-child(10) .dm-content {\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            #fff7f8 0%,\r\n            #ffffff 75%\r\n        );\r\n\r\n    color: #a21c2d;\r\n\r\n    border: 1px solid #dcb8bd;\r\n\r\n    border-top: 4px solid #a21c2d;\r\n\r\n    box-shadow:\r\n        0 10px 28px rgba(162,28,45,0.09);\r\n}\r\n\r\n.dm-item:nth-child(10) .dm-year {\r\n    color: #8f1b29;\r\n    border-color: #8f1b29;\r\n}\r\n\r\n.dm-item:nth-child(10) .dm-marker {\r\n    background: #a21c2d;\r\n\r\n    width: 48px;\r\n    height: 48px;\r\n}\r\n\r\n.dm-item:nth-child(10) .dm-content h3 {\r\n    font-size: 19px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   QUOTE\r\n   ========================================================= *\/\r\n\r\n.dm-quote {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    margin: 0;\r\n\r\n    padding: 16px 17px;\r\n\r\n    background: rgba(255,255,255,0.65);\r\n\r\n    border-left: 3px solid #a21c2d;\r\n\r\n    border-radius: 0 10px 10px 0;\r\n\r\n    font-size: 13.4px;\r\n    line-height: 1.75;\r\n\r\n    color: #4d4d4d;\r\n\r\n    text-align: justify;\r\n}\r\n\r\n.dm-quote strong {\r\n    color: #8f1b29;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ARROWS\r\n   ========================================================= *\/\r\n\r\n.dm-arrow {\r\n    position: absolute;\r\n\r\n    top: 53%;\r\n\r\n    transform: translateY(-50%);\r\n\r\n    width: 42px;\r\n    height: 42px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    padding: 0;\r\n\r\n    border: none;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #ffffff;\r\n\r\n    color: #a21c2d;\r\n\r\n    font-size: 13px;\r\n\r\n    cursor: pointer;\r\n\r\n    z-index: 30;\r\n\r\n    box-shadow:\r\n        0 6px 18px rgba(0,0,0,0.14);\r\n\r\n    transition:\r\n        all 0.25s ease;\r\n}\r\n\r\n.dm-arrow:hover {\r\n    background: #a21c2d;\r\n    color: #ffffff;\r\n\r\n    transform:\r\n        translateY(-50%)\r\n        scale(1.08);\r\n\r\n    box-shadow:\r\n        0 9px 24px rgba(162,28,45,0.22);\r\n}\r\n\r\n.dm-arrow-left {\r\n    left: 0;\r\n}\r\n\r\n.dm-arrow-right {\r\n    right: 0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   END LABEL\r\n   ========================================================= *\/\r\n\r\n.dm-end {\r\n    display: flex;\r\n    justify-content: center;\r\n\r\n    margin-top: 10px;\r\n}\r\n\r\n.dm-end-inner {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n\r\n    padding: 8px 15px;\r\n\r\n    border-radius: 30px;\r\n\r\n    background: #faf3f4;\r\n\r\n    color: #8f1b29;\r\n\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n}\r\n\r\n.dm-end-dot {\r\n    width: 6px;\r\n    height: 6px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #a21c2d;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 700px) {\r\n\r\n    .dm-section {\r\n        padding: 0 15px;\r\n    }\r\n\r\n    .dm-title {\r\n        font-size: 29px;\r\n    }\r\n\r\n    .dm-intro {\r\n        font-size: 13.5px;\r\n        line-height: 1.75;\r\n        text-align: left;\r\n    }\r\n\r\n    .dm-carousel-wrapper {\r\n        padding-left: 38px;\r\n        padding-right: 38px;\r\n    }\r\n\r\n    .dm-item {\r\n        flex: 0 0 100%;\r\n        width: 100%;\r\n        min-width: 100%;\r\n    }\r\n\r\n    .dm-track {\r\n        gap: 15px;\r\n    }\r\n\r\n    .dm-content {\r\n        min-height: auto;\r\n        padding: 22px 18px;\r\n    }\r\n\r\n    .dm-content h3 {\r\n        font-size: 16px;\r\n    }\r\n\r\n    .dm-content p {\r\n        font-size: 13px;\r\n    }\r\n\r\n    .dm-arrow {\r\n        width: 37px;\r\n        height: 37px;\r\n        font-size: 11px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 430px) {\r\n\r\n    .dm-title {\r\n        font-size: 26px;\r\n    }\r\n\r\n    .dm-carousel-wrapper {\r\n        padding-left: 34px;\r\n        padding-right: 34px;\r\n    }\r\n\r\n    .dm-content {\r\n        padding: 19px 16px;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<div class=\"dm-section\">\r\n\r\n\r\n    <!-- =====================================================\r\n         HEADER\r\n         ===================================================== -->\r\n\r\n    <div class=\"dm-header\">\r\n\r\n        <div class=\"dm-kicker\">\r\n\r\n            <span class=\"dm-kicker-line\"><\/span>\r\n\r\n            <span>\r\n                Developmental Milestones\r\n            <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <h2 class=\"dm-title\">\r\n            Building <span>Excellence<\/span> in Transfusion Medicine\r\n        <\/h2>\r\n\r\n\r\n        <p class=\"dm-intro\">\r\n            The Department of Immunohematology and Blood Transfusion has evolved from a licensed blood bank into a comprehensive academic and clinical department offering advanced transfusion services, state-of-the-art laboratory technologies, therapeutic apheresis, and postgraduate education. Each milestone represents a significant step toward improving patient care, blood safety, and academic excellence.\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         CAROUSEL\r\n         ===================================================== -->\r\n\r\n    <div class=\"dm-carousel-wrapper\">\r\n\r\n\r\n        <!-- LEFT ARROW -->\r\n\r\n        <button\r\n            type=\"button\"\r\n            class=\"dm-arrow dm-arrow-left\"\r\n            aria-label=\"Previous milestone\"\r\n        >\r\n\r\n            <i class=\"fa-solid fa-chevron-left\"><\/i>\r\n\r\n        <\/button>\r\n\r\n\r\n        <!-- RIGHT ARROW -->\r\n\r\n        <button\r\n            type=\"button\"\r\n            class=\"dm-arrow dm-arrow-right\"\r\n            aria-label=\"Next milestone\"\r\n        >\r\n\r\n            <i class=\"fa-solid fa-chevron-right\"><\/i>\r\n\r\n        <\/button>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             VIEWPORT\r\n             ================================================= -->\r\n\r\n        <div class=\"dm-carousel\">\r\n\r\n\r\n            <!-- =================================================\r\n                 TRACK\r\n                 ================================================= -->\r\n\r\n            <div class=\"dm-track\" id=\"dmTrack\">\r\n\r\n\r\n\r\n                <!-- =================================================\r\n                     2004\r\n                     ================================================= -->\r\n\r\n                <div class=\"dm-item\">\r\n\r\n                    <div class=\"dm-year-area\">\r\n\r\n                        <div class=\"dm-year\">\r\n                            2004\r\n                        <\/div>\r\n\r\n                        <div class=\"dm-marker-area\">\r\n\r\n                            <div class=\"dm-marker\">\r\n                                <i class=\"fa-solid fa-hospital\"><\/i>\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"dm-content\">\r\n\r\n                        <div class=\"dm-accent\"><\/div>\r\n\r\n                        <h3>\r\n                            Establishment of Blood Bank\r\n                        <\/h3>\r\n\r\n                        <p>\r\n                            The foundation of transfusion services was laid with the establishment of the Blood Bank after obtaining the statutory licence for the collection, storage, processing, and distribution of whole human blood. This marked the beginning of organized blood transfusion services at SRMSIMS.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <!-- =================================================\r\n                     2008\r\n                     ================================================= -->\r\n\r\n                <div class=\"dm-item\">\r\n\r\n                    <div class=\"dm-year-area\">\r\n\r\n                        <div class=\"dm-year\">\r\n                            2008\r\n                        <\/div>\r\n\r\n                        <div class=\"dm-marker-area\">\r\n\r\n                            <div class=\"dm-marker\">\r\n                                <i class=\"fa-solid fa-droplet\"><\/i>\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"dm-content\">\r\n\r\n                        <div class=\"dm-accent\"><\/div>\r\n\r\n                        <h3>\r\n                            Authorization for Blood Component Preparation\r\n                        <\/h3>\r\n\r\n                        <p>\r\n                            The blood bank received regulatory approval for the preparation of blood components, enabling the production of:\r\n                        <\/p>\r\n\r\n                        <ul>\r\n\r\n                            <li>\r\n                                Packed Red Blood Cells (PRBC)\r\n                            <\/li>\r\n\r\n                            <li>\r\n                                Fresh Frozen Plasma (FFP)\r\n                            <\/li>\r\n\r\n                            <li>\r\n                                Platelet Concentrates\r\n                            <\/li>\r\n\r\n                        <\/ul>\r\n\r\n                        <p>\r\n                            This transition promoted optimal utilization of every donated unit and strengthened component therapy practices.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <!-- =================================================\r\n                     2009\r\n                     ================================================= -->\r\n\r\n                <div class=\"dm-item\">\r\n\r\n                    <div class=\"dm-year-area\">\r\n\r\n                        <div class=\"dm-year\">\r\n                            2009\r\n                        <\/div>\r\n\r\n                        <div class=\"dm-marker-area\">\r\n\r\n                            <div class=\"dm-marker\">\r\n                                <i class=\"fa-solid fa-check-double\"><\/i>\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"dm-content\">\r\n\r\n                        <div class=\"dm-accent\"><\/div>\r\n\r\n                        <h3>\r\n                            Achievement of 100% Blood Component Separation\r\n                        <\/h3>\r\n\r\n                        <p>\r\n                            The department achieved complete blood component separation for all eligible whole blood donations. This milestone ensured efficient utilization of donated blood while supporting evidence-based transfusion practices through component therapy.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <!-- =================================================\r\n                     2012\r\n                     ================================================= -->\r\n\r\n                <div class=\"dm-item\">\r\n\r\n                    <div class=\"dm-year-area\">\r\n\r\n                        <div class=\"dm-year\">\r\n                            2012\r\n                        <\/div>\r\n\r\n                        <div class=\"dm-marker-area\">\r\n\r\n                            <div class=\"dm-marker\">\r\n                                <i class=\"fa-solid fa-gears\"><\/i>\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"dm-content\">\r\n\r\n                        <div class=\"dm-accent\"><\/div>\r\n\r\n                        <h3>\r\n                            Automation of Blood Component Processing\r\n                        <\/h3>\r\n\r\n                        <p>\r\n                            Automated blood component processing technology was introduced, improving:\r\n                        <\/p>\r\n\r\n                        <ul>\r\n\r\n                            <li>Standardization<\/li>\r\n\r\n                            <li>Processing efficiency<\/li>\r\n\r\n                            <li>Product quality<\/li>\r\n\r\n                            <li>Component safety<\/li>\r\n\r\n                        <\/ul>\r\n\r\n                        <p>\r\n                            Automation significantly enhanced consistency in blood component preparation while minimizing manual variability.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <!-- =================================================\r\n                     2016\r\n                     ================================================= -->\r\n\r\n                <div class=\"dm-item\">\r\n\r\n                    <div class=\"dm-year-area\">\r\n\r\n                        <div class=\"dm-year\">\r\n                            2016\r\n                        <\/div>\r\n\r\n                        <div class=\"dm-marker-area\">\r\n\r\n                            <div class=\"dm-marker\">\r\n                                <i class=\"fa-solid fa-microscope\"><\/i>\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"dm-content\">\r\n\r\n                        <div class=\"dm-accent\"><\/div>\r\n\r\n                        <h3>\r\n                            Advanced Immunohematology Automation\r\n                        <\/h3>\r\n\r\n                        <p>\r\n                            The department commissioned a fully automated immunohematology platform for blood grouping, antibody screening, compatibility testing, and immunohematological investigations.\r\n                        <\/p>\r\n\r\n                        <p>\r\n                            The introduction of automation improved:\r\n                        <\/p>\r\n\r\n                        <ul>\r\n\r\n                            <li>Accuracy<\/li>\r\n\r\n                            <li>Turnaround time<\/li>\r\n\r\n                            <li>Traceability<\/li>\r\n\r\n                            <li>Patient safety<\/li>\r\n\r\n                            <li>Laboratory efficiency<\/li>\r\n\r\n                        <\/ul>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <!-- =================================================\r\n                     2018\r\n                     ================================================= -->\r\n\r\n                <div class=\"dm-item\">\r\n\r\n                    <div class=\"dm-year-area\">\r\n\r\n                        <div class=\"dm-year\">\r\n                            2018\r\n                        <\/div>\r\n\r\n                        <div class=\"dm-marker-area\">\r\n\r\n                            <div class=\"dm-marker\">\r\n                                <i class=\"fa-solid fa-shield-virus\"><\/i>\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"dm-content\">\r\n\r\n                        <div class=\"dm-accent\"><\/div>\r\n\r\n                        <h3>\r\n                            Advanced TTI Screening with Chemiluminescence and NAT\r\n                        <\/h3>\r\n\r\n                        <p>\r\n                            The department strengthened blood safety by implementing advanced Transfusion Transmitted Infection (TTI) screening using:\r\n                        <\/p>\r\n\r\n                        <ul>\r\n\r\n                            <li>\r\n                                Chemiluminescence Immunoassay (CLIA)\r\n                            <\/li>\r\n\r\n                            <li>\r\n                                Nucleic Acid Amplification Testing (NAT)\r\n                            <\/li>\r\n\r\n                        <\/ul>\r\n\r\n                        <p>\r\n                            These technologies enabled earlier detection of infectious agents, reduced the diagnostic window period, and provided an additional layer of safety for blood recipients.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <!-- =================================================\r\n                     2019\r\n                     ================================================= -->\r\n\r\n                <div class=\"dm-item\">\r\n\r\n                    <div class=\"dm-year-area\">\r\n\r\n                        <div class=\"dm-year\">\r\n                            2019\r\n                        <\/div>\r\n\r\n                        <div class=\"dm-marker-area\">\r\n\r\n                            <div class=\"dm-marker\">\r\n                                <i class=\"fa-solid fa-arrows-to-circle\"><\/i>\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"dm-content\">\r\n\r\n                        <div class=\"dm-accent\"><\/div>\r\n\r\n                        <h3>\r\n                            Licensing for Apheresis Procedures\r\n                        <\/h3>\r\n\r\n                        <p>\r\n                            The department received regulatory approval to perform apheresis procedures, expanding its capabilities to include:\r\n                        <\/p>\r\n\r\n                        <ul>\r\n\r\n                            <li>Plateletpheresis<\/li>\r\n\r\n                            <li>Plasmapheresis<\/li>\r\n\r\n                            <li>Leukapheresis<\/li>\r\n\r\n                            <li>Leukoreduced blood component preparation<\/li>\r\n\r\n                            <li>Cryoprecipitate preparation<\/li>\r\n\r\n                        <\/ul>\r\n\r\n                        <p>\r\n                            This milestone marked the beginning of advanced donor and patient-oriented transfusion services.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <!-- =================================================\r\n                     2021 - DEPARTMENT\r\n                     ================================================= -->\r\n\r\n                <div class=\"dm-item\">\r\n\r\n                    <div class=\"dm-year-area\">\r\n\r\n                        <div class=\"dm-year\">\r\n                            2021\r\n                        <\/div>\r\n\r\n                        <div class=\"dm-marker-area\">\r\n\r\n                            <div class=\"dm-marker\">\r\n                                <i class=\"fa-solid fa-building-columns\"><\/i>\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"dm-content\">\r\n\r\n                        <div class=\"dm-accent\"><\/div>\r\n\r\n                        <h3>\r\n                            Establishment of the Department of Immunohematology and Blood Transfusion\r\n                        <\/h3>\r\n\r\n                        <p>\r\n                            The Board of Trustees approved the establishment of the independent Department of Immunohematology and Blood Transfusion, recognizing the expanding role of transfusion medicine in clinical care, laboratory diagnostics, and medical education.\r\n                        <\/p>\r\n\r\n                        <p>\r\n                            This marked the transition from a blood bank to a dedicated academic department.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <!-- =================================================\r\n                     2021 - MD\r\n                     ================================================= -->\r\n\r\n                <div class=\"dm-item\">\r\n\r\n                    <div class=\"dm-year-area\">\r\n\r\n                        <div class=\"dm-year\">\r\n                            2021\r\n                        <\/div>\r\n\r\n                        <div class=\"dm-marker-area\">\r\n\r\n                            <div class=\"dm-marker\">\r\n                                <i class=\"fa-solid fa-graduation-cap\"><\/i>\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"dm-content\">\r\n\r\n                        <div class=\"dm-accent\"><\/div>\r\n\r\n                        <h3>\r\n                            Approval of MD Postgraduate Programme\r\n                        <\/h3>\r\n\r\n                        <p>\r\n                            The National Medical Commission granted approval for the MD programme in Immunohematology and Blood Transfusion (Transfusion Medicine), establishing the department as a recognized centre for postgraduate medical education and specialist training.\r\n                        <\/p>\r\n\r\n                        <p>\r\n                            The programme promotes excellence in:\r\n                        <\/p>\r\n\r\n                        <ul>\r\n\r\n                            <li>Clinical Transfusion Medicine<\/li>\r\n\r\n                            <li>Immunohematology<\/li>\r\n\r\n                            <li>Blood Centre Management<\/li>\r\n\r\n                            <li>Therapeutic Apheresis<\/li>\r\n\r\n                            <li>Research and Innovation<\/li>\r\n\r\n                        <\/ul>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <!-- =================================================\r\n                     2024\r\n                     ================================================= -->\r\n\r\n                <div class=\"dm-item\">\r\n\r\n                    <div class=\"dm-year-area\">\r\n\r\n                        <div class=\"dm-year\">\r\n                            2024\r\n                        <\/div>\r\n\r\n                        <div class=\"dm-marker-area\">\r\n\r\n                            <div class=\"dm-marker\">\r\n                                <i class=\"fa-solid fa-star\"><\/i>\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"dm-content\">\r\n\r\n                        <div class=\"dm-accent\"><\/div>\r\n\r\n                        <h3>\r\n                            Inauguration of the Therapeutic Apheresis &amp; Hemotherapy Clinic\r\n                        <\/h3>\r\n\r\n                        <blockquote class=\"dm-quote\">\r\n\r\n                            The Department expanded its advanced transfusion services with the inauguration of a <strong>Therapeutic Apheresis and Hemotherapy Clinic<\/strong>, providing specialized blood-component\u2013based therapies for patients requiring therapeutic apheresis.\r\n\r\n                        <\/blockquote>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         END\r\n         ===================================================== -->\r\n\r\n    <div class=\"dm-end\">\r\n\r\n        <div class=\"dm-end-inner\">\r\n\r\n            <span class=\"dm-end-dot\"><\/span>\r\n\r\n            Continuing the journey of excellence\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n    const track =\r\n        document.getElementById('dmTrack');\r\n\r\n    const viewport =\r\n        document.querySelector('.dm-carousel');\r\n\r\n    const items =\r\n        document.querySelectorAll('.dm-item');\r\n\r\n    const left =\r\n        document.querySelector('.dm-arrow-left');\r\n\r\n    const right =\r\n        document.querySelector('.dm-arrow-right');\r\n\r\n\r\n    if (!track || !viewport || !items.length) {\r\n        return;\r\n    }\r\n\r\n\r\n    let currentIndex = 0;\r\n\r\n    let autoScroll = null;\r\n\r\n    const autoDelay = 5000;\r\n\r\n\r\n    \/* =====================================================\r\n       NUMBER OF VISIBLE CARDS\r\n       ===================================================== *\/\r\n\r\n    function getVisibleCount() {\r\n\r\n        return window.innerWidth <= 700 ? 1 : 2;\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       MAXIMUM SLIDE\r\n       ===================================================== *\/\r\n\r\n    function getMaxIndex() {\r\n\r\n        return Math.max(\r\n            0,\r\n            items.length - getVisibleCount()\r\n        );\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       MOVE\r\n       ===================================================== *\/\r\n\r\n    function updateCarousel() {\r\n\r\n        const itemWidth =\r\n            items[0].getBoundingClientRect().width;\r\n\r\n        const gap =\r\n            parseFloat(\r\n                window.getComputedStyle(track).gap\r\n            ) || 0;\r\n\r\n\r\n        const distance =\r\n            currentIndex *\r\n            (itemWidth + gap);\r\n\r\n\r\n        track.style.transform =\r\n            'translate3d(-' +\r\n            distance +\r\n            'px, 0, 0)';\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       NEXT\r\n       ===================================================== *\/\r\n\r\n    function nextSlide() {\r\n\r\n        const max =\r\n            getMaxIndex();\r\n\r\n\r\n        if (currentIndex >= max) {\r\n\r\n            currentIndex = 0;\r\n\r\n        } else {\r\n\r\n            currentIndex++;\r\n\r\n        }\r\n\r\n\r\n        updateCarousel();\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       PREVIOUS\r\n       ===================================================== *\/\r\n\r\n    function previousSlide() {\r\n\r\n        const max =\r\n            getMaxIndex();\r\n\r\n\r\n        if (currentIndex <= 0) {\r\n\r\n            currentIndex = max;\r\n\r\n        } else {\r\n\r\n            currentIndex--;\r\n\r\n        }\r\n\r\n\r\n        updateCarousel();\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       BUTTONS\r\n       ===================================================== *\/\r\n\r\n    right.addEventListener(\r\n        'click',\r\n        function () {\r\n\r\n            nextSlide();\r\n\r\n            restartAuto();\r\n\r\n        }\r\n    );\r\n\r\n\r\n    left.addEventListener(\r\n        'click',\r\n        function () {\r\n\r\n            previousSlide();\r\n\r\n            restartAuto();\r\n\r\n        }\r\n    );\r\n\r\n\r\n    \/* =====================================================\r\n       AUTO SCROLL\r\n       ===================================================== *\/\r\n\r\n    function startAuto() {\r\n\r\n        stopAuto();\r\n\r\n\r\n        autoScroll =\r\n            setInterval(\r\n                function () {\r\n\r\n                    nextSlide();\r\n\r\n                },\r\n                autoDelay\r\n            );\r\n\r\n    }\r\n\r\n\r\n    function stopAuto() {\r\n\r\n        if (autoScroll) {\r\n\r\n            clearInterval(autoScroll);\r\n\r\n            autoScroll = null;\r\n\r\n        }\r\n\r\n    }\r\n\r\n\r\n    function restartAuto() {\r\n\r\n        stopAuto();\r\n\r\n        startAuto();\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       PAUSE ON HOVER\r\n       ===================================================== *\/\r\n\r\n    viewport.addEventListener(\r\n        'mouseenter',\r\n        stopAuto\r\n    );\r\n\r\n\r\n    viewport.addEventListener(\r\n        'mouseleave',\r\n        startAuto\r\n    );\r\n\r\n\r\n    \/* =====================================================\r\n       TOUCH SWIPE\r\n       ===================================================== *\/\r\n\r\n    let startX = 0;\r\n\r\n    let endX = 0;\r\n\r\n\r\n    viewport.addEventListener(\r\n        'touchstart',\r\n        function (e) {\r\n\r\n            startX =\r\n                e.changedTouches[0].screenX;\r\n\r\n            stopAuto();\r\n\r\n        },\r\n        {\r\n            passive: true\r\n        }\r\n    );\r\n\r\n\r\n    viewport.addEventListener(\r\n        'touchend',\r\n        function (e) {\r\n\r\n            endX =\r\n                e.changedTouches[0].screenX;\r\n\r\n\r\n            const difference =\r\n                startX - endX;\r\n\r\n\r\n            if (Math.abs(difference) > 50) {\r\n\r\n                if (difference > 0) {\r\n\r\n                    nextSlide();\r\n\r\n                } else {\r\n\r\n                    previousSlide();\r\n\r\n                }\r\n\r\n            }\r\n\r\n\r\n            startAuto();\r\n\r\n        },\r\n        {\r\n            passive: true\r\n        }\r\n    );\r\n\r\n\r\n    \/* =====================================================\r\n       RESIZE\r\n       ===================================================== *\/\r\n\r\n    window.addEventListener(\r\n        'resize',\r\n        function () {\r\n\r\n            const max =\r\n                getMaxIndex();\r\n\r\n\r\n            if (currentIndex > max) {\r\n\r\n                currentIndex = max;\r\n\r\n            }\r\n\r\n\r\n            updateCarousel();\r\n\r\n        }\r\n    );\r\n\r\n\r\n    \/* =====================================================\r\n       START\r\n       ===================================================== *\/\r\n\r\n    updateCarousel();\r\n\r\n    startAuto();\r\n\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d1604c6 elementor-widget elementor-widget-menu-anchor\" data-id=\"d1604c6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"Teaching\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4166a12 elementor-widget elementor-widget-html\" data-id=\"4166a12\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\r\n\/* =========================================================\r\n   EDUCATIONAL ACTIVITIES - MAIN SECTION\r\n   ========================================================= *\/\r\n\r\n.edu-activities {\r\n    width: 100%;\r\n    max-width: 1180px;\r\n    margin: 0 auto;\r\n    font-family: \"Rubik\", Arial, sans-serif;\r\n    color: #222;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SECTION HEADER\r\n   ========================================================= *\/\r\n\r\n.edu-header {\r\n    position: relative;\r\n\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 24px;\r\n\r\n    margin-bottom: 28px;\r\n}\r\n\r\n\r\n\/* Header Content *\/\r\n\r\n.edu-heading-content {\r\n    padding-top: 3px;\r\n}\r\n\r\n\r\n\/* Main Title *\/\r\n\r\n.edu-title {\r\n    margin: 0;\r\n\r\n    font-size: 24px;\r\n    line-height: 1.2;\r\n\r\n    font-weight: 600;\r\n\r\n    color: #202020;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE GALLERY\r\n   ========================================================= *\/\r\n\r\n.edu-gallery {\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(3, 1fr);\r\n\r\n    gap: 18px;\r\n\r\n    margin-bottom: 25px;\r\n}\r\n\r\n\r\n\/* Image Card *\/\r\n\r\n.edu-image {\r\n    position: relative;\r\n\r\n    height: 235px;\r\n\r\n    overflow: hidden;\r\n\r\n    border-radius: 15px;\r\n\r\n    background: #f2f2f2;\r\n\r\n    box-shadow:\r\n        0 7px 22px rgba(0,0,0,0.08);\r\n\r\n    border: 1px solid #eeeeee;\r\n}\r\n\r\n\r\n\/* Image *\/\r\n\r\n.edu-image img {\r\n    display: block;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    object-fit: cover;\r\n\r\n    transition:\r\n        transform 0.5s ease;\r\n}\r\n\r\n\r\n\/* Hover *\/\r\n\r\n.edu-image:hover img {\r\n    transform: scale(1.06);\r\n}\r\n\r\n\r\n\/* Bottom Overlay *\/\r\n\r\n.edu-image::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n\r\n    height: 55px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            to top,\r\n            rgba(0,0,0,0.32),\r\n            transparent\r\n        );\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT CARD\r\n   ========================================================= *\/\r\n\r\n.edu-content-card {\r\n    position: relative;\r\n\r\n    padding: 30px 34px 32px;\r\n\r\n    background: #ffffff;\r\n\r\n    border: 1px solid #e5e5e5;\r\n\r\n    border-radius: 16px;\r\n\r\n    box-shadow:\r\n        0 8px 28px rgba(0,0,0,0.055);\r\n\r\n    overflow: hidden;\r\n\r\n    transition:\r\n        transform 0.3s ease,\r\n        box-shadow 0.3s ease;\r\n}\r\n\r\n\r\n\/* Decorative Left Border *\/\r\n\r\n.edu-content-card::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    top: 0;\r\n    left: 0;\r\n    bottom: 0;\r\n\r\n    width: 4px;\r\n\r\n    background: #a21c2d;\r\n}\r\n\r\n\r\n\/* Decorative Circle *\/\r\n\r\n.edu-content-card::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 180px;\r\n    height: 180px;\r\n\r\n    right: -95px;\r\n    bottom: -95px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #faf1f3;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT TEXT\r\n   ========================================================= *\/\r\n\r\n.edu-text {\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    margin: 0;\r\n\r\n    font-size: 15px;\r\n\r\n    line-height: 1.9;\r\n\r\n    color: #4c4c4c;\r\n\r\n    text-align: justify;\r\n\r\n    text-justify: inter-word;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT CARD HOVER\r\n   ========================================================= *\/\r\n\r\n.edu-content-card:hover {\r\n    transform: translateY(-3px);\r\n\r\n    box-shadow:\r\n        0 14px 34px rgba(0,0,0,0.08);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n    .edu-activities {\r\n        padding: 0 20px;\r\n    }\r\n\r\n    .edu-title {\r\n        font-size: 30px;\r\n    }\r\n\r\n    .edu-gallery {\r\n        gap: 14px;\r\n    }\r\n\r\n    .edu-image {\r\n        height: 210px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 650px) {\r\n\r\n    .edu-activities {\r\n        padding: 0 15px;\r\n    }\r\n\r\n\r\n    \/* Header *\/\r\n\r\n    .edu-header {\r\n        gap: 15px;\r\n\r\n        margin-bottom: 22px;\r\n    }\r\n\r\n    .edu-title {\r\n        font-size: 26px;\r\n    }\r\n\r\n\r\n    \/* Images *\/\r\n\r\n    .edu-gallery {\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 12px;\r\n    }\r\n\r\n    .edu-image {\r\n        height: 220px;\r\n    }\r\n\r\n\r\n    \/* Content *\/\r\n\r\n    .edu-content-card {\r\n        padding: 25px 22px 27px;\r\n    }\r\n\r\n    .edu-text {\r\n        font-size: 14px;\r\n\r\n        line-height: 1.8;\r\n\r\n        text-align: left;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 420px) {\r\n\r\n    .edu-title {\r\n        font-size: 23px;\r\n    }\r\n\r\n    .edu-image {\r\n        height: 195px;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<!-- =========================================================\r\n     EDUCATIONAL ACTIVITIES\r\n     ========================================================= -->\r\n\r\n<div class=\"edu-activities\">\r\n\r\n\r\n    <!-- =====================================================\r\n         HEADER\r\n         ===================================================== -->\r\n\r\n    <div class=\"edu-header\">\r\n\r\n        <div class=\"edu-heading-content\">\r\n\r\n            <h2 class=\"edu-title\">\r\n                Educational Activities\r\n            <\/h2>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         3 IMAGE GALLERY\r\n         ===================================================== -->\r\n\r\n    <div class=\"edu-gallery\">\r\n\r\n\r\n        <!-- IMAGE 01 -->\r\n\r\n        <div class=\"edu-image\">\r\n\r\n            <img decoding=\"async\"\r\n                src=\"YOUR-IMAGE-1-URL.jpg\"\r\n                alt=\"\"\r\n            >\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- IMAGE 02 -->\r\n\r\n        <div class=\"edu-image\">\r\n\r\n            <img decoding=\"async\"\r\n                src=\"YOUR-IMAGE-2-URL.jpg\"\r\n                alt=\"\"\r\n            >\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- IMAGE 03 -->\r\n\r\n        <div class=\"edu-image\">\r\n\r\n            <img decoding=\"async\"\r\n                src=\"YOUR-IMAGE-3-URL.jpg\"\r\n                alt=\"\"\r\n            >\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         CONTENT\r\n         ===================================================== -->\r\n\r\n    <div class=\"edu-content-card\">\r\n\r\n        <p class=\"edu-text\">\r\n\r\n            The Department of Transfusion Medicine follows a Competency-Based Medical Education (CBME) approach as recommended by the National Medical Commission (NMC). A combination of interactive teaching, clinical exposure, laboratory training, research, and self-directed learning is employed to develop competent transfusion medicine specialists.\r\n\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8fac364 elementor-widget elementor-widget-html\" data-id=\"8fac364\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\r\n\/* =========================================================\r\n   GROUP PROJECTS & GROUP DISCUSSION\r\n   ========================================================= *\/\r\n\r\n.edu-activities {\r\n    width: 100%;\r\n    max-width: 1180px;\r\n    margin: 0 auto;\r\n    font-family: \"Rubik\", Arial, sans-serif;\r\n    color: #222;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SECTION HEADER\r\n   ========================================================= *\/\r\n\r\n.edu-header {\r\n    position: relative;\r\n\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 24px;\r\n\r\n    margin-bottom: 28px;\r\n}\r\n\r\n\r\n\/* Header Content *\/\r\n\r\n.edu-heading-content {\r\n    padding-top: 3px;\r\n}\r\n\r\n\r\n.edu-title {\r\n    margin: 0;\r\n\r\n    font-size: 34px;\r\n    line-height: 1.2;\r\n\r\n    font-weight: 700;\r\n\r\n    color: #202020;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SINGLE IMAGE\r\n   ========================================================= *\/\r\n\r\n.edu-single-image {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n    height: 330px;\r\n\r\n    overflow: hidden;\r\n\r\n    margin-bottom: 25px;\r\n\r\n    border-radius: 15px;\r\n\r\n    background: #f2f2f2;\r\n\r\n    border: 1px solid #eeeeee;\r\n\r\n    box-shadow:\r\n        0 7px 22px rgba(0,0,0,0.08);\r\n}\r\n\r\n\r\n\/* Image *\/\r\n\r\n.edu-single-image img {\r\n    display: block;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    object-fit: cover;\r\n\r\n    transition:\r\n        transform 0.5s ease;\r\n}\r\n\r\n\r\n\/* Hover *\/\r\n\r\n.edu-single-image:hover img {\r\n    transform: scale(1.04);\r\n}\r\n\r\n\r\n\/* Bottom Overlay *\/\r\n\r\n.edu-single-image::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n\r\n    height: 75px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            to top,\r\n            rgba(0,0,0,0.28),\r\n            transparent\r\n        );\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT CARD\r\n   ========================================================= *\/\r\n\r\n.edu-content-card {\r\n    position: relative;\r\n\r\n    padding: 30px 34px 32px;\r\n\r\n    background: #ffffff;\r\n\r\n    border: 1px solid #e5e5e5;\r\n\r\n    border-radius: 16px;\r\n\r\n    box-shadow:\r\n        0 8px 28px rgba(0,0,0,0.055);\r\n\r\n    overflow: hidden;\r\n\r\n    transition:\r\n        transform 0.3s ease,\r\n        box-shadow 0.3s ease;\r\n}\r\n\r\n\r\n\/* Decorative Left Border *\/\r\n\r\n.edu-content-card::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    top: 0;\r\n    left: 0;\r\n    bottom: 0;\r\n\r\n    width: 4px;\r\n\r\n    background: #a21c2d;\r\n}\r\n\r\n\r\n\/* Decorative Circle *\/\r\n\r\n.edu-content-card::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 180px;\r\n    height: 180px;\r\n\r\n    right: -95px;\r\n    bottom: -95px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #faf1f3;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT TEXT\r\n   ========================================================= *\/\r\n\r\n.edu-text {\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    margin: 0;\r\n\r\n    font-size: 15px;\r\n\r\n    line-height: 1.9;\r\n\r\n    color: #4c4c4c;\r\n\r\n    text-align: justify;\r\n\r\n    text-justify: inter-word;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT CARD HOVER\r\n   ========================================================= *\/\r\n\r\n.edu-content-card:hover {\r\n    transform: translateY(-3px);\r\n\r\n    box-shadow:\r\n        0 14px 34px rgba(0,0,0,0.08);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n    .edu-activities {\r\n        padding: 0 20px;\r\n    }\r\n\r\n    .edu-title {\r\n        font-size: 30px;\r\n    }\r\n\r\n    .edu-single-image {\r\n        height: 290px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 650px) {\r\n\r\n    .edu-activities {\r\n        padding: 0 15px;\r\n    }\r\n\r\n\r\n    \/* Header *\/\r\n\r\n    .edu-header {\r\n        gap: 15px;\r\n\r\n        margin-bottom: 22px;\r\n    }\r\n\r\n    .edu-title {\r\n        font-size: 26px;\r\n    }\r\n\r\n\r\n    \/* Image *\/\r\n\r\n    .edu-single-image {\r\n        height: 220px;\r\n\r\n        margin-bottom: 18px;\r\n    }\r\n\r\n\r\n    \/* Content *\/\r\n\r\n    .edu-content-card {\r\n        padding: 25px 22px 27px;\r\n    }\r\n\r\n    .edu-text {\r\n        font-size: 14px;\r\n\r\n        line-height: 1.8;\r\n\r\n        text-align: left;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 420px) {\r\n\r\n    .edu-title {\r\n        font-size: 23px;\r\n    }\r\n\r\n    .edu-single-image {\r\n        height: 195px;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<!-- =========================================================\r\n     GROUP PROJECTS AND GROUP DISCUSSION\r\n     ========================================================= -->\r\n\r\n<div class=\"edu-activities\">\r\n\r\n\r\n    <!-- =====================================================\r\n         HEADER\r\n         ===================================================== -->\r\n\r\n    <div class=\"edu-header\">\r\n\r\n        <div class=\"edu-heading-content\">\r\n\r\n            <h2 class=\"edu-title\">\r\n                Group Projects and Group Discussion\r\n            <\/h2>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         SINGLE IMAGE\r\n         ===================================================== -->\r\n\r\n    <div class=\"edu-single-image\">\r\n\r\n        <img decoding=\"async\"\r\n            src=\"YOUR-IMAGE-URL.jpg\"\r\n            alt=\"\"\r\n        >\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         CONTENT\r\n         ===================================================== -->\r\n\r\n    <div class=\"edu-content-card\">\r\n\r\n        <p class=\"edu-text\">\r\n\r\n            Small-group interactive activities and sessions designed to promote collaborative learning, critical thinking, evidence-based decision-making, and effective communication through discussion of clinical problems and current concepts.\r\n\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8f554b4 elementor-widget elementor-widget-html\" data-id=\"8f554b4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\r\n\/* =========================================================\r\n   3.0 LECTURES\r\n   ========================================================= *\/\r\n\r\n.edu-activities {\r\n    width: 100%;\r\n    max-width: 1180px;\r\n    margin: 0 auto;\r\n    font-family: \"Rubik\", Arial, sans-serif;\r\n    color: #222;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SECTION HEADER\r\n   ========================================================= *\/\r\n\r\n.edu-header {\r\n    position: relative;\r\n\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 24px;\r\n\r\n    margin-bottom: 28px;\r\n}\r\n\r\n\r\n\/* Header Content *\/\r\n\r\n.edu-heading-content {\r\n    padding-top: 3px;\r\n}\r\n\r\n\r\n.edu-title {\r\n    margin: 0;\r\n\r\n    font-size: 34px;\r\n    line-height: 1.2;\r\n\r\n    font-weight: 700;\r\n\r\n    color: #202020;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SINGLE IMAGE\r\n   ========================================================= *\/\r\n\r\n.edu-single-image {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n    height: 330px;\r\n\r\n    overflow: hidden;\r\n\r\n    margin-bottom: 25px;\r\n\r\n    border-radius: 15px;\r\n\r\n    background: #f2f2f2;\r\n\r\n    border: 1px solid #eeeeee;\r\n\r\n    box-shadow:\r\n        0 7px 22px rgba(0,0,0,0.08);\r\n}\r\n\r\n\r\n\/* Image *\/\r\n\r\n.edu-single-image img {\r\n    display: block;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    object-fit: cover;\r\n\r\n    transition:\r\n        transform 0.5s ease;\r\n}\r\n\r\n\r\n\/* Hover *\/\r\n\r\n.edu-single-image:hover img {\r\n    transform: scale(1.04);\r\n}\r\n\r\n\r\n\/* Bottom Overlay *\/\r\n\r\n.edu-single-image::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n\r\n    height: 75px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            to top,\r\n            rgba(0,0,0,0.28),\r\n            transparent\r\n        );\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT CARD\r\n   ========================================================= *\/\r\n\r\n.edu-content-card {\r\n    position: relative;\r\n\r\n    padding: 30px 34px 32px;\r\n\r\n    background: #ffffff;\r\n\r\n    border: 1px solid #e5e5e5;\r\n\r\n    border-radius: 16px;\r\n\r\n    box-shadow:\r\n        0 8px 28px rgba(0,0,0,0.055);\r\n\r\n    overflow: hidden;\r\n\r\n    transition:\r\n        transform 0.3s ease,\r\n        box-shadow 0.3s ease;\r\n}\r\n\r\n\r\n\/* Decorative Left Border *\/\r\n\r\n.edu-content-card::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    top: 0;\r\n    left: 0;\r\n    bottom: 0;\r\n\r\n    width: 4px;\r\n\r\n    background: #a21c2d;\r\n}\r\n\r\n\r\n\/* Decorative Circle *\/\r\n\r\n.edu-content-card::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 180px;\r\n    height: 180px;\r\n\r\n    right: -95px;\r\n    bottom: -95px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #faf1f3;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT TEXT\r\n   ========================================================= *\/\r\n\r\n.edu-text {\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    margin: 0;\r\n\r\n    font-size: 15px;\r\n\r\n    line-height: 1.9;\r\n\r\n    color: #4c4c4c;\r\n\r\n    text-align: justify;\r\n\r\n    text-justify: inter-word;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT CARD HOVER\r\n   ========================================================= *\/\r\n\r\n.edu-content-card:hover {\r\n    transform: translateY(-3px);\r\n\r\n    box-shadow:\r\n        0 14px 34px rgba(0,0,0,0.08);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n    .edu-activities {\r\n        padding: 0 20px;\r\n    }\r\n\r\n    .edu-title {\r\n        font-size: 30px;\r\n    }\r\n\r\n    .edu-single-image {\r\n        height: 290px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 650px) {\r\n\r\n    .edu-activities {\r\n        padding: 0 15px;\r\n    }\r\n\r\n\r\n    \/* Header *\/\r\n\r\n    .edu-header {\r\n        gap: 15px;\r\n\r\n        margin-bottom: 22px;\r\n    }\r\n\r\n    .edu-title {\r\n        font-size: 26px;\r\n    }\r\n\r\n\r\n    \/* Image *\/\r\n\r\n    .edu-single-image {\r\n        height: 220px;\r\n\r\n        margin-bottom: 18px;\r\n    }\r\n\r\n\r\n    \/* Content *\/\r\n\r\n    .edu-content-card {\r\n        padding: 25px 22px 27px;\r\n    }\r\n\r\n    .edu-text {\r\n        font-size: 14px;\r\n\r\n        line-height: 1.8;\r\n\r\n        text-align: left;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 420px) {\r\n\r\n    .edu-title {\r\n        font-size: 23px;\r\n    }\r\n\r\n    .edu-single-image {\r\n        height: 195px;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<!-- =========================================================\r\n     LECTURES\r\n     ========================================================= -->\r\n\r\n<div class=\"edu-activities\">\r\n\r\n\r\n    <!-- =====================================================\r\n         HEADER\r\n         ===================================================== -->\r\n\r\n    <div class=\"edu-header\">\r\n\r\n        <div class=\"edu-heading-content\">\r\n\r\n            <h2 class=\"edu-title\">\r\n                Lectures\r\n            <\/h2>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         SINGLE IMAGE\r\n         ===================================================== -->\r\n\r\n    <div class=\"edu-single-image\">\r\n\r\n        <img decoding=\"async\"\r\n            src=\"YOUR-IMAGE-URL.jpg\"\r\n            alt=\"\"\r\n        >\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         CONTENT\r\n         ===================================================== -->\r\n\r\n    <div class=\"edu-content-card\">\r\n\r\n        <p class=\"edu-text\">\r\n\r\n            Structured lectures provide a systematic foundation in core and advanced concepts of Transfusion Medicine. Sessions integrate fundamental principles with current guidelines, recent advances, and evidence-based clinical practice to promote high-quality patient care.\r\n\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4dcc1a1 elementor-widget elementor-widget-html\" data-id=\"4dcc1a1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\r\n\/* =========================================================\r\n   4.0 SEMINARS\r\n   ========================================================= *\/\r\n\r\n.edu-activities {\r\n    width: 100%;\r\n    max-width: 1180px;\r\n    margin: 0 auto;\r\n    font-family: \"Rubik\", Arial, sans-serif;\r\n    color: #222;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SECTION HEADER\r\n   ========================================================= *\/\r\n\r\n.edu-header {\r\n    position: relative;\r\n\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 24px;\r\n\r\n    margin-bottom: 28px;\r\n}\r\n\r\n\r\n\/* Header Content *\/\r\n\r\n.edu-heading-content {\r\n    padding-top: 3px;\r\n}\r\n\r\n\r\n.edu-title {\r\n    margin: 0;\r\n\r\n    font-size: 34px;\r\n    line-height: 1.2;\r\n\r\n    font-weight: 700;\r\n\r\n    color: #202020;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SINGLE IMAGE\r\n   ========================================================= *\/\r\n\r\n.edu-single-image {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n    height: 330px;\r\n\r\n    overflow: hidden;\r\n\r\n    margin-bottom: 25px;\r\n\r\n    border-radius: 15px;\r\n\r\n    background: #f2f2f2;\r\n\r\n    border: 1px solid #eeeeee;\r\n\r\n    box-shadow:\r\n        0 7px 22px rgba(0,0,0,0.08);\r\n}\r\n\r\n\r\n\/* Image *\/\r\n\r\n.edu-single-image img {\r\n    display: block;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    object-fit: cover;\r\n\r\n    transition:\r\n        transform 0.5s ease;\r\n}\r\n\r\n\r\n\/* Hover *\/\r\n\r\n.edu-single-image:hover img {\r\n    transform: scale(1.04);\r\n}\r\n\r\n\r\n\/* Bottom Overlay *\/\r\n\r\n.edu-single-image::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n\r\n    height: 75px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            to top,\r\n            rgba(0,0,0,0.28),\r\n            transparent\r\n        );\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT CARD\r\n   ========================================================= *\/\r\n\r\n.edu-content-card {\r\n    position: relative;\r\n\r\n    padding: 30px 34px 32px;\r\n\r\n    background: #ffffff;\r\n\r\n    border: 1px solid #e5e5e5;\r\n\r\n    border-radius: 16px;\r\n\r\n    box-shadow:\r\n        0 8px 28px rgba(0,0,0,0.055);\r\n\r\n    overflow: hidden;\r\n\r\n    transition:\r\n        transform 0.3s ease,\r\n        box-shadow 0.3s ease;\r\n}\r\n\r\n\r\n\/* Decorative Left Border *\/\r\n\r\n.edu-content-card::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    top: 0;\r\n    left: 0;\r\n    bottom: 0;\r\n\r\n    width: 4px;\r\n\r\n    background: #a21c2d;\r\n}\r\n\r\n\r\n\/* Decorative Circle *\/\r\n\r\n.edu-content-card::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 180px;\r\n    height: 180px;\r\n\r\n    right: -95px;\r\n    bottom: -95px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #faf1f3;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT TEXT\r\n   ========================================================= *\/\r\n\r\n.edu-text {\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    margin: 0;\r\n\r\n    font-size: 15px;\r\n\r\n    line-height: 1.9;\r\n\r\n    color: #4c4c4c;\r\n\r\n    text-align: justify;\r\n\r\n    text-justify: inter-word;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT CARD HOVER\r\n   ========================================================= *\/\r\n\r\n.edu-content-card:hover {\r\n    transform: translateY(-3px);\r\n\r\n    box-shadow:\r\n        0 14px 34px rgba(0,0,0,0.08);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n    .edu-activities {\r\n        padding: 0 20px;\r\n    }\r\n\r\n    .edu-title {\r\n        font-size: 30px;\r\n    }\r\n\r\n    .edu-single-image {\r\n        height: 290px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 650px) {\r\n\r\n    .edu-activities {\r\n        padding: 0 15px;\r\n    }\r\n\r\n\r\n    \/* Header *\/\r\n\r\n    .edu-header {\r\n        gap: 15px;\r\n\r\n        margin-bottom: 22px;\r\n    }\r\n\r\n    .edu-title {\r\n        font-size: 26px;\r\n    }\r\n\r\n\r\n    \/* Image *\/\r\n\r\n    .edu-single-image {\r\n        height: 220px;\r\n\r\n        margin-bottom: 18px;\r\n    }\r\n\r\n\r\n    \/* Content *\/\r\n\r\n    .edu-content-card {\r\n        padding: 25px 22px 27px;\r\n    }\r\n\r\n    .edu-text {\r\n        font-size: 14px;\r\n\r\n        line-height: 1.8;\r\n\r\n        text-align: left;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 420px) {\r\n\r\n    .edu-title {\r\n        font-size: 23px;\r\n    }\r\n\r\n    .edu-single-image {\r\n        height: 195px;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<!-- =========================================================\r\n     SEMINARS\r\n     ========================================================= -->\r\n\r\n<div class=\"edu-activities\">\r\n\r\n\r\n    <!-- =====================================================\r\n         HEADER\r\n         ===================================================== -->\r\n\r\n    <div class=\"edu-header\">\r\n\r\n        <div class=\"edu-heading-content\">\r\n\r\n            <h2 class=\"edu-title\">\r\n                Seminars\r\n            <\/h2>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         SINGLE IMAGE\r\n         ===================================================== -->\r\n\r\n    <div class=\"edu-single-image\">\r\n\r\n        <img decoding=\"async\"\r\n            src=\"YOUR-IMAGE-URL.jpg\"\r\n            alt=\"\"\r\n        >\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         CONTENT\r\n         ===================================================== -->\r\n\r\n    <div class=\"edu-content-card\">\r\n\r\n        <p class=\"edu-text\">\r\n\r\n            Resident-led seminars promote independent learning, scientific communication, presentation skills, and scholarly discussion under faculty supervision.\r\n\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-00b7f15 elementor-widget elementor-widget-html\" data-id=\"00b7f15\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\r\n\/* =========================================================\r\n   5.0 \/ 6.0 \/ 7.0 EDUCATIONAL ACTIVITIES\r\n   ========================================================= *\/\r\n\r\n.edu-activities {\r\n    width: 100%;\r\n    max-width: 1180px;\r\n    margin: 0 auto;\r\n    font-family: \"Rubik\", Arial, sans-serif;\r\n    color: #222;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SECTION HEADER\r\n   ========================================================= *\/\r\n\r\n.edu-header {\r\n    position: relative;\r\n\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 24px;\r\n\r\n    margin-bottom: 28px;\r\n}\r\n\r\n\r\n\/* Header Content *\/\r\n\r\n.edu-heading-content {\r\n    padding-top: 3px;\r\n}\r\n\r\n\r\n.edu-title {\r\n    margin: 0;\r\n\r\n    font-size: 34px;\r\n    line-height: 1.2;\r\n\r\n    font-weight: 700;\r\n\r\n    color: #202020;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SINGLE IMAGE\r\n   ========================================================= *\/\r\n\r\n.edu-single-image {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n    height: 330px;\r\n\r\n    overflow: hidden;\r\n\r\n    margin-bottom: 25px;\r\n\r\n    border-radius: 15px;\r\n\r\n    background: #f2f2f2;\r\n\r\n    border: 1px solid #eeeeee;\r\n\r\n    box-shadow:\r\n        0 7px 22px rgba(0,0,0,0.08);\r\n}\r\n\r\n\r\n.edu-single-image img {\r\n    display: block;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    object-fit: cover;\r\n\r\n    transition:\r\n        transform 0.5s ease;\r\n}\r\n\r\n\r\n.edu-single-image:hover img {\r\n    transform: scale(1.04);\r\n}\r\n\r\n\r\n.edu-single-image::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n\r\n    height: 75px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            to top,\r\n            rgba(0,0,0,0.28),\r\n            transparent\r\n        );\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT CARD\r\n   ========================================================= *\/\r\n\r\n.edu-content-card {\r\n    position: relative;\r\n\r\n    padding: 30px 34px 33px;\r\n\r\n    background: #ffffff;\r\n\r\n    border: 1px solid #e5e5e5;\r\n\r\n    border-radius: 16px;\r\n\r\n    box-shadow:\r\n        0 8px 28px rgba(0,0,0,0.055);\r\n\r\n    overflow: hidden;\r\n\r\n    transition:\r\n        transform 0.3s ease,\r\n        box-shadow 0.3s ease;\r\n}\r\n\r\n\r\n\/* Decorative Left Border *\/\r\n\r\n.edu-content-card::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    top: 0;\r\n    left: 0;\r\n    bottom: 0;\r\n\r\n    width: 4px;\r\n\r\n    background: #a21c2d;\r\n}\r\n\r\n\r\n\/* Decorative Circle *\/\r\n\r\n.edu-content-card::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 180px;\r\n    height: 180px;\r\n\r\n    right: -95px;\r\n    bottom: -95px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #faf1f3;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT TEXT\r\n   ========================================================= *\/\r\n\r\n.edu-text {\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    margin: 0;\r\n\r\n    font-size: 15px;\r\n\r\n    line-height: 1.9;\r\n\r\n    color: #4c4c4c;\r\n\r\n    text-align: justify;\r\n\r\n    text-justify: inter-word;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT CARD HOVER\r\n   ========================================================= *\/\r\n\r\n.edu-content-card:hover {\r\n    transform: translateY(-3px);\r\n\r\n    box-shadow:\r\n        0 14px 34px rgba(0,0,0,0.08);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n    .edu-activities {\r\n        padding: 0 20px;\r\n    }\r\n\r\n    .edu-title {\r\n        font-size: 30px;\r\n    }\r\n\r\n    .edu-single-image {\r\n        height: 290px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 650px) {\r\n\r\n    .edu-activities {\r\n        padding: 0 15px;\r\n    }\r\n\r\n\r\n    .edu-header {\r\n        gap: 15px;\r\n\r\n        margin-bottom: 22px;\r\n    }\r\n\r\n\r\n    .edu-title {\r\n        font-size: 26px;\r\n    }\r\n\r\n\r\n    .edu-single-image {\r\n        height: 220px;\r\n\r\n        margin-bottom: 18px;\r\n    }\r\n\r\n\r\n    .edu-content-card {\r\n        padding: 25px 22px 27px;\r\n    }\r\n\r\n\r\n    .edu-text {\r\n        font-size: 14px;\r\n\r\n        line-height: 1.8;\r\n\r\n        text-align: left;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 420px) {\r\n\r\n    .edu-title {\r\n        font-size: 23px;\r\n    }\r\n\r\n\r\n    .edu-single-image {\r\n        height: 195px;\r\n    }\r\n\r\n}\r\n\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<!-- =========================================================\r\n     JOURNAL CLUB\r\n     ========================================================= -->\r\n\r\n<div class=\"edu-activities\">\r\n\r\n\r\n    <div class=\"edu-header\">\r\n\r\n        <div class=\"edu-heading-content\">\r\n\r\n            <h2 class=\"edu-title\">\r\n                Journal Club\r\n            <\/h2>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- ONE IMAGE -->\r\n\r\n    <div class=\"edu-single-image\">\r\n\r\n        <img decoding=\"async\"\r\n            src=\"YOUR-5-IMAGE-URL.jpg\"\r\n            alt=\"\"\r\n        >\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- EXACT CONTENT -->\r\n\r\n    <div class=\"edu-content-card\">\r\n\r\n        <p class=\"edu-text\">\r\n\r\n            Regular appraisal of contemporary scientific literature to strengthen research methodology, critical appraisal skills, and evidence-based clinical practice.\r\n\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<!-- =========================================================\r\n     CASE DISCUSSIONS\r\n     ========================================================= -->\r\n\r\n<div class=\"edu-activities\">\r\n\r\n\r\n    <div class=\"edu-header\">\r\n\r\n        <div class=\"edu-heading-content\">\r\n\r\n            <h2 class=\"edu-title\">\r\n                Case Discussions\r\n            <\/h2>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- ONE IMAGE -->\r\n\r\n    <div class=\"edu-single-image\">\r\n\r\n        <img decoding=\"async\"\r\n            src=\"YOUR-6-IMAGE-URL.jpg\"\r\n            alt=\"\"\r\n        >\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- EXACT CONTENT -->\r\n\r\n    <div class=\"edu-content-card\">\r\n\r\n        <p class=\"edu-text\">\r\n\r\n            Interactive case discussions emphasizing clinical reasoning, immunohematological problem-solving, and multidisciplinary management of patients requiring transfusion support.\r\n\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<!-- =========================================================\r\n     LABORATORY TRAINING\r\n     ========================================================= -->\r\n\r\n<div class=\"edu-activities\">\r\n\r\n\r\n    <div class=\"edu-header\">\r\n\r\n        <div class=\"edu-heading-content\">\r\n\r\n            <h2 class=\"edu-title\">\r\n                Laboratory Training\r\n            <\/h2>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- ONE IMAGE -->\r\n\r\n    <div class=\"edu-single-image\">\r\n\r\n        <img decoding=\"async\"\r\n            src=\"YOUR-7-IMAGE-URL.jpg\"\r\n            alt=\"\"\r\n        >\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- EXACT CONTENT -->\r\n\r\n    <div class=\"edu-content-card\">\r\n\r\n        <p class=\"edu-text\">\r\n\r\n            Hands-on training in donor services, component preparation, immunohematology, transfusion-transmitted infection testing, apheresis, quality assurance, and advanced laboratory techniques.\r\n\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3e32718 elementor-widget elementor-widget-html\" data-id=\"3e32718\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\r\n\/* =========================================================\r\n   8.0 SELF-DIRECTED LEARNING (SDL)\r\n   ========================================================= *\/\r\n\r\n.edu-activities {\r\n    width: 100%;\r\n    max-width: 1180px;\r\n    margin: 0 auto 45px;\r\n    font-family: \"Rubik\", Arial, sans-serif;\r\n    color: #222;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SECTION HEADER\r\n   ========================================================= *\/\r\n\r\n.edu-header {\r\n    position: relative;\r\n\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 24px;\r\n\r\n    margin-bottom: 28px;\r\n}\r\n\r\n\r\n\/* Header Content *\/\r\n\r\n.edu-heading-content {\r\n    padding-top: 3px;\r\n}\r\n\r\n\r\n.edu-title {\r\n    margin: 0;\r\n\r\n    font-size: 34px;\r\n    line-height: 1.2;\r\n\r\n    font-weight: 700;\r\n\r\n    color: #202020;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT CARD\r\n   ========================================================= *\/\r\n\r\n.edu-content-card {\r\n    position: relative;\r\n\r\n    padding: 30px 34px 32px;\r\n\r\n    background: #ffffff;\r\n\r\n    border: 1px solid #e5e5e5;\r\n\r\n    border-radius: 16px;\r\n\r\n    box-shadow:\r\n        0 8px 28px rgba(0,0,0,0.055);\r\n\r\n    overflow: hidden;\r\n\r\n    transition:\r\n        transform 0.3s ease,\r\n        box-shadow 0.3s ease;\r\n}\r\n\r\n\r\n\/* Decorative Left Border *\/\r\n\r\n.edu-content-card::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    top: 0;\r\n    left: 0;\r\n    bottom: 0;\r\n\r\n    width: 4px;\r\n\r\n    background: #a21c2d;\r\n}\r\n\r\n\r\n\/* Decorative Circle *\/\r\n\r\n.edu-content-card::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 180px;\r\n    height: 180px;\r\n\r\n    right: -95px;\r\n    bottom: -95px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #faf1f3;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT TEXT\r\n   ========================================================= *\/\r\n\r\n.edu-text {\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    margin: 0;\r\n\r\n    font-size: 15px;\r\n\r\n    line-height: 1.9;\r\n\r\n    color: #4c4c4c;\r\n\r\n    text-align: justify;\r\n\r\n    text-justify: inter-word;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT CARD HOVER\r\n   ========================================================= *\/\r\n\r\n.edu-content-card:hover {\r\n    transform: translateY(-3px);\r\n\r\n    box-shadow:\r\n        0 14px 34px rgba(0,0,0,0.08);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n    .edu-activities {\r\n        padding: 0 20px;\r\n    }\r\n\r\n    .edu-title {\r\n        font-size: 30px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 650px) {\r\n\r\n    .edu-activities {\r\n        padding: 0 15px;\r\n        margin-bottom: 32px;\r\n    }\r\n\r\n\r\n    .edu-header {\r\n        gap: 15px;\r\n\r\n        margin-bottom: 22px;\r\n    }\r\n\r\n\r\n    .edu-title {\r\n        font-size: 26px;\r\n    }\r\n\r\n\r\n    .edu-content-card {\r\n        padding: 25px 22px 27px;\r\n    }\r\n\r\n\r\n    .edu-text {\r\n        font-size: 14px;\r\n\r\n        line-height: 1.8;\r\n\r\n        text-align: left;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 420px) {\r\n\r\n    .edu-title {\r\n        font-size: 23px;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<!-- =========================================================\r\n     SELF-DIRECTED LEARNING (SDL)\r\n     ========================================================= -->\r\n\r\n<div class=\"edu-activities\">\r\n\r\n\r\n    <!-- =====================================================\r\n         HEADER\r\n         ===================================================== -->\r\n\r\n    <div class=\"edu-header\">\r\n\r\n        <div class=\"edu-heading-content\">\r\n\r\n            <h2 class=\"edu-title\">\r\n                Self-Directed Learning (SDL)\r\n            <\/h2>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         CONTENT\r\n         ===================================================== -->\r\n\r\n    <div class=\"edu-content-card\">\r\n\r\n        <p class=\"edu-text\">\r\n\r\n            Independent learning through guided assignments, literature review, online resources, and reflective practice to foster lifelong learning and professional development.\r\n\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2f5642e elementor-widget elementor-widget-html\" data-id=\"2f5642e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\r\n\/* =========================================================\r\n   9.0 TRANSFUSION MEDICINE LEARNING MUSEUM\r\n   ========================================================= *\/\r\n\r\n.edu-museum {\r\n    width: 100%;\r\n    max-width: 1180px;\r\n    margin: 0 auto 45px;\r\n\r\n    font-family: \"Rubik\", Arial, sans-serif;\r\n\r\n    color: #222;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SECTION HEADER\r\n   ========================================================= *\/\r\n\r\n.edu-museum-header {\r\n    position: relative;\r\n\r\n    display: flex;\r\n    align-items: flex-start;\r\n\r\n    gap: 24px;\r\n\r\n    margin-bottom: 28px;\r\n}\r\n\r\n\r\n\/* Header Content *\/\r\n\r\n.edu-museum-heading {\r\n    padding-top: 3px;\r\n}\r\n\r\n\r\n\/* Title *\/\r\n\r\n.edu-museum-title {\r\n    margin: 0;\r\n\r\n    font-size: 34px;\r\n\r\n    line-height: 1.25;\r\n\r\n    font-weight: 700;\r\n\r\n    color: #202020;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FULL WIDTH IMAGE\r\n   ========================================================= *\/\r\n\r\n.edu-museum-main-image {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    height: 330px;\r\n\r\n    margin-bottom: 25px;\r\n\r\n    overflow: hidden;\r\n\r\n    border-radius: 15px;\r\n\r\n    background: #f2f2f2;\r\n\r\n    border: 1px solid #eeeeee;\r\n\r\n    box-shadow:\r\n        0 7px 22px rgba(0,0,0,0.08);\r\n}\r\n\r\n\r\n\/* Image *\/\r\n\r\n.edu-museum-main-image img {\r\n    display: block;\r\n\r\n    width: 100%;\r\n\r\n    height: 100%;\r\n\r\n    object-fit: cover;\r\n\r\n    transition:\r\n        transform 0.5s ease;\r\n}\r\n\r\n\r\n\/* Hover *\/\r\n\r\n.edu-museum-main-image:hover img {\r\n    transform: scale(1.04);\r\n}\r\n\r\n\r\n\/* Bottom Overlay *\/\r\n\r\n.edu-museum-main-image::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    left: 0;\r\n\r\n    right: 0;\r\n\r\n    bottom: 0;\r\n\r\n    height: 75px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            to top,\r\n            rgba(0,0,0,0.28),\r\n            transparent\r\n        );\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TWO COLUMN AREA\r\n   30% \/ 70%\r\n   ========================================================= *\/\r\n\r\n.edu-museum-columns {\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        30% 70%;\r\n\r\n    gap: 20px;\r\n\r\n    align-items: stretch;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEFT IMAGE - 30%\r\n   ========================================================= *\/\r\n\r\n.edu-museum-side-image {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    min-height: 100%;\r\n\r\n    overflow: hidden;\r\n\r\n    border-radius: 15px;\r\n\r\n    background: #f2f2f2;\r\n\r\n    border: 1px solid #eeeeee;\r\n\r\n    box-shadow:\r\n        0 7px 22px rgba(0,0,0,0.08);\r\n}\r\n\r\n\r\n\/* Image *\/\r\n\r\n.edu-museum-side-image img {\r\n    display: block;\r\n\r\n    width: 100%;\r\n\r\n    height: 100%;\r\n\r\n    min-height: 350px;\r\n\r\n    object-fit: cover;\r\n\r\n    transition:\r\n        transform 0.5s ease;\r\n}\r\n\r\n\r\n\/* Hover *\/\r\n\r\n.edu-museum-side-image:hover img {\r\n    transform: scale(1.04);\r\n}\r\n\r\n\r\n\/* Overlay *\/\r\n\r\n.edu-museum-side-image::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    left: 0;\r\n\r\n    right: 0;\r\n\r\n    bottom: 0;\r\n\r\n    height: 70px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            to top,\r\n            rgba(0,0,0,0.25),\r\n            transparent\r\n        );\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RIGHT CONTENT - 70%\r\n   ========================================================= *\/\r\n\r\n.edu-museum-content {\r\n    position: relative;\r\n\r\n    padding: 30px 34px 32px;\r\n\r\n    background: #ffffff;\r\n\r\n    border: 1px solid #e5e5e5;\r\n\r\n    border-radius: 16px;\r\n\r\n    box-shadow:\r\n        0 8px 28px rgba(0,0,0,0.055);\r\n\r\n    overflow: hidden;\r\n\r\n    transition:\r\n        transform 0.3s ease,\r\n        box-shadow 0.3s ease;\r\n}\r\n\r\n\r\n\/* Decorative Left Border *\/\r\n\r\n.edu-museum-content::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    top: 0;\r\n\r\n    left: 0;\r\n\r\n    bottom: 0;\r\n\r\n    width: 4px;\r\n\r\n    background: #a21c2d;\r\n}\r\n\r\n\r\n\/* Decorative Circle *\/\r\n\r\n.edu-museum-content::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 180px;\r\n\r\n    height: 180px;\r\n\r\n    right: -95px;\r\n\r\n    bottom: -95px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #faf1f3;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT\r\n   ========================================================= *\/\r\n\r\n.edu-museum-text {\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    margin: 0;\r\n\r\n    font-size: 15px;\r\n\r\n    line-height: 1.9;\r\n\r\n    color: #4c4c4c;\r\n\r\n    text-align: justify;\r\n\r\n    text-justify: inter-word;\r\n}\r\n\r\n\r\n\/* Paragraph spacing *\/\r\n\r\n.edu-museum-text + .edu-museum-text {\r\n    margin-top: 18px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT HOVER\r\n   ========================================================= *\/\r\n\r\n.edu-museum-content:hover {\r\n    transform: translateY(-3px);\r\n\r\n    box-shadow:\r\n        0 14px 34px rgba(0,0,0,0.08);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n    .edu-museum {\r\n        padding: 0 20px;\r\n    }\r\n\r\n\r\n    .edu-museum-title {\r\n        font-size: 30px;\r\n    }\r\n\r\n\r\n    .edu-museum-main-image {\r\n        height: 290px;\r\n    }\r\n\r\n\r\n    .edu-museum-columns {\r\n        grid-template-columns:\r\n            35% 65%;\r\n    }\r\n\r\n\r\n    .edu-museum-content {\r\n        padding: 27px 28px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 650px) {\r\n\r\n    .edu-museum {\r\n        padding: 0 15px;\r\n\r\n        margin-bottom: 32px;\r\n    }\r\n\r\n\r\n    \/* Header *\/\r\n\r\n    .edu-museum-header {\r\n        gap: 15px;\r\n\r\n        margin-bottom: 22px;\r\n    }\r\n\r\n\r\n    .edu-museum-title {\r\n        font-size: 26px;\r\n    }\r\n\r\n\r\n    \/* Main Image *\/\r\n\r\n    .edu-museum-main-image {\r\n        height: 220px;\r\n\r\n        margin-bottom: 18px;\r\n    }\r\n\r\n\r\n    \/* Columns become stacked *\/\r\n\r\n    .edu-museum-columns {\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 18px;\r\n    }\r\n\r\n\r\n    \/* Side Image *\/\r\n\r\n    .edu-museum-side-image {\r\n        height: 220px;\r\n\r\n        min-height: 0;\r\n    }\r\n\r\n\r\n    .edu-museum-side-image img {\r\n        min-height: 0;\r\n\r\n        height: 220px;\r\n    }\r\n\r\n\r\n    \/* Content *\/\r\n\r\n    .edu-museum-content {\r\n        padding: 25px 22px 27px;\r\n    }\r\n\r\n\r\n    .edu-museum-text {\r\n        font-size: 14px;\r\n\r\n        line-height: 1.8;\r\n\r\n        text-align: left;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 420px) {\r\n\r\n    .edu-museum-title {\r\n        font-size: 23px;\r\n    }\r\n\r\n\r\n    .edu-museum-main-image {\r\n        height: 195px;\r\n    }\r\n\r\n\r\n    .edu-museum-side-image,\r\n    .edu-museum-side-image img {\r\n        height: 195px;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<!-- =========================================================\r\n     TRANSFUSION MEDICINE LEARNING MUSEUM\r\n     ========================================================= -->\r\n\r\n<div class=\"edu-museum\">\r\n\r\n\r\n    <!-- =====================================================\r\n         HEADER\r\n         ===================================================== -->\r\n\r\n    <div class=\"edu-museum-header\">\r\n\r\n        <div class=\"edu-museum-heading\">\r\n\r\n            <h2 class=\"edu-museum-title\">\r\n                Transfusion Medicine Learning Museum: Transforming Concepts into Visual Learning\r\n            <\/h2>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         FULL WIDTH IMAGE\r\n         ===================================================== -->\r\n\r\n    <div class=\"edu-museum-main-image\">\r\n\r\n        <img decoding=\"async\"\r\n            src=\"YOUR-FULL-WIDTH-IMAGE-URL.jpg\"\r\n            alt=\"\"\r\n        >\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         30% IMAGE + 70% CONTENT\r\n         ===================================================== -->\r\n\r\n    <div class=\"edu-museum-columns\">\r\n\r\n\r\n        <!-- =================================================\r\n             LEFT - 30% IMAGE\r\n             ================================================= -->\r\n\r\n        <div class=\"edu-museum-side-image\">\r\n\r\n            <img decoding=\"async\"\r\n                src=\"YOUR-SIDE-IMAGE-URL.jpg\"\r\n                alt=\"\"\r\n            >\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             RIGHT - 70% CONTENT\r\n             ================================================= -->\r\n\r\n        <div class=\"edu-museum-content\">\r\n\r\n\r\n            <p class=\"edu-museum-text\">\r\n\r\n                The Transfusion Medicine Learning Museum is an innovative educational initiative of the Department of Immunohematology &amp; Blood Transfusion. It displays educational models, three-dimensional exhibits, mounted specimens, and concept demonstrations prepared by faculty and MD Transfusion Medicine residents as part of their academic learning.\r\n\r\n            <\/p>\r\n\r\n\r\n            <p class=\"edu-museum-text\">\r\n\r\n                The museum helps students understand complex concepts through visual and hands-on learning. It encourages creativity, improves understanding, and makes learning more interesting, interactive, and memorable.\r\n\r\n            <\/p>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cf88699 elementor-widget elementor-widget-html\" data-id=\"cf88699\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\r\n\/* =========================================================\r\n   10.0 \/ 11.0 \/ 12.0 \/ 13.0 EDUCATIONAL ACTIVITIES\r\n   ========================================================= *\/\r\n\r\n.edu-activities {\r\n    width: 100%;\r\n    max-width: 1180px;\r\n    margin: 0 auto 45px;\r\n\r\n    font-family: \"Rubik\", Arial, sans-serif;\r\n\r\n    color: #222;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SECTION HEADER\r\n   ========================================================= *\/\r\n\r\n.edu-header {\r\n    position: relative;\r\n\r\n    display: flex;\r\n    align-items: flex-start;\r\n\r\n    gap: 24px;\r\n\r\n    margin-bottom: 28px;\r\n}\r\n\r\n\r\n\/* Header Content *\/\r\n\r\n.edu-heading-content {\r\n    padding-top: 3px;\r\n}\r\n\r\n\r\n\/* Title *\/\r\n\r\n.edu-title {\r\n    margin: 0;\r\n\r\n    font-size: 34px;\r\n\r\n    line-height: 1.25;\r\n\r\n    font-weight: 700;\r\n\r\n    color: #202020;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SINGLE IMAGE\r\n   ========================================================= *\/\r\n\r\n.edu-single-image {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    height: 330px;\r\n\r\n    overflow: hidden;\r\n\r\n    margin-bottom: 25px;\r\n\r\n    border-radius: 15px;\r\n\r\n    background: #f2f2f2;\r\n\r\n    border: 1px solid #eeeeee;\r\n\r\n    box-shadow:\r\n        0 7px 22px rgba(0,0,0,0.08);\r\n}\r\n\r\n\r\n\/* Image *\/\r\n\r\n.edu-single-image img {\r\n    display: block;\r\n\r\n    width: 100%;\r\n\r\n    height: 100%;\r\n\r\n    object-fit: cover;\r\n\r\n    transition:\r\n        transform 0.5s ease;\r\n}\r\n\r\n\r\n\/* Hover *\/\r\n\r\n.edu-single-image:hover img {\r\n    transform: scale(1.04);\r\n}\r\n\r\n\r\n\/* Bottom Overlay *\/\r\n\r\n.edu-single-image::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    left: 0;\r\n\r\n    right: 0;\r\n\r\n    bottom: 0;\r\n\r\n    height: 75px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            to top,\r\n            rgba(0,0,0,0.28),\r\n            transparent\r\n        );\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT CARD\r\n   ========================================================= *\/\r\n\r\n.edu-content-card {\r\n    position: relative;\r\n\r\n    padding: 30px 34px 32px;\r\n\r\n    background: #ffffff;\r\n\r\n    border: 1px solid #e5e5e5;\r\n\r\n    border-radius: 16px;\r\n\r\n    box-shadow:\r\n        0 8px 28px rgba(0,0,0,0.055);\r\n\r\n    overflow: hidden;\r\n\r\n    transition:\r\n        transform 0.3s ease,\r\n        box-shadow 0.3s ease;\r\n}\r\n\r\n\r\n\/* Decorative Left Border *\/\r\n\r\n.edu-content-card::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    top: 0;\r\n\r\n    left: 0;\r\n\r\n    bottom: 0;\r\n\r\n    width: 4px;\r\n\r\n    background: #a21c2d;\r\n}\r\n\r\n\r\n\/* Decorative Circle *\/\r\n\r\n.edu-content-card::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 180px;\r\n\r\n    height: 180px;\r\n\r\n    right: -95px;\r\n\r\n    bottom: -95px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #faf1f3;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT TEXT\r\n   ========================================================= *\/\r\n\r\n.edu-text {\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    margin: 0;\r\n\r\n    font-size: 15px;\r\n\r\n    line-height: 1.9;\r\n\r\n    color: #4c4c4c;\r\n\r\n    text-align: justify;\r\n\r\n    text-justify: inter-word;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT CARD HOVER\r\n   ========================================================= *\/\r\n\r\n.edu-content-card:hover {\r\n    transform: translateY(-3px);\r\n\r\n    box-shadow:\r\n        0 14px 34px rgba(0,0,0,0.08);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n    .edu-activities {\r\n        padding: 0 20px;\r\n    }\r\n\r\n    .edu-title {\r\n        font-size: 30px;\r\n    }\r\n\r\n    .edu-single-image {\r\n        height: 290px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 650px) {\r\n\r\n    .edu-activities {\r\n        padding: 0 15px;\r\n\r\n        margin-bottom: 32px;\r\n    }\r\n\r\n\r\n    .edu-header {\r\n        gap: 15px;\r\n\r\n        margin-bottom: 22px;\r\n    }\r\n\r\n\r\n    .edu-title {\r\n        font-size: 26px;\r\n    }\r\n\r\n\r\n    .edu-single-image {\r\n        height: 220px;\r\n\r\n        margin-bottom: 18px;\r\n    }\r\n\r\n\r\n    .edu-content-card {\r\n        padding: 25px 22px 27px;\r\n    }\r\n\r\n\r\n    .edu-text {\r\n        font-size: 14px;\r\n\r\n        line-height: 1.8;\r\n\r\n        text-align: left;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 420px) {\r\n\r\n    .edu-title {\r\n        font-size: 23px;\r\n    }\r\n\r\n\r\n    .edu-single-image {\r\n        height: 195px;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<!-- =========================================================\r\n     GUEST LECTURES\r\n     ========================================================= -->\r\n\r\n<div class=\"edu-activities\">\r\n\r\n\r\n    <div class=\"edu-header\">\r\n\r\n        <div class=\"edu-heading-content\">\r\n\r\n            <h2 class=\"edu-title\">\r\n                Guest Lectures\r\n            <\/h2>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- ONE IMAGE -->\r\n\r\n    <div class=\"edu-single-image\">\r\n\r\n        <img decoding=\"async\"\r\n            src=\"YOUR-10-IMAGE-URL.jpg\"\r\n            alt=\"\"\r\n        >\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- EXACT CONTENT -->\r\n\r\n    <div class=\"edu-content-card\">\r\n\r\n        <p class=\"edu-text\">\r\n\r\n            Expert lectures by distinguished national and international faculty on recent advances, emerging technologies, and evolving practices in Transfusion Medicine.\r\n\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<!-- =========================================================\r\n     MICROTEACHING\r\n     ========================================================= -->\r\n\r\n<div class=\"edu-activities\">\r\n\r\n\r\n    <div class=\"edu-header\">\r\n\r\n        <div class=\"edu-heading-content\">\r\n\r\n            <h2 class=\"edu-title\">\r\n                Microteaching\r\n            <\/h2>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- ONE IMAGE -->\r\n\r\n    <div class=\"edu-single-image\">\r\n\r\n        <img decoding=\"async\"\r\n            src=\"YOUR-11-IMAGE-URL.jpg\"\r\n            alt=\"\"\r\n        >\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- EXACT CONTENT -->\r\n\r\n    <div class=\"edu-content-card\">\r\n\r\n        <p class=\"edu-text\">\r\n\r\n            Short, supervised teaching sessions aimed at improving instructional techniques, communication skills, confidence, and feedback-based learning.\r\n\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<!-- =========================================================\r\n     CONTINUOUS QUALITY IMPROVEMENT (CQI) MEETINGS\r\n     ========================================================= -->\r\n\r\n<div class=\"edu-activities\">\r\n\r\n\r\n    <div class=\"edu-header\">\r\n\r\n        <div class=\"edu-heading-content\">\r\n\r\n            <h2 class=\"edu-title\">\r\n                Continuous Quality Improvement (CQI) Meetings\r\n            <\/h2>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- ONE IMAGE -->\r\n\r\n    <div class=\"edu-single-image\">\r\n\r\n        <img decoding=\"async\"\r\n            src=\"YOUR-12-IMAGE-URL.jpg\"\r\n            alt=\"\"\r\n        >\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- EXACT CONTENT -->\r\n\r\n    <div class=\"edu-content-card\">\r\n\r\n        <p class=\"edu-text\">\r\n\r\n            Regular review of quality indicators, transfusion practices, adverse events, and departmental performance to ensure continuous quality improvement and patient safety.\r\n\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<!-- =========================================================\r\n     CLINICAL AUDITS\r\n     ========================================================= -->\r\n\r\n<div class=\"edu-activities\">\r\n\r\n\r\n    <div class=\"edu-header\">\r\n\r\n        <div class=\"edu-heading-content\">\r\n\r\n            <h2 class=\"edu-title\">\r\n                Clinical Audits\r\n            <\/h2>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- ONE IMAGE -->\r\n\r\n    <div class=\"edu-single-image\">\r\n\r\n        <img decoding=\"async\"\r\n            src=\"YOUR-13-IMAGE-URL.jpg\"\r\n            alt=\"\"\r\n        >\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- EXACT CONTENT -->\r\n\r\n    <div class=\"edu-content-card\">\r\n\r\n        <p class=\"edu-text\">\r\n\r\n            Systematic evaluation of CQI indicators, transfusion practices, blood utilization, guideline adherence, and clinical outcomes to promote evidence-based practice and continual improvement in healthcare delivery.\r\n\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-76e0148 elementor-widget elementor-widget-menu-anchor\" data-id=\"76e0148\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"Services\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7f3c079 elementor-widget elementor-widget-html\" data-id=\"7f3c079\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\r\n\/* =========================================================\r\n   SERVICES - NEW DESIGN CONCEPT\r\n   1. BLOOD DONATION SERVICES\r\n   ========================================================= *\/\r\n\r\n.service-section {\r\n    width: 100%;\r\n    max-width: 1180px;\r\n    margin: 0 auto 50px;\r\n    font-family: \"Rubik\", Arial, sans-serif;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN SERVICE CARD\r\n   ========================================================= *\/\r\n\r\n.service-card {\r\n    position: relative;\r\n    overflow: hidden;\r\n\r\n    display: grid;\r\n    grid-template-columns: 34% 66%;\r\n\r\n    min-height: 390px;\r\n\r\n    background: #ffffff;\r\n\r\n    border: 1px solid #e7e7e7;\r\n    border-radius: 24px;\r\n\r\n    box-shadow:\r\n        0 12px 35px rgba(0,0,0,0.06);\r\n\r\n    transition:\r\n        transform 0.35s ease,\r\n        box-shadow 0.35s ease;\r\n}\r\n\r\n.service-card:hover {\r\n    transform: translateY(-5px);\r\n\r\n    box-shadow:\r\n        0 20px 45px rgba(0,0,0,0.10);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEFT VISUAL PANEL\r\n   ========================================================= *\/\r\n\r\n.service-visual {\r\n    position: relative;\r\n    overflow: hidden;\r\n\r\n    display: flex;\r\n    align-items: flex-end;\r\n\r\n    padding: 35px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            #fff1f3 0%,\r\n            #fbe2e6 48%,\r\n            #f8f7f7 100%\r\n        );\r\n}\r\n\r\n\r\n\/* Decorative Circle *\/\r\n\r\n.service-visual::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 270px;\r\n    height: 270px;\r\n\r\n    top: -100px;\r\n    left: -90px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: rgba(162,28,45,0.08);\r\n}\r\n\r\n\r\n\/* Decorative Circle 2 *\/\r\n\r\n.service-visual::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 190px;\r\n    height: 190px;\r\n\r\n    right: -90px;\r\n    bottom: -90px;\r\n\r\n    border-radius: 50%;\r\n\r\n    border: 35px solid rgba(162,28,45,0.06);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SERVICE NUMBER\r\n   ========================================================= *\/\r\n\r\n.service-number {\r\n    position: absolute;\r\n\r\n    top: 28px;\r\n    left: 35px;\r\n\r\n    z-index: 3;\r\n\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 1px;\r\n\r\n    color: #a21c2d;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ICON\r\n   ========================================================= *\/\r\n\r\n.service-icon {\r\n    position: relative;\r\n\r\n    z-index: 3;\r\n\r\n    width: 105px;\r\n    height: 105px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border-radius: 28px;\r\n\r\n    background: #a21c2d;\r\n\r\n    color: #ffffff;\r\n\r\n    font-size: 42px;\r\n\r\n    box-shadow:\r\n        0 15px 30px rgba(162,28,45,0.20);\r\n\r\n    transition:\r\n        transform 0.35s ease;\r\n}\r\n\r\n.service-card:hover .service-icon {\r\n    transform:\r\n        translateY(-5px)\r\n        rotate(-3deg);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RIGHT CONTENT\r\n   ========================================================= *\/\r\n\r\n.service-content {\r\n    position: relative;\r\n\r\n    padding: 48px 50px;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n}\r\n\r\n\r\n\/* Small Label *\/\r\n\r\n.service-label {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n\r\n    width: fit-content;\r\n\r\n    margin-bottom: 13px;\r\n\r\n    padding: 7px 12px;\r\n\r\n    border-radius: 30px;\r\n\r\n    background: #faf0f2;\r\n\r\n    color: #a21c2d;\r\n\r\n    font-size: 10px;\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 1px;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n.service-label::before {\r\n    content: \"\";\r\n\r\n    width: 6px;\r\n    height: 6px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #a21c2d;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TITLE\r\n   ========================================================= *\/\r\n\r\n.service-title {\r\n    margin: 0 0 18px;\r\n\r\n    font-size: 32px;\r\n\r\n    line-height: 1.25;\r\n\r\n    font-weight: 700;\r\n\r\n    color: #202020;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESCRIPTION\r\n   ========================================================= *\/\r\n\r\n.service-description {\r\n    margin: 0 0 25px;\r\n\r\n    max-width: 650px;\r\n\r\n    font-size: 15px;\r\n\r\n    line-height: 1.85;\r\n\r\n    color: #555;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   WHAT WE OFFER\r\n   ========================================================= *\/\r\n\r\n.service-offer-title {\r\n    margin: 0 0 14px;\r\n\r\n    font-size: 14px;\r\n\r\n    font-weight: 700;\r\n\r\n    color: #252525;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   OFFER LIST\r\n   ========================================================= *\/\r\n\r\n.service-list {\r\n    display: grid;\r\n\r\n    grid-template-columns: 1fr 1fr;\r\n\r\n    gap: 10px 20px;\r\n\r\n    margin: 0;\r\n    padding: 0;\r\n\r\n    list-style: none;\r\n}\r\n\r\n\r\n.service-list li {\r\n    position: relative;\r\n\r\n    padding-left: 27px;\r\n\r\n    font-size: 13px;\r\n\r\n    line-height: 1.55;\r\n\r\n    color: #555;\r\n}\r\n\r\n\r\n.service-list li::before {\r\n    content: \"\u2713\";\r\n\r\n    position: absolute;\r\n\r\n    left: 0;\r\n    top: 0;\r\n\r\n    width: 19px;\r\n    height: 19px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #f9e9ec;\r\n\r\n    color: #a21c2d;\r\n\r\n    font-size: 10px;\r\n    font-weight: 800;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DECORATIVE CORNER\r\n   ========================================================= *\/\r\n\r\n.service-content::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    right: 25px;\r\n    bottom: 22px;\r\n\r\n    width: 65px;\r\n    height: 65px;\r\n\r\n    border-right: 2px solid #f1d8dc;\r\n    border-bottom: 2px solid #f1d8dc;\r\n\r\n    border-radius: 0 0 16px 0;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n    .service-section {\r\n        padding: 0 20px;\r\n    }\r\n\r\n    .service-card {\r\n        grid-template-columns: 30% 70%;\r\n    }\r\n\r\n    .service-visual {\r\n        padding: 28px;\r\n    }\r\n\r\n    .service-icon {\r\n        width: 85px;\r\n        height: 85px;\r\n\r\n        font-size: 34px;\r\n\r\n        border-radius: 23px;\r\n    }\r\n\r\n    .service-content {\r\n        padding: 38px 35px;\r\n    }\r\n\r\n    .service-title {\r\n        font-size: 28px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 650px) {\r\n\r\n    .service-section {\r\n        padding: 0 15px;\r\n\r\n        margin-bottom: 35px;\r\n    }\r\n\r\n    .service-card {\r\n        grid-template-columns: 1fr;\r\n\r\n        min-height: auto;\r\n\r\n        border-radius: 20px;\r\n    }\r\n\r\n\r\n    \/* Visual *\/\r\n\r\n    .service-visual {\r\n        min-height: 190px;\r\n\r\n        padding: 25px;\r\n    }\r\n\r\n    .service-number {\r\n        top: 22px;\r\n        left: 25px;\r\n    }\r\n\r\n    .service-icon {\r\n        width: 78px;\r\n        height: 78px;\r\n\r\n        font-size: 31px;\r\n\r\n        border-radius: 21px;\r\n    }\r\n\r\n\r\n    \/* Content *\/\r\n\r\n    .service-content {\r\n        padding: 30px 25px 35px;\r\n    }\r\n\r\n    .service-title {\r\n        font-size: 25px;\r\n\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    .service-description {\r\n        font-size: 14px;\r\n\r\n        line-height: 1.75;\r\n\r\n        margin-bottom: 22px;\r\n    }\r\n\r\n\r\n    \/* List *\/\r\n\r\n    .service-list {\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 10px;\r\n    }\r\n\r\n    .service-list li {\r\n        font-size: 13px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 420px) {\r\n\r\n    .service-visual {\r\n        min-height: 170px;\r\n    }\r\n\r\n    .service-title {\r\n        font-size: 23px;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<!-- =========================================================\r\n     1. BLOOD DONATION SERVICES\r\n     ========================================================= -->\r\n\r\n<div class=\"service-section\">\r\n\r\n    <div class=\"service-card\">\r\n\r\n\r\n        <!-- =================================================\r\n             LEFT VISUAL\r\n             ================================================= -->\r\n\r\n        <div class=\"service-visual\">\r\n\r\n            <div class=\"service-number\">\r\n                01\r\n            <\/div>\r\n\r\n            <div class=\"service-icon\">\r\n                <i class=\"fa-solid fa-droplet\"><\/i>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             RIGHT CONTENT\r\n             ================================================= -->\r\n\r\n        <div class=\"service-content\">\r\n\r\n\r\n            <div class=\"service-label\">\r\n                Blood Donation Services\r\n            <\/div>\r\n\r\n\r\n            <h2 class=\"service-title\">\r\n                Blood Donation Services\r\n            <\/h2>\r\n\r\n\r\n            <p class=\"service-description\">\r\n                We promote safe, voluntary blood donation in compliance with national standards.\r\n            <\/p>\r\n\r\n\r\n            <h3 class=\"service-offer-title\">\r\n                What We Offer:\r\n            <\/h3>\r\n\r\n\r\n            <ul class=\"service-list\">\r\n\r\n                <li>\r\n                    Voluntary whole blood donation (walk-in &amp; camps)\r\n                <\/li>\r\n\r\n                <li>\r\n                    Replacement blood donation\r\n                <\/li>\r\n\r\n                <li>\r\n                    Donor eligibility assessment\r\n                <\/li>\r\n\r\n                <li>\r\n                    Pre-donation medical examination\r\n                <\/li>\r\n\r\n                <li>\r\n                    Post-donation care and guidance\r\n                <\/li>\r\n\r\n            <\/ul>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e1ea816 elementor-widget elementor-widget-html\" data-id=\"e1ea816\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\r\n\/* =========================================================\r\n   2. DONOR COUNSELLING & RECRUITMENT\r\n   ========================================================= *\/\r\n\r\n.service-section {\r\n    width: 100%;\r\n    max-width: 1180px;\r\n    margin: 0 auto 50px;\r\n    font-family: \"Rubik\", Arial, sans-serif;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN SERVICE CARD\r\n   ========================================================= *\/\r\n\r\n.service-card {\r\n    position: relative;\r\n    overflow: hidden;\r\n\r\n    display: grid;\r\n    grid-template-columns: 38% 62%;\r\n\r\n    min-height: 390px;\r\n\r\n    background: #ffffff;\r\n\r\n    border: 1px solid #e7e7e7;\r\n    border-radius: 24px;\r\n\r\n    box-shadow:\r\n        0 12px 35px rgba(0,0,0,0.06);\r\n\r\n    transition:\r\n        transform 0.35s ease,\r\n        box-shadow 0.35s ease;\r\n}\r\n\r\n.service-card:hover {\r\n    transform: translateY(-5px);\r\n\r\n    box-shadow:\r\n        0 20px 45px rgba(0,0,0,0.10);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SQUARE IMAGE AREA\r\n   ========================================================= *\/\r\n\r\n.service-image {\r\n    position: relative;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    padding: 28px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            #fff1f3 0%,\r\n            #fbe2e6 48%,\r\n            #f8f7f7 100%\r\n        );\r\n\r\n    overflow: hidden;\r\n}\r\n\r\n\r\n\/* Decorative Background Circle *\/\r\n\r\n.service-image::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 270px;\r\n    height: 270px;\r\n\r\n    top: -100px;\r\n    left: -90px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: rgba(162,28,45,0.08);\r\n}\r\n\r\n\r\n\/* Second Decorative Circle *\/\r\n\r\n.service-image::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 190px;\r\n    height: 190px;\r\n\r\n    right: -90px;\r\n    bottom: -90px;\r\n\r\n    border-radius: 50%;\r\n\r\n    border: 35px solid rgba(162,28,45,0.06);\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SQUARE IMAGE\r\n   ========================================================= *\/\r\n\r\n.service-image img {\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    display: block;\r\n\r\n    width: 100%;\r\n\r\n    aspect-ratio: 1 \/ 1;\r\n\r\n    height: auto;\r\n\r\n    object-fit: cover;\r\n\r\n    border-radius: 20px;\r\n\r\n    box-shadow:\r\n        0 12px 28px rgba(0,0,0,0.12);\r\n\r\n    transition:\r\n        transform 0.5s ease;\r\n}\r\n\r\n\r\n\/* Image Hover *\/\r\n\r\n.service-card:hover .service-image img {\r\n    transform: scale(1.035);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NUMBER\r\n   ========================================================= *\/\r\n\r\n.service-number {\r\n    position: absolute;\r\n\r\n    top: 18px;\r\n    left: 18px;\r\n\r\n    z-index: 5;\r\n\r\n    padding: 8px 13px;\r\n\r\n    border-radius: 30px;\r\n\r\n    background: rgba(255,255,255,0.95);\r\n\r\n    color: #a21c2d;\r\n\r\n    font-size: 12px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 1px;\r\n\r\n    box-shadow:\r\n        0 5px 15px rgba(0,0,0,0.12);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE ICON\r\n   ========================================================= *\/\r\n\r\n.service-image-corner {\r\n    position: absolute;\r\n\r\n    right: 18px;\r\n    bottom: 18px;\r\n\r\n    z-index: 5;\r\n\r\n    width: 45px;\r\n    height: 45px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border-radius: 13px;\r\n\r\n    background: rgba(255,255,255,0.95);\r\n\r\n    color: #a21c2d;\r\n\r\n    font-size: 17px;\r\n\r\n    box-shadow:\r\n        0 7px 18px rgba(0,0,0,0.13);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RIGHT CONTENT\r\n   ========================================================= *\/\r\n\r\n.service-content {\r\n    position: relative;\r\n\r\n    padding: 45px 48px;\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    justify-content: center;\r\n\r\n    overflow: hidden;\r\n}\r\n\r\n\r\n\/* Decorative Circle *\/\r\n\r\n.service-content::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 180px;\r\n    height: 180px;\r\n\r\n    right: -85px;\r\n    bottom: -85px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #faf1f3;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LABEL\r\n   ========================================================= *\/\r\n\r\n.service-label {\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 8px;\r\n\r\n    width: fit-content;\r\n\r\n    margin-bottom: 13px;\r\n\r\n    padding: 7px 12px;\r\n\r\n    border-radius: 30px;\r\n\r\n    background: #faf0f2;\r\n\r\n    color: #a21c2d;\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 1px;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n.service-label::before {\r\n    content: \"\";\r\n\r\n    width: 6px;\r\n    height: 6px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #a21c2d;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TITLE\r\n   ========================================================= *\/\r\n\r\n.service-title {\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    margin: 0 0 25px;\r\n\r\n    font-size: 32px;\r\n\r\n    line-height: 1.25;\r\n\r\n    font-weight: 700;\r\n\r\n    color: #202020;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SUBSECTION\r\n   ========================================================= *\/\r\n\r\n.service-subsection {\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    margin-bottom: 20px;\r\n}\r\n\r\n\r\n.service-subsection:last-child {\r\n    margin-bottom: 0;\r\n}\r\n\r\n\r\n\/* Subheading *\/\r\n\r\n.service-subtitle {\r\n    margin: 0 0 11px;\r\n\r\n    font-size: 14px;\r\n\r\n    font-weight: 700;\r\n\r\n    color: #252525;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LIST\r\n   ========================================================= *\/\r\n\r\n.service-list {\r\n    display: grid;\r\n\r\n    grid-template-columns: 1fr 1fr;\r\n\r\n    gap: 9px 18px;\r\n\r\n    margin: 0;\r\n\r\n    padding: 0;\r\n\r\n    list-style: none;\r\n}\r\n\r\n\r\n.service-list li {\r\n    position: relative;\r\n\r\n    padding-left: 27px;\r\n\r\n    font-size: 13px;\r\n\r\n    line-height: 1.55;\r\n\r\n    color: #555;\r\n}\r\n\r\n\r\n.service-list li::before {\r\n    content: \"\u2713\";\r\n\r\n    position: absolute;\r\n\r\n    left: 0;\r\n    top: 0;\r\n\r\n    width: 19px;\r\n    height: 19px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #f9e9ec;\r\n\r\n    color: #a21c2d;\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 800;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DIVIDER\r\n   ========================================================= *\/\r\n\r\n.service-divider {\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    width: 100%;\r\n\r\n    height: 1px;\r\n\r\n    margin: 2px 0 20px;\r\n\r\n    background: #eeeeee;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n    .service-section {\r\n        padding: 0 20px;\r\n    }\r\n\r\n    .service-card {\r\n        grid-template-columns: 38% 62%;\r\n    }\r\n\r\n    .service-image {\r\n        padding: 22px;\r\n    }\r\n\r\n    .service-content {\r\n        padding: 35px 30px;\r\n    }\r\n\r\n    .service-title {\r\n        font-size: 28px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 650px) {\r\n\r\n    .service-section {\r\n        padding: 0 15px;\r\n\r\n        margin-bottom: 35px;\r\n    }\r\n\r\n    .service-card {\r\n        grid-template-columns: 1fr;\r\n\r\n        min-height: auto;\r\n\r\n        border-radius: 20px;\r\n    }\r\n\r\n\r\n    \/* Square image remains square *\/\r\n\r\n    .service-image {\r\n        width: 100%;\r\n\r\n        padding: 25px;\r\n\r\n        aspect-ratio: 1 \/ 1;\r\n\r\n        min-height: 0;\r\n    }\r\n\r\n\r\n    .service-image img {\r\n        width: 100%;\r\n        height: 100%;\r\n\r\n        aspect-ratio: 1 \/ 1;\r\n\r\n        object-fit: cover;\r\n    }\r\n\r\n\r\n    \/* Content *\/\r\n\r\n    .service-content {\r\n        padding: 30px 25px 35px;\r\n    }\r\n\r\n\r\n    .service-title {\r\n        font-size: 25px;\r\n\r\n        margin-bottom: 22px;\r\n    }\r\n\r\n\r\n    \/* Lists *\/\r\n\r\n    .service-list {\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 10px;\r\n    }\r\n\r\n\r\n    .service-list li {\r\n        font-size: 13px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 420px) {\r\n\r\n    .service-image {\r\n        padding: 20px;\r\n    }\r\n\r\n    .service-title {\r\n        font-size: 23px;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<!-- =========================================================\r\n     2. DONOR COUNSELLING & RECRUITMENT\r\n     ========================================================= -->\r\n\r\n<div class=\"service-section\">\r\n\r\n    <div class=\"service-card\">\r\n\r\n\r\n        <!-- =================================================\r\n             IMAGE\r\n             ================================================= -->\r\n\r\n        <div class=\"service-image\">\r\n\r\n            <div class=\"service-number\">\r\n                02\r\n            <\/div>\r\n\r\n\r\n            <img decoding=\"async\"\r\n                src=\"YOUR-2-SERVICE-IMAGE-URL.jpg\"\r\n                alt=\"\"\r\n            >\r\n\r\n\r\n            <div class=\"service-image-corner\">\r\n                <i class=\"fa-solid fa-user-group\"><\/i>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             CONTENT\r\n             ================================================= -->\r\n\r\n        <div class=\"service-content\">\r\n\r\n\r\n            <div class=\"service-label\">\r\n                Donor Counselling &amp; Recruitment\r\n            <\/div>\r\n\r\n\r\n            <h2 class=\"service-title\">\r\n                Donor Counselling &amp; Recruitment\r\n            <\/h2>\r\n\r\n\r\n\r\n            <!-- COUNSELLING SERVICES -->\r\n\r\n            <div class=\"service-subsection\">\r\n\r\n                <h3 class=\"service-subtitle\">\r\n                    Counselling Services:\r\n                <\/h3>\r\n\r\n\r\n                <ul class=\"service-list\">\r\n\r\n                    <li>\r\n                        Pre and post-donation guidance\r\n                    <\/li>\r\n\r\n                    <li>\r\n                        Donor eligibility support\r\n                    <\/li>\r\n\r\n                    <li>\r\n                        Anxiety management\r\n                    <\/li>\r\n\r\n                    <li>\r\n                        Future donation planning\r\n                    <\/li>\r\n\r\n                <\/ul>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <div class=\"service-divider\"><\/div>\r\n\r\n\r\n\r\n            <!-- RECRUITMENT INITIATIVES -->\r\n\r\n            <div class=\"service-subsection\">\r\n\r\n                <h3 class=\"service-subtitle\">\r\n                    Recruitment Initiatives:\r\n                <\/h3>\r\n\r\n\r\n                <ul class=\"service-list\">\r\n\r\n                    <li>\r\n                        Community awareness programmes\r\n                    <\/li>\r\n\r\n                    <li>\r\n                        Educational campaigns\r\n                    <\/li>\r\n\r\n                    <li>\r\n                        Blood donation camps\r\n                    <\/li>\r\n\r\n                    <li>\r\n                        Regular donor recognition and retention\r\n                    <\/li>\r\n\r\n                <\/ul>\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fe229b4 elementor-widget elementor-widget-html\" data-id=\"fe229b4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\r\n\/* =========================================================\r\n   3. DONOR APHERESIS\r\n   ========================================================= *\/\r\n\r\n.service-section {\r\n    width: 100%;\r\n    max-width: 1180px;\r\n    margin: 0 auto 50px;\r\n    font-family: \"Rubik\", Arial, sans-serif;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN SERVICE CARD\r\n   ========================================================= *\/\r\n\r\n.service-card {\r\n    position: relative;\r\n    overflow: hidden;\r\n\r\n    display: grid;\r\n    grid-template-columns: 38% 62%;\r\n\r\n    min-height: 390px;\r\n\r\n    background: #ffffff;\r\n\r\n    border: 1px solid #e7e7e7;\r\n    border-radius: 24px;\r\n\r\n    box-shadow:\r\n        0 12px 35px rgba(0,0,0,0.06);\r\n\r\n    transition:\r\n        transform 0.35s ease,\r\n        box-shadow 0.35s ease;\r\n}\r\n\r\n.service-card:hover {\r\n    transform: translateY(-5px);\r\n\r\n    box-shadow:\r\n        0 20px 45px rgba(0,0,0,0.10);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SQUARE IMAGE AREA\r\n   ========================================================= *\/\r\n\r\n.service-image {\r\n    position: relative;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    padding: 28px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            #fff1f3 0%,\r\n            #fbe2e6 48%,\r\n            #f8f7f7 100%\r\n        );\r\n\r\n    overflow: hidden;\r\n}\r\n\r\n\r\n\/* Decorative Background Circle *\/\r\n\r\n.service-image::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 270px;\r\n    height: 270px;\r\n\r\n    top: -100px;\r\n    left: -90px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: rgba(162,28,45,0.08);\r\n}\r\n\r\n\r\n\/* Second Decorative Circle *\/\r\n\r\n.service-image::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 190px;\r\n    height: 190px;\r\n\r\n    right: -90px;\r\n    bottom: -90px;\r\n\r\n    border-radius: 50%;\r\n\r\n    border: 35px solid rgba(162,28,45,0.06);\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SQUARE IMAGE\r\n   ========================================================= *\/\r\n\r\n.service-image img {\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    display: block;\r\n\r\n    width: 100%;\r\n\r\n    aspect-ratio: 1 \/ 1;\r\n\r\n    height: auto;\r\n\r\n    object-fit: cover;\r\n\r\n    border-radius: 20px;\r\n\r\n    box-shadow:\r\n        0 12px 28px rgba(0,0,0,0.12);\r\n\r\n    transition:\r\n        transform 0.5s ease;\r\n}\r\n\r\n\r\n\/* Image Hover *\/\r\n\r\n.service-card:hover .service-image img {\r\n    transform: scale(1.035);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NUMBER\r\n   ========================================================= *\/\r\n\r\n.service-number {\r\n    position: absolute;\r\n\r\n    top: 18px;\r\n    left: 18px;\r\n\r\n    z-index: 5;\r\n\r\n    padding: 8px 13px;\r\n\r\n    border-radius: 30px;\r\n\r\n    background: rgba(255,255,255,0.95);\r\n\r\n    color: #a21c2d;\r\n\r\n    font-size: 12px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 1px;\r\n\r\n    box-shadow:\r\n        0 5px 15px rgba(0,0,0,0.12);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE ICON\r\n   ========================================================= *\/\r\n\r\n.service-image-corner {\r\n    position: absolute;\r\n\r\n    right: 18px;\r\n    bottom: 18px;\r\n\r\n    z-index: 5;\r\n\r\n    width: 45px;\r\n    height: 45px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border-radius: 13px;\r\n\r\n    background: rgba(255,255,255,0.95);\r\n\r\n    color: #a21c2d;\r\n\r\n    font-size: 17px;\r\n\r\n    box-shadow:\r\n        0 7px 18px rgba(0,0,0,0.13);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RIGHT CONTENT\r\n   ========================================================= *\/\r\n\r\n.service-content {\r\n    position: relative;\r\n\r\n    padding: 45px 48px;\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    justify-content: center;\r\n\r\n    overflow: hidden;\r\n}\r\n\r\n\r\n\/* Decorative Circle *\/\r\n\r\n.service-content::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 180px;\r\n    height: 180px;\r\n\r\n    right: -85px;\r\n    bottom: -85px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #faf1f3;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LABEL\r\n   ========================================================= *\/\r\n\r\n.service-label {\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 8px;\r\n\r\n    width: fit-content;\r\n\r\n    margin-bottom: 13px;\r\n\r\n    padding: 7px 12px;\r\n\r\n    border-radius: 30px;\r\n\r\n    background: #faf0f2;\r\n\r\n    color: #a21c2d;\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 1px;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n.service-label::before {\r\n    content: \"\";\r\n\r\n    width: 6px;\r\n    height: 6px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #a21c2d;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TITLE\r\n   ========================================================= *\/\r\n\r\n.service-title {\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    margin: 0 0 20px;\r\n\r\n    font-size: 32px;\r\n\r\n    line-height: 1.25;\r\n\r\n    font-weight: 700;\r\n\r\n    color: #202020;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESCRIPTION\r\n   ========================================================= *\/\r\n\r\n.service-description {\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    margin: 0 0 24px;\r\n\r\n    max-width: 650px;\r\n\r\n    font-size: 15px;\r\n\r\n    line-height: 1.85;\r\n\r\n    color: #555;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SERVICES TITLE\r\n   ========================================================= *\/\r\n\r\n.service-subtitle {\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    margin: 0 0 13px;\r\n\r\n    font-size: 14px;\r\n\r\n    font-weight: 700;\r\n\r\n    color: #252525;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SERVICE LIST\r\n   ========================================================= *\/\r\n\r\n.service-list {\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns: 1fr 1fr;\r\n\r\n    gap: 10px 18px;\r\n\r\n    margin: 0;\r\n\r\n    padding: 0;\r\n\r\n    list-style: none;\r\n}\r\n\r\n\r\n.service-list li {\r\n    position: relative;\r\n\r\n    padding-left: 27px;\r\n\r\n    font-size: 13px;\r\n\r\n    line-height: 1.55;\r\n\r\n    color: #555;\r\n}\r\n\r\n\r\n.service-list li::before {\r\n    content: \"\u2713\";\r\n\r\n    position: absolute;\r\n\r\n    left: 0;\r\n    top: 0;\r\n\r\n    width: 19px;\r\n    height: 19px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #f9e9ec;\r\n\r\n    color: #a21c2d;\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 800;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n    .service-section {\r\n        padding: 0 20px;\r\n    }\r\n\r\n    .service-card {\r\n        grid-template-columns: 38% 62%;\r\n    }\r\n\r\n    .service-image {\r\n        padding: 22px;\r\n    }\r\n\r\n    .service-content {\r\n        padding: 35px 30px;\r\n    }\r\n\r\n    .service-title {\r\n        font-size: 28px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 650px) {\r\n\r\n    .service-section {\r\n        padding: 0 15px;\r\n\r\n        margin-bottom: 35px;\r\n    }\r\n\r\n    .service-card {\r\n        grid-template-columns: 1fr;\r\n\r\n        min-height: auto;\r\n\r\n        border-radius: 20px;\r\n    }\r\n\r\n\r\n    \/* Square image remains square *\/\r\n\r\n    .service-image {\r\n        width: 100%;\r\n\r\n        padding: 25px;\r\n\r\n        aspect-ratio: 1 \/ 1;\r\n\r\n        min-height: 0;\r\n    }\r\n\r\n\r\n    .service-image img {\r\n        width: 100%;\r\n        height: 100%;\r\n\r\n        aspect-ratio: 1 \/ 1;\r\n\r\n        object-fit: cover;\r\n    }\r\n\r\n\r\n    \/* Content *\/\r\n\r\n    .service-content {\r\n        padding: 30px 25px 35px;\r\n    }\r\n\r\n\r\n    .service-title {\r\n        font-size: 25px;\r\n\r\n        margin-bottom: 17px;\r\n    }\r\n\r\n\r\n    .service-description {\r\n        font-size: 14px;\r\n\r\n        line-height: 1.75;\r\n\r\n        margin-bottom: 22px;\r\n    }\r\n\r\n\r\n    \/* List *\/\r\n\r\n    .service-list {\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 10px;\r\n    }\r\n\r\n\r\n    .service-list li {\r\n        font-size: 13px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 420px) {\r\n\r\n    .service-image {\r\n        padding: 20px;\r\n    }\r\n\r\n    .service-title {\r\n        font-size: 23px;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<!-- =========================================================\r\n     3. DONOR APHERESIS\r\n     ========================================================= -->\r\n\r\n<div class=\"service-section\">\r\n\r\n    <div class=\"service-card\">\r\n\r\n\r\n        <!-- =================================================\r\n             IMAGE\r\n             ================================================= -->\r\n\r\n        <div class=\"service-image\">\r\n\r\n            <div class=\"service-number\">\r\n                03\r\n            <\/div>\r\n\r\n\r\n            <img decoding=\"async\"\r\n                src=\"YOUR-3-SERVICE-IMAGE-URL.jpg\"\r\n                alt=\"\"\r\n            >\r\n\r\n\r\n            <div class=\"service-image-corner\">\r\n                <i class=\"fa-solid fa-droplet\"><\/i>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             CONTENT\r\n             ================================================= -->\r\n\r\n        <div class=\"service-content\">\r\n\r\n\r\n            <div class=\"service-label\">\r\n                Donor Apheresis\r\n            <\/div>\r\n\r\n\r\n            <h2 class=\"service-title\">\r\n                Donor Apheresis\r\n            <\/h2>\r\n\r\n\r\n            <p class=\"service-description\">\r\n                We use automated cell separator technology for selective blood component collection, prioritizing donor safety and comfort.\r\n            <\/p>\r\n\r\n\r\n            <h3 class=\"service-subtitle\">\r\n                Services:\r\n            <\/h3>\r\n\r\n\r\n            <ul class=\"service-list\">\r\n\r\n                <li>\r\n                    Single Donor Platelet collection\r\n                <\/li>\r\n\r\n                <li>\r\n                    Plasmapheresis\r\n                <\/li>\r\n\r\n                <li>\r\n                    Granulocyte collection\r\n                <\/li>\r\n\r\n                <li>\r\n                    Comprehensive donor evaluation and monitoring\r\n                <\/li>\r\n\r\n            <\/ul>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-800bd57 elementor-widget elementor-widget-html\" data-id=\"800bd57\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\r\n\/* =========================================================\r\n   4. TRANSFUSION TRANSMITTED INFECTION SCREENING\r\n   ========================================================= *\/\r\n\r\n.service-section {\r\n    width: 100%;\r\n    max-width: 1180px;\r\n    margin: 0 auto 50px;\r\n    font-family: \"Rubik\", Arial, sans-serif;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN SERVICE CARD\r\n   ========================================================= *\/\r\n\r\n.service-card {\r\n    position: relative;\r\n    overflow: hidden;\r\n\r\n    display: grid;\r\n    grid-template-columns: 38% 62%;\r\n\r\n    min-height: 390px;\r\n\r\n    background: #ffffff;\r\n\r\n    border: 1px solid #e7e7e7;\r\n    border-radius: 24px;\r\n\r\n    box-shadow:\r\n        0 12px 35px rgba(0,0,0,0.06);\r\n\r\n    transition:\r\n        transform 0.35s ease,\r\n        box-shadow 0.35s ease;\r\n}\r\n\r\n.service-card:hover {\r\n    transform: translateY(-5px);\r\n\r\n    box-shadow:\r\n        0 20px 45px rgba(0,0,0,0.10);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TWO IMAGE AREA\r\n   ========================================================= *\/\r\n\r\n.service-image {\r\n    position: relative;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    gap: 20px;\r\n\r\n    padding: 28px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            #fff1f3 0%,\r\n            #fbe2e6 48%,\r\n            #f8f7f7 100%\r\n        );\r\n\r\n    overflow: hidden;\r\n}\r\n\r\n\r\n\/* Decorative Background Circle *\/\r\n\r\n.service-image::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 270px;\r\n    height: 270px;\r\n\r\n    top: -100px;\r\n    left: -90px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: rgba(162,28,45,0.08);\r\n}\r\n\r\n\r\n\/* Second Decorative Circle *\/\r\n\r\n.service-image::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 190px;\r\n    height: 190px;\r\n\r\n    right: -90px;\r\n    bottom: -90px;\r\n\r\n    border-radius: 50%;\r\n\r\n    border: 35px solid rgba(162,28,45,0.06);\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TWO SQUARE IMAGES\r\n   ========================================================= *\/\r\n\r\n.service-image img {\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    display: block;\r\n\r\n    width: 100%;\r\n\r\n    aspect-ratio: 1 \/ 1;\r\n\r\n    height: auto;\r\n\r\n    object-fit: cover;\r\n\r\n    border-radius: 20px;\r\n\r\n    box-shadow:\r\n        0 12px 28px rgba(0,0,0,0.12);\r\n\r\n    transition:\r\n        transform 0.5s ease;\r\n}\r\n\r\n\r\n\/* Image Hover *\/\r\n\r\n.service-card:hover .service-image img {\r\n    transform: scale(1.035);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NUMBER\r\n   ========================================================= *\/\r\n\r\n.service-number {\r\n    position: absolute;\r\n\r\n    top: 18px;\r\n    left: 18px;\r\n\r\n    z-index: 5;\r\n\r\n    padding: 8px 13px;\r\n\r\n    border-radius: 30px;\r\n\r\n    background: rgba(255,255,255,0.95);\r\n\r\n    color: #a21c2d;\r\n\r\n    font-size: 12px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 1px;\r\n\r\n    box-shadow:\r\n        0 5px 15px rgba(0,0,0,0.12);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE ICON\r\n   ========================================================= *\/\r\n\r\n.service-image-corner {\r\n    position: absolute;\r\n\r\n    right: 18px;\r\n    bottom: 18px;\r\n\r\n    z-index: 5;\r\n\r\n    width: 45px;\r\n    height: 45px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border-radius: 13px;\r\n\r\n    background: rgba(255,255,255,0.95);\r\n\r\n    color: #a21c2d;\r\n\r\n    font-size: 17px;\r\n\r\n    box-shadow:\r\n        0 7px 18px rgba(0,0,0,0.13);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RIGHT CONTENT\r\n   ========================================================= *\/\r\n\r\n.service-content {\r\n    position: relative;\r\n\r\n    padding: 45px 48px;\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    justify-content: center;\r\n\r\n    overflow: hidden;\r\n}\r\n\r\n\r\n\/* Decorative Circle *\/\r\n\r\n.service-content::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 180px;\r\n    height: 180px;\r\n\r\n    right: -85px;\r\n    bottom: -85px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #faf1f3;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LABEL\r\n   ========================================================= *\/\r\n\r\n.service-label {\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 8px;\r\n\r\n    width: fit-content;\r\n\r\n    margin-bottom: 13px;\r\n\r\n    padding: 7px 12px;\r\n\r\n    border-radius: 30px;\r\n\r\n    background: #faf0f2;\r\n\r\n    color: #a21c2d;\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 1px;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n.service-label::before {\r\n    content: \"\";\r\n\r\n    width: 6px;\r\n    height: 6px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #a21c2d;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TITLE\r\n   ========================================================= *\/\r\n\r\n.service-title {\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    margin: 0 0 20px;\r\n\r\n    font-size: 32px;\r\n\r\n    line-height: 1.25;\r\n\r\n    font-weight: 700;\r\n\r\n    color: #202020;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESCRIPTION\r\n   ========================================================= *\/\r\n\r\n.service-description {\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    margin: 0 0 24px;\r\n\r\n    max-width: 650px;\r\n\r\n    font-size: 15px;\r\n\r\n    line-height: 1.85;\r\n\r\n    color: #555;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SERVICES TITLE\r\n   ========================================================= *\/\r\n\r\n.service-subtitle {\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    margin: 0 0 13px;\r\n\r\n    font-size: 14px;\r\n\r\n    font-weight: 700;\r\n\r\n    color: #252525;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SERVICE LIST\r\n   ========================================================= *\/\r\n\r\n.service-list {\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns: 1fr 1fr;\r\n\r\n    gap: 10px 18px;\r\n\r\n    margin: 0;\r\n\r\n    padding: 0;\r\n\r\n    list-style: none;\r\n}\r\n\r\n\r\n.service-list li {\r\n    position: relative;\r\n\r\n    padding-left: 27px;\r\n\r\n    font-size: 13px;\r\n\r\n    line-height: 1.55;\r\n\r\n    color: #555;\r\n}\r\n\r\n\r\n.service-list li::before {\r\n    content: \"\u2713\";\r\n\r\n    position: absolute;\r\n\r\n    left: 0;\r\n    top: 0;\r\n\r\n    width: 19px;\r\n    height: 19px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #f9e9ec;\r\n\r\n    color: #a21c2d;\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 800;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n    .service-section {\r\n        padding: 0 20px;\r\n    }\r\n\r\n    .service-card {\r\n        grid-template-columns: 38% 62%;\r\n    }\r\n\r\n    .service-image {\r\n        padding: 22px;\r\n        gap: 16px;\r\n    }\r\n\r\n    .service-content {\r\n        padding: 35px 30px;\r\n    }\r\n\r\n    .service-title {\r\n        font-size: 28px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 650px) {\r\n\r\n    .service-section {\r\n        padding: 0 15px;\r\n\r\n        margin-bottom: 35px;\r\n    }\r\n\r\n    .service-card {\r\n        grid-template-columns: 1fr;\r\n\r\n        min-height: auto;\r\n\r\n        border-radius: 20px;\r\n    }\r\n\r\n\r\n    \/* Two square images remain stacked *\/\r\n\r\n    .service-image {\r\n        width: 100%;\r\n\r\n        padding: 25px;\r\n\r\n        aspect-ratio: auto;\r\n\r\n        min-height: 0;\r\n\r\n        gap: 18px;\r\n    }\r\n\r\n\r\n    .service-image img {\r\n        width: 100%;\r\n\r\n        height: auto;\r\n\r\n        aspect-ratio: 1 \/ 1;\r\n\r\n        object-fit: cover;\r\n    }\r\n\r\n\r\n    \/* Content *\/\r\n\r\n    .service-content {\r\n        padding: 30px 25px 35px;\r\n    }\r\n\r\n\r\n    .service-title {\r\n        font-size: 25px;\r\n\r\n        margin-bottom: 17px;\r\n    }\r\n\r\n\r\n    .service-description {\r\n        font-size: 14px;\r\n\r\n        line-height: 1.75;\r\n\r\n        margin-bottom: 22px;\r\n    }\r\n\r\n\r\n    \/* List *\/\r\n\r\n    .service-list {\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 10px;\r\n    }\r\n\r\n\r\n    .service-list li {\r\n        font-size: 13px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 420px) {\r\n\r\n    .service-image {\r\n        padding: 20px;\r\n    }\r\n\r\n    .service-title {\r\n        font-size: 23px;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<!-- =========================================================\r\n     4. TRANSFUSION TRANSMITTED INFECTION SCREENING\r\n     ========================================================= -->\r\n\r\n<div class=\"service-section\">\r\n\r\n    <div class=\"service-card\">\r\n\r\n\r\n        <!-- =================================================\r\n             TWO IMAGES\r\n             ================================================= -->\r\n\r\n        <div class=\"service-image\">\r\n\r\n            <div class=\"service-number\">\r\n                04\r\n            <\/div>\r\n\r\n\r\n            <!-- Replace with your first image -->\r\n            <img decoding=\"async\"\r\n                src=\"YOUR-4-SERVICE-IMAGE-1-URL.jpg\"\r\n                alt=\"\"\r\n            >\r\n\r\n\r\n            <!-- Replace with your second image -->\r\n            <img decoding=\"async\"\r\n                src=\"YOUR-4-SERVICE-IMAGE-2-URL.jpg\"\r\n                alt=\"\"\r\n            >\r\n\r\n\r\n            <div class=\"service-image-corner\">\r\n                <i class=\"fa-solid fa-droplet\"><\/i>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             RIGHT CONTENT\r\n             ================================================= -->\r\n\r\n        <div class=\"service-content\">\r\n\r\n\r\n            <div class=\"service-label\">\r\n                Transfusion Transmitted Infection Screening\r\n            <\/div>\r\n\r\n\r\n            <h2 class=\"service-title\">\r\n                Transfusion Transmitted Infection Screening\r\n            <\/h2>\r\n\r\n\r\n            <p class=\"service-description\">\r\n                Every blood unit is screened using advanced technology to ensure the highest level of safety.\r\n            <\/p>\r\n\r\n\r\n            <h3 class=\"service-subtitle\">\r\n                Our Screening Methods:\r\n            <\/h3>\r\n\r\n\r\n            <ul class=\"service-list\">\r\n\r\n                <li>\r\n                    ECLIA \u2013 Electrochemiluminescence Immunoassay\r\n                <\/li>\r\n\r\n                <li>\r\n                    NAT \u2013 Nucleic Acid Amplification Technology for early detection\r\n                <\/li>\r\n\r\n            <\/ul>\r\n\r\n\r\n            <h3 class=\"service-subtitle\" style=\"margin-top:24px;\">\r\n                Infections Screened:\r\n            <\/h3>\r\n\r\n\r\n            <ul class=\"service-list\">\r\n\r\n                <li>\r\n                    HIV-1 &amp; HIV-2\r\n                <\/li>\r\n\r\n                <li>\r\n                    Hepatitis B &amp; C\r\n                <\/li>\r\n\r\n                <li>\r\n                    Syphilis\r\n                <\/li>\r\n\r\n                <li>\r\n                    Malaria\r\n                <\/li>\r\n\r\n            <\/ul>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-58c0bc9 elementor-widget elementor-widget-html\" data-id=\"58c0bc9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\r\n\/* =========================================================\r\n   5. IMMUNOHEMATOLOGY SERVICES\r\n   ========================================================= *\/\r\n\r\n.service-section {\r\n    width: 100%;\r\n    max-width: 1180px;\r\n    margin: 0 auto 50px;\r\n    font-family: \"Rubik\", Arial, sans-serif;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN SERVICE CARD\r\n   ========================================================= *\/\r\n\r\n.service-card {\r\n    position: relative;\r\n    overflow: hidden;\r\n\r\n    display: grid;\r\n    grid-template-columns: 38% 62%;\r\n\r\n    min-height: 390px;\r\n\r\n    background: #ffffff;\r\n\r\n    border: 1px solid #e7e7e7;\r\n    border-radius: 24px;\r\n\r\n    box-shadow:\r\n        0 12px 35px rgba(0,0,0,0.06);\r\n\r\n    transition:\r\n        transform 0.35s ease,\r\n        box-shadow 0.35s ease;\r\n}\r\n\r\n.service-card:hover {\r\n    transform: translateY(-5px);\r\n\r\n    box-shadow:\r\n        0 20px 45px rgba(0,0,0,0.10);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SQUARE IMAGE AREA\r\n   ========================================================= *\/\r\n\r\n.service-image {\r\n    position: relative;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    padding: 28px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            #fff1f3 0%,\r\n            #fbe2e6 48%,\r\n            #f8f7f7 100%\r\n        );\r\n\r\n    overflow: hidden;\r\n}\r\n\r\n\r\n\/* Decorative Background Circle *\/\r\n\r\n.service-image::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 270px;\r\n    height: 270px;\r\n\r\n    top: -100px;\r\n    left: -90px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: rgba(162,28,45,0.08);\r\n}\r\n\r\n\r\n\/* Second Decorative Circle *\/\r\n\r\n.service-image::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 190px;\r\n    height: 190px;\r\n\r\n    right: -90px;\r\n    bottom: -90px;\r\n\r\n    border-radius: 50%;\r\n\r\n    border: 35px solid rgba(162,28,45,0.06);\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SQUARE IMAGE\r\n   ========================================================= *\/\r\n\r\n.service-image img {\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    display: block;\r\n\r\n    width: 100%;\r\n\r\n    aspect-ratio: 1 \/ 1;\r\n\r\n    height: auto;\r\n\r\n    object-fit: cover;\r\n\r\n    border-radius: 20px;\r\n\r\n    box-shadow:\r\n        0 12px 28px rgba(0,0,0,0.12);\r\n\r\n    transition:\r\n        transform 0.5s ease;\r\n}\r\n\r\n\r\n\/* Image Hover *\/\r\n\r\n.service-card:hover .service-image img {\r\n    transform: scale(1.035);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NUMBER\r\n   ========================================================= *\/\r\n\r\n.service-number {\r\n    position: absolute;\r\n\r\n    top: 18px;\r\n    left: 18px;\r\n\r\n    z-index: 5;\r\n\r\n    padding: 8px 13px;\r\n\r\n    border-radius: 30px;\r\n\r\n    background: rgba(255,255,255,0.95);\r\n\r\n    color: #a21c2d;\r\n\r\n    font-size: 12px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 1px;\r\n\r\n    box-shadow:\r\n        0 5px 15px rgba(0,0,0,0.12);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE ICON\r\n   ========================================================= *\/\r\n\r\n.service-image-corner {\r\n    position: absolute;\r\n\r\n    right: 18px;\r\n    bottom: 18px;\r\n\r\n    z-index: 5;\r\n\r\n    width: 45px;\r\n    height: 45px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border-radius: 13px;\r\n\r\n    background: rgba(255,255,255,0.95);\r\n\r\n    color: #a21c2d;\r\n\r\n    font-size: 17px;\r\n\r\n    box-shadow:\r\n        0 7px 18px rgba(0,0,0,0.13);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RIGHT CONTENT\r\n   ========================================================= *\/\r\n\r\n.service-content {\r\n    position: relative;\r\n\r\n    padding: 45px 48px;\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    justify-content: center;\r\n\r\n    overflow: hidden;\r\n}\r\n\r\n\r\n\/* Decorative Circle *\/\r\n\r\n.service-content::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 180px;\r\n    height: 180px;\r\n\r\n    right: -85px;\r\n    bottom: -85px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #faf1f3;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LABEL\r\n   ========================================================= *\/\r\n\r\n.service-label {\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 8px;\r\n\r\n    width: fit-content;\r\n\r\n    margin-bottom: 13px;\r\n\r\n    padding: 7px 12px;\r\n\r\n    border-radius: 30px;\r\n\r\n    background: #faf0f2;\r\n\r\n    color: #a21c2d;\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 1px;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n.service-label::before {\r\n    content: \"\";\r\n\r\n    width: 6px;\r\n    height: 6px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #a21c2d;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TITLE\r\n   ========================================================= *\/\r\n\r\n.service-title {\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    margin: 0 0 20px;\r\n\r\n    font-size: 32px;\r\n\r\n    line-height: 1.25;\r\n\r\n    font-weight: 700;\r\n\r\n    color: #202020;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESCRIPTION\r\n   ========================================================= *\/\r\n\r\n.service-description {\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    margin: 0 0 24px;\r\n\r\n    max-width: 650px;\r\n\r\n    font-size: 15px;\r\n\r\n    line-height: 1.85;\r\n\r\n    color: #555;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SERVICES TITLE\r\n   ========================================================= *\/\r\n\r\n.service-subtitle {\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    margin: 0 0 13px;\r\n\r\n    font-size: 14px;\r\n\r\n    font-weight: 700;\r\n\r\n    color: #252525;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SERVICE LIST\r\n   ========================================================= *\/\r\n\r\n.service-list {\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns: 1fr 1fr;\r\n\r\n    gap: 10px 18px;\r\n\r\n    margin: 0;\r\n\r\n    padding: 0;\r\n\r\n    list-style: none;\r\n}\r\n\r\n\r\n.service-list li {\r\n    position: relative;\r\n\r\n    padding-left: 27px;\r\n\r\n    font-size: 13px;\r\n\r\n    line-height: 1.55;\r\n\r\n    color: #555;\r\n}\r\n\r\n\r\n.service-list li::before {\r\n    content: \"\u2713\";\r\n\r\n    position: absolute;\r\n\r\n    left: 0;\r\n    top: 0;\r\n\r\n    width: 19px;\r\n    height: 19px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #f9e9ec;\r\n\r\n    color: #a21c2d;\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 800;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n    .service-section {\r\n        padding: 0 20px;\r\n    }\r\n\r\n    .service-card {\r\n        grid-template-columns: 38% 62%;\r\n    }\r\n\r\n    .service-image {\r\n        padding: 22px;\r\n    }\r\n\r\n    .service-content {\r\n        padding: 35px 30px;\r\n    }\r\n\r\n    .service-title {\r\n        font-size: 28px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 650px) {\r\n\r\n    .service-section {\r\n        padding: 0 15px;\r\n\r\n        margin-bottom: 35px;\r\n    }\r\n\r\n    .service-card {\r\n        grid-template-columns: 1fr;\r\n\r\n        min-height: auto;\r\n\r\n        border-radius: 20px;\r\n    }\r\n\r\n\r\n    \/* Square image remains square *\/\r\n\r\n    .service-image {\r\n        width: 100%;\r\n\r\n        padding: 25px;\r\n\r\n        aspect-ratio: 1 \/ 1;\r\n\r\n        min-height: 0;\r\n    }\r\n\r\n\r\n    .service-image img {\r\n        width: 100%;\r\n        height: 100%;\r\n\r\n        aspect-ratio: 1 \/ 1;\r\n\r\n        object-fit: cover;\r\n    }\r\n\r\n\r\n    \/* Content *\/\r\n\r\n    .service-content {\r\n        padding: 30px 25px 35px;\r\n    }\r\n\r\n\r\n    .service-title {\r\n        font-size: 25px;\r\n\r\n        margin-bottom: 17px;\r\n    }\r\n\r\n\r\n    .service-description {\r\n        font-size: 14px;\r\n\r\n        line-height: 1.75;\r\n\r\n        margin-bottom: 22px;\r\n    }\r\n\r\n\r\n    \/* List *\/\r\n\r\n    .service-list {\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 10px;\r\n    }\r\n\r\n\r\n    .service-list li {\r\n        font-size: 13px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 420px) {\r\n\r\n    .service-image {\r\n        padding: 20px;\r\n    }\r\n\r\n    .service-title {\r\n        font-size: 23px;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<!-- =========================================================\r\n     5. IMMUNOHEMATOLOGY SERVICES\r\n     ========================================================= -->\r\n\r\n<div class=\"service-section\">\r\n\r\n    <div class=\"service-card\">\r\n\r\n\r\n        <!-- =================================================\r\n             IMAGE\r\n             ================================================= -->\r\n\r\n        <div class=\"service-image\">\r\n\r\n            <div class=\"service-number\">\r\n                05\r\n            <\/div>\r\n\r\n\r\n            <!-- Replace with your Immunohematology image -->\r\n            <img decoding=\"async\"\r\n                src=\"YOUR-5-SERVICE-IMAGE-URL.jpg\"\r\n                alt=\"\"\r\n            >\r\n\r\n\r\n            <div class=\"service-image-corner\">\r\n                <i class=\"fa-solid fa-droplet\"><\/i>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             CONTENT\r\n             ================================================= -->\r\n\r\n        <div class=\"service-content\">\r\n\r\n\r\n            <div class=\"service-label\">\r\n                Immunohematology Services\r\n            <\/div>\r\n\r\n\r\n            <h2 class=\"service-title\">\r\n                Immunohematology Services\r\n            <\/h2>\r\n\r\n\r\n            <p class=\"service-description\">\r\n                Our advanced laboratory provides comprehensive testing for donor and patient samples, ensuring accurate blood grouping and safe transfusion support.\r\n            <\/p>\r\n\r\n\r\n            <h3 class=\"service-subtitle\">\r\n                Services Include:\r\n            <\/h3>\r\n\r\n\r\n            <ul class=\"service-list\">\r\n\r\n                <li>\r\n                    ABO and Rh(D) blood grouping\r\n                <\/li>\r\n\r\n                <li>\r\n                    Red cell antigen phenotyping (major and minor groups)\r\n                <\/li>\r\n\r\n                <li>\r\n                    Weak D testing and Rh discrepancy resolution\r\n                <\/li>\r\n\r\n                <li>\r\n                    Antibody screening and identification using SPRCA technology\r\n                <\/li>\r\n\r\n                <li>\r\n                    Antenatal and HDFN workup\r\n                <\/li>\r\n\r\n                <li>\r\n                    Autoimmune Hemolytic Anemia evaluation\r\n                <\/li>\r\n\r\n                <li>\r\n                    Extended Rh and Kell matched blood for transfusion-dependent patients\r\n                <\/li>\r\n\r\n                <li>\r\n                    Antigen-negative matched blood for patients with alloantibodies\r\n                <\/li>\r\n\r\n                <li>\r\n                    Direct and Indirect Antiglobulin Testing (DAT\/IAT)\r\n                <\/li>\r\n\r\n                <li>\r\n                    PNH and HIT screening\r\n                <\/li>\r\n\r\n            <\/ul>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cc051e4 elementor-widget elementor-widget-html\" data-id=\"cc051e4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\r\n\/* =========================================================\r\n   6. PRECISION HEMOSTASIS AND GOAL-DIRECTED TRANSFUSION SERVICES\r\n   ========================================================= *\/\r\n\r\n.service-section {\r\n    width: 100%;\r\n    max-width: 1180px;\r\n    margin: 0 auto 50px;\r\n    font-family: \"Rubik\", Arial, sans-serif;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN SERVICE CARD\r\n   ========================================================= *\/\r\n\r\n.service-card {\r\n    position: relative;\r\n    overflow: hidden;\r\n\r\n    display: grid;\r\n    grid-template-columns: 38% 62%;\r\n\r\n    min-height: 390px;\r\n\r\n    background: #ffffff;\r\n\r\n    border: 1px solid #e7e7e7;\r\n    border-radius: 24px;\r\n\r\n    box-shadow:\r\n        0 12px 35px rgba(0,0,0,0.06);\r\n\r\n    transition:\r\n        transform 0.35s ease,\r\n        box-shadow 0.35s ease;\r\n}\r\n\r\n.service-card:hover {\r\n    transform: translateY(-5px);\r\n\r\n    box-shadow:\r\n        0 20px 45px rgba(0,0,0,0.10);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SQUARE IMAGE AREA\r\n   ========================================================= *\/\r\n\r\n.service-image {\r\n    position: relative;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    padding: 28px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            #fff1f3 0%,\r\n            #fbe2e6 48%,\r\n            #f8f7f7 100%\r\n        );\r\n\r\n    overflow: hidden;\r\n}\r\n\r\n\r\n\/* Decorative Background Circle *\/\r\n\r\n.service-image::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 270px;\r\n    height: 270px;\r\n\r\n    top: -100px;\r\n    left: -90px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: rgba(162,28,45,0.08);\r\n}\r\n\r\n\r\n\/* Second Decorative Circle *\/\r\n\r\n.service-image::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 190px;\r\n    height: 190px;\r\n\r\n    right: -90px;\r\n    bottom: -90px;\r\n\r\n    border-radius: 50%;\r\n\r\n    border: 35px solid rgba(162,28,45,0.06);\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SQUARE IMAGE\r\n   ========================================================= *\/\r\n\r\n.service-image img {\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    display: block;\r\n\r\n    width: 100%;\r\n\r\n    aspect-ratio: 1 \/ 1;\r\n\r\n    height: auto;\r\n\r\n    object-fit: cover;\r\n\r\n    border-radius: 20px;\r\n\r\n    box-shadow:\r\n        0 12px 28px rgba(0,0,0,0.12);\r\n\r\n    transition:\r\n        transform 0.5s ease;\r\n}\r\n\r\n\r\n\/* Image Hover *\/\r\n\r\n.service-card:hover .service-image img {\r\n    transform: scale(1.035);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NUMBER\r\n   ========================================================= *\/\r\n\r\n.service-number {\r\n    position: absolute;\r\n\r\n    top: 18px;\r\n    left: 18px;\r\n\r\n    z-index: 5;\r\n\r\n    padding: 8px 13px;\r\n\r\n    border-radius: 30px;\r\n\r\n    background: rgba(255,255,255,0.95);\r\n\r\n    color: #a21c2d;\r\n\r\n    font-size: 12px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 1px;\r\n\r\n    box-shadow:\r\n        0 5px 15px rgba(0,0,0,0.12);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE ICON\r\n   ========================================================= *\/\r\n\r\n.service-image-corner {\r\n    position: absolute;\r\n\r\n    right: 18px;\r\n    bottom: 18px;\r\n\r\n    z-index: 5;\r\n\r\n    width: 45px;\r\n    height: 45px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border-radius: 13px;\r\n\r\n    background: rgba(255,255,255,0.95);\r\n\r\n    color: #a21c2d;\r\n\r\n    font-size: 17px;\r\n\r\n    box-shadow:\r\n        0 7px 18px rgba(0,0,0,0.13);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RIGHT CONTENT\r\n   ========================================================= *\/\r\n\r\n.service-content {\r\n    position: relative;\r\n\r\n    padding: 45px 48px;\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    justify-content: center;\r\n\r\n    overflow: hidden;\r\n}\r\n\r\n\r\n\/* Decorative Circle *\/\r\n\r\n.service-content::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 180px;\r\n    height: 180px;\r\n\r\n    right: -85px;\r\n    bottom: -85px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #faf1f3;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LABEL\r\n   ========================================================= *\/\r\n\r\n.service-label {\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 8px;\r\n\r\n    width: fit-content;\r\n\r\n    margin-bottom: 13px;\r\n\r\n    padding: 7px 12px;\r\n\r\n    border-radius: 30px;\r\n\r\n    background: #faf0f2;\r\n\r\n    color: #a21c2d;\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 1px;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n.service-label::before {\r\n    content: \"\";\r\n\r\n    width: 6px;\r\n    height: 6px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #a21c2d;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TITLE\r\n   ========================================================= *\/\r\n\r\n.service-title {\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    margin: 0 0 20px;\r\n\r\n    font-size: 32px;\r\n\r\n    line-height: 1.25;\r\n\r\n    font-weight: 700;\r\n\r\n    color: #202020;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESCRIPTION\r\n   ========================================================= *\/\r\n\r\n.service-description {\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    margin: 0;\r\n\r\n    max-width: 650px;\r\n\r\n    font-size: 15px;\r\n\r\n    line-height: 1.85;\r\n\r\n    color: #555;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n    .service-section {\r\n        padding: 0 20px;\r\n    }\r\n\r\n    .service-card {\r\n        grid-template-columns: 38% 62%;\r\n    }\r\n\r\n    .service-image {\r\n        padding: 22px;\r\n    }\r\n\r\n    .service-content {\r\n        padding: 35px 30px;\r\n    }\r\n\r\n    .service-title {\r\n        font-size: 28px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 650px) {\r\n\r\n    .service-section {\r\n        padding: 0 15px;\r\n\r\n        margin-bottom: 35px;\r\n    }\r\n\r\n    .service-card {\r\n        grid-template-columns: 1fr;\r\n\r\n        min-height: auto;\r\n\r\n        border-radius: 20px;\r\n    }\r\n\r\n\r\n    \/* Square image remains square *\/\r\n\r\n    .service-image {\r\n        width: 100%;\r\n\r\n        padding: 25px;\r\n\r\n        aspect-ratio: 1 \/ 1;\r\n\r\n        min-height: 0;\r\n    }\r\n\r\n\r\n    .service-image img {\r\n        width: 100%;\r\n        height: 100%;\r\n\r\n        aspect-ratio: 1 \/ 1;\r\n\r\n        object-fit: cover;\r\n    }\r\n\r\n\r\n    \/* Content *\/\r\n\r\n    .service-content {\r\n        padding: 30px 25px 35px;\r\n    }\r\n\r\n\r\n    .service-title {\r\n        font-size: 25px;\r\n\r\n        margin-bottom: 17px;\r\n    }\r\n\r\n\r\n    .service-description {\r\n        font-size: 14px;\r\n\r\n        line-height: 1.75;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 420px) {\r\n\r\n    .service-image {\r\n        padding: 20px;\r\n    }\r\n\r\n    .service-title {\r\n        font-size: 23px;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<!-- =========================================================\r\n     6. PRECISION HEMOSTASIS AND GOAL-DIRECTED\r\n        TRANSFUSION SERVICES\r\n     ========================================================= -->\r\n\r\n<div class=\"service-section\">\r\n\r\n    <div class=\"service-card\">\r\n\r\n\r\n        <!-- =================================================\r\n             IMAGE\r\n             ================================================= -->\r\n\r\n        <div class=\"service-image\">\r\n\r\n            <div class=\"service-number\">\r\n                06\r\n            <\/div>\r\n\r\n\r\n            <!-- Replace with your Service 06 image -->\r\n            <img decoding=\"async\"\r\n                src=\"YOUR-6-SERVICE-IMAGE-URL.jpg\"\r\n                alt=\"\"\r\n            >\r\n\r\n\r\n            <div class=\"service-image-corner\">\r\n                <i class=\"fa-solid fa-droplet\"><\/i>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             RIGHT CONTENT\r\n             ================================================= -->\r\n\r\n        <div class=\"service-content\">\r\n\r\n\r\n            <div class=\"service-label\">\r\n                Precision Hemostasis and Goal-Directed Transfusion Services\r\n            <\/div>\r\n\r\n\r\n            <h2 class=\"service-title\">\r\n                Precision Hemostasis and Goal-Directed Transfusion Services\r\n            <\/h2>\r\n\r\n\r\n            <p class=\"service-description\">\r\n                The Advanced Hemostasis and Coagulation Lab of the Department provides advanced viscoelastic testing using Thromboelastography (TEG) to evaluate the complete process of clot formation and breakdown in real time. TEG provides a comprehensive assessment of functional hemostasis using whole blood.\r\n            <\/p>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1e434ab elementor-widget elementor-widget-html\" data-id=\"1e434ab\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\r\n\/* =========================================================\r\n   7. BLOOD COMPONENTS\r\n   ========================================================= *\/\r\n\r\n.service-section {\r\n    width: 100%;\r\n    max-width: 1180px;\r\n    margin: 0 auto 50px;\r\n    font-family: \"Rubik\", Arial, sans-serif;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN SERVICE CARD\r\n   ========================================================= *\/\r\n\r\n.service-card {\r\n    position: relative;\r\n    overflow: hidden;\r\n\r\n    display: grid;\r\n    grid-template-columns: 38% 62%;\r\n\r\n    min-height: 390px;\r\n\r\n    background: #ffffff;\r\n\r\n    border: 1px solid #e7e7e7;\r\n    border-radius: 24px;\r\n\r\n    box-shadow:\r\n        0 12px 35px rgba(0,0,0,0.06);\r\n\r\n    transition:\r\n        transform 0.35s ease,\r\n        box-shadow 0.35s ease;\r\n}\r\n\r\n.service-card:hover {\r\n    transform: translateY(-5px);\r\n\r\n    box-shadow:\r\n        0 20px 45px rgba(0,0,0,0.10);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TWO IMAGE AREA\r\n   ========================================================= *\/\r\n\r\n.service-image {\r\n    position: relative;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    gap: 20px;\r\n\r\n    padding: 28px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            #fff1f3 0%,\r\n            #fbe2e6 48%,\r\n            #f8f7f7 100%\r\n        );\r\n\r\n    overflow: hidden;\r\n}\r\n\r\n\r\n\/* Decorative Background Circle *\/\r\n\r\n.service-image::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 270px;\r\n    height: 270px;\r\n\r\n    top: -100px;\r\n    left: -90px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: rgba(162,28,45,0.08);\r\n}\r\n\r\n\r\n\/* Second Decorative Circle *\/\r\n\r\n.service-image::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 190px;\r\n    height: 190px;\r\n\r\n    right: -90px;\r\n    bottom: -90px;\r\n\r\n    border-radius: 50%;\r\n\r\n    border: 35px solid rgba(162,28,45,0.06);\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TWO SQUARE IMAGES\r\n   ========================================================= *\/\r\n\r\n.service-image img {\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    display: block;\r\n\r\n    width: 100%;\r\n\r\n    aspect-ratio: 1 \/ 1;\r\n\r\n    height: auto;\r\n\r\n    object-fit: cover;\r\n\r\n    border-radius: 20px;\r\n\r\n    box-shadow:\r\n        0 12px 28px rgba(0,0,0,0.12);\r\n\r\n    transition:\r\n        transform 0.5s ease;\r\n}\r\n\r\n\r\n\/* Image Hover *\/\r\n\r\n.service-card:hover .service-image img {\r\n    transform: scale(1.035);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NUMBER\r\n   ========================================================= *\/\r\n\r\n.service-number {\r\n    position: absolute;\r\n\r\n    top: 18px;\r\n    left: 18px;\r\n\r\n    z-index: 5;\r\n\r\n    padding: 8px 13px;\r\n\r\n    border-radius: 30px;\r\n\r\n    background: rgba(255,255,255,0.95);\r\n\r\n    color: #a21c2d;\r\n\r\n    font-size: 12px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 1px;\r\n\r\n    box-shadow:\r\n        0 5px 15px rgba(0,0,0,0.12);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE ICON\r\n   ========================================================= *\/\r\n\r\n.service-image-corner {\r\n    position: absolute;\r\n\r\n    right: 18px;\r\n    bottom: 18px;\r\n\r\n    z-index: 5;\r\n\r\n    width: 45px;\r\n    height: 45px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border-radius: 13px;\r\n\r\n    background: rgba(255,255,255,0.95);\r\n\r\n    color: #a21c2d;\r\n\r\n    font-size: 17px;\r\n\r\n    box-shadow:\r\n        0 7px 18px rgba(0,0,0,0.13);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RIGHT CONTENT\r\n   ========================================================= *\/\r\n\r\n.service-content {\r\n    position: relative;\r\n\r\n    padding: 45px 48px;\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    justify-content: center;\r\n\r\n    overflow: hidden;\r\n}\r\n\r\n\r\n\/* Decorative Circle *\/\r\n\r\n.service-content::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 180px;\r\n    height: 180px;\r\n\r\n    right: -85px;\r\n    bottom: -85px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #faf1f3;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LABEL\r\n   ========================================================= *\/\r\n\r\n.service-label {\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 8px;\r\n\r\n    width: fit-content;\r\n\r\n    margin-bottom: 13px;\r\n\r\n    padding: 7px 12px;\r\n\r\n    border-radius: 30px;\r\n\r\n    background: #faf0f2;\r\n\r\n    color: #a21c2d;\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 1px;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n.service-label::before {\r\n    content: \"\";\r\n\r\n    width: 6px;\r\n    height: 6px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #a21c2d;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TITLE\r\n   ========================================================= *\/\r\n\r\n.service-title {\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    margin: 0 0 20px;\r\n\r\n    font-size: 32px;\r\n\r\n    line-height: 1.25;\r\n\r\n    font-weight: 700;\r\n\r\n    color: #202020;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESCRIPTION\r\n   ========================================================= *\/\r\n\r\n.service-description {\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    margin: 0 0 24px;\r\n\r\n    max-width: 650px;\r\n\r\n    font-size: 15px;\r\n\r\n    line-height: 1.85;\r\n\r\n    color: #555;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SERVICES TITLE\r\n   ========================================================= *\/\r\n\r\n.service-subtitle {\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    margin: 0 0 13px;\r\n\r\n    font-size: 14px;\r\n\r\n    font-weight: 700;\r\n\r\n    color: #252525;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SERVICE LIST\r\n   ========================================================= *\/\r\n\r\n.service-list {\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns: 1fr 1fr;\r\n\r\n    gap: 10px 18px;\r\n\r\n    margin: 0;\r\n\r\n    padding: 0;\r\n\r\n    list-style: none;\r\n}\r\n\r\n\r\n.service-list li {\r\n    position: relative;\r\n\r\n    padding-left: 27px;\r\n\r\n    font-size: 13px;\r\n\r\n    line-height: 1.55;\r\n\r\n    color: #555;\r\n}\r\n\r\n\r\n.service-list li::before {\r\n    content: \"\u2713\";\r\n\r\n    position: absolute;\r\n\r\n    left: 0;\r\n    top: 0;\r\n\r\n    width: 19px;\r\n    height: 19px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #f9e9ec;\r\n\r\n    color: #a21c2d;\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 800;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n    .service-section {\r\n        padding: 0 20px;\r\n    }\r\n\r\n    .service-card {\r\n        grid-template-columns: 38% 62%;\r\n    }\r\n\r\n    .service-image {\r\n        padding: 22px;\r\n        gap: 16px;\r\n    }\r\n\r\n    .service-content {\r\n        padding: 35px 30px;\r\n    }\r\n\r\n    .service-title {\r\n        font-size: 28px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 650px) {\r\n\r\n    .service-section {\r\n        padding: 0 15px;\r\n\r\n        margin-bottom: 35px;\r\n    }\r\n\r\n    .service-card {\r\n        grid-template-columns: 1fr;\r\n\r\n        min-height: auto;\r\n\r\n        border-radius: 20px;\r\n    }\r\n\r\n\r\n    \/* Two square images remain stacked *\/\r\n\r\n    .service-image {\r\n        width: 100%;\r\n\r\n        padding: 25px;\r\n\r\n        aspect-ratio: auto;\r\n\r\n        min-height: 0;\r\n\r\n        gap: 18px;\r\n    }\r\n\r\n\r\n    .service-image img {\r\n        width: 100%;\r\n\r\n        height: auto;\r\n\r\n        aspect-ratio: 1 \/ 1;\r\n\r\n        object-fit: cover;\r\n    }\r\n\r\n\r\n    \/* Content *\/\r\n\r\n    .service-content {\r\n        padding: 30px 25px 35px;\r\n    }\r\n\r\n\r\n    .service-title {\r\n        font-size: 25px;\r\n\r\n        margin-bottom: 17px;\r\n    }\r\n\r\n\r\n    .service-description {\r\n        font-size: 14px;\r\n\r\n        line-height: 1.75;\r\n\r\n        margin-bottom: 22px;\r\n    }\r\n\r\n\r\n    \/* List *\/\r\n\r\n    .service-list {\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 10px;\r\n    }\r\n\r\n\r\n    .service-list li {\r\n        font-size: 13px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 420px) {\r\n\r\n    .service-image {\r\n        padding: 20px;\r\n    }\r\n\r\n    .service-title {\r\n        font-size: 23px;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<!-- =========================================================\r\n     7. BLOOD COMPONENTS\r\n     ========================================================= -->\r\n\r\n<div class=\"service-section\">\r\n\r\n    <div class=\"service-card\">\r\n\r\n\r\n        <!-- =================================================\r\n             TWO IMAGES\r\n             ================================================= -->\r\n\r\n        <div class=\"service-image\">\r\n\r\n            <div class=\"service-number\">\r\n                07\r\n            <\/div>\r\n\r\n\r\n            <!-- Replace with your first Blood Components image -->\r\n            <img decoding=\"async\"\r\n                src=\"YOUR-7-SERVICE-IMAGE-1-URL.jpg\"\r\n                alt=\"\"\r\n            >\r\n\r\n\r\n            <!-- Replace with your second Blood Components image -->\r\n            <img decoding=\"async\"\r\n                src=\"YOUR-7-SERVICE-IMAGE-2-URL.jpg\"\r\n                alt=\"\"\r\n            >\r\n\r\n\r\n            <div class=\"service-image-corner\">\r\n                <i class=\"fa-solid fa-droplet\"><\/i>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             RIGHT CONTENT\r\n             ================================================= -->\r\n\r\n        <div class=\"service-content\">\r\n\r\n\r\n            <div class=\"service-label\">\r\n                Blood Components\r\n            <\/div>\r\n\r\n\r\n            <h2 class=\"service-title\">\r\n                Blood Components\r\n            <\/h2>\r\n\r\n\r\n            <p class=\"service-description\">\r\n                Our Blood Centre prepares and provides a wide range of blood components to meet the diverse transfusion requirements of patients.\r\n            <\/p>\r\n\r\n\r\n            <!-- 1. Red Cell Components -->\r\n\r\n            <h3 class=\"service-subtitle\">\r\n                1. Red Cell Components\r\n            <\/h3>\r\n\r\n            <ul class=\"service-list\">\r\n\r\n                <li>\r\n                    Whole Human Blood\r\n                <\/li>\r\n\r\n                <li>\r\n                    Packed Red Blood Cells (PRBCs)\r\n                <\/li>\r\n\r\n                <li>\r\n                    Leucoreduced \/ Leukofiltered Red Blood Cells (Modified PRBCs)\r\n                <\/li>\r\n\r\n                <li>\r\n                    Saline-Washed Red Blood Cells (Modified PRBCs)\r\n                <\/li>\r\n\r\n            <\/ul>\r\n\r\n\r\n            <!-- 2. Platelet Components -->\r\n\r\n            <h3 class=\"service-subtitle\" style=\"margin-top:22px;\">\r\n                2. Platelet Components\r\n            <\/h3>\r\n\r\n            <ul class=\"service-list\">\r\n\r\n                <li>\r\n                    Platelet Concentrate\r\n                <\/li>\r\n\r\n                <li>\r\n                    Platelet Concentrate Suspended in Additive Solution\r\n                <\/li>\r\n\r\n                <li>\r\n                    Pooled Platelets\r\n                <\/li>\r\n\r\n                <li>\r\n                    Washed Platelet Concentrate (Modified Platelet Concentrate)\r\n                <\/li>\r\n\r\n            <\/ul>\r\n\r\n\r\n            <!-- 3. Plasma Components -->\r\n\r\n            <h3 class=\"service-subtitle\" style=\"margin-top:22px;\">\r\n                3. Plasma Components\r\n            <\/h3>\r\n\r\n            <ul class=\"service-list\">\r\n\r\n                <li>\r\n                    Fresh Frozen Plasma (FFP)\r\n                <\/li>\r\n\r\n                <li>\r\n                    Cryo-Poor Plasma\r\n                <\/li>\r\n\r\n            <\/ul>\r\n\r\n\r\n            <!-- 4. Cryoprecipitate Components -->\r\n\r\n            <h3 class=\"service-subtitle\" style=\"margin-top:22px;\">\r\n                4. Cryoprecipitate Components\r\n            <\/h3>\r\n\r\n            <ul class=\"service-list\">\r\n\r\n                <li>\r\n                    Cryoprecipitate\r\n                <\/li>\r\n\r\n                <li>\r\n                    Pooled Cryoprecipitate\r\n                <\/li>\r\n\r\n            <\/ul>\r\n\r\n\r\n            <!-- 5. Granulocyte Components -->\r\n\r\n            <h3 class=\"service-subtitle\" style=\"margin-top:22px;\">\r\n                5. Granulocyte Components\r\n            <\/h3>\r\n\r\n            <ul class=\"service-list\">\r\n\r\n                <li>\r\n                    Pooled Granulocytes\r\n                <\/li>\r\n\r\n            <\/ul>\r\n\r\n\r\n            <!-- 6. Apheresis Services -->\r\n\r\n            <h3 class=\"service-subtitle\" style=\"margin-top:22px;\">\r\n                6. Apheresis Services\r\n            <\/h3>\r\n\r\n            <ul class=\"service-list\">\r\n\r\n                <li>\r\n                    Platelet Apheresis (SDP- Single Donor Platelet Collection)\r\n                <\/li>\r\n\r\n                <li>\r\n                    Plasmapheresis\r\n                <\/li>\r\n\r\n            <\/ul>\r\n\r\n\r\n            <!-- 7. Irradiated Blood Components -->\r\n\r\n            <h3 class=\"service-subtitle\" style=\"margin-top:22px;\">\r\n                7. Irradiated Blood Components\r\n            <\/h3>\r\n\r\n            <ul class=\"service-list\">\r\n\r\n                <li>\r\n                    Irradiated Red Blood Cells (Modified PRBCs)\r\n                <\/li>\r\n\r\n                <li>\r\n                    Irradiated Single Donor Platelets\r\n                <\/li>\r\n\r\n                <li>\r\n                    Irradiated Platelet Concentrate (Modified Platelet Concentrate)\r\n                <\/li>\r\n\r\n                <li>\r\n                    Irradiated Granulocytes (Granulocytapheresis)\r\n                <\/li>\r\n\r\n            <\/ul>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5e1c523 elementor-widget elementor-widget-html\" data-id=\"5e1c523\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\r\n\/* =========================================================\r\n   8.0 CELLULAR & REGENERATIVE THERAPIES\r\n   ========================================================= *\/\r\n\r\n.service-section {\r\n    width: 100%;\r\n    max-width: 1180px;\r\n    margin: 0 auto 50px;\r\n    font-family: \"Rubik\", Arial, sans-serif;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN SERVICE CARD\r\n   ========================================================= *\/\r\n\r\n.service-card {\r\n    position: relative;\r\n    overflow: hidden;\r\n\r\n    display: grid;\r\n    grid-template-columns: 38% 62%;\r\n\r\n    min-height: 390px;\r\n\r\n    background: #ffffff;\r\n\r\n    border: 1px solid #e7e7e7;\r\n    border-radius: 24px;\r\n\r\n    box-shadow:\r\n        0 12px 35px rgba(0,0,0,0.06);\r\n\r\n    transition:\r\n        transform 0.35s ease,\r\n        box-shadow 0.35s ease;\r\n}\r\n\r\n.service-card:hover {\r\n    transform: translateY(-5px);\r\n\r\n    box-shadow:\r\n        0 20px 45px rgba(0,0,0,0.10);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SQUARE IMAGE AREA\r\n   ========================================================= *\/\r\n\r\n.service-image {\r\n    position: relative;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    padding: 28px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            #fff1f3 0%,\r\n            #fbe2e6 48%,\r\n            #f8f7f7 100%\r\n        );\r\n\r\n    overflow: hidden;\r\n}\r\n\r\n\r\n\/* Decorative Background Circle *\/\r\n\r\n.service-image::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 270px;\r\n    height: 270px;\r\n\r\n    top: -100px;\r\n    left: -90px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: rgba(162,28,45,0.08);\r\n}\r\n\r\n\r\n\/* Second Decorative Circle *\/\r\n\r\n.service-image::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 190px;\r\n    height: 190px;\r\n\r\n    right: -90px;\r\n    bottom: -90px;\r\n\r\n    border-radius: 50%;\r\n\r\n    border: 35px solid rgba(162,28,45,0.06);\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SQUARE IMAGE\r\n   ========================================================= *\/\r\n\r\n.service-image img {\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    display: block;\r\n\r\n    width: 100%;\r\n\r\n    aspect-ratio: 1 \/ 1;\r\n\r\n    height: auto;\r\n\r\n    object-fit: cover;\r\n\r\n    border-radius: 20px;\r\n\r\n    box-shadow:\r\n        0 12px 28px rgba(0,0,0,0.12);\r\n\r\n    transition:\r\n        transform 0.5s ease;\r\n}\r\n\r\n\r\n\/* Image Hover *\/\r\n\r\n.service-card:hover .service-image img {\r\n    transform: scale(1.035);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NUMBER\r\n   ========================================================= *\/\r\n\r\n.service-number {\r\n    position: absolute;\r\n\r\n    top: 18px;\r\n    left: 18px;\r\n\r\n    z-index: 5;\r\n\r\n    padding: 8px 13px;\r\n\r\n    border-radius: 30px;\r\n\r\n    background: rgba(255,255,255,0.95);\r\n\r\n    color: #a21c2d;\r\n\r\n    font-size: 12px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 1px;\r\n\r\n    box-shadow:\r\n        0 5px 15px rgba(0,0,0,0.12);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE ICON\r\n   ========================================================= *\/\r\n\r\n.service-image-corner {\r\n    position: absolute;\r\n\r\n    right: 18px;\r\n    bottom: 18px;\r\n\r\n    z-index: 5;\r\n\r\n    width: 45px;\r\n    height: 45px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border-radius: 13px;\r\n\r\n    background: rgba(255,255,255,0.95);\r\n\r\n    color: #a21c2d;\r\n\r\n    font-size: 17px;\r\n\r\n    box-shadow:\r\n        0 7px 18px rgba(0,0,0,0.13);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RIGHT CONTENT\r\n   ========================================================= *\/\r\n\r\n.service-content {\r\n    position: relative;\r\n\r\n    padding: 45px 48px;\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    justify-content: center;\r\n\r\n    overflow: hidden;\r\n}\r\n\r\n\r\n\/* Decorative Circle *\/\r\n\r\n.service-content::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 180px;\r\n    height: 180px;\r\n\r\n    right: -85px;\r\n    bottom: -85px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #faf1f3;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LABEL\r\n   ========================================================= *\/\r\n\r\n.service-label {\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 8px;\r\n\r\n    width: fit-content;\r\n\r\n    margin-bottom: 13px;\r\n\r\n    padding: 7px 12px;\r\n\r\n    border-radius: 30px;\r\n\r\n    background: #faf0f2;\r\n\r\n    color: #a21c2d;\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 1px;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n.service-label::before {\r\n    content: \"\";\r\n\r\n    width: 6px;\r\n    height: 6px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #a21c2d;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TITLE\r\n   ========================================================= *\/\r\n\r\n.service-title {\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    margin: 0 0 20px;\r\n\r\n    font-size: 32px;\r\n\r\n    line-height: 1.25;\r\n\r\n    font-weight: 700;\r\n\r\n    color: #202020;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SUBHEADINGS\r\n   ========================================================= *\/\r\n\r\n.service-subtitle {\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    margin: 0 0 13px;\r\n\r\n    font-size: 14px;\r\n\r\n    font-weight: 700;\r\n\r\n    color: #252525;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESCRIPTION\r\n   ========================================================= *\/\r\n\r\n.service-description {\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    margin: 0 0 24px;\r\n\r\n    max-width: 650px;\r\n\r\n    font-size: 15px;\r\n\r\n    line-height: 1.85;\r\n\r\n    color: #555;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SERVICE LIST\r\n   ========================================================= *\/\r\n\r\n.service-list {\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns: 1fr 1fr;\r\n\r\n    gap: 10px 18px;\r\n\r\n    margin: 0;\r\n\r\n    padding: 0;\r\n\r\n    list-style: none;\r\n}\r\n\r\n\r\n.service-list li {\r\n    position: relative;\r\n\r\n    padding-left: 27px;\r\n\r\n    font-size: 13px;\r\n\r\n    line-height: 1.55;\r\n\r\n    color: #555;\r\n}\r\n\r\n\r\n.service-list li::before {\r\n    content: \"\u2713\";\r\n\r\n    position: absolute;\r\n\r\n    left: 0;\r\n    top: 0;\r\n\r\n    width: 19px;\r\n    height: 19px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #f9e9ec;\r\n\r\n    color: #a21c2d;\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 800;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n    .service-section {\r\n        padding: 0 20px;\r\n    }\r\n\r\n    .service-card {\r\n        grid-template-columns: 38% 62%;\r\n    }\r\n\r\n    .service-image {\r\n        padding: 22px;\r\n    }\r\n\r\n    .service-content {\r\n        padding: 35px 30px;\r\n    }\r\n\r\n    .service-title {\r\n        font-size: 28px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 650px) {\r\n\r\n    .service-section {\r\n        padding: 0 15px;\r\n\r\n        margin-bottom: 35px;\r\n    }\r\n\r\n    .service-card {\r\n        grid-template-columns: 1fr;\r\n\r\n        min-height: auto;\r\n\r\n        border-radius: 20px;\r\n    }\r\n\r\n\r\n    \/* Square image remains square *\/\r\n\r\n    .service-image {\r\n        width: 100%;\r\n\r\n        padding: 25px;\r\n\r\n        aspect-ratio: 1 \/ 1;\r\n\r\n        min-height: 0;\r\n    }\r\n\r\n\r\n    .service-image img {\r\n        width: 100%;\r\n        height: 100%;\r\n\r\n        aspect-ratio: 1 \/ 1;\r\n\r\n        object-fit: cover;\r\n    }\r\n\r\n\r\n    \/* Content *\/\r\n\r\n    .service-content {\r\n        padding: 30px 25px 35px;\r\n    }\r\n\r\n\r\n    .service-title {\r\n        font-size: 25px;\r\n\r\n        margin-bottom: 17px;\r\n    }\r\n\r\n\r\n    .service-description {\r\n        font-size: 14px;\r\n\r\n        line-height: 1.75;\r\n\r\n        margin-bottom: 22px;\r\n    }\r\n\r\n\r\n    \/* List *\/\r\n\r\n    .service-list {\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 10px;\r\n    }\r\n\r\n\r\n    .service-list li {\r\n        font-size: 13px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 420px) {\r\n\r\n    .service-image {\r\n        padding: 20px;\r\n    }\r\n\r\n    .service-title {\r\n        font-size: 23px;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<!-- =========================================================\r\n     8.0 CELLULAR & REGENERATIVE THERAPIES\r\n     ========================================================= -->\r\n\r\n<div class=\"service-section\">\r\n\r\n    <div class=\"service-card\">\r\n\r\n\r\n        <!-- =================================================\r\n             IMAGE\r\n             ================================================= -->\r\n\r\n        <div class=\"service-image\">\r\n\r\n            <div class=\"service-number\">\r\n                08\r\n            <\/div>\r\n\r\n\r\n            <!-- Replace with your Service 08 image -->\r\n            <img decoding=\"async\"\r\n                src=\"YOUR-8-SERVICE-IMAGE-URL.jpg\"\r\n                alt=\"\"\r\n            >\r\n\r\n\r\n            <div class=\"service-image-corner\">\r\n                <i class=\"fa-solid fa-droplet\"><\/i>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             RIGHT CONTENT\r\n             ================================================= -->\r\n\r\n        <div class=\"service-content\">\r\n\r\n\r\n            <div class=\"service-label\">\r\n                Cellular &amp; Regenerative Therapies\r\n            <\/div>\r\n\r\n\r\n            <h2 class=\"service-title\">\r\n                Cellular &amp; Regenerative Therapies\r\n            <\/h2>\r\n\r\n\r\n            <h3 class=\"service-subtitle\">\r\n                Blood Component-Based Regenerative Therapies\r\n            <\/h3>\r\n\r\n\r\n            <ul class=\"service-list\">\r\n\r\n                <li>\r\n                    Autologous Platelet-Rich Plasma (PRP) \u2013 Supporting orthopaedics, sports medicine, plastic surgery, dentistry, and dermatology\r\n                <\/li>\r\n\r\n            <\/ul>\r\n\r\n\r\n            <h3 class=\"service-subtitle\" style=\"margin-top:24px;\">\r\n                Cellular Therapy Services\r\n            <\/h3>\r\n\r\n\r\n            <ul class=\"service-list\">\r\n\r\n                <li>\r\n                    Hematopoietic Stem Cell Collection (Apheresis)\r\n                <\/li>\r\n\r\n                <li>\r\n                    Mononuclear Cell Collection (Apheresis)\r\n                <\/li>\r\n\r\n                <li>\r\n                    Lymphocyte Collection&nbsp; (Apheresis)\r\n                <\/li>\r\n\r\n                <li>\r\n                    Granulocyte Collection (Apheresis)\r\n                <\/li>\r\n\r\n            <\/ul>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-583afac elementor-widget elementor-widget-html\" data-id=\"583afac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\r\n\/* =========================================================\r\n   9. OPD & PATIENT CONSULTATION SERVICES\r\n   ========================================================= *\/\r\n\r\n.service-section {\r\n    width: 100%;\r\n    max-width: 1180px;\r\n    margin: 0 auto 50px;\r\n    font-family: \"Rubik\", Arial, sans-serif;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN SERVICE CARD\r\n   ========================================================= *\/\r\n\r\n.service-card {\r\n    position: relative;\r\n    overflow: hidden;\r\n\r\n    display: grid;\r\n    grid-template-columns: 38% 62%;\r\n\r\n    min-height: 390px;\r\n\r\n    background: #ffffff;\r\n\r\n    border: 1px solid #e7e7e7;\r\n    border-radius: 24px;\r\n\r\n    box-shadow:\r\n        0 12px 35px rgba(0,0,0,0.06);\r\n\r\n    transition:\r\n        transform 0.35s ease,\r\n        box-shadow 0.35s ease;\r\n}\r\n\r\n.service-card:hover {\r\n    transform: translateY(-5px);\r\n\r\n    box-shadow:\r\n        0 20px 45px rgba(0,0,0,0.10);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SQUARE IMAGE AREA\r\n   ========================================================= *\/\r\n\r\n.service-image {\r\n    position: relative;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    padding: 28px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            #fff1f3 0%,\r\n            #fbe2e6 48%,\r\n            #f8f7f7 100%\r\n        );\r\n\r\n    overflow: hidden;\r\n}\r\n\r\n\r\n\/* Decorative Background Circle *\/\r\n\r\n.service-image::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 270px;\r\n    height: 270px;\r\n\r\n    top: -100px;\r\n    left: -90px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: rgba(162,28,45,0.08);\r\n}\r\n\r\n\r\n\/* Second Decorative Circle *\/\r\n\r\n.service-image::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 190px;\r\n    height: 190px;\r\n\r\n    right: -90px;\r\n    bottom: -90px;\r\n\r\n    border-radius: 50%;\r\n\r\n    border: 35px solid rgba(162,28,45,0.06);\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SQUARE IMAGE\r\n   ========================================================= *\/\r\n\r\n.service-image img {\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    display: block;\r\n\r\n    width: 100%;\r\n\r\n    aspect-ratio: 1 \/ 1;\r\n\r\n    height: auto;\r\n\r\n    object-fit: cover;\r\n\r\n    border-radius: 20px;\r\n\r\n    box-shadow:\r\n        0 12px 28px rgba(0,0,0,0.12);\r\n\r\n    transition:\r\n        transform 0.5s ease;\r\n}\r\n\r\n\r\n\/* Image Hover *\/\r\n\r\n.service-card:hover .service-image img {\r\n    transform: scale(1.035);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NUMBER\r\n   ========================================================= *\/\r\n\r\n.service-number {\r\n    position: absolute;\r\n\r\n    top: 18px;\r\n    left: 18px;\r\n\r\n    z-index: 5;\r\n\r\n    padding: 8px 13px;\r\n\r\n    border-radius: 30px;\r\n\r\n    background: rgba(255,255,255,0.95);\r\n\r\n    color: #a21c2d;\r\n\r\n    font-size: 12px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 1px;\r\n\r\n    box-shadow:\r\n        0 5px 15px rgba(0,0,0,0.12);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE ICON\r\n   ========================================================= *\/\r\n\r\n.service-image-corner {\r\n    position: absolute;\r\n\r\n    right: 18px;\r\n    bottom: 18px;\r\n\r\n    z-index: 5;\r\n\r\n    width: 45px;\r\n    height: 45px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border-radius: 13px;\r\n\r\n    background: rgba(255,255,255,0.95);\r\n\r\n    color: #a21c2d;\r\n\r\n    font-size: 17px;\r\n\r\n    box-shadow:\r\n        0 7px 18px rgba(0,0,0,0.13);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RIGHT CONTENT\r\n   ========================================================= *\/\r\n\r\n.service-content {\r\n    position: relative;\r\n\r\n    padding: 45px 48px;\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    justify-content: center;\r\n\r\n    overflow: hidden;\r\n}\r\n\r\n\r\n\/* Decorative Circle *\/\r\n\r\n.service-content::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 180px;\r\n    height: 180px;\r\n\r\n    right: -85px;\r\n    bottom: -85px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #faf1f3;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LABEL\r\n   ========================================================= *\/\r\n\r\n.service-label {\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 8px;\r\n\r\n    width: fit-content;\r\n\r\n    margin-bottom: 13px;\r\n\r\n    padding: 7px 12px;\r\n\r\n    border-radius: 30px;\r\n\r\n    background: #faf0f2;\r\n\r\n    color: #a21c2d;\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 1px;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n.service-label::before {\r\n    content: \"\";\r\n\r\n    width: 6px;\r\n    height: 6px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #a21c2d;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TITLE\r\n   ========================================================= *\/\r\n\r\n.service-title {\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    margin: 0 0 20px;\r\n\r\n    font-size: 32px;\r\n\r\n    line-height: 1.25;\r\n\r\n    font-weight: 700;\r\n\r\n    color: #202020;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESCRIPTION\r\n   ========================================================= *\/\r\n\r\n.service-description {\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    margin: 0 0 24px;\r\n\r\n    max-width: 650px;\r\n\r\n    font-size: 15px;\r\n\r\n    line-height: 1.85;\r\n\r\n    color: #555;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SERVICES TITLE\r\n   ========================================================= *\/\r\n\r\n.service-subtitle {\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    margin: 0 0 13px;\r\n\r\n    font-size: 14px;\r\n\r\n    font-weight: 700;\r\n\r\n    color: #252525;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SERVICE LIST\r\n   ========================================================= *\/\r\n\r\n.service-list {\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns: 1fr 1fr;\r\n\r\n    gap: 10px 18px;\r\n\r\n    margin: 0;\r\n\r\n    padding: 0;\r\n\r\n    list-style: none;\r\n}\r\n\r\n\r\n.service-list li {\r\n    position: relative;\r\n\r\n    padding-left: 27px;\r\n\r\n    font-size: 13px;\r\n\r\n    line-height: 1.55;\r\n\r\n    color: #555;\r\n}\r\n\r\n\r\n.service-list li::before {\r\n    content: \"\u2713\";\r\n\r\n    position: absolute;\r\n\r\n    left: 0;\r\n    top: 0;\r\n\r\n    width: 19px;\r\n    height: 19px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #f9e9ec;\r\n\r\n    color: #a21c2d;\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 800;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n    .service-section {\r\n        padding: 0 20px;\r\n    }\r\n\r\n    .service-card {\r\n        grid-template-columns: 38% 62%;\r\n    }\r\n\r\n    .service-image {\r\n        padding: 22px;\r\n    }\r\n\r\n    .service-content {\r\n        padding: 35px 30px;\r\n    }\r\n\r\n    .service-title {\r\n        font-size: 28px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 650px) {\r\n\r\n    .service-section {\r\n        padding: 0 15px;\r\n\r\n        margin-bottom: 35px;\r\n    }\r\n\r\n    .service-card {\r\n        grid-template-columns: 1fr;\r\n\r\n        min-height: auto;\r\n\r\n        border-radius: 20px;\r\n    }\r\n\r\n\r\n    \/* Square image remains square *\/\r\n\r\n    .service-image {\r\n        width: 100%;\r\n\r\n        padding: 25px;\r\n\r\n        aspect-ratio: 1 \/ 1;\r\n\r\n        min-height: 0;\r\n    }\r\n\r\n\r\n    .service-image img {\r\n        width: 100%;\r\n        height: 100%;\r\n\r\n        aspect-ratio: 1 \/ 1;\r\n\r\n        object-fit: cover;\r\n    }\r\n\r\n\r\n    \/* Content *\/\r\n\r\n    .service-content {\r\n        padding: 30px 25px 35px;\r\n    }\r\n\r\n\r\n    .service-title {\r\n        font-size: 25px;\r\n\r\n        margin-bottom: 17px;\r\n    }\r\n\r\n\r\n    .service-description {\r\n        font-size: 14px;\r\n\r\n        line-height: 1.75;\r\n\r\n        margin-bottom: 22px;\r\n    }\r\n\r\n\r\n    \/* List *\/\r\n\r\n    .service-list {\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 10px;\r\n    }\r\n\r\n\r\n    .service-list li {\r\n        font-size: 13px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 420px) {\r\n\r\n    .service-image {\r\n        padding: 20px;\r\n    }\r\n\r\n    .service-title {\r\n        font-size: 23px;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<!-- =========================================================\r\n     9. OPD & PATIENT CONSULTATION SERVICES\r\n     ========================================================= -->\r\n\r\n<div class=\"service-section\">\r\n\r\n    <div class=\"service-card\">\r\n\r\n\r\n        <!-- =================================================\r\n             IMAGE\r\n             ================================================= -->\r\n\r\n        <div class=\"service-image\">\r\n\r\n            <div class=\"service-number\">\r\n                09\r\n            <\/div>\r\n\r\n\r\n            <!-- Replace with your Service 09 image -->\r\n            <img decoding=\"async\"\r\n                src=\"YOUR-9-SERVICE-IMAGE-URL.jpg\"\r\n                alt=\"\"\r\n            >\r\n\r\n\r\n            <div class=\"service-image-corner\">\r\n                <i class=\"fa-solid fa-droplet\"><\/i>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             RIGHT CONTENT\r\n             ================================================= -->\r\n\r\n        <div class=\"service-content\">\r\n\r\n\r\n            <div class=\"service-label\">\r\n                OPD &amp; Patient Consultation Services\r\n            <\/div>\r\n\r\n\r\n            <h2 class=\"service-title\">\r\n                OPD &amp; Patient Consultation Services\r\n            <\/h2>\r\n\r\n\r\n            <p class=\"service-description\">\r\n                We provide specialized outpatient consultation for patients requiring transfusion support, immunohematological evaluation, and patient blood management.\r\n            <\/p>\r\n\r\n\r\n            <h3 class=\"service-subtitle\">\r\n                Specialized Clinics:\r\n            <\/h3>\r\n\r\n\r\n            <ul class=\"service-list\">\r\n\r\n                <li>\r\n                    Thalassemia Transfusion Clinic \u2013 Extended phenotype-matched blood, regular transfusion support, and monitoring\r\n                <\/li>\r\n\r\n                <li>\r\n                    Antenatal &amp; Neonatal Immunohematology Clinic \u2013 Antibody screening, Rh management, alloimmunization work-up, and HDFN support for mothers and neonates\r\n                <\/li>\r\n\r\n                <li>\r\n                    Anemia Clinic \u2013 Hemoglobin optimization and patient blood management\r\n                <\/li>\r\n\r\n                <li>\r\n                    Therapeutic Apheresis Clinic \u2013 Specialized therapeutic procedures\r\n                <\/li>\r\n\r\n            <\/ul>\r\n\r\n\r\n            <h3 class=\"service-subtitle\" style=\"margin-top:24px;\">\r\n                Patient Services:\r\n            <\/h3>\r\n\r\n\r\n            <ul class=\"service-list\">\r\n\r\n                <li>\r\n                    Pre-transfusion evaluation and counselling\r\n                <\/li>\r\n\r\n                <li>\r\n                    Blood component therapy consultation\r\n                <\/li>\r\n\r\n                <li>\r\n                    Complex immunohematology case management\r\n                <\/li>\r\n\r\n                <li>\r\n                    Transfusion reaction evaluation\r\n                <\/li>\r\n\r\n                <li>\r\n                    Guidance on appropriate component utilization\r\n                <\/li>\r\n\r\n            <\/ul>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-efe557c elementor-widget elementor-widget-menu-anchor\" data-id=\"efe557c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"faculty-Members\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-95879b3 elementor-widget elementor-widget-html\" data-id=\"95879b3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================\r\n   RUBIK FONT\r\n   ========================================= *\/\r\n\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Rubik:wght@400;500;600&display=swap');\r\n\r\n\r\n\/* =========================================\r\n   DEPARTMENT OVERVIEW\r\n   ========================================= *\/\r\n\r\n.department-overview {\r\n    width: 100%;\r\n    max-width: 1080px;\r\n    margin: 0 auto;\r\n    font-family: 'Rubik', Arial, Helvetica, sans-serif;\r\n    color: #333333;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   HEADER\r\n   ========================================= *\/\r\n\r\n.department-overview-header {\r\n    margin-bottom: 28px;\r\n}\r\n\r\n.department-overview-kicker {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    margin-bottom: 10px;\r\n}\r\n\r\n.department-overview-kicker-line {\r\n    width: 34px;\r\n    height: 3px;\r\n    background: #a21c2d;\r\n    display: block;\r\n}\r\n\r\n.department-overview-kicker span {\r\n    font-family: 'Rubik', Arial, Helvetica, sans-serif;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    letter-spacing: 1.2px;\r\n    text-transform: uppercase;\r\n    color: #a21c2d;\r\n}\r\n\r\n.department-overview-title {\r\n    margin: 0;\r\n    padding: 0;\r\n    font-family: 'Rubik', Arial, Helvetica, sans-serif;\r\n    font-size: 28px;\r\n    line-height: 1.25;\r\n    font-weight: 500;\r\n    color: #222222;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CONTENT AREA\r\n   ========================================= *\/\r\n\r\n.department-overview-content {\r\n    position: relative;\r\n    padding-left: 26px;\r\n    border-left: 2px solid #eeeeee;\r\n}\r\n\r\n\r\n\/* Red accent at top of content *\/\r\n\r\n.department-overview-content::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: -2px;\r\n    top: 0;\r\n    width: 2px;\r\n    height: 55px;\r\n    background: #a21c2d;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   PARAGRAPHS\r\n   ========================================= *\/\r\n\r\n.department-overview-content p {\r\n    margin: 0 0 22px 0;\r\n    max-width: 960px;\r\n\r\n    font-family: 'Rubik', Arial, Helvetica, sans-serif;\r\n    font-size: 16px;\r\n    line-height: 1.8;\r\n    font-weight: 400;\r\n\r\n    color: #444444;\r\n\r\n    \/* Justified Content *\/\r\n    text-align: justify;\r\n    text-justify: inter-word;\r\n}\r\n\r\n.department-overview-content p:last-child {\r\n    margin-bottom: 0;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   HIGHLIGHTED TEXT\r\n   ========================================= *\/\r\n\r\n.department-overview-content strong {\r\n    font-family: 'Rubik', Arial, Helvetica, sans-serif;\r\n    color: #8f1b29;\r\n    font-weight: 500;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   SECONDARY PARAGRAPHS\r\n   ========================================= *\/\r\n\r\n.department-overview-content p:nth-child(2) {\r\n    padding-top: 2px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   TABLET\r\n   ========================================= *\/\r\n\r\n@media (max-width: 991px) {\r\n\r\n    .department-overview-title {\r\n        font-size: 25px;\r\n    }\r\n\r\n    .department-overview-content {\r\n        padding-left: 22px;\r\n    }\r\n\r\n    .department-overview-content p {\r\n        font-size: 15.5px;\r\n        line-height: 1.75;\r\n        text-align: justify;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MOBILE\r\n   ========================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .department-overview-header {\r\n        margin-bottom: 22px;\r\n    }\r\n\r\n    .department-overview-kicker {\r\n        gap: 9px;\r\n    }\r\n\r\n    .department-overview-kicker-line {\r\n        width: 26px;\r\n        height: 2px;\r\n    }\r\n\r\n    .department-overview-kicker span {\r\n        font-size: 11px;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .department-overview-title {\r\n        font-size: 22px;\r\n        line-height: 1.3;\r\n    }\r\n\r\n    .department-overview-content {\r\n        padding-left: 18px;\r\n    }\r\n\r\n    .department-overview-content p {\r\n        font-size: 15px;\r\n        line-height: 1.7;\r\n        margin-bottom: 18px;\r\n\r\n        \/* Keep justified on mobile *\/\r\n        text-align: justify;\r\n        text-justify: inter-word;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<div class=\"department-overview\">\r\n\r\n    <!-- Header -->\r\n    <div class=\"department-overview-header\">\r\n\r\n     \r\n\r\n        <h2 class=\"department-overview-title\">\r\n            Faculty Members\r\n        <\/h2>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"wd-negative-gap elementor-section elementor-top-section elementor-element elementor-element-bdcad98 elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"bdcad98\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-7ecbd38\" data-id=\"7ecbd38\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-f7059ec\" data-id=\"f7059ec\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b7a5b7f wd-width-100 elementor-widget elementor-widget-wd_products\" data-id=\"b7a5b7f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wd_products.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"wd-products-element\">\n\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t<div class=\"products wd-products grid-columns-3 elements-grid wd-grid-g\" data-paged=\"1\" data-atts=\"{&quot;speed&quot;:null,&quot;slides_per_view&quot;:null,&quot;wrap&quot;:null,&quot;autoplay&quot;:null,&quot;autoheight&quot;:null,&quot;hide_pagination_control&quot;:null,&quot;dynamic_pagination_control&quot;:null,&quot;hide_prev_next_buttons&quot;:null,&quot;carousel_arrows_position&quot;:null,&quot;hide_scrollbar&quot;:null,&quot;scroll_per_page&quot;:null,&quot;center_mode&quot;:null,&quot;spacing&quot;:&quot;&quot;,&quot;carousel_sync&quot;:null,&quot;sync_parent_id&quot;:null,&quot;sync_child_id&quot;:null,&quot;scroll_carousel_init&quot;:null,&quot;disable_overflow_carousel&quot;:null,&quot;include&quot;:null,&quot;taxonomies&quot;:[&quot;97&quot;],&quot;orderby&quot;:&quot;meta_value&quot;,&quot;shop_tools&quot;:null,&quot;ajax_recently_viewed&quot;:null,&quot;pagination_arrows_position&quot;:null,&quot;items_per_page&quot;:50,&quot;columns&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:3,&quot;sizes&quot;:[]},&quot;products_masonry&quot;:&quot;disable&quot;,&quot;products_different_sizes&quot;:&quot;&quot;,&quot;product_quantity&quot;:&quot;&quot;,&quot;product_hover&quot;:&quot;tiled&quot;,&quot;sale_countdown&quot;:&quot;0&quot;,&quot;stretch_product&quot;:&quot;0&quot;,&quot;stock_progress_bar&quot;:&quot;0&quot;,&quot;highlighted_products&quot;:&quot;0&quot;,&quot;products_divider&quot;:null,&quot;products_bordered_grid&quot;:&quot;&quot;,&quot;products_bordered_grid_style&quot;:null,&quot;products_with_background&quot;:&quot;0&quot;,&quot;products_shadow&quot;:&quot;0&quot;,&quot;img_size&quot;:&quot;full&quot;,&quot;img_size_custom&quot;:null,&quot;grid_gallery_control&quot;:null,&quot;grid_gallery_enable_arrows&quot;:null,&quot;elementor&quot;:true,&quot;force_not_ajax&quot;:&quot;no&quot;}\" data-source=\"shortcode\" data-columns=\"3\" data-grid-gallery=\"\" style=\"--wd-col-lg:3;--wd-col-md:3;--wd-col-sm:2;--wd-gap-lg:20px;--wd-gap-sm:10px;\">\n\t\t\n\t\t\t\t\t\t\t\t<div class=\"wd-product wd-hover-tiled wd-col product-grid-item product type-product post-12999 status-publish instock product_cat-immuno-haematology-blood-transfusion has-post-thumbnail shipping-taxable product-type-simple\" data-loop=\"1\" data-id=\"12999\">\n\t\n\t\n<div class=\"product-wrapper\">\n\t<div class=\"product-element-top wd-quick-shop\">\n\t\t<a href=\"https:\/\/srms.ac.in\/ims\/product\/dr-milan-jaiswal\/\" class=\"product-image-link\">\n\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"278\" height=\"380\" src=\"https:\/\/srms.ac.in\/ims\/wp-content\/uploads\/2026\/09\/MILAN-JAISWAL.jpg\" class=\"attachment-full size-full\" alt=\"\" srcset=\"https:\/\/srms.ac.in\/ims\/wp-content\/uploads\/2026\/09\/MILAN-JAISWAL.jpg 278w, https:\/\/srms.ac.in\/ims\/wp-content\/uploads\/2026\/09\/MILAN-JAISWAL-219x300.jpg 219w, https:\/\/srms.ac.in\/ims\/wp-content\/uploads\/2026\/09\/MILAN-JAISWAL-150x205.jpg 150w\" sizes=\"(max-width: 278px) 100vw, 278px\" \/>\t\t<\/a>\n\n\t\t\n\t\t<div class=\"wd-buttons wd-pos-r-t\">\n\t\t\t\t\t\t<div class=\"wd-add-btn wd-action-btn wd-style-icon wd-add-cart-icon\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"product-element-bottom\">\n\t\t<h3 class=\"wd-entities-title\"><a href=\"https:\/\/srms.ac.in\/ims\/product\/dr-milan-jaiswal\/\">Dr. Milan Jaiswal<\/a><\/h3>\t\t\t\t<div class=\"wd-product-cats\">\n\t\t\t<a href=\"https:\/\/srms.ac.in\/ims\/product-category\/immuno-haematology-blood-transfusion\/\" rel=\"tag\">Immuno Haematology &amp; Blood Transfusion (Transfusion Medicine)<\/a>\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\n\n\t\t\n\t\t\t\t\n\t\t\t<\/div>\n<\/div>\n<\/div>\n\t\t\t\t\t\t\t\t<div class=\"wd-product wd-hover-tiled wd-col product-grid-item product type-product post-13010 status-publish instock product_cat-immuno-haematology-blood-transfusion has-post-thumbnail shipping-taxable product-type-simple\" data-loop=\"2\" data-id=\"13010\">\n\t\n\t\n<div class=\"product-wrapper\">\n\t<div class=\"product-element-top wd-quick-shop\">\n\t\t<a href=\"https:\/\/srms.ac.in\/ims\/product\/dr-aakriti-baijal\/\" class=\"product-image-link\">\n\t\t\t<img decoding=\"async\" width=\"378\" height=\"449\" src=\"https:\/\/srms.ac.in\/ims\/wp-content\/uploads\/2026\/09\/AAKRITI-BAIJAL.jpg\" class=\"attachment-full size-full\" alt=\"\" srcset=\"https:\/\/srms.ac.in\/ims\/wp-content\/uploads\/2026\/09\/AAKRITI-BAIJAL.jpg 378w, https:\/\/srms.ac.in\/ims\/wp-content\/uploads\/2026\/09\/AAKRITI-BAIJAL-253x300.jpg 253w, https:\/\/srms.ac.in\/ims\/wp-content\/uploads\/2026\/09\/AAKRITI-BAIJAL-150x178.jpg 150w\" sizes=\"(max-width: 378px) 100vw, 378px\" \/>\t\t<\/a>\n\n\t\t\n\t\t<div class=\"wd-buttons wd-pos-r-t\">\n\t\t\t\t\t\t<div class=\"wd-add-btn wd-action-btn wd-style-icon wd-add-cart-icon\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"product-element-bottom\">\n\t\t<h3 class=\"wd-entities-title\"><a href=\"https:\/\/srms.ac.in\/ims\/product\/dr-aakriti-baijal\/\">Dr. Aakriti Baijal<\/a><\/h3>\t\t\t\t<div class=\"wd-product-cats\">\n\t\t\t<a href=\"https:\/\/srms.ac.in\/ims\/product-category\/immuno-haematology-blood-transfusion\/\" rel=\"tag\">Immuno Haematology &amp; Blood Transfusion (Transfusion Medicine)<\/a>\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\n\n\t\t\n\t\t\t\t\n\t\t\t<\/div>\n<\/div>\n<\/div>\n\t\t\t\t\t\t\t\t<div class=\"wd-product wd-hover-tiled wd-col product-grid-item product type-product post-13017 status-publish last instock product_cat-immuno-haematology-blood-transfusion has-post-thumbnail shipping-taxable product-type-simple\" data-loop=\"3\" data-id=\"13017\">\n\t\n\t\n<div class=\"product-wrapper\">\n\t<div class=\"product-element-top wd-quick-shop\">\n\t\t<a href=\"https:\/\/srms.ac.in\/ims\/product\/dr-ujjwal-ahuja\/\" class=\"product-image-link\">\n\t\t\t<img decoding=\"async\" width=\"378\" height=\"449\" src=\"https:\/\/srms.ac.in\/ims\/wp-content\/uploads\/2026\/09\/UJJWAL-AHUJA.jpg\" class=\"attachment-full size-full\" alt=\"\" srcset=\"https:\/\/srms.ac.in\/ims\/wp-content\/uploads\/2026\/09\/UJJWAL-AHUJA.jpg 378w, https:\/\/srms.ac.in\/ims\/wp-content\/uploads\/2026\/09\/UJJWAL-AHUJA-253x300.jpg 253w, https:\/\/srms.ac.in\/ims\/wp-content\/uploads\/2026\/09\/UJJWAL-AHUJA-150x178.jpg 150w\" sizes=\"(max-width: 378px) 100vw, 378px\" \/>\t\t<\/a>\n\n\t\t\n\t\t<div class=\"wd-buttons wd-pos-r-t\">\n\t\t\t\t\t\t<div class=\"wd-add-btn wd-action-btn wd-style-icon wd-add-cart-icon\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"product-element-bottom\">\n\t\t<h3 class=\"wd-entities-title\"><a href=\"https:\/\/srms.ac.in\/ims\/product\/dr-ujjwal-ahuja\/\">Dr. Ujjwal Ahuja<\/a><\/h3>\t\t\t\t<div class=\"wd-product-cats\">\n\t\t\t<a href=\"https:\/\/srms.ac.in\/ims\/product-category\/immuno-haematology-blood-transfusion\/\" rel=\"tag\">Immuno Haematology &amp; Blood Transfusion (Transfusion Medicine)<\/a>\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\n\n\t\t\n\t\t\t\t\n\t\t\t<\/div>\n<\/div>\n<\/div>\n\t\t\n\t\t\t\t<\/div>\n\t\n\t\t\n\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"wd-negative-gap elementor-element elementor-element-2bc81af elementor-hidden-desktop elementor-hidden-tablet e-flex e-con-boxed 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=\"2bc81af\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e34f4d8 elementor-widget elementor-widget-n-accordion\" data-id=\"e34f4d8\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;all_collapsed&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-2380\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-2380\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Clinical Department <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-2380\" class=\"elementor-element elementor-element-339a624 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-child\" data-id=\"339a624\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-12b964e eael-hamburger--none eael_simple_menu_hamburger_disable_selected_menu_no eael-simple-menu-hamburger-align-right eael-simple-menu-link-full-width elementor-widget elementor-widget-eael-simple-menu\" data-id=\"12b964e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"eael-simple-menu.default\">\n\t\t\t\t\t            <div data-hamburger-icon=\"&lt;svg aria-hidden=&quot;true&quot; class=&quot;e-font-icon-svg e-fas-bars&quot; viewBox=&quot;0 0 448 512&quot; xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot;&gt;&lt;path d=&quot;M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;\" data-indicator-icon=\"&lt;svg aria-hidden=&quot;true&quot; class=&quot;e-font-icon-svg e-fas-angle-down&quot; viewBox=&quot;0 0 320 512&quot; xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot;&gt;&lt;path d=&quot;M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;\" data-dropdown-indicator-icon=\"&lt;svg class=&quot;e-font-icon-svg e-fas-angle-down&quot; viewBox=&quot;0 0 320 512&quot; xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot;&gt;&lt;path d=&quot;M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;\" class=\"eael-simple-menu-container eael-simple-menu--loading eael-simple-menu-align-left eael-simple-menu-dropdown-align-left preset-1 eael-simple-menu-link-full-width\" data-hamburger-breakpoints=\"{&quot;mobile&quot;:&quot;Mobile Portrait (&gt; 767px)&quot;,&quot;tablet&quot;:&quot;Tablet Portrait (&gt; 1024px)&quot;,&quot;desktop&quot;:&quot;Desktop (&gt; 2400px)&quot;,&quot;none&quot;:&quot;None&quot;}\" data-hamburger-device=\"none\">\n                <ul id=\"menu-clinical-departments\" class=\"eael-simple-menu eael-simple-menu-dropdown-animate-to-top eael-simple-menu-indicator eael-simple-menu-vertical\"><li id=\"menu-item-10759\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-10759\"><a href=\"https:\/\/srms.ac.in\/ims\/departments\/clinical-departments\/department-of-immunohematology-and-blood-transfusion-medicine\/\">Immuno Haematology &#038; Blood Transfusion<\/a><\/li>\n<li id=\"menu-item-7496\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-7496\"><a href=\"https:\/\/srms.ac.in\/ims\/departments\/clinical-departments\/department-of-anaesthesia\/\">Department of Anaesthesia<\/a><\/li>\n<li id=\"menu-item-7497\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-7497\"><a href=\"https:\/\/srms.ac.in\/ims\/departments\/clinical-departments\/department-of-dental-sciences\/\">Department of Dental Sciences<\/a><\/li>\n<li id=\"menu-item-7498\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-7498\"><a href=\"https:\/\/srms.ac.in\/ims\/departments\/clinical-departments\/department-of-dermatology\/\">Department of Dermatology<\/a><\/li>\n<li id=\"menu-item-7499\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-7499\"><a href=\"https:\/\/srms.ac.in\/ims\/departments\/clinical-departments\/department-of-ent-and-head-neck-surge\/\">Department of ENT and Head &#038; Neck Surge<\/a><\/li>\n<li id=\"menu-item-7572\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-7572\"><a href=\"https:\/\/srms.ac.in\/ims\/departments\/clinical-departments\/department-of-general-surgery\/\">Department of General Surgery<\/a><\/li>\n<li id=\"menu-item-7573\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-7573\"><a href=\"https:\/\/srms.ac.in\/ims\/departments\/clinical-departments\/department-of-general-medicine\/\">Department of General Medicine<\/a><\/li>\n<li id=\"menu-item-7574\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-7574\"><a href=\"https:\/\/srms.ac.in\/ims\/departments\/clinical-departments\/department-of-obstetrics-gynaecology\/\">Department of Obstetrics &#038; Genecology<\/a><\/li>\n<li id=\"menu-item-7575\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-7575\"><a href=\"https:\/\/srms.ac.in\/ims\/departments\/clinical-departments\/department-of-radiation-oncology\/\">Department of Radiation Oncology<\/a><\/li>\n<li id=\"menu-item-7576\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-7576\"><a href=\"https:\/\/srms.ac.in\/ims\/departments\/clinical-departments\/department-of-ophthalmology\/\">Department of Ophthalmology<\/a><\/li>\n<li id=\"menu-item-7577\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-7577\"><a href=\"https:\/\/srms.ac.in\/ims\/departments\/clinical-departments\/department-of-orthopaedics\/\">Department of Orthopaedics<\/a><\/li>\n<li id=\"menu-item-7578\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-7578\"><a href=\"https:\/\/srms.ac.in\/ims\/departments\/clinical-departments\/department-of-pediatric\/\">Department of Pediatric<\/a><\/li>\n<li id=\"menu-item-7579\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-7579\"><a href=\"https:\/\/srms.ac.in\/ims\/departments\/clinical-departments\/department-of-psychiatry-behavioral-sciences\/\">Department of Psychiatry &#038; Behavioral Sciences<\/a><\/li>\n<li id=\"menu-item-7580\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-7580\"><a href=\"https:\/\/srms.ac.in\/ims\/departments\/clinical-departments\/department-of-respiratory-medicine\/\">Department of Respiratory Medicine<\/a><\/li>\n<li id=\"menu-item-7581\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-7581\"><a href=\"https:\/\/srms.ac.in\/ims\/departments\/clinical-departments\/department-of-radiodiagnosis\/\">Department of Radiodiagnosis<\/a><\/li>\n<\/ul>                <button class=\"eael-simple-menu-toggle\">\n                    <span class=\"sr-only \">Hamburger Toggle Menu<\/span>\n                    <svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-bars\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z\"><\/path><\/svg>                <\/button>\n            <\/div>\n            \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Clinical Department Department of Immuno Haematology and Blood Transfusion (Transfusion Medicine) Advancing safe transfusion practices through quality patient care, education,<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":1998,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-10718","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>DEPARTMENT OF IMMUNOHEMATOLOGY AND BLOOD TRANSFUSION MEDICINE - Shri Ram Murti Smarak Institute Of Medical Sciences<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/srms.ac.in\/ims\/departments\/clinical-departments\/department-of-immunohematology-and-blood-transfusion-medicine\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"DEPARTMENT OF IMMUNOHEMATOLOGY AND BLOOD TRANSFUSION MEDICINE - Shri Ram Murti Smarak Institute Of Medical Sciences\" \/>\n<meta property=\"og:description\" content=\"Clinical Department Department of Immuno Haematology and Blood Transfusion (Transfusion Medicine) Advancing safe transfusion practices through quality patient care, education,\" \/>\n<meta property=\"og:url\" content=\"https:\/\/srms.ac.in\/ims\/departments\/clinical-departments\/department-of-immunohematology-and-blood-transfusion-medicine\/\" \/>\n<meta property=\"og:site_name\" content=\"Shri Ram Murti Smarak Institute Of Medical Sciences\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-09T10:29:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/srms.ac.in\/ims\/wp-content\/uploads\/2026\/09\/MILAN-JAISWAL.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/srms.ac.in\\\/ims\\\/departments\\\/clinical-departments\\\/department-of-immunohematology-and-blood-transfusion-medicine\\\/\",\"url\":\"https:\\\/\\\/srms.ac.in\\\/ims\\\/departments\\\/clinical-departments\\\/department-of-immunohematology-and-blood-transfusion-medicine\\\/\",\"name\":\"DEPARTMENT OF IMMUNOHEMATOLOGY AND BLOOD TRANSFUSION MEDICINE - Shri Ram Murti Smarak Institute Of Medical Sciences\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/srms.ac.in\\\/ims\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/srms.ac.in\\\/ims\\\/departments\\\/clinical-departments\\\/department-of-immunohematology-and-blood-transfusion-medicine\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/srms.ac.in\\\/ims\\\/departments\\\/clinical-departments\\\/department-of-immunohematology-and-blood-transfusion-medicine\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/srms.ac.in\\\/ims\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/MILAN-JAISWAL.jpg\",\"datePublished\":\"2026-07-16T06:04:55+00:00\",\"dateModified\":\"2026-09-09T10:29:29+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/srms.ac.in\\\/ims\\\/departments\\\/clinical-departments\\\/department-of-immunohematology-and-blood-transfusion-medicine\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/srms.ac.in\\\/ims\\\/departments\\\/clinical-departments\\\/department-of-immunohematology-and-blood-transfusion-medicine\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/srms.ac.in\\\/ims\\\/departments\\\/clinical-departments\\\/department-of-immunohematology-and-blood-transfusion-medicine\\\/#primaryimage\",\"url\":\"https:\\\/\\\/srms.ac.in\\\/ims\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/MILAN-JAISWAL.jpg\",\"contentUrl\":\"https:\\\/\\\/srms.ac.in\\\/ims\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/MILAN-JAISWAL.jpg\",\"width\":278,\"height\":380},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/srms.ac.in\\\/ims\\\/departments\\\/clinical-departments\\\/department-of-immunohematology-and-blood-transfusion-medicine\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/srms.ac.in\\\/ims\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Departments\",\"item\":\"https:\\\/\\\/srms.ac.in\\\/ims\\\/departments\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Clinical Departments\",\"item\":\"https:\\\/\\\/srms.ac.in\\\/ims\\\/departments\\\/clinical-departments\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"DEPARTMENT OF IMMUNOHEMATOLOGY AND BLOOD TRANSFUSION MEDICINE\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/srms.ac.in\\\/ims\\\/#website\",\"url\":\"https:\\\/\\\/srms.ac.in\\\/ims\\\/\",\"name\":\"Shri Ram Murti Smarak Institute Of Medical Sciences\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/srms.ac.in\\\/ims\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/srms.ac.in\\\/ims\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/srms.ac.in\\\/ims\\\/#organization\",\"name\":\"Shri Ram Murti Smarak Institute Of Medical Sciences\",\"url\":\"https:\\\/\\\/srms.ac.in\\\/ims\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/srms.ac.in\\\/ims\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/srms.ac.in\\\/ims\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/srmsims-logo.png\",\"contentUrl\":\"https:\\\/\\\/srms.ac.in\\\/ims\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/srmsims-logo.png\",\"width\":371,\"height\":87,\"caption\":\"Shri Ram Murti Smarak Institute Of Medical Sciences\"},\"image\":{\"@id\":\"https:\\\/\\\/srms.ac.in\\\/ims\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"DEPARTMENT OF IMMUNOHEMATOLOGY AND BLOOD TRANSFUSION MEDICINE - Shri Ram Murti Smarak Institute Of Medical Sciences","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/srms.ac.in\/ims\/departments\/clinical-departments\/department-of-immunohematology-and-blood-transfusion-medicine\/","og_locale":"en_US","og_type":"article","og_title":"DEPARTMENT OF IMMUNOHEMATOLOGY AND BLOOD TRANSFUSION MEDICINE - Shri Ram Murti Smarak Institute Of Medical Sciences","og_description":"Clinical Department Department of Immuno Haematology and Blood Transfusion (Transfusion Medicine) Advancing safe transfusion practices through quality patient care, education,","og_url":"https:\/\/srms.ac.in\/ims\/departments\/clinical-departments\/department-of-immunohematology-and-blood-transfusion-medicine\/","og_site_name":"Shri Ram Murti Smarak Institute Of Medical Sciences","article_modified_time":"2026-09-09T10:29:29+00:00","og_image":[{"url":"https:\/\/srms.ac.in\/ims\/wp-content\/uploads\/2026\/09\/MILAN-JAISWAL.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/srms.ac.in\/ims\/departments\/clinical-departments\/department-of-immunohematology-and-blood-transfusion-medicine\/","url":"https:\/\/srms.ac.in\/ims\/departments\/clinical-departments\/department-of-immunohematology-and-blood-transfusion-medicine\/","name":"DEPARTMENT OF IMMUNOHEMATOLOGY AND BLOOD TRANSFUSION MEDICINE - Shri Ram Murti Smarak Institute Of Medical Sciences","isPartOf":{"@id":"https:\/\/srms.ac.in\/ims\/#website"},"primaryImageOfPage":{"@id":"https:\/\/srms.ac.in\/ims\/departments\/clinical-departments\/department-of-immunohematology-and-blood-transfusion-medicine\/#primaryimage"},"image":{"@id":"https:\/\/srms.ac.in\/ims\/departments\/clinical-departments\/department-of-immunohematology-and-blood-transfusion-medicine\/#primaryimage"},"thumbnailUrl":"https:\/\/srms.ac.in\/ims\/wp-content\/uploads\/2026\/09\/MILAN-JAISWAL.jpg","datePublished":"2026-07-16T06:04:55+00:00","dateModified":"2026-09-09T10:29:29+00:00","breadcrumb":{"@id":"https:\/\/srms.ac.in\/ims\/departments\/clinical-departments\/department-of-immunohematology-and-blood-transfusion-medicine\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/srms.ac.in\/ims\/departments\/clinical-departments\/department-of-immunohematology-and-blood-transfusion-medicine\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/srms.ac.in\/ims\/departments\/clinical-departments\/department-of-immunohematology-and-blood-transfusion-medicine\/#primaryimage","url":"https:\/\/srms.ac.in\/ims\/wp-content\/uploads\/2026\/09\/MILAN-JAISWAL.jpg","contentUrl":"https:\/\/srms.ac.in\/ims\/wp-content\/uploads\/2026\/09\/MILAN-JAISWAL.jpg","width":278,"height":380},{"@type":"BreadcrumbList","@id":"https:\/\/srms.ac.in\/ims\/departments\/clinical-departments\/department-of-immunohematology-and-blood-transfusion-medicine\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/srms.ac.in\/ims\/"},{"@type":"ListItem","position":2,"name":"Departments","item":"https:\/\/srms.ac.in\/ims\/departments\/"},{"@type":"ListItem","position":3,"name":"Clinical Departments","item":"https:\/\/srms.ac.in\/ims\/departments\/clinical-departments\/"},{"@type":"ListItem","position":4,"name":"DEPARTMENT OF IMMUNOHEMATOLOGY AND BLOOD TRANSFUSION MEDICINE"}]},{"@type":"WebSite","@id":"https:\/\/srms.ac.in\/ims\/#website","url":"https:\/\/srms.ac.in\/ims\/","name":"Shri Ram Murti Smarak Institute Of Medical Sciences","description":"","publisher":{"@id":"https:\/\/srms.ac.in\/ims\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/srms.ac.in\/ims\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/srms.ac.in\/ims\/#organization","name":"Shri Ram Murti Smarak Institute Of Medical Sciences","url":"https:\/\/srms.ac.in\/ims\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/srms.ac.in\/ims\/#\/schema\/logo\/image\/","url":"https:\/\/srms.ac.in\/ims\/wp-content\/uploads\/2026\/08\/srmsims-logo.png","contentUrl":"https:\/\/srms.ac.in\/ims\/wp-content\/uploads\/2026\/08\/srmsims-logo.png","width":371,"height":87,"caption":"Shri Ram Murti Smarak Institute Of Medical Sciences"},"image":{"@id":"https:\/\/srms.ac.in\/ims\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/srms.ac.in\/ims\/wp-json\/wp\/v2\/pages\/10718","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/srms.ac.in\/ims\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/srms.ac.in\/ims\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/srms.ac.in\/ims\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/srms.ac.in\/ims\/wp-json\/wp\/v2\/comments?post=10718"}],"version-history":[{"count":42,"href":"https:\/\/srms.ac.in\/ims\/wp-json\/wp\/v2\/pages\/10718\/revisions"}],"predecessor-version":[{"id":13006,"href":"https:\/\/srms.ac.in\/ims\/wp-json\/wp\/v2\/pages\/10718\/revisions\/13006"}],"up":[{"embeddable":true,"href":"https:\/\/srms.ac.in\/ims\/wp-json\/wp\/v2\/pages\/1998"}],"wp:attachment":[{"href":"https:\/\/srms.ac.in\/ims\/wp-json\/wp\/v2\/media?parent=10718"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}