{"id":161,"date":"2016-10-25T15:19:54","date_gmt":"2016-10-25T15:19:54","guid":{"rendered":"http:\/\/lawyer2.mythemecloud.io\/?page_id=161"},"modified":"2026-11-03T16:27:05","modified_gmt":"2026-11-03T16:27:05","slug":"home","status":"publish","type":"page","link":"https:\/\/pdugmck.ac.in\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"161\" class=\"elementor elementor-161\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-102b393 e-con-full e-flex e-con e-parent\" data-id=\"102b393\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t<div class=\"elementor-element elementor-element-25f7c67 elementor-widget elementor-widget-html\" data-id=\"25f7c67\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div id=\"pdu-links-gallery\">\r\n\r\n<style>\r\n#pdu-links-gallery {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    height: 4.5in;\r\n    margin: 0;\r\n    padding: 4px 3px;\r\n    box-sizing: border-box;\r\n    font-family: Arial, sans-serif;\r\n    overflow: hidden;\r\n}\r\n\r\n#pdu-links-gallery * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* MAIN DESKTOP \/ LAPTOP \/ TABLET LAYOUT *\/\r\n#pdu-links-gallery .pdu-main {\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: stretch;\r\n    width: 100%;\r\n    height: 100%;\r\n    gap: 7px;\r\n}\r\n\r\n\/* IMPORTANT LINKS - LEFT SIDE *\/\r\n#pdu-links-gallery .pdu-links {\r\n    order: 1;\r\n    flex: 0 0 240px;\r\n    width: 240px;\r\n    height: 100%;\r\n    padding: 6px;\r\n    border: 1px solid #b7dce9;\r\n    background: linear-gradient(145deg, #eafaff, #c7eff7, #f5fcff);\r\n    box-shadow: 0 5px 15px rgba(0,35,75,.22);\r\n    overflow: hidden;\r\n}\r\n\r\n\/* HEADING *\/\r\n#pdu-links-gallery .pdu-heading {\r\n    height: 43px;\r\n    margin-bottom: 8px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    text-align: center;\r\n    white-space: nowrap;\r\n    color: #fff;\r\n    font-size: 15px;\r\n    font-weight: bold;\r\n    letter-spacing: .5px;\r\n    background: linear-gradient(135deg, #062b55, #087fbd, #062b55);\r\n    border: 1px solid #62d8e8;\r\n    box-shadow: 0 4px 0 #031b38, 0 7px 12px rgba(0,0,0,.3);\r\n    animation: pduHeadingGlow 3s ease-in-out infinite;\r\n}\r\n\r\n@keyframes pduHeadingGlow {\r\n    0%, 100% {\r\n        box-shadow: 0 4px 0 #031b38, 0 7px 12px rgba(0,0,0,.3);\r\n    }\r\n    50% {\r\n        box-shadow: 0 4px 0 #031b38, 0 7px 18px rgba(0,190,255,.65);\r\n    }\r\n}\r\n\r\n\/* 3D IMPORTANT LINK BUTTONS *\/\r\n#pdu-links-gallery .pdu-link {\r\n    position: relative;\r\n    display: flex;\r\n    align-items: center;\r\n    width: 100%;\r\n    height: 46px;\r\n    margin-bottom: 6px;\r\n    padding: 0 8px;\r\n    overflow: hidden;\r\n    white-space: nowrap;\r\n    text-decoration: none;\r\n    color: #fff;\r\n    font-size: 12.5px;\r\n    font-weight: bold;\r\n    border: 1px solid #a5f5ff;\r\n    border-radius: 5px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            115deg,\r\n            rgba(255,255,255,.45) 0%,\r\n            transparent 25%,\r\n            rgba(255,215,106,.25) 48%,\r\n            transparent 70%,\r\n            rgba(255,255,255,.25) 100%\r\n        ),\r\n        linear-gradient(\r\n            135deg,\r\n            #062b55 0%,\r\n            #087fbd 38%,\r\n            #38d9e8 68%,\r\n            #064477 100%\r\n        );\r\n\r\n    box-shadow:\r\n        0 5px 0 #031b38,\r\n        0 7px 12px rgba(0,0,0,.25),\r\n        inset 0 2px 4px rgba(255,255,255,.55),\r\n        inset 0 -3px 5px rgba(0,0,0,.25);\r\n\r\n    animation: pduButton3D 3s ease-in-out infinite;\r\n    transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;\r\n    cursor: pointer;\r\n    -webkit-tap-highlight-color: transparent;\r\n}\r\n\r\n#pdu-links-gallery .pdu-link:last-child {\r\n    margin-bottom: 0;\r\n}\r\n\r\n\/* GLOSSY LIGHT EFFECT *\/\r\n#pdu-links-gallery .pdu-link::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: -60%;\r\n    left: -100%;\r\n    width: 65%;\r\n    height: 220%;\r\n    background: linear-gradient(\r\n        90deg,\r\n        transparent,\r\n        rgba(255,255,255,.55),\r\n        rgba(255,215,106,.35),\r\n        transparent\r\n    );\r\n    transform: skewX(-25deg);\r\n    animation: pduGlossyMove 4s ease-in-out infinite;\r\n    pointer-events: none;\r\n}\r\n\r\n#pdu-links-gallery .pdu-link::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 3px;\r\n    border: 1px solid rgba(255,255,255,.22);\r\n    border-radius: 3px;\r\n    pointer-events: none;\r\n}\r\n\r\n@keyframes pduGlossyMove {\r\n    0%, 15% { left: -100%; }\r\n    65%, 100% { left: 150%; }\r\n}\r\n\r\n@keyframes pduButton3D {\r\n    0%, 100% {\r\n        transform: perspective(500px) translateY(0) rotateX(0deg);\r\n        filter: brightness(1);\r\n    }\r\n    50% {\r\n        transform: perspective(500px) translateY(-2px) rotateX(2deg);\r\n        filter: brightness(1.12);\r\n    }\r\n}\r\n\r\n#pdu-links-gallery .pdu-link:hover {\r\n    transform: perspective(500px) translateY(-3px) scale(1.015);\r\n    box-shadow:\r\n        0 8px 0 #031b38,\r\n        0 12px 18px rgba(0,120,190,.4),\r\n        inset 0 2px 6px rgba(255,255,255,.7);\r\n    filter: brightness(1.15);\r\n}\r\n\r\n#pdu-links-gallery .pdu-link:active {\r\n    animation: none;\r\n    transform: perspective(500px) translateY(4px) scale(.97) rotateX(-3deg);\r\n    box-shadow:\r\n        0 1px 0 #031b38,\r\n        0 2px 4px rgba(0,0,0,.3),\r\n        inset 0 3px 7px rgba(0,0,0,.35);\r\n    filter: brightness(.88);\r\n}\r\n\r\n#pdu-links-gallery .pdu-link:focus-visible {\r\n    outline: 3px solid #ffd76a;\r\n    outline-offset: 3px;\r\n}\r\n\r\n\/* 3D BULLETS *\/\r\n#pdu-links-gallery .pdu-bullet {\r\n    position: relative;\r\n    flex: 0 0 15px;\r\n    width: 15px;\r\n    height: 15px;\r\n    margin-right: 8px;\r\n    border-radius: 50%;\r\n    background: linear-gradient(135deg,#fff 0%,#38d9e8 35%,#087fbd 65%,#062b55 100%);\r\n    border: 1px solid #fff;\r\n    box-shadow:\r\n        0 2px 4px rgba(0,0,0,.4),\r\n        inset 0 2px 3px rgba(255,255,255,.9),\r\n        inset 0 -2px 3px rgba(0,0,0,.35);\r\n    animation: pduBullet3D 2s ease-in-out infinite;\r\n}\r\n\r\n#pdu-links-gallery .pdu-bullet::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 2px;\r\n    left: 3px;\r\n    width: 5px;\r\n    height: 3px;\r\n    border-radius: 50%;\r\n    background: rgba(255,255,255,.95);\r\n}\r\n\r\n@keyframes pduBullet3D {\r\n    0%, 100% { transform: rotateY(0deg) scale(1); }\r\n    50% {\r\n        transform: rotateY(180deg) scale(1.12);\r\n        box-shadow: 0 3px 8px rgba(0,220,255,.7),\r\n                    inset 0 2px 4px rgba(255,255,255,1);\r\n    }\r\n}\r\n\r\n\/* LINK TEXT *\/\r\n#pdu-links-gallery .pdu-link-text {\r\n    position: relative;\r\n    z-index: 2;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\r\n}\r\n\r\n\/* SLIDESHOW - RIGHT SIDE *\/\r\n#pdu-links-gallery .pdu-slideshow {\r\n    position: relative;\r\n    order: 2;\r\n    flex: 1 1 auto;\r\n    min-width: 0;\r\n    height: 100%;\r\n    overflow: hidden;\r\n    background: #062b55;\r\n    border: 2px solid #c4eaf2;\r\n    box-shadow: 0 5px 15px rgba(0,35,75,.3);\r\n}\r\n\r\n#pdu-links-gallery .pdu-slide {\r\n    position: absolute;\r\n    inset: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    transform: scale(1.08);\r\n    transition: opacity 1s ease, transform 5s ease;\r\n}\r\n\r\n#pdu-links-gallery .pdu-slide.active {\r\n    opacity: 1;\r\n    visibility: visible;\r\n    transform: scale(1);\r\n    z-index: 1;\r\n}\r\n\r\n#pdu-links-gallery .pdu-slide img {\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n}\r\n\r\n\/* SLIDESHOW DOTS *\/\r\n#pdu-links-gallery .pdu-dots {\r\n    position: absolute;\r\n    z-index: 5;\r\n    bottom: 12px;\r\n    left: 0;\r\n    right: 0;\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 8px;\r\n}\r\n\r\n#pdu-links-gallery .pdu-dot {\r\n    width: 11px;\r\n    height: 11px;\r\n    border-radius: 50%;\r\n    background: rgba(255,255,255,.65);\r\n    border: 1px solid #fff;\r\n    cursor: pointer;\r\n    box-shadow: 0 2px 5px rgba(0,0,0,.4);\r\n}\r\n\r\n#pdu-links-gallery .pdu-dot.active {\r\n    background: #ffd76a;\r\n    transform: scale(1.3);\r\n}\r\n\r\n\/* TABLET: KEEP BOTH SECTIONS SIDE BY SIDE *\/\r\n@media (min-width: 651px) and (max-width: 1024px) {\r\n    #pdu-links-gallery {\r\n        height: 4.5in;\r\n    }\r\n\r\n    #pdu-links-gallery .pdu-links {\r\n        flex: 0 0 220px;\r\n        width: 220px;\r\n    }\r\n\r\n    #pdu-links-gallery .pdu-slideshow {\r\n        flex: 1 1 auto;\r\n        min-width: 0;\r\n    }\r\n}\r\n\r\n\/* MOBILE: SLIDESHOW FIRST, IMPORTANT LINKS SECOND *\/\r\n@media (max-width: 650px) {\r\n\r\n    #pdu-links-gallery {\r\n        height: auto;\r\n        padding: 3px;\r\n        overflow: visible;\r\n    }\r\n\r\n    #pdu-links-gallery .pdu-main {\r\n        display: flex;\r\n        flex-direction: column;\r\n        height: auto;\r\n        gap: 9px;\r\n    }\r\n\r\n    \/* FIRST: SLIDESHOW *\/\r\n    #pdu-links-gallery .pdu-slideshow {\r\n        order: 1;\r\n        flex: none;\r\n        width: 100%;\r\n        height: 260px;\r\n        min-height: 260px;\r\n    }\r\n\r\n    \/* SECOND: IMPORTANT LINKS *\/\r\n    #pdu-links-gallery .pdu-links {\r\n        order: 2;\r\n        flex: none;\r\n        width: 100%;\r\n        height: auto;\r\n        padding: 7px;\r\n    }\r\n\r\n    #pdu-links-gallery .pdu-heading {\r\n        height: 42px;\r\n        margin-bottom: 9px;\r\n    }\r\n\r\n    #pdu-links-gallery .pdu-link {\r\n        height: 46px;\r\n        margin-bottom: 6px;\r\n        font-size: 13px;\r\n    }\r\n\r\n    #pdu-links-gallery .pdu-dots {\r\n        bottom: 10px;\r\n    }\r\n}\r\n\r\n\/* SMALL MOBILE SCREENS *\/\r\n@media (max-width: 380px) {\r\n    #pdu-links-gallery .pdu-slideshow {\r\n        height: 220px;\r\n        min-height: 220px;\r\n    }\r\n\r\n    #pdu-links-gallery .pdu-link {\r\n        font-size: 12px;\r\n    }\r\n}\r\n\r\n\/* REDUCED MOTION *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n    #pdu-links-gallery *,\r\n    #pdu-links-gallery *::before,\r\n    #pdu-links-gallery *::after {\r\n        animation-duration: .01ms !important;\r\n        transition-duration: .01ms !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"pdu-main\">\r\n\r\n    <!-- IMPORTANT LINKS -->\r\n    <div class=\"pdu-links\">\r\n\r\n        <div class=\"pdu-heading\">\u2605 IMPORTANT LINKS \u2605<\/div>\r\n\r\n        <a class=\"pdu-link\" href=\"https:\/\/pdugmck.ac.in\/index.php\/admission-portal\/\" target=\"_blank\" rel=\"noopener\">\r\n            <span class=\"pdu-bullet\"><\/span>\r\n            <span class=\"pdu-link-text\">Admission Portal<\/span>\r\n        <\/a>\r\n\r\n        <a class=\"pdu-link\" href=\"https:\/\/darpan.ahseconline.in\/\" target=\"_blank\" rel=\"noopener\">\r\n            <span class=\"pdu-bullet\"><\/span>\r\n            <span class=\"pdu-link-text\">HS Admission Portal<\/span>\r\n        <\/a>\r\n\r\n        <a class=\"pdu-link\" href=\"https:\/\/assamshesp.samarth.edu.in\/index.php\/site\/login\" target=\"_blank\" rel=\"noopener\">\r\n            <span class=\"pdu-bullet\"><\/span>\r\n            <span class=\"pdu-link-text\">Nijut Moina Apply<\/span>\r\n        <\/a>\r\n\r\n        <a class=\"pdu-link\" href=\"https:\/\/assamshesp.samarth.edu.in\/index.php\/site\/login\" target=\"_blank\" rel=\"noopener\">\r\n            <span class=\"pdu-bullet\"><\/span>\r\n            <span class=\"pdu-link-text\">Nijut Babu Apply<\/span>\r\n        <\/a>\r\n\r\n        <a class=\"pdu-link\" href=\"https:\/\/pdugmck.ac.in\/index.php\/pio\/\" target=\"_blank\" rel=\"noopener\">\r\n            <span class=\"pdu-bullet\"><\/span>\r\n            <span class=\"pdu-link-text\">Public Information Officer<\/span>\r\n        <\/a>\r\n\r\n        <a class=\"pdu-link\" href=\"https:\/\/pdugmck.ac.in\/index.php\/journal-jmsa\/\" target=\"_blank\" rel=\"noopener\">\r\n            <span class=\"pdu-bullet\"><\/span>\r\n            <span class=\"pdu-link-text\">College Journal<\/span>\r\n        <\/a>\r\n\r\n        <a class=\"pdu-link\" href=\"https:\/\/pdugmck.ac.in\/wp-content\/uploads\/2026\/11\/MASTER-ROUTINE_Final.pdf\" target=\"_blank\" rel=\"noopener\">\r\n            <span class=\"pdu-bullet\"><\/span>\r\n            <span class=\"pdu-link-text\">College Master Routine<\/span>\r\n        <\/a>\r\n\r\n    <\/div>\r\n\r\n    <!-- IMAGE SLIDESHOW -->\r\n    <div class=\"pdu-slideshow\">\r\n\r\n        <div class=\"pdu-slide active\">\r\n            <img decoding=\"async\" src=\"https:\/\/pdugmck.ac.in\/wp-content\/uploads\/2026\/11\/WhatsApp-Image-2026-10-05-at-6.21.53-PM.jpeg\" alt=\"College slideshow image 1\">\r\n        <\/div>\r\n\r\n        <div class=\"pdu-slide\">\r\n            <img decoding=\"async\" src=\"https:\/\/pdugmck.ac.in\/wp-content\/uploads\/2026\/11\/WhatsApp-Image-2026-11-03-at-12.03.33-PM-1.jpeg\" alt=\"College slideshow image 2\">\r\n        <\/div>\r\n\r\n        <div class=\"pdu-slide\">\r\n            <img decoding=\"async\" src=\"https:\/\/pdugmck.ac.in\/wp-content\/uploads\/2026\/11\/WhatsApp-Image-2026-11-03-at-12.04.35-PM.jpeg\" alt=\"College slideshow image 3\">\r\n        <\/div>\r\n\r\n        <div class=\"pdu-slide\">\r\n            <img decoding=\"async\" src=\"https:\/\/pdugmck.ac.in\/wp-content\/uploads\/2026\/11\/WhatsApp-Image-2026-11-03-at-12.03.36-PM.jpeg\" alt=\"College slideshow image 4\">\r\n        <\/div>\r\n\r\n        <div class=\"pdu-slide\">\r\n            <img decoding=\"async\" src=\"https:\/\/pdugmck.ac.in\/wp-content\/uploads\/2026\/11\/WhatsApp-Image-2026-11-03-at-12.03.37-PM.jpeg\" alt=\"College slideshow image 5\">\r\n        <\/div>\r\n\r\n        <div class=\"pdu-slide\">\r\n            <img decoding=\"async\" src=\"https:\/\/pdugmck.ac.in\/wp-content\/uploads\/2026\/11\/WhatsApp-Image-2026-11-03-at-12.04.33-PM.jpeg\" alt=\"College slideshow image 6\">\r\n        <\/div>\r\n\r\n        <div class=\"pdu-slide\">\r\n            <img decoding=\"async\" src=\"https:\/\/pdugmck.ac.in\/wp-content\/uploads\/2026\/11\/WhatsApp-Image-2026-11-03-at-12.03.41-PM.jpeg\" alt=\"College slideshow image 7\">\r\n        <\/div>\r\n\r\n        <div class=\"pdu-dots\">\r\n            <span class=\"pdu-dot active\"><\/span>\r\n            <span class=\"pdu-dot\"><\/span>\r\n            <span class=\"pdu-dot\"><\/span>\r\n            <span class=\"pdu-dot\"><\/span>\r\n            <span class=\"pdu-dot\"><\/span>\r\n            <span class=\"pdu-dot\"><\/span>\r\n            <span class=\"pdu-dot\"><\/span>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function () {\r\n    var gallery = document.getElementById(\"pdu-links-gallery\");\r\n\r\n    if (!gallery || gallery.dataset.initialized === \"true\") {\r\n        return;\r\n    }\r\n\r\n    gallery.dataset.initialized = \"true\";\r\n\r\n    var slides = gallery.querySelectorAll(\".pdu-slide\");\r\n    var dots = gallery.querySelectorAll(\".pdu-dot\");\r\n\r\n    if (!slides.length || slides.length !== dots.length) {\r\n        return;\r\n    }\r\n\r\n    var current = 0;\r\n    var timer;\r\n\r\n    function showSlide(index) {\r\n        slides[current].classList.remove(\"active\");\r\n        dots[current].classList.remove(\"active\");\r\n\r\n        current = index;\r\n\r\n        slides[current].classList.add(\"active\");\r\n        dots[current].classList.add(\"active\");\r\n    }\r\n\r\n    function nextSlide() {\r\n        showSlide((current + 1) % slides.length);\r\n    }\r\n\r\n    function startSlideshow() {\r\n        clearInterval(timer);\r\n        timer = setInterval(nextSlide, 4000);\r\n    }\r\n\r\n    dots.forEach(function (dot, index) {\r\n        dot.addEventListener(\"click\", function () {\r\n            showSlide(index);\r\n            startSlideshow();\r\n        });\r\n    });\r\n\r\n    startSlideshow();\r\n})();\r\n<\/script>\r\n\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-124496f e-con-full e-flex e-con e-parent\" data-id=\"124496f\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t<div class=\"elementor-element elementor-element-808551a elementor-widget elementor-widget-html\" data-id=\"808551a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n\/* ==========================================\r\n   PORTAL BUTTONS\r\n   DESKTOP: HORIZONTAL ROW\r\n   MOBILE: VERTICAL COLUMN\r\n   THREE-COLOUR GRADIENT + 3D ANIMATION\r\n========================================== *\/\r\n\r\n@keyframes portalGradient {\r\n    0%   { background-position: 0% 50%; }\r\n    50%  { background-position: 100% 50%; }\r\n    100% { background-position: 0% 50%; }\r\n}\r\n\r\n@keyframes portalBorder {\r\n    0%, 100% {\r\n        border-color: #123c69;\r\n        box-shadow:\r\n            0 5px 0 #092443,\r\n            0 7px 14px rgba(0,0,0,0.25),\r\n            0 0 8px rgba(18,60,105,0.4);\r\n    }\r\n\r\n    33% {\r\n        border-color: #087f8c;\r\n        box-shadow:\r\n            0 5px 0 #064f56,\r\n            0 7px 14px rgba(0,0,0,0.25),\r\n            0 0 12px rgba(8,127,140,0.55);\r\n    }\r\n\r\n    66% {\r\n        border-color: #c79a19;\r\n        box-shadow:\r\n            0 5px 0 #80620f,\r\n            0 7px 14px rgba(0,0,0,0.25),\r\n            0 0 12px rgba(199,154,25,0.55);\r\n    }\r\n}\r\n\r\n@keyframes portalShimmer {\r\n    0% {\r\n        left: -100%;\r\n    }\r\n\r\n    50%, 100% {\r\n        left: 150%;\r\n    }\r\n}\r\n\r\n\/* ==========================================\r\n   MAIN CONTAINER\r\n   DESKTOP: ALL BUTTONS IN ONE ROW\r\n========================================== *\/\r\n\r\n.portal-buttons-container {\r\n    display: flex !important;\r\n    flex-direction: row !important;\r\n    flex-wrap: nowrap !important;\r\n\r\n    align-items: center !important;\r\n    justify-content: space-between !important;\r\n\r\n    width: 100% !important;\r\n    max-width: 100% !important;\r\n\r\n    gap: 12px !important;\r\n    margin: 0 !important;\r\n    padding: 8px 0 12px !important;\r\n\r\n    box-sizing: border-box !important;\r\n\r\n    overflow-x: auto !important;\r\n    overflow-y: hidden !important;\r\n\r\n    font-family: \"Times New Roman\", Times, serif;\r\n}\r\n\r\n\/* ==========================================\r\n   INDIVIDUAL PORTAL BUTTONS\r\n========================================== *\/\r\n\r\n.portal-buttons-container .portal-button {\r\n    position: relative !important;\r\n    isolation: isolate !important;\r\n    overflow: hidden !important;\r\n\r\n    display: flex !important;\r\n    flex: 1 1 0 !important;\r\n\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n\r\n    width: auto !important;\r\n    min-width: 0 !important;\r\n    max-width: none !important;\r\n    height: 60px !important;\r\n\r\n    flex-shrink: 1 !important;\r\n\r\n    box-sizing: border-box !important;\r\n    padding: 0 8px !important;\r\n\r\n    background: linear-gradient(\r\n        120deg,\r\n        #123c69,\r\n        #087f8c,\r\n        #c79a19,\r\n        #087f8c,\r\n        #123c69\r\n    ) !important;\r\n\r\n    background-size: 300% 300% !important;\r\n\r\n    color: #ffffff !important;\r\n    text-decoration: none !important;\r\n    text-align: center !important;\r\n\r\n    font-size: 18px !important;\r\n    font-weight: bold !important;\r\n    line-height: 1.2 !important;\r\n\r\n    border: 2px solid #123c69 !important;\r\n    border-radius: 6px !important;\r\n\r\n    box-shadow:\r\n        0 5px 0 #092443,\r\n        0 7px 14px rgba(0,0,0,0.25),\r\n        inset 0 2px 3px rgba(255,255,255,0.2);\r\n\r\n    animation:\r\n        portalGradient 6s ease infinite,\r\n        portalBorder 4s linear infinite;\r\n\r\n    transition:\r\n        transform 0.3s ease,\r\n        filter 0.3s ease;\r\n}\r\n\r\n\/* ==========================================\r\n   MOVING SHIMMER\r\n========================================== *\/\r\n\r\n.portal-buttons-container .portal-button::before {\r\n    content: \"\";\r\n    position: absolute;\r\n\r\n    top: 0;\r\n    left: -100%;\r\n\r\n    width: 40%;\r\n    height: 100%;\r\n\r\n    background: linear-gradient(\r\n        90deg,\r\n        transparent,\r\n        rgba(255,255,255,0.4),\r\n        transparent\r\n    );\r\n\r\n    transform: skewX(-25deg);\r\n\r\n    animation: portalShimmer 3.5s ease-in-out infinite;\r\n\r\n    pointer-events: none;\r\n    z-index: -1;\r\n}\r\n\r\n\/* INNER HIGHLIGHT *\/\r\n\r\n.portal-buttons-container .portal-button::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 3px;\r\n\r\n    border: 1px solid rgba(255,255,255,0.25);\r\n    border-radius: 3px;\r\n\r\n    pointer-events: none;\r\n    z-index: -1;\r\n}\r\n\r\n\/* ==========================================\r\n   DESKTOP HOVER EFFECT\r\n========================================== *\/\r\n\r\n.portal-buttons-container .portal-button:hover {\r\n    color: #ffffff !important;\r\n\r\n    transform: translateY(-5px) scale(1.025);\r\n\r\n    filter: brightness(1.12);\r\n\r\n    box-shadow:\r\n        0 8px 0 #092443,\r\n        0 12px 22px rgba(0,0,0,0.3),\r\n        0 0 12px rgba(8,127,140,0.65),\r\n        0 0 20px rgba(199,154,25,0.45);\r\n\r\n    animation:\r\n        portalGradient 2s ease infinite,\r\n        portalBorder 2s linear infinite;\r\n}\r\n\r\n\/* BUTTON PRESS *\/\r\n\r\n.portal-buttons-container .portal-button:active {\r\n    transform: translateY(3px) scale(0.98);\r\n\r\n    box-shadow:\r\n        0 2px 0 #092443,\r\n        0 3px 6px rgba(0,0,0,0.25),\r\n        inset 0 2px 4px rgba(0,0,0,0.2);\r\n}\r\n\r\n\/* KEYBOARD ACCESSIBILITY *\/\r\n\r\n.portal-buttons-container .portal-button:focus-visible {\r\n    outline: 3px solid #c79a19;\r\n    outline-offset: 3px;\r\n}\r\n\r\n\/* ==========================================\r\n   TABLET VIEW\r\n   KEEP ALL BUTTONS IN ONE HORIZONTAL ROW\r\n========================================== *\/\r\n\r\n@media screen and (min-width: 601px) and (max-width: 900px) {\r\n    .portal-buttons-container {\r\n        flex-direction: row !important;\r\n        flex-wrap: nowrap !important;\r\n        justify-content: flex-start !important;\r\n        gap: 10px !important;\r\n    }\r\n\r\n    .portal-buttons-container .portal-button {\r\n        flex: 0 0 200px !important;\r\n        width: 200px !important;\r\n        min-width: 200px !important;\r\n    }\r\n}\r\n\r\n\/* ==========================================\r\n   MOBILE VIEW: FORCE VERTICAL COLUMN\r\n   ONE BUTTON PER ROW\r\n========================================== *\/\r\n\r\n@media screen and (max-width: 600px) {\r\n\r\n    .portal-buttons-container {\r\n        display: flex !important;\r\n\r\n        flex-direction: column !important;\r\n        flex-wrap: nowrap !important;\r\n\r\n        align-items: stretch !important;\r\n        justify-content: flex-start !important;\r\n\r\n        width: 100% !important;\r\n        max-width: 100% !important;\r\n        min-width: 0 !important;\r\n\r\n        gap: 12px !important;\r\n\r\n        margin: 0 !important;\r\n        padding: 8px 0 12px !important;\r\n\r\n        overflow: visible !important;\r\n    }\r\n\r\n    .portal-buttons-container > a.portal-button {\r\n        display: flex !important;\r\n\r\n        flex-direction: row !important;\r\n        align-items: center !important;\r\n        justify-content: center !important;\r\n\r\n        flex: 0 0 auto !important;\r\n        flex-grow: 0 !important;\r\n        flex-shrink: 0 !important;\r\n        flex-basis: auto !important;\r\n\r\n        width: 100% !important;\r\n        min-width: 0 !important;\r\n        max-width: 100% !important;\r\n\r\n        height: 54px !important;\r\n        min-height: 54px !important;\r\n        max-height: 54px !important;\r\n\r\n        margin: 0 !important;\r\n        padding: 0 10px !important;\r\n\r\n        box-sizing: border-box !important;\r\n\r\n        font-size: 16px !important;\r\n        line-height: 1.3 !important;\r\n\r\n        white-space: normal !important;\r\n        text-align: center !important;\r\n\r\n        transform: none;\r\n    }\r\n\r\n    \/* Disable hover movement on touch screens *\/\r\n\r\n    .portal-buttons-container > a.portal-button:hover {\r\n        transform: none !important;\r\n        filter: brightness(1.08);\r\n    }\r\n\r\n    \/* Retain a subtle touch feedback effect *\/\r\n\r\n    .portal-buttons-container > a.portal-button:active {\r\n        transform: scale(0.98) !important;\r\n    }\r\n}\r\n\r\n\/* ==========================================\r\n   REDUCED MOTION ACCESSIBILITY\r\n========================================== *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n    .portal-buttons-container .portal-button,\r\n    .portal-buttons-container .portal-button::before {\r\n        animation: none !important;\r\n    }\r\n\r\n    .portal-buttons-container .portal-button {\r\n        transition: none !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"portal-buttons-container\">\r\n\r\n    <!-- 1. Samarth Student Login -->\r\n    <a href=\"https:\/\/assamshesp.samarth.edu.in\/index.php\/site\/login\"\r\n       target=\"_blank\"\r\n       rel=\"noopener noreferrer\"\r\n       class=\"portal-button\">\r\n        Samarth Student Login\r\n    <\/a>\r\n\r\n    <!-- 2. Samarth Teacher Login -->\r\n    <a href=\"https:\/\/assam.samarth.ac.in\/index.php\/site\/login\"\r\n       target=\"_blank\"\r\n       rel=\"noopener noreferrer\"\r\n       class=\"portal-button\">\r\n        Samarth Teacher Login\r\n    <\/a>\r\n\r\n    <!-- 3. Central Library -->\r\n    <a href=\"https:\/\/pdugmck.ac.in\/index.php\/library\/\"\r\n       target=\"_blank\"\r\n       rel=\"noopener noreferrer\"\r\n       class=\"portal-button\">\r\n        Central Library\r\n    <\/a>\r\n\r\n    <!-- 4. NSP Portal -->\r\n    <a href=\"https:\/\/nsp.gov.in\/IVER\/#\/login\"\r\n       target=\"_blank\"\r\n       rel=\"noopener noreferrer\"\r\n       class=\"portal-button\">\r\n        NSP Portal\r\n    <\/a>\r\n\r\n    <!-- 5. ABC ID Creation -->\r\n    <a href=\"https:\/\/www.abc.gov.in\/\"\r\n       target=\"_blank\"\r\n       rel=\"noopener noreferrer\"\r\n       class=\"portal-button\">\r\n        ABC ID Creation\r\n    <\/a>\r\n\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3ff9427 e-con-full e-flex e-con e-parent\" data-id=\"3ff9427\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0ef9b68 elementor-widget elementor-widget-html\" data-id=\"0ef9b68\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n\/* ==========================================\r\n   PDUGMCK \u2013 PRINCIPAL | ABOUT | NOTICE\r\n   FULL WIDTH \u2013 6.5 INCH HEIGHT\r\n   FOUR-COLOUR GRADIENT + 3D ANIMATIONS\r\n========================================== *\/\r\n\r\n@keyframes collegeFourColor {\r\n    0% { background-position: 0% 50%; }\r\n    50% { background-position: 100% 50%; }\r\n    100% { background-position: 0% 50%; }\r\n}\r\n\r\n@keyframes collegeShine {\r\n    0% { left: -120%; }\r\n    100% { left: 120%; }\r\n}\r\n\r\n@keyframes collegeGlow {\r\n    0%, 100% { box-shadow: 0 0 8px rgba(255,255,255,.15); }\r\n    50% { box-shadow: 0 0 22px rgba(255,255,255,.45); }\r\n}\r\n\r\n\/* NOTICE SCROLL *\/\r\n@keyframes noticeMove {\r\n    0% { transform: translateY(0); }\r\n    100% { transform: translateY(-70%); }\r\n}\r\n\r\n\/* NOTICE ITEM ENTRANCE MOVEMENT *\/\r\n@keyframes noticeFloat {\r\n    0%, 100% { transform: translateX(0); }\r\n    50% { transform: translateX(3px); }\r\n}\r\n\r\n\/* NOTICE AREA GLOW *\/\r\n@keyframes noticeAreaGlow {\r\n    0%, 100% { box-shadow: inset 0 0 8px rgba(8,127,140,.08); }\r\n    50% { box-shadow: inset 0 0 17px rgba(8,127,140,.20); }\r\n}\r\n\r\n\/* NEW NOTICE BLINKING 3D EFFECT *\/\r\n@keyframes notice3DBlink {\r\n    0%, 100% {\r\n        transform: perspective(600px) rotateX(0deg) scale(1);\r\n        box-shadow: 0 3px 8px rgba(198,40,40,.15);\r\n        background: rgba(255,255,255,.85);\r\n    }\r\n    25% {\r\n        transform: perspective(600px) rotateX(5deg) scale(1.025);\r\n        box-shadow: 0 7px 15px rgba(198,40,40,.28);\r\n        background: rgba(255,240,240,.95);\r\n    }\r\n    50% {\r\n        transform: perspective(600px) rotateX(0deg) scale(1.04);\r\n        box-shadow: 0 9px 20px rgba(198,40,40,.35);\r\n        background: rgba(255,245,225,.98);\r\n    }\r\n    75% {\r\n        transform: perspective(600px) rotateX(-5deg) scale(1.025);\r\n        box-shadow: 0 7px 15px rgba(198,40,40,.28);\r\n        background: rgba(255,240,240,.95);\r\n    }\r\n}\r\n\r\n\/* NEW LABEL BLINKING *\/\r\n@keyframes newLabelBlink {\r\n    0%, 100% {\r\n        opacity: 1;\r\n        transform: scale(1) rotateY(0deg);\r\n        box-shadow: 0 3px 8px rgba(198,40,40,.3);\r\n    }\r\n    50% {\r\n        opacity: .65;\r\n        transform: scale(1.12) rotateY(18deg);\r\n        box-shadow: 0 5px 16px rgba(198,40,40,.55);\r\n    }\r\n}\r\n\r\n\/* FULL WIDTH WRAPPER *\/\r\n.gmcb-home-wrapper {\r\n    width: 100% !important;\r\n    max-width: 100% !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    box-sizing: border-box;\r\n    overflow: hidden;\r\n    font-family: \"Segoe UI\", Arial, sans-serif;\r\n}\r\n\r\n.gmcb-home-wrapper *,\r\n.gmcb-home-wrapper *::before,\r\n.gmcb-home-wrapper *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* THREE COLUMN LAYOUT *\/\r\n.gmcb-home-grid {\r\n    width: 100%;\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    gap: 22px;\r\n    padding: 0;\r\n    margin: 0;\r\n    align-items: stretch;\r\n}\r\n\r\n\/* COMMON CARD *\/\r\n.gmcb-home-card {\r\n    height: 6.5in;\r\n    min-height: 6.5in;\r\n    max-height: 6.5in;\r\n    position: relative;\r\n    overflow: hidden;\r\n    border-radius: 16px;\r\n    background: linear-gradient(\r\n        125deg,\r\n        #f5fbff,\r\n        #ffffff,\r\n        #f2fbf8,\r\n        #fff9ec\r\n    );\r\n    background-size: 300% 300%;\r\n    animation: collegeFourColor 12s ease infinite;\r\n    border: 1px solid rgba(255,255,255,.8);\r\n    box-shadow:\r\n        0 9px 24px rgba(0,0,0,.14),\r\n        inset 0 1px 5px rgba(255,255,255,.9);\r\n    display: flex;\r\n    flex-direction: column;\r\n    perspective: 1200px;\r\n    transition: transform .4s ease, box-shadow .4s ease;\r\n}\r\n\r\n.gmcb-home-card:hover {\r\n    transform: translateY(-7px) rotateX(2deg);\r\n    box-shadow:\r\n        0 18px 35px rgba(0,0,0,.22),\r\n        0 0 18px rgba(8,123,133,.18);\r\n}\r\n\r\n\/* CARD HEADER *\/\r\n.gmcb-home-header {\r\n    min-height: 57px;\r\n    padding: 13px 12px;\r\n    color: #fff;\r\n    text-align: center;\r\n    font-size: 20px;\r\n    font-weight: 800;\r\n    letter-spacing: .5px;\r\n    text-transform: uppercase;\r\n    background: linear-gradient(\r\n        110deg,\r\n        #174a7e,\r\n        #087f8c,\r\n        #7146a5,\r\n        #c79a19\r\n    );\r\n    background-size: 300% 300%;\r\n    animation: collegeFourColor 9s ease infinite;\r\n    text-shadow: 1px 2px 3px rgba(0,0,0,.3);\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n\/* HEADER SHINE *\/\r\n.gmcb-home-header::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: -120%;\r\n    width: 55%;\r\n    height: 100%;\r\n    background: linear-gradient(\r\n        90deg,\r\n        transparent,\r\n        rgba(255,255,255,.35),\r\n        transparent\r\n    );\r\n    transform: skewX(-25deg);\r\n    animation: collegeShine 5s infinite;\r\n}\r\n\r\n\/* CARD BODY *\/\r\n.gmcb-home-body {\r\n    flex: 1;\r\n    min-height: 0;\r\n    padding: 16px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    overflow: hidden;\r\n}\r\n\r\n\/* PRINCIPAL PHOTO FRAME *\/\r\n.gmcb-principal-photo-frame {\r\n    width: 155px !important;\r\n    height: 155px !important;\r\n    flex: 0 0 155px !important;\r\n    margin: 4px auto 12px !important;\r\n    padding: 4px !important;\r\n    border-radius: 10px;\r\n    background: linear-gradient(\r\n        135deg,\r\n        #174a7e,\r\n        #087f8c,\r\n        #7146a5,\r\n        #c79a19\r\n    );\r\n    background-size: 300% 300%;\r\n    animation:\r\n        collegeFourColor 8s ease infinite,\r\n        collegeGlow 4s infinite;\r\n    box-shadow: 0 7px 18px rgba(0,0,0,.22);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    overflow: hidden;\r\n}\r\n\r\n\/* PRINCIPAL IMAGE *\/\r\n.gmcb-principal-photo-frame img {\r\n    display: block !important;\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    max-width: none !important;\r\n    max-height: none !important;\r\n    object-fit: cover !important;\r\n    object-position: center center !important;\r\n    background: #fff;\r\n    border-radius: 5px;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n}\r\n\r\n\/* PRINCIPAL NAME *\/\r\n.gmcb-principal-name {\r\n    width: 100%;\r\n    margin: 2px 0 5px;\r\n    color: #174a7e;\r\n    font-size: 19px;\r\n    font-weight: 800;\r\n    text-align: center;\r\n    line-height: 1.35;\r\n}\r\n\r\n\/* PRINCIPAL DESIGNATION *\/\r\n.gmcb-principal-designation {\r\n    width: 100%;\r\n    margin: 0 0 12px;\r\n    color: #08783e;\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    text-align: center;\r\n}\r\n\r\n\/* JUSTIFIED PARAGRAPH *\/\r\n.gmcb-home-text {\r\n    width: 100%;\r\n    color: #243b35;\r\n    font-size: 15px;\r\n    line-height: 1.7;\r\n    text-align: justify;\r\n    text-justify: inter-word;\r\n    margin: 5px 0 12px;\r\n}\r\n\r\n\/* COLLEGE LOGO FRAME *\/\r\n.gmcb-college-logo-frame {\r\n    width: 155px;\r\n    height: 155px;\r\n    flex: 0 0 155px;\r\n    margin: 4px auto 10px;\r\n    padding: 10px;\r\n    border-radius: 8px;\r\n    background: linear-gradient(\r\n        135deg,\r\n        #174a7e,\r\n        #087f8c,\r\n        #7146a5,\r\n        #c79a19\r\n    );\r\n    background-size: 300% 300%;\r\n    animation:\r\n        collegeFourColor 8s ease infinite,\r\n        collegeGlow 4s infinite;\r\n    box-shadow: 0 7px 18px rgba(0,0,0,.2);\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    overflow: hidden;\r\n}\r\n\r\n\/* COLLEGE LOGO *\/\r\n.gmcb-college-logo-frame img {\r\n    display: block;\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    object-fit: contain !important;\r\n    object-position: center center !important;\r\n    background: #fff;\r\n    border-radius: 4px;\r\n    margin: 0 !important;\r\n    padding: 2px !important;\r\n}\r\n\r\n\/* WELCOME TEXT *\/\r\n.gmcb-welcome-text {\r\n    width: 100%;\r\n    margin: 3px 0 10px;\r\n    color: #08783e;\r\n    font-size: 20px;\r\n    font-weight: 900;\r\n    text-align: center;\r\n    letter-spacing: 1px;\r\n    text-shadow: 1px 2px 3px rgba(0,0,0,.12);\r\n}\r\n\r\n\/* READ MORE BUTTON *\/\r\n.gmcb-read-more {\r\n    display: inline-block;\r\n    margin: auto auto 2px;\r\n    padding: 10px 24px;\r\n    border-radius: 30px;\r\n    color: #fff !important;\r\n    background: linear-gradient(\r\n        110deg,\r\n        #174a7e,\r\n        #087f8c,\r\n        #7146a5\r\n    );\r\n    background-size: 250% 250%;\r\n    animation: collegeFourColor 8s ease infinite;\r\n    font-size: 14px;\r\n    font-weight: 800;\r\n    text-decoration: none !important;\r\n    text-align: center;\r\n    box-shadow: 0 5px 13px rgba(0,0,0,.2);\r\n    transition: transform .3s ease, box-shadow .3s ease;\r\n}\r\n\r\n.gmcb-read-more:hover {\r\n    color: #fff !important;\r\n    transform: translateY(-4px) scale(1.04);\r\n    box-shadow: 0 9px 20px rgba(0,0,0,.3);\r\n}\r\n\r\n\/* ==========================================\r\n   REDESIGNED NOTICE SECTION\r\n========================================== *\/\r\n\r\n\/* NOTICE WINDOW *\/\r\n.gmcb-notice-window {\r\n    width: 100%;\r\n    flex: 1;\r\n    min-height: 0;\r\n    overflow: hidden;\r\n    position: relative;\r\n    padding: 12px 9px 8px;\r\n    border-radius: 13px;\r\n    border: 1px solid rgba(8,127,140,.25);\r\n    background: linear-gradient(\r\n        145deg,\r\n        rgba(255,255,255,.94),\r\n        rgba(232,248,250,.93),\r\n        rgba(255,250,237,.95)\r\n    );\r\n    box-shadow:\r\n        inset 0 0 12px rgba(8,127,140,.08),\r\n        0 5px 15px rgba(23,74,126,.10);\r\n    animation: noticeAreaGlow 5s ease-in-out infinite;\r\n}\r\n\r\n\/* TOP AND BOTTOM FADE EFFECT *\/\r\n.gmcb-notice-window::before,\r\n.gmcb-notice-window::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 25px;\r\n    z-index: 2;\r\n    pointer-events: none;\r\n}\r\n\r\n.gmcb-notice-window::before {\r\n    top: 0;\r\n    background: linear-gradient(\r\n        to bottom,\r\n        rgba(239,250,249,.98),\r\n        transparent\r\n    );\r\n}\r\n\r\n.gmcb-notice-window::after {\r\n    bottom: 0;\r\n    background: linear-gradient(\r\n        to top,\r\n        rgba(255,250,237,.98),\r\n        transparent\r\n    );\r\n}\r\n\r\n\/* MOVING NOTICE LIST *\/\r\n.gmcb-notice-list {\r\n    width: 100%;\r\n    padding-top: 8px;\r\n    animation: noticeMove 45s linear infinite;\r\n    will-change: transform;\r\n}\r\n\r\n\/* PAUSE SCROLL ON HOVER *\/\r\n.gmcb-notice-window:hover .gmcb-notice-list {\r\n    animation-play-state: paused;\r\n}\r\n\r\n\/* INDIVIDUAL NOTICE CARD *\/\r\n.gmcb-notice-item {\r\n    position: relative;\r\n    width: 100%;\r\n    padding: 12px 10px 12px 15px;\r\n    margin: 0 0 10px;\r\n    border: 1px solid rgba(23,74,126,.13);\r\n    border-left: 4px solid #087f8c;\r\n    border-radius: 9px;\r\n    background: linear-gradient(\r\n        110deg,\r\n        #ffffff,\r\n        #f0faff,\r\n        #f7fff9\r\n    );\r\n    box-shadow: 0 3px 9px rgba(23,74,126,.09);\r\n    text-align: left;\r\n    transition:\r\n        transform .3s ease,\r\n        box-shadow .3s ease,\r\n        border-color .3s ease,\r\n        background .3s ease;\r\n}\r\n\r\n\/* NOTICE HOVER EFFECT *\/\r\n.gmcb-notice-item:hover {\r\n    transform: translateX(5px) scale(1.015);\r\n    border-left-color: #c79a19;\r\n    border-color: rgba(8,127,140,.4);\r\n    background: linear-gradient(\r\n        110deg,\r\n        #ffffff,\r\n        #e9faff,\r\n        #fff8e6\r\n    );\r\n    box-shadow: 0 7px 15px rgba(23,74,126,.16);\r\n}\r\n\r\n\/* NOTICE LINK *\/\r\n.gmcb-notice-link {\r\n    display: block;\r\n    color: #174a7e !important;\r\n    font-size: 14px;\r\n    font-weight: 750;\r\n    line-height: 1.55;\r\n    text-decoration: none !important;\r\n    text-align: left;\r\n    transition: color .3s ease;\r\n}\r\n\r\n.gmcb-notice-link:hover {\r\n    color: #c62828 !important;\r\n}\r\n\r\n\/* ==========================================\r\n   FIRST NOTICE \u2013 BLINKING 3D HIGHLIGHT\r\n========================================== *\/\r\n\r\n.gmcb-notice-item.gmcb-latest-notice {\r\n    padding: 15px 10px 13px !important;\r\n    margin: 8px 0 15px !important;\r\n    border: 1px solid rgba(198,40,40,.38);\r\n    border-left: 5px solid #d32f2f;\r\n    border-radius: 10px;\r\n    background: linear-gradient(\r\n        120deg,\r\n        #fff0f0,\r\n        #ffffff,\r\n        #fff5df\r\n    );\r\n    transform-style: preserve-3d;\r\n    animation: notice3DBlink 2.2s ease-in-out infinite;\r\n}\r\n\r\n\/* FIRST NOTICE LINK *\/\r\n.gmcb-latest-notice .gmcb-notice-link {\r\n    color: #a51e1e !important;\r\n    font-weight: 850;\r\n    padding-right: 35px;\r\n}\r\n\r\n.gmcb-latest-notice:hover {\r\n    border-color: #c62828;\r\n    box-shadow: 0 9px 20px rgba(198,40,40,.25);\r\n}\r\n\r\n\/* NEW LABEL *\/\r\n.gmcb-latest-notice::after {\r\n    content: \"NEW\";\r\n    position: absolute;\r\n    top: -9px;\r\n    right: 7px;\r\n    z-index: 3;\r\n    padding: 4px 11px;\r\n    color: #fff;\r\n    background: linear-gradient(135deg, #e53935, #a80000);\r\n    border: 1px solid rgba(255,255,255,.8);\r\n    border-radius: 5px;\r\n    font-size: 10px;\r\n    font-weight: 900;\r\n    letter-spacing: 1px;\r\n    box-shadow: 0 3px 8px rgba(0,0,0,.25);\r\n    animation: newLabelBlink 1.2s ease-in-out infinite;\r\n}\r\n\r\n\/* NOTICE READ MORE BUTTON REMAINS UNCHANGED *\/\r\n.gmcb-home-body > .gmcb-read-more {\r\n    flex-shrink: 0;\r\n}\r\n\r\n\/* TABLET *\/\r\n@media (max-width: 950px) {\r\n    .gmcb-home-grid {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n        gap: 16px;\r\n    }\r\n\r\n    .gmcb-home-card {\r\n        height: 6.5in;\r\n        min-height: 6.5in;\r\n        max-height: 6.5in;\r\n    }\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media (max-width: 650px) {\r\n    .gmcb-home-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 16px;\r\n        padding: 0;\r\n    }\r\n\r\n    .gmcb-home-card {\r\n        width: 100%;\r\n        height: 6.5in;\r\n        min-height: 6.5in;\r\n        max-height: 6.5in;\r\n    }\r\n\r\n    .gmcb-home-header {\r\n        font-size: 18px;\r\n    }\r\n\r\n    .gmcb-principal-photo-frame {\r\n        width: 140px !important;\r\n        height: 140px !important;\r\n        flex-basis: 140px !important;\r\n    }\r\n\r\n    .gmcb-college-logo-frame {\r\n        width: 140px;\r\n        height: 140px;\r\n        flex-basis: 140px;\r\n    }\r\n\r\n    .gmcb-principal-name {\r\n        font-size: 18px;\r\n    }\r\n\r\n    .gmcb-welcome-text {\r\n        font-size: 18px;\r\n    }\r\n\r\n    .gmcb-home-text {\r\n        font-size: 14px;\r\n    }\r\n\r\n    .gmcb-notice-window {\r\n        padding: 10px 7px 7px;\r\n    }\r\n\r\n    .gmcb-notice-item {\r\n        padding: 11px 9px 11px 13px;\r\n    }\r\n\r\n    .gmcb-notice-link {\r\n        font-size: 13px;\r\n    }\r\n}\r\n\r\n\/* ACCESSIBILITY *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n    .gmcb-home-card,\r\n    .gmcb-home-header,\r\n    .gmcb-principal-photo-frame,\r\n    .gmcb-college-logo-frame,\r\n    .gmcb-read-more,\r\n    .gmcb-notice-list,\r\n    .gmcb-notice-window,\r\n    .gmcb-notice-item,\r\n    .gmcb-latest-notice,\r\n    .gmcb-latest-notice::after {\r\n        animation: none !important;\r\n        transition: none !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<div class=\"gmcb-home-wrapper\">\r\n    <div class=\"gmcb-home-grid\">\r\n\r\n        <!-- =================================\r\n             PART 1: PRINCIPAL'S MESSAGE\r\n        ================================== -->\r\n        <section class=\"gmcb-home-card\">\r\n\r\n            <div class=\"gmcb-home-header\">\r\n                Principal's Message\r\n            <\/div>\r\n\r\n            <div class=\"gmcb-home-body\">\r\n\r\n                <div class=\"gmcb-principal-photo-frame\">\r\n                    <img\r\n                        src=\"https:\/\/pdugmck.ac.in\/wp-content\/uploads\/2023\/11\/WhatsApp-Image-2023-11-05-at-1.09.08-AM-e1699268272714.jpeg\"\r\n                        alt=\"Dr Saidur R Barbhuiya, Principal\"\r\n                    >\r\n                <\/div>\r\n\r\n                <div class=\"gmcb-principal-name\">\r\n                    Dr Saidur R Barbhuiya\r\n                <\/div>\r\n\r\n                <div class=\"gmcb-principal-designation\">\r\n                    Principal\r\n                <\/div>\r\n\r\n                <p class=\"gmcb-home-text\">\r\n                    Education is the foundation of a progressive society.\r\n                    Our college is committed to providing quality higher\r\n                    education, encouraging intellectual development, and\r\n                    nurturing responsible citizens. We strive to create an\r\n                    inclusive and supportive academic environment where\r\n                    students can develop their knowledge, skills, creativity,\r\n                    and confidence.\r\n                <\/p>\r\n\r\n                <a\r\n                    class=\"gmcb-read-more\"\r\n                    href=\"https:\/\/pdugmck.ac.in\/index.php\/principal-desk\/\"\r\n                    target=\"_blank\"\r\n                    rel=\"noopener\"\r\n                >\r\n                    Read More\r\n                <\/a>\r\n\r\n            <\/div>\r\n        <\/section>\r\n\r\n\r\n        <!-- =================================\r\n             PART 2: ABOUT THE COLLEGE\r\n        ================================== -->\r\n        <section class=\"gmcb-home-card\">\r\n\r\n            <div class=\"gmcb-home-header\">\r\n                About the College\r\n            <\/div>\r\n\r\n            <div class=\"gmcb-home-body\">\r\n\r\n                <div class=\"gmcb-college-logo-frame\">\r\n                    <img\r\n                        src=\"https:\/\/pdugmck.ac.in\/wp-content\/uploads\/2026\/11\/WhatsApp_Image_2023-11-03_at_8.51.45_PM-removebg-preview-removebg-preview.png\"\r\n                        alt=\"PDUGMCK College Logo\"\r\n                    >\r\n                <\/div>\r\n\r\n                <div class=\"gmcb-welcome-text\">\r\n                    WELCOME TO PDUGMCK\r\n                <\/div>\r\n\r\n                <p class=\"gmcb-home-text\">\r\n                    The establishment of the Model Degree College is a part\r\n                    of the proactive measures undertaken by the Government\r\n                    of India to expand higher educational facilities and\r\n                    ensure that all states in the country meet the national\r\n                    average of Gross Enrolment Ratio (GER) in higher\r\n                    education. To fulfil this objective, the Central\r\n                    Government has launched an important scheme, the\r\n                    \"Scheme for Financing New Model Colleges in\r\n                    Educationally Backward Districts.\r\n                <\/p>\r\n\r\n                <a\r\n                    class=\"gmcb-read-more\"\r\n                    href=\"https:\/\/pdugmck.ac.in\/index.php\/about-us\/\"\r\n                    target=\"_blank\"\r\n                    rel=\"noopener\"\r\n                >\r\n                    Read More\r\n                <\/a>\r\n\r\n            <\/div>\r\n        <\/section>\r\n\r\n\r\n        <!-- =================================\r\n             PART 3: REDESIGNED NOTICE BOARD\r\n        ================================== -->\r\n        <section class=\"gmcb-home-card\">\r\n\r\n            <div class=\"gmcb-home-header\">\r\n                Notice\r\n            <\/div>\r\n\r\n            <div class=\"gmcb-home-body\">\r\n\r\n                <div class=\"gmcb-notice-window\">\r\n\r\n                    <div class=\"gmcb-notice-list\">\r\n\r\n                        <!-- FIRST NOTICE \u2013 NEW 3D BLINKING EFFECT -->\r\n                        <div class=\"gmcb-notice-item gmcb-latest-notice\">\r\n                            <a class=\"gmcb-notice-link\"\r\n                               href=\"https:\/\/pdugmck.ac.in\/wp-content\/uploads\/2026\/07\/64-FINAL-REGISTRATION-CUM-SPOT-ADMISSION-FOR-NON-CUET-2026-27.pdf\"\r\n                               target=\"_blank\" rel=\"noopener\">\r\n                                UG 1ST SEM FINAL SPOT ADMISSION 2026-27\r\n                            <\/a>\r\n                        <\/div>\r\n\r\n                        <div class=\"gmcb-notice-item\">\r\n                            <a class=\"gmcb-notice-link\"\r\n                               href=\"https:\/\/pdugmck.ac.in\/wp-content\/uploads\/2026\/07\/UG-Admission-Revised-Timeline-Notice-5-7-2026-PDF.pdf\"\r\n                               target=\"_blank\" rel=\"noopener\">\r\n                                UG Admission Revised Timeline 2026-27\r\n                            <\/a>\r\n                        <\/div>\r\n\r\n                        <div class=\"gmcb-notice-item\">\r\n                            <a class=\"gmcb-notice-link\"\r\n                               href=\"https:\/\/pdugmck.ac.in\/wp-content\/uploads\/2026\/06\/NOTICE-NO-52_2026.pdf\"\r\n                               target=\"_blank\" rel=\"noopener\">\r\n                                Spot Admission Guidelines for FYUG 2026-27\r\n                            <\/a>\r\n                        <\/div>\r\n\r\n                        <div class=\"gmcb-notice-item\">\r\n                            <a class=\"gmcb-notice-link\"\r\n                               href=\"https:\/\/pdugmck.ac.in\/wp-content\/uploads\/2026\/06\/620PDUAMKATLICHER_AU-BA_1780995984.pdf\"\r\n                               target=\"_blank\" rel=\"noopener\">\r\n                                FYUG NON-CUET Second Merit List For Admission 2026-27\r\n                            <\/a>\r\n                        <\/div>\r\n\r\n                        <div class=\"gmcb-notice-item\">\r\n                            <a class=\"gmcb-notice-link\"\r\n                               href=\"https:\/\/pdugmck.ac.in\/wp-content\/uploads\/2026\/06\/620PDUAMKATLICHER_AU-BA_1780406570.pdf\"\r\n                               target=\"_blank\" rel=\"noopener\">\r\n                                FYUG NON-CUET First Merit List For Admission 2026-27\r\n                            <\/a>\r\n                        <\/div>\r\n\r\n                        <div class=\"gmcb-notice-item\">\r\n                            <a class=\"gmcb-notice-link\"\r\n                               href=\"https:\/\/pdugmck.ac.in\/wp-content\/uploads\/2025\/04\/36-Notice.pdf\"\r\n                               target=\"_blank\" rel=\"noopener\">\r\n                                Holiday Notice on account of Good Friday\r\n                            <\/a>\r\n                        <\/div>\r\n\r\n                        <div class=\"gmcb-notice-item\">\r\n                            <a class=\"gmcb-notice-link\"\r\n                               href=\"https:\/\/pdugmck.ac.in\/wp-content\/uploads\/2025\/04\/Document-170425.pdf\"\r\n                               target=\"_blank\" rel=\"noopener\">\r\n                                HS First Year Admission 2025-26\r\n                            <\/a>\r\n                        <\/div>\r\n\r\n                        <div class=\"gmcb-notice-item\">\r\n                            <a class=\"gmcb-notice-link\"\r\n                               href=\"https:\/\/pdugmck.ac.in\/wp-content\/uploads\/2024\/11\/Quotation.pdf\"\r\n                               target=\"_blank\" rel=\"noopener\">\r\n                                Inviting Quotation for Geography Equipment\r\n                            <\/a>\r\n                        <\/div>\r\n\r\n                        <div class=\"gmcb-notice-item\">\r\n                            <a class=\"gmcb-notice-link\"\r\n                               href=\"https:\/\/pdugmck.ac.in\/wp-content\/uploads\/2024\/06\/Spot-Admission-Notice_PDUAM_620.pdf\"\r\n                               target=\"_blank\" rel=\"noopener\">\r\n                                FYUG Programme Spot Admission (Session: 2024-25)\r\n                            <\/a>\r\n                        <\/div>\r\n\r\n                        <div class=\"gmcb-notice-item\">\r\n                            <a class=\"gmcb-notice-link\"\r\n                               href=\"https:\/\/pdugmck.ac.in\/wp-content\/uploads\/2024\/05\/Quotation_PDUGMCK_11zon.pdf\"\r\n                               target=\"_blank\" rel=\"noopener\">\r\n                                Inviting Quotation for Geography Equipment\r\n                            <\/a>\r\n                        <\/div>\r\n\r\n                        <div class=\"gmcb-notice-item\">\r\n                            <a class=\"gmcb-notice-link\"\r\n                               href=\"https:\/\/assamadmission.samarth.ac.in\/index.php\"\r\n                               target=\"_blank\" rel=\"noopener\">\r\n                                Samarth Admission Portal (FYUG Degree Programme)\r\n                            <\/a>\r\n                        <\/div>\r\n\r\n                        <div class=\"gmcb-notice-item\">\r\n                            <a class=\"gmcb-notice-link\"\r\n                               href=\"https:\/\/studentcorner.darpan.ahseconline.in\/login\"\r\n                               target=\"_blank\" rel=\"noopener\">\r\n                                Darpan Admission Portal (For H.S. First Year Admission)\r\n                            <\/a>\r\n                        <\/div>\r\n\r\n                        <div class=\"gmcb-notice-item\">\r\n                            <a class=\"gmcb-notice-link\"\r\n                               href=\"https:\/\/pdugmck.ac.in\/wp-content\/uploads\/2023\/11\/Advertisement-for-the-post-of-Assistant-Professors.pdf\"\r\n                               target=\"_blank\" rel=\"noopener\">\r\n                                Advertisement for the post of Assistant Professor\r\n                            <\/a>\r\n                        <\/div>\r\n\r\n                        <div class=\"gmcb-notice-item\">\r\n                            <a class=\"gmcb-notice-link\"\r\n                               href=\"https:\/\/pdugmck.ac.in\/wp-content\/uploads\/2023\/11\/Junior-Assistant.pdf\"\r\n                               target=\"_blank\" rel=\"noopener\">\r\n                                Advertisement for the post of Junior Assistant\r\n                            <\/a>\r\n                        <\/div>\r\n\r\n                        <div class=\"gmcb-notice-item\">\r\n                            <a class=\"gmcb-notice-link\"\r\n                               href=\"https:\/\/pdugmck.ac.in\/wp-content\/uploads\/2023\/11\/19.10.23-Puja-vacation-2023-notice.pdf\"\r\n                               target=\"_blank\" rel=\"noopener\">\r\n                                Notice Regarding Pooja Vacation\r\n                            <\/a>\r\n                        <\/div>\r\n\r\n                        <div class=\"gmcb-notice-item\">\r\n                            <a class=\"gmcb-notice-link\"\r\n                               href=\"https:\/\/pdugmck.ac.in\/wp-content\/uploads\/2023\/11\/Notice.pdf\"\r\n                               target=\"_blank\" rel=\"noopener\">\r\n                                Notice Regarding FYUG and TDC Assignment\r\n                            <\/a>\r\n                        <\/div>\r\n\r\n                        <div class=\"gmcb-notice-item\">\r\n                            <a class=\"gmcb-notice-link\"\r\n                               href=\"https:\/\/pdugmck.ac.in\/wp-content\/uploads\/2023\/11\/Exam-Data-for-Regular.pdf\"\r\n                               target=\"_blank\" rel=\"noopener\">\r\n                                HS Final Year Examination Form 2024\r\n                            <\/a>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <a\r\n                    class=\"gmcb-read-more\"\r\n                    href=\"https:\/\/pdugmck.ac.in\/index.php\/news\/\"\r\n                    target=\"_blank\"\r\n                    rel=\"noopener\"\r\n                >\r\n                    Read More\r\n                <\/a>\r\n\r\n            <\/div>\r\n        <\/section>\r\n\r\n    <\/div>\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d0ab534 e-con-full e-flex e-con e-parent\" data-id=\"d0ab534\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ccb40bf elementor-widget elementor-widget-html\" data-id=\"ccb40bf\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n\/* =========================================\r\n   FIVE PORTAL BUTTONS\r\n   FIVE-COLOUR ANIMATED 3D DESIGN\r\n========================================= *\/\r\n\r\n\/* Five-colour animated gradient *\/\r\n@keyframes portalGradient {\r\n    0% {\r\n        background-position: 0% 50%;\r\n    }\r\n\r\n    25% {\r\n        background-position: 50% 100%;\r\n    }\r\n\r\n    50% {\r\n        background-position: 100% 50%;\r\n    }\r\n\r\n    75% {\r\n        background-position: 50% 0%;\r\n    }\r\n\r\n    100% {\r\n        background-position: 0% 50%;\r\n    }\r\n}\r\n\r\n\/* Five-colour animated 3D border and glow *\/\r\n@keyframes portalBorder {\r\n    0%, 100% {\r\n        border-color: #123c69;\r\n        box-shadow:\r\n            0 5px 0 #092443,\r\n            0 7px 14px rgba(0,0,0,0.25),\r\n            0 0 10px rgba(18,60,105,0.6);\r\n    }\r\n\r\n    25% {\r\n        border-color: #087f8c;\r\n        box-shadow:\r\n            0 5px 0 #064f56,\r\n            0 7px 14px rgba(0,0,0,0.25),\r\n            0 0 14px rgba(8,127,140,0.7);\r\n    }\r\n\r\n    50% {\r\n        border-color: #c79a19;\r\n        box-shadow:\r\n            0 5px 0 #80620f,\r\n            0 7px 14px rgba(0,0,0,0.25),\r\n            0 0 14px rgba(199,154,25,0.7);\r\n    }\r\n\r\n    75% {\r\n        border-color: #8e44ad;\r\n        box-shadow:\r\n            0 5px 0 #512760,\r\n            0 7px 14px rgba(0,0,0,0.25),\r\n            0 0 14px rgba(142,68,173,0.7);\r\n    }\r\n\r\n    90% {\r\n        border-color: #e74c3c;\r\n        box-shadow:\r\n            0 5px 0 #922b21,\r\n            0 7px 14px rgba(0,0,0,0.25),\r\n            0 0 14px rgba(231,76,60,0.7);\r\n    }\r\n}\r\n\r\n\/* Moving light shimmer *\/\r\n@keyframes portalShimmer {\r\n    0% {\r\n        left: -100%;\r\n    }\r\n\r\n    50%, 100% {\r\n        left: 150%;\r\n    }\r\n}\r\n\r\n\/* =========================================\r\n   FULL-WIDTH HORIZONTAL CONTAINER\r\n========================================= *\/\r\n\r\n.portal-buttons-container {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    margin: 0;\r\n    padding: 8px 0 12px;\r\n    box-sizing: border-box;\r\n\r\n    display: flex;\r\n    flex-direction: row;\r\n    flex-wrap: nowrap;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    gap: 12px;\r\n\r\n    overflow-x: auto;\r\n    overflow-y: hidden;\r\n\r\n    font-family: 'Times New Roman', Times, serif;\r\n}\r\n\r\n\/* =========================================\r\n   FIVE-COLOUR 3D PORTAL BUTTONS\r\n========================================= *\/\r\n\r\n.portal-button {\r\n    position: relative;\r\n    isolation: isolate;\r\n    overflow: hidden;\r\n\r\n    flex: 1 1 0;\r\n    min-width: 180px;\r\n    height: 60px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    padding: 0 8px;\r\n    box-sizing: border-box;\r\n\r\n    \/* Five-colour animated background *\/\r\n    background: linear-gradient(\r\n        120deg,\r\n        #123c69,\r\n        #087f8c,\r\n        #c79a19,\r\n        #8e44ad,\r\n        #e74c3c,\r\n        #123c69\r\n    );\r\n\r\n    background-size: 400% 400%;\r\n\r\n    color: #ffffff;\r\n    text-decoration: none;\r\n    text-align: center;\r\n\r\n    font-size: 18px;\r\n    font-weight: bold;\r\n    line-height: 1.2;\r\n\r\n    border: 2px solid #123c69;\r\n    border-radius: 6px;\r\n\r\n    \/* Deep 3D shadow *\/\r\n    box-shadow:\r\n        0 5px 0 #092443,\r\n        0 7px 14px rgba(0,0,0,0.25),\r\n        inset 0 2px 3px rgba(255,255,255,0.25);\r\n\r\n    \/* Continuous five-colour animation *\/\r\n    animation:\r\n        portalGradient 8s ease infinite,\r\n        portalBorder 6s linear infinite;\r\n\r\n    transition:\r\n        transform 0.3s ease,\r\n        filter 0.3s ease;\r\n}\r\n\r\n\/* =========================================\r\n   MOVING LIGHT SHIMMER EFFECT\r\n========================================= *\/\r\n\r\n.portal-button::before {\r\n    content: \"\";\r\n    position: absolute;\r\n\r\n    top: 0;\r\n    left: -100%;\r\n\r\n    width: 40%;\r\n    height: 100%;\r\n\r\n    background: linear-gradient(\r\n        90deg,\r\n        transparent,\r\n        rgba(255,255,255,0.45),\r\n        transparent\r\n    );\r\n\r\n    transform: skewX(-25deg);\r\n\r\n    animation: portalShimmer 3.5s ease-in-out infinite;\r\n\r\n    pointer-events: none;\r\n    z-index: -1;\r\n}\r\n\r\n\/* Inner glass-like highlight *\/\r\n.portal-button::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 3px;\r\n\r\n    border: 1px solid rgba(255,255,255,0.3);\r\n    border-radius: 3px;\r\n\r\n    pointer-events: none;\r\n    z-index: -1;\r\n}\r\n\r\n\/* =========================================\r\n   3D HOVER EFFECT\r\n========================================= *\/\r\n\r\n.portal-button:hover {\r\n    color: #ffffff;\r\n\r\n    background: linear-gradient(\r\n        120deg,\r\n        #123c69,\r\n        #087f8c,\r\n        #c79a19,\r\n        #8e44ad,\r\n        #e74c3c,\r\n        #123c69\r\n    );\r\n\r\n    background-size: 400% 400%;\r\n\r\n    \/* Lift and enlarge the button *\/\r\n    transform: translateY(-5px) scale(1.025);\r\n\r\n    filter: brightness(1.15);\r\n\r\n    \/* Strong five-colour 3D glow *\/\r\n    box-shadow:\r\n        0 8px 0 #092443,\r\n        0 12px 22px rgba(0,0,0,0.3),\r\n        0 0 12px rgba(8,127,140,0.65),\r\n        0 0 18px rgba(199,154,25,0.5),\r\n        0 0 22px rgba(142,68,173,0.4),\r\n        0 0 26px rgba(231,76,60,0.3);\r\n\r\n    animation:\r\n        portalGradient 3s ease infinite,\r\n        portalBorder 2.5s linear infinite;\r\n}\r\n\r\n\/* Button press effect *\/\r\n.portal-button:active {\r\n    transform: translateY(3px) scale(0.98);\r\n\r\n    box-shadow:\r\n        0 2px 0 #092443,\r\n        0 3px 6px rgba(0,0,0,0.25),\r\n        inset 0 2px 4px rgba(0,0,0,0.2);\r\n}\r\n\r\n\/* Keyboard accessibility *\/\r\n.portal-button:focus-visible {\r\n    outline: 3px solid #c79a19;\r\n    outline-offset: 3px;\r\n}\r\n\r\n\/* =========================================\r\n   RESPONSIVE DESIGN\r\n   KEEP BUTTONS IN ONE HORIZONTAL ROW\r\n========================================= *\/\r\n\r\n@media (max-width: 900px) {\r\n    .portal-buttons-container {\r\n        justify-content: flex-start;\r\n        gap: 10px;\r\n    }\r\n\r\n    .portal-button {\r\n        flex: 0 0 200px;\r\n        min-width: 200px;\r\n    }\r\n}\r\n\r\n\/* Respect reduced-motion preferences *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n    .portal-button,\r\n    .portal-button::before {\r\n        animation: none;\r\n    }\r\n\r\n    .portal-button {\r\n        transition: none;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"portal-buttons-container\">\r\n\r\n    <!-- 1. Assam University -->\r\n    <a href=\"https:\/\/www.aus.ac.in\/\"\r\n       target=\"_blank\"\r\n       rel=\"noopener noreferrer\"\r\n       class=\"portal-button\">\r\n        Assam University\r\n    <\/a>\r\n\r\n    <!-- 2. RUSA, Assam -->\r\n    <a href=\"https:\/\/rusa.assam.gov.in\/\"\r\n       target=\"_blank\"\r\n       rel=\"noopener noreferrer\"\r\n       class=\"portal-button\">\r\n        RUSA, Assam\r\n    <\/a>\r\n\r\n    <!-- 3. Voters Portal -->\r\n    <a href=\"https:\/\/voters.eci.gov.in\/\"\r\n       target=\"_blank\"\r\n       rel=\"noopener noreferrer\"\r\n       class=\"portal-button\">\r\n        Voters Portal\r\n    <\/a>\r\n\r\n    <!-- 4. Directorate of Higher Education -->\r\n    <a href=\"https:\/\/directorateofhighereducation.assam.gov.in\/\"\r\n       target=\"_blank\"\r\n       rel=\"noopener noreferrer\"\r\n       class=\"portal-button\">\r\n        DHE\r\n    <\/a>\r\n\r\n    <!-- 5. KKHSOU -->\r\n    <a href=\"https:\/\/pdugmck.ac.in\/index.php\/kkhsou\/\"\r\n       target=\"_blank\"\r\n       rel=\"noopener noreferrer\"\r\n       class=\"portal-button\">\r\n        KKHSOU\r\n    <\/a>\r\n\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c10165e e-con-full e-flex e-con e-parent\" data-id=\"c10165e\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t<div class=\"elementor-element elementor-element-150a0f1 elementor-widget elementor-widget-html\" data-id=\"150a0f1\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\r\n<style>\r\n\/* =========================================================\r\n   PDUGMC \u2013 THREE INFORMATION CARDS\r\n   FULL-WIDTH ANIMATED DESIGN\r\n   ========================================================= *\/\r\n\r\n#pdu-three-parts,\r\n#pdu-three-parts * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n#pdu-three-parts {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    overflow: hidden;\r\n    font-family: \"Segoe UI\", Arial, sans-serif;\r\n}\r\n\r\n#pdu-three-parts .pdu-three-wrapper {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    margin: 0 auto;\r\n    padding: 12px 0;\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    gap: 22px;\r\n}\r\n\r\n\/* =========================================================\r\n   CARD DESIGN\r\n   ========================================================= *\/\r\n\r\n#pdu-three-parts .pdu-three-card {\r\n    position: relative;\r\n    min-width: 0;\r\n    height: 6.5in;\r\n    padding: 0 17px 22px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    overflow: hidden;\r\n\r\n    border: 1px solid rgba(255,255,255,0.75);\r\n    border-radius: 17px;\r\n\r\n    background: linear-gradient(\r\n        135deg,\r\n        #e8fff2,\r\n        #eaf5ff,\r\n        #f2edff,\r\n        #fff7df\r\n    );\r\n\r\n    background-size: 300% 300%;\r\n\r\n    box-shadow:\r\n        0 8px 22px rgba(0,55,80,0.15),\r\n        inset 0 1px 2px rgba(255,255,255,0.9);\r\n\r\n    animation: pduCardBackground 12s ease infinite;\r\n    transition: transform 0.45s ease, box-shadow 0.45s ease;\r\n    perspective: 1200px;\r\n}\r\n\r\n@keyframes pduCardBackground {\r\n    0% { background-position: 0% 50%; }\r\n    50% { background-position: 100% 50%; }\r\n    100% { background-position: 0% 50%; }\r\n}\r\n\r\n#pdu-three-parts .pdu-three-card:hover {\r\n    transform: translateY(-7px) rotateX(2deg);\r\n\r\n    box-shadow:\r\n        0 18px 35px rgba(0,55,80,0.23),\r\n        0 0 18px rgba(8,123,133,0.18);\r\n}\r\n\r\n\/* =========================================================\r\n   FULL-WIDTH CARD HEADINGS\r\n   ========================================================= *\/\r\n\r\n#pdu-three-parts .pdu-three-heading {\r\n    position: relative;\r\n    isolation: isolate;\r\n    flex-shrink: 0;\r\n\r\n    width: calc(100% + 34px);\r\n    max-width: none;\r\n    margin: 0 -17px 17px;\r\n    padding: 13px 12px;\r\n\r\n    min-height: 57px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border: none;\r\n    border-radius: 0;\r\n    overflow: hidden;\r\n\r\n    background: linear-gradient(\r\n        115deg,\r\n        #075b43,\r\n        #1269a5,\r\n        #7043a5,\r\n        #c28b16\r\n    );\r\n\r\n    background-size: 300% 300%;\r\n\r\n    color: #ffffff !important;\r\n    text-align: center;\r\n    text-transform: uppercase;\r\n    font-size: 19px;\r\n    font-weight: 800;\r\n    line-height: 1.35;\r\n    letter-spacing: 0.5px;\r\n\r\n    text-shadow:\r\n        0 2px 3px rgba(0,0,0,0.35),\r\n        0 0 8px rgba(255,255,255,0.2);\r\n\r\n    box-shadow:\r\n        0 5px 12px rgba(0,0,0,0.2),\r\n        inset 0 1px 2px rgba(255,255,255,0.3);\r\n\r\n    animation: pduHeaderFourColor 9s ease infinite;\r\n\r\n    transition: transform 0.35s ease, box-shadow 0.35s ease;\r\n}\r\n\r\n@keyframes pduHeaderFourColor {\r\n    0% { background-position: 0% 50%; }\r\n    50% { background-position: 100% 50%; }\r\n    100% { background-position: 0% 50%; }\r\n}\r\n\r\n\/* Moving shine effect *\/\r\n\r\n#pdu-three-parts .pdu-three-heading::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    z-index: -1;\r\n    top: -50%;\r\n    left: -80%;\r\n    width: 55%;\r\n    height: 200%;\r\n\r\n    background: linear-gradient(\r\n        90deg,\r\n        transparent,\r\n        rgba(255,255,255,0.35),\r\n        transparent\r\n    );\r\n\r\n    transform: skewX(-25deg);\r\n    animation: pduHeaderShine 5s ease-in-out infinite;\r\n    pointer-events: none;\r\n}\r\n\r\n@keyframes pduHeaderShine {\r\n    0% { left: -80%; }\r\n    55% { left: 130%; }\r\n    100% { left: 130%; }\r\n}\r\n\r\n#pdu-three-parts .pdu-three-card:hover .pdu-three-heading {\r\n    transform: translateY(-2px);\r\n\r\n    box-shadow:\r\n        0 8px 18px rgba(0,0,0,0.25),\r\n        0 0 14px rgba(255,255,255,0.3);\r\n}\r\n\r\n\/* =========================================================\r\n   IMAGE FRAME\r\n   ========================================================= *\/\r\n\r\n#pdu-three-parts .pdu-three-image-frame {\r\n    width: 155px;\r\n    height: 145px;\r\n    flex-shrink: 0;\r\n    margin: 5px auto 12px;\r\n    padding: 7px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border: 3px solid #ffffff;\r\n    border-radius: 17px;\r\n\r\n    background: linear-gradient(\r\n        135deg,\r\n        #ffffff,\r\n        #e5f5ff,\r\n        #fff4d6\r\n    );\r\n\r\n    box-shadow:\r\n        0 7px 18px rgba(0,0,0,0.17),\r\n        inset 0 0 9px rgba(8,123,133,0.15);\r\n\r\n    transition: transform 0.45s ease, box-shadow 0.45s ease;\r\n}\r\n\r\n#pdu-three-parts .pdu-three-image-frame img {\r\n    width: 100%;\r\n    height: 100%;\r\n    display: block;\r\n    object-fit: contain;\r\n    border-radius: 10px;\r\n}\r\n\r\n#pdu-three-parts .pdu-three-card:hover .pdu-three-image-frame {\r\n    transform: translateY(-4px) rotateY(5deg) scale(1.035);\r\n\r\n    box-shadow:\r\n        0 12px 25px rgba(0,0,0,0.2),\r\n        0 0 15px rgba(8,123,133,0.25);\r\n}\r\n\r\n\/* =========================================================\r\n   PRESIDENT NAME AND DESIGNATION\r\n   ========================================================= *\/\r\n\r\n#pdu-three-parts .pdu-president-info {\r\n    width: 100%;\r\n    flex-shrink: 0;\r\n    margin: 0 auto 12px;\r\n    text-align: center;\r\n    line-height: 1.5;\r\n}\r\n\r\n#pdu-three-parts .pdu-president-name {\r\n    display: block;\r\n    color: #064e32;\r\n    font-size: 18px;\r\n    font-weight: 800;\r\n    letter-spacing: 0.25px;\r\n    text-align: center;\r\n    text-shadow: 0 1px 1px rgba(255,255,255,0.8);\r\n}\r\n\r\n#pdu-three-parts .pdu-president-designation {\r\n    display: block;\r\n    margin-top: 2px;\r\n    color: #087b85;\r\n    font-size: 15px;\r\n    font-weight: 700;\r\n    text-align: center;\r\n}\r\n\r\n\/* =========================================================\r\n   TEXT CONTENT\r\n   ========================================================= *\/\r\n\r\n#pdu-three-parts .pdu-three-text {\r\n    width: 100%;\r\n    flex: 1 1 auto;\r\n    min-height: 0;\r\n    overflow-y: auto;\r\n    padding: 3px 5px 10px;\r\n\r\n    color: #243b35;\r\n    font-size: 15px;\r\n    line-height: 1.75;\r\n    text-align: justify;\r\n\r\n    scrollbar-width: thin;\r\n    scrollbar-color: #087b85 #e4f0ec;\r\n}\r\n\r\n#pdu-three-parts .pdu-three-text p {\r\n    margin: 0 0 14px;\r\n    text-align: justify;\r\n}\r\n\r\n#pdu-three-parts .pdu-three-text strong {\r\n    color: #075b43;\r\n}\r\n\r\n\/* =========================================================\r\n   READ MORE BUTTON\r\n   ========================================================= *\/\r\n\r\n#pdu-three-parts .pdu-three-button-area {\r\n    width: 100%;\r\n    flex-shrink: 0;\r\n    padding-top: 10px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n#pdu-three-parts .pdu-three-button {\r\n    position: relative;\r\n\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 9px;\r\n\r\n    min-width: 145px;\r\n    padding: 11px 23px;\r\n\r\n    border: 1px solid rgba(255,255,255,0.6);\r\n    border-radius: 30px;\r\n\r\n    background: linear-gradient(\r\n        135deg,\r\n        #064e32,\r\n        #087b85,\r\n        #1269a5\r\n    );\r\n\r\n    color: #ffffff !important;\r\n    text-decoration: none !important;\r\n    font-size: 14px;\r\n    font-weight: 800;\r\n    letter-spacing: 0.4px;\r\n\r\n    box-shadow:\r\n        0 6px 13px rgba(0,70,75,0.25),\r\n        inset 0 1px 2px rgba(255,255,255,0.25);\r\n\r\n    transition:\r\n        transform 0.2s ease,\r\n        box-shadow 0.2s ease,\r\n        background 0.3s ease;\r\n}\r\n\r\n#pdu-three-parts .pdu-three-button:hover {\r\n    transform: translateY(-4px) scale(1.04);\r\n\r\n    background: linear-gradient(\r\n        135deg,\r\n        #1269a5,\r\n        #087b85,\r\n        #064e32\r\n    );\r\n\r\n    box-shadow:\r\n        0 10px 20px rgba(0,70,75,0.3),\r\n        0 0 12px rgba(8,123,133,0.25);\r\n}\r\n\r\n#pdu-three-parts .pdu-three-button:active {\r\n    transform: translateY(3px) scale(0.96);\r\n\r\n    box-shadow:\r\n        0 2px 5px rgba(0,0,0,0.25),\r\n        inset 0 3px 6px rgba(0,0,0,0.2);\r\n}\r\n\r\n\/* =========================================================\r\n   TABLET RESPONSIVE DESIGN\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 950px) {\r\n\r\n    #pdu-three-parts .pdu-three-wrapper {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n        gap: 18px;\r\n    }\r\n\r\n    #pdu-three-parts .pdu-three-heading {\r\n        font-size: 18px;\r\n    }\r\n}\r\n\r\n\/* =========================================================\r\n   MOBILE RESPONSIVE DESIGN\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n    #pdu-three-parts .pdu-three-wrapper {\r\n        grid-template-columns: 1fr;\r\n        gap: 18px;\r\n        padding: 8px 0;\r\n    }\r\n\r\n    #pdu-three-parts .pdu-three-card {\r\n        height: 6.5in;\r\n        padding-left: 17px;\r\n        padding-right: 17px;\r\n    }\r\n\r\n    #pdu-three-parts .pdu-three-heading {\r\n        min-height: 55px;\r\n        font-size: 17px;\r\n        padding: 12px 10px;\r\n    }\r\n\r\n    #pdu-three-parts .pdu-three-image-frame {\r\n        width: 150px;\r\n        height: 140px;\r\n    }\r\n\r\n    #pdu-three-parts .pdu-president-name {\r\n        font-size: 17px;\r\n    }\r\n\r\n    #pdu-three-parts .pdu-three-text {\r\n        font-size: 14px;\r\n        line-height: 1.7;\r\n    }\r\n}\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION ACCESSIBILITY\r\n   ========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    #pdu-three-parts *,\r\n    #pdu-three-parts *::before,\r\n    #pdu-three-parts *::after {\r\n        animation: none !important;\r\n        transition: none !important;\r\n        scroll-behavior: auto !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<!-- =========================================================\r\n     PDUGMC \u2013 THREE INFORMATION CARDS\r\n     ========================================================= -->\r\n\r\n<section id=\"pdu-three-parts\">\r\n\r\n    <div class=\"pdu-three-wrapper\">\r\n\r\n\r\n        <!-- =================================================\r\n             PART 1: GB PRESIDENT'S MESSAGE\r\n             ================================================= -->\r\n\r\n        <article class=\"pdu-three-card\">\r\n\r\n            <h2 class=\"pdu-three-heading\">\r\n                GB President's Message\r\n            <\/h2>\r\n\r\n            <div class=\"pdu-three-image-frame\">\r\n\r\n                <img\r\n                    src=\"https:\/\/pdugmck.ac.in\/wp-content\/uploads\/2026\/10\/image.jpg\"\r\n                    alt=\"Dr. Yagneswar Deb, President\"\r\n                    loading=\"lazy\"\r\n                    decoding=\"async\"\r\n                >\r\n\r\n            <\/div>\r\n\r\n            <!-- PRESIDENT NAME AND DESIGNATION -->\r\n\r\n            <div class=\"pdu-president-info\">\r\n\r\n                <span class=\"pdu-president-name\">\r\n                    Dr. Yagneswar Deb\r\n                <\/span>\r\n\r\n                <span class=\"pdu-president-designation\">\r\n                    President\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"pdu-three-text\">\r\n\r\n                <p>\r\n                    It gives me immense pleasure to welcome you to\r\n                    the official website of\r\n                    <strong>PDUGMC, Katlicherra<\/strong>. Our\r\n                    institution is committed to providing quality\r\n                    higher education and creating an enriching\r\n                    academic environment where every student is\r\n                    encouraged to learn, grow and realise their\r\n                    full potential.\r\n                <\/p>\r\n\r\n                <p>\r\n                    Education is much more than the acquisition of\r\n                    knowledge. It is a lifelong journey of developing\r\n                    intellectual curiosity, critical thinking,\r\n                    creativity, character and a strong sense of\r\n                    responsibility towards society. At PDUGMC, we\r\n                    endeavour to provide our students with an\r\n                    academic environment that encourages them to\r\n                    question, explore, innovate and pursue excellence\r\n                    in every sphere of life.\r\n                <\/p>\r\n\r\n                <p>\r\n                    We believe that a college should not only impart\r\n                    academic knowledge but also develop responsible,\r\n                    confident and compassionate citizens. Our\r\n                    collective efforts are directed towards\r\n                    strengthening academic standards, promoting\r\n                    discipline, encouraging research and creating\r\n                    opportunities for the holistic development of\r\n                    our students.\r\n                <\/p>\r\n\r\n                <p>\r\n                    I sincerely appreciate the dedication of our\r\n                    teachers, the cooperation of parents and the\r\n                    enthusiasm of our students. Together, let us\r\n                    continue working towards making\r\n                    <strong>PDUGMC, Katlicherra<\/strong> a centre\r\n                    of excellence in higher education.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"pdu-three-button-area\">\r\n\r\n                <a\r\n                    class=\"pdu-three-button\"\r\n                    href=\"https:\/\/pdugmck.ac.in\/index.php\/chairman-message\/\"\r\n                    target=\"_blank\"\r\n                    rel=\"noopener noreferrer\"\r\n                >\r\n                    Read More <span aria-hidden=\"true\">\u2192<\/span>\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n        <!-- =================================================\r\n             PART 2: ABOUT JMRA\r\n             ================================================= -->\r\n\r\n        <article class=\"pdu-three-card\">\r\n\r\n            <h2 class=\"pdu-three-heading\">\r\n                About JMRA\r\n            <\/h2>\r\n\r\n            <div class=\"pdu-three-image-frame\">\r\n\r\n                <img\r\n                    src=\"https:\/\/pdugmck.ac.in\/wp-content\/uploads\/2024\/07\/LOGO.jpg\"\r\n                    alt=\"JMRA College Journal\"\r\n                    loading=\"lazy\"\r\n                    decoding=\"async\"\r\n                >\r\n\r\n            <\/div>\r\n\r\n            <div class=\"pdu-three-text\">\r\n\r\n                <p>\r\n                    <strong>JMRA<\/strong> is an academic publication\r\n                    initiative associated with the pursuit of\r\n                    knowledge, research and scholarly excellence.\r\n                    It provides an intellectual platform for\r\n                    academicians, researchers, teachers and students\r\n                    to share their ideas, research findings and\r\n                    academic perspectives.\r\n                <\/p>\r\n\r\n                <p>\r\n                    The journal aims to encourage a strong research\r\n                    culture by providing opportunities for the\r\n                    presentation and dissemination of original\r\n                    scholarly work across different disciplines.\r\n                    It promotes critical thinking, academic\r\n                    discussion, interdisciplinary learning and\r\n                    intellectual exchange.\r\n                <\/p>\r\n\r\n                <p>\r\n                    Through the publication of research articles,\r\n                    analytical studies, reviews and other academic\r\n                    contributions, JMRA seeks to support the\r\n                    development of knowledge and encourage\r\n                    meaningful academic engagement.\r\n                <\/p>\r\n\r\n                <p>\r\n                    The journal also inspires young researchers\r\n                    and students to develop research skills,\r\n                    explore new ideas and contribute to the\r\n                    advancement of their respective fields.\r\n                    By fostering a spirit of inquiry and\r\n                    innovation, JMRA aims to strengthen the\r\n                    academic environment of the institution.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"pdu-three-button-area\">\r\n\r\n                <a\r\n                    class=\"pdu-three-button\"\r\n                    href=\"https:\/\/pdugmck.ac.in\/index.php\/journal-jmsa\/\"\r\n                    target=\"_blank\"\r\n                    rel=\"noopener noreferrer\"\r\n                >\r\n                    Read More <span aria-hidden=\"true\">\u2192<\/span>\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n        <!-- =================================================\r\n             PART 3: ABOUT KKHSOU\r\n             ================================================= -->\r\n\r\n        <article class=\"pdu-three-card\">\r\n\r\n            <h2 class=\"pdu-three-heading\">\r\n                About KKHSOU\r\n            <\/h2>\r\n\r\n            <div class=\"pdu-three-image-frame\">\r\n\r\n                <img\r\n                    src=\"https:\/\/pdugmck.ac.in\/wp-content\/uploads\/2026\/11\/kkhsou.png\"\r\n                    alt=\"Krishna Kanta Handiqui State Open University\"\r\n                    loading=\"lazy\"\r\n                    decoding=\"async\"\r\n                >\r\n\r\n            <\/div>\r\n\r\n            <div class=\"pdu-three-text\">\r\n\r\n                <p>\r\n                    <strong>Krishna Kanta Handiqui State Open\r\n                    University (KKHSOU)<\/strong> is a state\r\n                    university established by the Government\r\n                    of Assam with the objective of expanding\r\n                    access to higher education through the\r\n                    Open and Distance Learning system.\r\n                <\/p>\r\n\r\n                <p>\r\n                    The University is committed to making\r\n                    education accessible, flexible and\r\n                    inclusive for learners from different\r\n                    sections of society. It provides\r\n                    opportunities for individuals who may\r\n                    not be able to pursue conventional\r\n                    classroom-based higher education due\r\n                    to geographical, professional, financial\r\n                    or personal circumstances.\r\n                <\/p>\r\n\r\n                <p>\r\n                    KKHSOU promotes lifelong learning,\r\n                    academic development and skill\r\n                    enhancement through its diverse\r\n                    educational programmes and learner-centred\r\n                    approach. It seeks to reach the unreached\r\n                    and create opportunities for people\r\n                    aspiring to improve their knowledge,\r\n                    qualifications and professional abilities.\r\n                <\/p>\r\n\r\n                <p>\r\n                    Through its academic initiatives and\r\n                    distance education facilities, the\r\n                    University plays an important role in\r\n                    strengthening the higher education\r\n                    landscape of Assam and promoting\r\n                    educational empowerment across the state.\r\n                <\/p>\r\n\r\n                <p>\r\n                    The association of our college with\r\n                    KKHSOU provides learners with additional\r\n                    opportunities to pursue higher education\r\n                    and continue their academic journey\r\n                    through the Open and Distance Learning\r\n                    mode.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"pdu-three-button-area\">\r\n\r\n                <a\r\n                    class=\"pdu-three-button\"\r\n                    href=\"https:\/\/pdugmck.ac.in\/index.php\/kkhsou\/\"\r\n                    target=\"_blank\"\r\n                    rel=\"noopener noreferrer\"\r\n                >\r\n                    Read More <span aria-hidden=\"true\">\u2192<\/span>\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b6391d8 e-con-full e-flex e-con e-parent\" data-id=\"b6391d8\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bfe2b3c elementor-widget elementor-widget-html\" data-id=\"bfe2b3c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\r\n<!-- ONLINE LEARNING PLATFORMS SLIDER - PDUGMC KATLICHERRA -->\r\n\r\n<section class=\"pdu-platform-section\">\r\n\r\n  <!-- HEADING LINE -->\r\n  <div class=\"pdu-platform-heading\">\r\n    <h2>ONLINE LEARNING PLATFORMS<\/h2>\r\n  <\/div>\r\n\r\n  <!-- PLATFORM SLIDER -->\r\n  <div class=\"pdu-platform-slider\">\r\n    <div class=\"pdu-platform-track\">\r\n\r\n      <!-- 1. SKILL INDIA DIGITAL -->\r\n      <div class=\"pdu-platform-card\">\r\n        <div class=\"pdu-platform-logo-frame\">\r\n          <img decoding=\"async\" src=\"https:\/\/pdugmck.ac.in\/wp-content\/uploads\/2026\/11\/skill-India-july-2025.png\"\r\n               alt=\"Skill India Digital Logo\">\r\n        <\/div>\r\n        <h3>Skill India Digital<\/h3>\r\n        <p>Explore skill-based courses and learning opportunities to develop professional knowledge and practical skills.<\/p>\r\n        <a href=\"https:\/\/www.skillindiadigital.gov.in\/courses?PageNumber=1&PageSize=12\"\r\n           target=\"_blank\" rel=\"noopener noreferrer\" class=\"pdu-platform-button\">\r\n          Visit Site <span>\u279c<\/span>\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <!-- 2. THE OPEN UNIVERSITY -->\r\n      <div class=\"pdu-platform-card\">\r\n        <div class=\"pdu-platform-logo-frame\">\r\n          <img decoding=\"async\" src=\"https:\/\/pdugmck.ac.in\/wp-content\/uploads\/2026\/11\/the-open-un.png\"\r\n               alt=\"The Open University Logo\">\r\n        <\/div>\r\n        <h3>The Open University<\/h3>\r\n        <p>Access a wide range of free online courses and educational resources for independent learning.<\/p>\r\n        <a href=\"https:\/\/www.open.edu\/openlearn\/free-courses\/full-catalogue\"\r\n           target=\"_blank\" rel=\"noopener noreferrer\" class=\"pdu-platform-button\">\r\n          Visit Site <span>\u279c<\/span>\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <!-- 3. NATIONAL DIGITAL LIBRARY -->\r\n      <div class=\"pdu-platform-card\">\r\n        <div class=\"pdu-platform-logo-frame\">\r\n          <img decoding=\"async\" src=\"https:\/\/pdugmck.ac.in\/wp-content\/uploads\/2026\/11\/ndli.jpg\"\r\n               alt=\"National Digital Library of India Logo\">\r\n        <\/div>\r\n        <h3>National Digital Library of India<\/h3>\r\n        <p>Discover a rich collection of digital academic resources, books, articles and learning materials.<\/p>\r\n        <a href=\"https:\/\/ndl.iitkgp.ac.in\/\"\r\n           target=\"_blank\" rel=\"noopener noreferrer\" class=\"pdu-platform-button\">\r\n          Visit Site <span>\u279c<\/span>\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <!-- 4. NPTEL -->\r\n      <div class=\"pdu-platform-card\">\r\n        <div class=\"pdu-platform-logo-frame\">\r\n          <img decoding=\"async\" src=\"https:\/\/pdugmck.ac.in\/wp-content\/uploads\/2026\/11\/nptel.jpg\"\r\n               alt=\"NPTEL Logo\">\r\n        <\/div>\r\n        <h3>NPTEL<\/h3>\r\n        <p>Learn from high-quality online courses offered by leading institutions in science, technology and other disciplines.<\/p>\r\n        <a href=\"https:\/\/nptel.ac.in\/\"\r\n           target=\"_blank\" rel=\"noopener noreferrer\" class=\"pdu-platform-button\">\r\n          Visit Site <span>\u279c<\/span>\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <!-- 5. SWAYAM -->\r\n      <div class=\"pdu-platform-card\">\r\n        <div class=\"pdu-platform-logo-frame\">\r\n          <img decoding=\"async\" src=\"https:\/\/pdugmck.ac.in\/wp-content\/uploads\/2026\/11\/swayam.png\"\r\n               alt=\"SWAYAM Logo\">\r\n        <\/div>\r\n        <h3>SWAYAM<\/h3>\r\n        <p>Access online courses across different subjects and academic levels through India's digital learning initiative.<\/p>\r\n        <a href=\"https:\/\/swayam.gov.in\/\"\r\n           target=\"_blank\" rel=\"noopener noreferrer\" class=\"pdu-platform-button\">\r\n          Visit Site <span>\u279c<\/span>\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <!-- 6. MOOCs -->\r\n      <div class=\"pdu-platform-card\">\r\n        <div class=\"pdu-platform-logo-frame\">\r\n          <img decoding=\"async\" src=\"https:\/\/pdugmck.ac.in\/wp-content\/uploads\/2026\/11\/moocs.webp\"\r\n               alt=\"MOOCs Logo\">\r\n        <\/div>\r\n        <h3>MOOCs<\/h3>\r\n        <p>Explore massive open online courses and discover flexible learning opportunities from digital education providers.<\/p>\r\n        <a href=\"https:\/\/moocs.org\/en\"\r\n           target=\"_blank\" rel=\"noopener noreferrer\" class=\"pdu-platform-button\">\r\n          Visit Site <span>\u279c<\/span>\r\n        <\/a>\r\n      <\/div>\r\n\r\n\r\n      <!-- DUPLICATE CARDS FOR SEAMLESS SLIDING -->\r\n\r\n      <!-- SKILL INDIA DIGITAL -->\r\n      <div class=\"pdu-platform-card\" aria-hidden=\"true\">\r\n        <div class=\"pdu-platform-logo-frame\">\r\n          <img decoding=\"async\" src=\"https:\/\/pdugmck.ac.in\/wp-content\/uploads\/2026\/11\/skill-India-july-2025.png\" alt=\"\">\r\n        <\/div>\r\n        <h3>Skill India Digital<\/h3>\r\n        <p>Explore skill-based courses and learning opportunities to develop professional knowledge and practical skills.<\/p>\r\n        <a href=\"https:\/\/www.skillindiadigital.gov.in\/courses?PageNumber=1&PageSize=12\"\r\n           tabindex=\"-1\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"pdu-platform-button\">\r\n          Visit Site <span>\u279c<\/span>\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <!-- THE OPEN UNIVERSITY -->\r\n      <div class=\"pdu-platform-card\" aria-hidden=\"true\">\r\n        <div class=\"pdu-platform-logo-frame\">\r\n          <img decoding=\"async\" src=\"https:\/\/pdugmck.ac.in\/wp-content\/uploads\/2026\/11\/the-open-un.png\" alt=\"\">\r\n        <\/div>\r\n        <h3>The Open University<\/h3>\r\n        <p>Access a wide range of free online courses and educational resources for independent learning.<\/p>\r\n        <a href=\"https:\/\/www.open.edu\/openlearn\/free-courses\/full-catalogue\"\r\n           tabindex=\"-1\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"pdu-platform-button\">\r\n          Visit Site <span>\u279c<\/span>\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <!-- NATIONAL DIGITAL LIBRARY -->\r\n      <div class=\"pdu-platform-card\" aria-hidden=\"true\">\r\n        <div class=\"pdu-platform-logo-frame\">\r\n          <img decoding=\"async\" src=\"https:\/\/pdugmck.ac.in\/wp-content\/uploads\/2026\/11\/ndli.jpg\" alt=\"\">\r\n        <\/div>\r\n        <h3>National Digital Library of India<\/h3>\r\n        <p>Discover a rich collection of digital academic resources, books, articles and learning materials.<\/p>\r\n        <a href=\"https:\/\/ndl.iitkgp.ac.in\/\"\r\n           tabindex=\"-1\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"pdu-platform-button\">\r\n          Visit Site <span>\u279c<\/span>\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <!-- NPTEL -->\r\n      <div class=\"pdu-platform-card\" aria-hidden=\"true\">\r\n        <div class=\"pdu-platform-logo-frame\">\r\n          <img decoding=\"async\" src=\"https:\/\/pdugmck.ac.in\/wp-content\/uploads\/2026\/11\/nptel.jpg\" alt=\"\">\r\n        <\/div>\r\n        <h3>NPTEL<\/h3>\r\n        <p>Learn from high-quality online courses offered by leading institutions in science, technology and other disciplines.<\/p>\r\n        <a href=\"https:\/\/nptel.ac.in\/\"\r\n           tabindex=\"-1\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"pdu-platform-button\">\r\n          Visit Site <span>\u279c<\/span>\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <!-- SWAYAM -->\r\n      <div class=\"pdu-platform-card\" aria-hidden=\"true\">\r\n        <div class=\"pdu-platform-logo-frame\">\r\n          <img decoding=\"async\" src=\"https:\/\/pdugmck.ac.in\/wp-content\/uploads\/2026\/11\/swayam.png\" alt=\"\">\r\n        <\/div>\r\n        <h3>SWAYAM<\/h3>\r\n        <p>Access online courses across different subjects and academic levels through India's digital learning initiative.<\/p>\r\n        <a href=\"https:\/\/swayam.gov.in\/\"\r\n           tabindex=\"-1\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"pdu-platform-button\">\r\n          Visit Site <span>\u279c<\/span>\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <!-- MOOCs -->\r\n      <div class=\"pdu-platform-card\" aria-hidden=\"true\">\r\n        <div class=\"pdu-platform-logo-frame\">\r\n          <img decoding=\"async\" src=\"https:\/\/pdugmck.ac.in\/wp-content\/uploads\/2026\/11\/moocs.webp\" alt=\"\">\r\n        <\/div>\r\n        <h3>MOOCs<\/h3>\r\n        <p>Explore massive open online courses and discover flexible learning opportunities from digital education providers.<\/p>\r\n        <a href=\"https:\/\/moocs.org\/en\"\r\n           tabindex=\"-1\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"pdu-platform-button\">\r\n          Visit Site <span>\u279c<\/span>\r\n        <\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* MAIN SECTION - NO ADDED BACKGROUND *\/\r\n.pdu-platform-section {\r\n  width: 100%;\r\n  max-width: 100%;\r\n  margin: 0;\r\n  padding: 35px 0;\r\n  overflow: hidden;\r\n  box-sizing: border-box;\r\n  background: transparent;\r\n  font-family: \"Segoe UI\", Arial, sans-serif;\r\n}\r\n\r\n\r\n\/* HEADER LINE - ONLY ELEMENT WITH ANIMATED BACKGROUND *\/\r\n.pdu-platform-heading {\r\n  position: relative;\r\n  isolation: isolate;\r\n  width: 100%;\r\n  min-height: 65px;\r\n  padding: 15px 12px;\r\n  margin-bottom: 28px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  overflow: hidden;\r\n  box-sizing: border-box;\r\n\r\n  background: linear-gradient(\r\n    115deg,\r\n    #075b43,\r\n    #1269a5,\r\n    #7043a5,\r\n    #c28b16\r\n  );\r\n  background-size: 300% 300%;\r\n  animation: platformHeaderFlow 9s ease infinite;\r\n\r\n  box-shadow:\r\n    0 6px 16px rgba(0,0,0,.20),\r\n    inset 0 1px 3px rgba(255,255,255,.3);\r\n\r\n  border-radius: 10px;\r\n}\r\n\r\n\/* HEADER TEXT *\/\r\n.pdu-platform-heading h2 {\r\n  position: relative;\r\n  z-index: 2;\r\n  margin: 0;\r\n  padding: 0;\r\n  font-size: 29px;\r\n  font-weight: 800;\r\n  letter-spacing: 1px;\r\n  line-height: 1.35;\r\n  text-align: center;\r\n  color: #ffffff !important;\r\n  background: none;\r\n  -webkit-background-clip: initial;\r\n  background-clip: initial;\r\n  text-shadow:\r\n    0 2px 4px rgba(0,0,0,.4),\r\n    0 0 9px rgba(255,255,255,.2);\r\n}\r\n\r\n\/* ANIMATED HEADER GRADIENT *\/\r\n@keyframes platformHeaderFlow {\r\n  0% { background-position: 0% 50%; }\r\n  50% { background-position: 100% 50%; }\r\n  100% { background-position: 0% 50%; }\r\n}\r\n\r\n\/* HEADER SHINING EFFECT *\/\r\n.pdu-platform-heading::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  z-index: 1;\r\n  top: -50%;\r\n  left: -80%;\r\n  width: 55%;\r\n  height: 200%;\r\n  background: linear-gradient(\r\n    90deg,\r\n    transparent,\r\n    rgba(255,255,255,.38),\r\n    transparent\r\n  );\r\n  transform: skewX(-25deg);\r\n  animation: platformHeaderShine 5s ease-in-out infinite;\r\n  pointer-events: none;\r\n}\r\n\r\n@keyframes platformHeaderShine {\r\n  0% { left: -80%; }\r\n  55% { left: 130%; }\r\n  100% { left: 130%; }\r\n}\r\n\r\n\r\n\/* PLATFORM SLIDER *\/\r\n.pdu-platform-slider {\r\n  width: 100%;\r\n  overflow: hidden;\r\n  position: relative;\r\n  padding: 15px 0 25px;\r\n  -webkit-mask-image: linear-gradient(to right, transparent, #000 4%, #000 96%, transparent);\r\n  mask-image: linear-gradient(to right, transparent, #000 4%, #000 96%, transparent);\r\n}\r\n\r\n\/* SLIDING TRACK *\/\r\n.pdu-platform-track {\r\n  display: flex;\r\n  width: max-content;\r\n  gap: 22px;\r\n\r\n  \/* FASTER LEFT-TO-RIGHT MOVEMENT *\/\r\n  animation: platformSlideLeft 30s linear infinite;\r\n\r\n  will-change: transform;\r\n}\r\n\r\n.pdu-platform-slider:hover .pdu-platform-track {\r\n  animation-play-state: paused;\r\n}\r\n\r\n\/* LEFT TO RIGHT MOVEMENT *\/\r\n@keyframes platformSlideLeft {\r\n  from { transform: translateX(-50%); }\r\n  to { transform: translateX(0); }\r\n}\r\n\r\n\r\n\/* PLATFORM CARDS *\/\r\n.pdu-platform-card {\r\n  width: 245px;\r\n  min-width: 245px;\r\n  min-height: 330px;\r\n  padding: 22px 18px;\r\n  box-sizing: border-box;\r\n  border-radius: 20px;\r\n  text-align: center;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  background: linear-gradient(145deg, #ffffff, #f6fffb, #fffaf0);\r\n  border: 2px solid transparent;\r\n  background-clip: padding-box;\r\n  position: relative;\r\n  box-shadow: 0 8px 22px rgba(20, 75, 55, 0.13);\r\n  transition: transform 0.45s ease, box-shadow 0.45s ease;\r\n  transform-style: preserve-3d;\r\n}\r\n\r\n.pdu-platform-card::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: -2px;\r\n  border-radius: 22px;\r\n  padding: 2px;\r\n  background: linear-gradient(135deg, #08783e, #10a6a1, #8060c5, #e0ad36);\r\n  background-size: 300% 300%;\r\n  animation: platformBorderFlow 7s ease infinite;\r\n  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\r\n  -webkit-mask-composite: xor;\r\n  mask-composite: exclude;\r\n  pointer-events: none;\r\n}\r\n\r\n@keyframes platformBorderFlow {\r\n  0% { background-position: 0% 50%; }\r\n  50% { background-position: 100% 50%; }\r\n  100% { background-position: 0% 50%; }\r\n}\r\n\r\n.pdu-platform-card:hover {\r\n  transform: translateY(-10px) rotateX(4deg) scale(1.035);\r\n  box-shadow:\r\n    0 18px 35px rgba(8, 120, 62, 0.23),\r\n    0 0 20px rgba(16, 166, 161, 0.18);\r\n}\r\n\r\n\r\n\/* LOGO FRAME *\/\r\n.pdu-platform-logo-frame {\r\n  width: 155px;\r\n  height: 115px;\r\n  flex-shrink: 0;\r\n  padding: 10px;\r\n  margin-bottom: 17px;\r\n  border-radius: 16px;\r\n  box-sizing: border-box;\r\n  background: #ffffff;\r\n  border: 3px solid transparent;\r\n  background-clip: padding-box;\r\n  box-shadow: 0 5px 17px rgba(0, 0, 0, 0.12);\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  transition: all 0.4s ease;\r\n}\r\n\r\n.pdu-platform-logo-frame img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: contain;\r\n  display: block;\r\n  transition: transform 0.4s ease;\r\n}\r\n\r\n\/* REMOVED LOGO FRAME HOVER SHADOW AND ROTATION *\/\r\n.pdu-platform-card:hover .pdu-platform-logo-frame {\r\n  transform: none;\r\n  box-shadow: none;\r\n}\r\n\r\n.pdu-platform-card:hover .pdu-platform-logo-frame img {\r\n  transform: scale(1.04);\r\n}\r\n\r\n\r\n\/* CARD HEADINGS *\/\r\n.pdu-platform-card h3 {\r\n  font-size: 17px;\r\n  line-height: 1.4;\r\n  color: #075b3a;\r\n  font-weight: 800;\r\n  margin: 0 0 10px;\r\n}\r\n\r\n\/* CARD DESCRIPTIONS *\/\r\n.pdu-platform-card p {\r\n  font-size: 13.5px;\r\n  line-height: 1.65;\r\n  color: #43564f;\r\n  text-align: center;\r\n  margin: 0 0 17px;\r\n  flex-grow: 1;\r\n}\r\n\r\n\r\n\/* VISIT SITE BUTTONS *\/\r\n.pdu-platform-button {\r\n  display: inline-flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 9px;\r\n  min-width: 135px;\r\n  padding: 11px 20px;\r\n  color: #ffffff !important;\r\n  text-decoration: none !important;\r\n  font-size: 14px;\r\n  font-weight: 800;\r\n  border-radius: 30px;\r\n  background: linear-gradient(110deg, #08783e, #087b85, #6542a6);\r\n  background-size: 200% 200%;\r\n  box-shadow: 0 5px 13px rgba(8, 120, 62, 0.23);\r\n  transition: all 0.35s ease;\r\n  transform: translateZ(0);\r\n}\r\n\r\n.pdu-platform-button:hover {\r\n  color: #ffffff !important;\r\n  background-position: 100% 50%;\r\n  transform: translateY(-4px) scale(1.06);\r\n  box-shadow: 0 9px 20px rgba(8, 120, 62, 0.3);\r\n}\r\n\r\n.pdu-platform-button:active {\r\n  transform: scale(0.93);\r\n  box-shadow: 0 2px 6px rgba(8, 120, 62, 0.25);\r\n}\r\n\r\n.pdu-platform-button span {\r\n  display: inline-block;\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.pdu-platform-button:hover span {\r\n  transform: translateX(5px);\r\n}\r\n\r\n\r\n\/* TABLET RESPONSIVE *\/\r\n@media (max-width: 900px) {\r\n\r\n  .pdu-platform-card {\r\n    width: 225px;\r\n    min-width: 225px;\r\n    min-height: 315px;\r\n  }\r\n\r\n  .pdu-platform-logo-frame {\r\n    width: 145px;\r\n    height: 110px;\r\n  }\r\n\r\n  .pdu-platform-heading h2 {\r\n    font-size: 25px;\r\n  }\r\n}\r\n\r\n\r\n\/* MOBILE RESPONSIVE *\/\r\n@media (max-width: 600px) {\r\n\r\n  .pdu-platform-section {\r\n    padding: 27px 0;\r\n  }\r\n\r\n  .pdu-platform-heading {\r\n    min-height: 58px;\r\n    padding: 12px 10px;\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .pdu-platform-heading h2 {\r\n    font-size: 21px;\r\n  }\r\n\r\n  .pdu-platform-track {\r\n    gap: 16px;\r\n    animation-duration: 25s;\r\n  }\r\n\r\n  .pdu-platform-card {\r\n    width: 205px;\r\n    min-width: 205px;\r\n    min-height: 290px;\r\n    padding: 18px 14px;\r\n  }\r\n\r\n  .pdu-platform-logo-frame {\r\n    width: 135px;\r\n    height: 100px;\r\n  }\r\n\r\n  .pdu-platform-card h3 {\r\n    font-size: 15px;\r\n  }\r\n\r\n  .pdu-platform-card p {\r\n    font-size: 12.5px;\r\n  }\r\n}\r\n\r\n\r\n\/* REDUCED MOTION ACCESSIBILITY *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  .pdu-platform-heading,\r\n  .pdu-platform-heading::after,\r\n  .pdu-platform-track,\r\n  .pdu-platform-card::before {\r\n    animation: none !important;\r\n  }\r\n\r\n  .pdu-platform-slider {\r\n    overflow-x: auto;\r\n  }\r\n}\r\n\r\n<\/style>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-71118fd e-con-full e-flex e-con e-parent\" data-id=\"71118fd\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2359f28 elementor-widget elementor-widget-html\" data-id=\"2359f28\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\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<title>PDU GMC Katlicherra - Events Gallery<\/title>\r\n\r\n<style>\r\n\/* MAIN GALLERY SECTION *\/\r\n.pdu-gallery-section {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    margin: 0;\r\n    padding: 0;\r\n    overflow: hidden;\r\n    box-sizing: border-box;\r\n    font-family: \"Segoe UI\", Arial, sans-serif;\r\n}\r\n\r\n\/* EVENTS HEADER - SAME LEARNING PLATFORM DESIGN *\/\r\n.pdu-gallery-heading {\r\n    width: 100%;\r\n    min-height: 52px;\r\n    padding: 9px 65px;\r\n    margin: 0;\r\n    box-sizing: border-box;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    position: relative;\r\n    overflow: hidden;\r\n\r\n    background: linear-gradient(\r\n        110deg,\r\n        #08783e,\r\n        #087b85,\r\n        #6542a6,\r\n        #d19a20,\r\n        #08783e\r\n    );\r\n\r\n    background-size: 300% 300%;\r\n    animation: pduEventsHeadingFlow 6s ease infinite;\r\n    border-bottom: 3px solid #e6c35b;\r\n}\r\n\r\n\/* SHINE EFFECT *\/\r\n.pdu-gallery-heading::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: -100%;\r\n    width: 55%;\r\n    height: 100%;\r\n    background: linear-gradient(\r\n        110deg,\r\n        transparent,\r\n        rgba(255,255,255,0.30),\r\n        transparent\r\n    );\r\n    transform: skewX(-25deg);\r\n    animation: pduEventsShine 5s ease-in-out infinite;\r\n    pointer-events: none;\r\n}\r\n\r\n\/* EVENTS TITLE *\/\r\n.pdu-gallery-title {\r\n    position: relative;\r\n    z-index: 2;\r\n    margin: 0;\r\n    padding: 0;\r\n    color: #ffffff;\r\n    font-size: clamp(16px, 2vw, 23px);\r\n    font-weight: 800;\r\n    letter-spacing: 1.5px;\r\n    text-align: center;\r\n    text-transform: uppercase;\r\n    text-shadow: 2px 2px 5px rgba(0,0,0,0.35);\r\n}\r\n\r\n\/* HEADER GRADIENT ANIMATION *\/\r\n@keyframes pduEventsHeadingFlow {\r\n    0% {\r\n        background-position: 0% 50%;\r\n    }\r\n    50% {\r\n        background-position: 100% 50%;\r\n    }\r\n    100% {\r\n        background-position: 0% 50%;\r\n    }\r\n}\r\n\r\n\/* HEADER SHINE ANIMATION *\/\r\n@keyframes pduEventsShine {\r\n    0% {\r\n        left: -100%;\r\n    }\r\n    45%, 100% {\r\n        left: 150%;\r\n    }\r\n}\r\n\r\n\/* ARROW BUTTON *\/\r\n.pdu-gallery-arrow {\r\n    position: absolute;\r\n    right: 12px;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    width: 42px;\r\n    height: 36px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: #ffffff;\r\n    text-decoration: none;\r\n    font-size: 25px;\r\n    font-weight: bold;\r\n    border-radius: 7px;\r\n    background: linear-gradient(135deg, #ff9800, #e65100);\r\n    box-shadow: 0 4px 9px rgba(0,0,0,0.3);\r\n    transition: all 0.3s ease;\r\n    cursor: pointer;\r\n    z-index: 5;\r\n}\r\n\r\n.pdu-gallery-arrow:hover {\r\n    color: #ffffff;\r\n    transform: translateY(-50%) scale(1.12);\r\n    background: linear-gradient(135deg, #e65100, #bf360c);\r\n    box-shadow: 0 6px 15px rgba(0,0,0,0.4);\r\n}\r\n\r\n.pdu-gallery-arrow:active {\r\n    transform: translateY(-50%) scale(0.88);\r\n    box-shadow: 0 2px 4px rgba(0,0,0,0.35);\r\n}\r\n\r\n\/* GALLERY VIEWPORT *\/\r\n.pdu-gallery-viewport {\r\n    width: 100%;\r\n    height: 288px;\r\n    overflow: hidden;\r\n    background: #111111;\r\n    position: relative;\r\n}\r\n\r\n\/* IMAGE TRACK *\/\r\n.pdu-gallery-track {\r\n    display: flex;\r\n    width: max-content;\r\n    height: 100%;\r\n    animation: pduGalleryScroll 100s linear infinite;\r\n    will-change: transform;\r\n}\r\n\r\n\/* PAUSE ON MOUSE HOVER *\/\r\n.pdu-gallery-viewport:hover .pdu-gallery-track {\r\n    animation-play-state: paused;\r\n}\r\n\r\n\/* IMAGE STYLE *\/\r\n.pdu-gallery-track img {\r\n    display: block;\r\n    flex: 0 0 320px;\r\n    width: 320px;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    border: 2px solid #ffffff;\r\n    box-sizing: border-box;\r\n    transition: transform 0.4s ease, filter 0.4s ease;\r\n}\r\n\r\n.pdu-gallery-track img:hover {\r\n    transform: scale(0.96);\r\n    filter: brightness(1.08);\r\n}\r\n\r\n\/* CONTINUOUS SLIDER ANIMATION *\/\r\n@keyframes pduGalleryScroll {\r\n    from {\r\n        transform: translateX(0);\r\n    }\r\n    to {\r\n        transform: translateX(-50%);\r\n    }\r\n}\r\n\r\n\/* MOBILE RESPONSIVE *\/\r\n@media (max-width: 600px) {\r\n    .pdu-gallery-heading {\r\n        min-height: 48px;\r\n        padding: 8px 55px;\r\n    }\r\n\r\n    .pdu-gallery-title {\r\n        font-size: 15px;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .pdu-gallery-arrow {\r\n        width: 38px;\r\n        height: 33px;\r\n        right: 9px;\r\n        font-size: 22px;\r\n    }\r\n\r\n    .pdu-gallery-viewport {\r\n        height: 288px;\r\n    }\r\n\r\n    .pdu-gallery-track img {\r\n        flex: 0 0 250px;\r\n        width: 250px;\r\n    }\r\n}\r\n\r\n\/* REDUCED MOTION ACCESSIBILITY *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n    .pdu-gallery-track {\r\n        animation-duration: 180s;\r\n    }\r\n\r\n    .pdu-gallery-heading,\r\n    .pdu-gallery-heading::before {\r\n        animation: none;\r\n    }\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<section class=\"pdu-gallery-section\">\r\n\r\n    <!-- EVENTS HEADING AND GALLERY LINK -->\r\n    <div class=\"pdu-gallery-heading\">\r\n\r\n        <h2 class=\"pdu-gallery-title\">EVENTS<\/h2>\r\n\r\n        <a\r\n            class=\"pdu-gallery-arrow\"\r\n            href=\"https:\/\/pdugmck.ac.in\/index.php\/gallery\/\"\r\n            target=\"_blank\"\r\n            rel=\"noopener noreferrer\"\r\n            aria-label=\"Visit PDU GMC Katlicherra Gallery\"\r\n            title=\"View All Gallery Images\">\r\n            &#8594;\r\n        <\/a>\r\n\r\n    <\/div>\r\n\r\n    <!-- IMAGE SLIDER -->\r\n    <div class=\"pdu-gallery-viewport\">\r\n\r\n        <div class=\"pdu-gallery-track\">\r\n\r\n            <!-- ORIGINAL IMAGE SET -->\r\n\r\n            <img decoding=\"async\" src=\"https:\/\/pdugmck.ac.in\/wp-content\/uploads\/2026\/11\/WhatsApp-Image-2026-11-03-at-2.56.18-PM.jpeg\" alt=\"College Event 1\">\r\n\r\n            <img decoding=\"async\" src=\"https:\/\/pdugmck.ac.in\/wp-content\/uploads\/2026\/11\/WhatsApp-Image-2026-11-03-at-3.02.58-PM-1.jpeg\" alt=\"College Event 2\">\r\n\r\n            <img decoding=\"async\" src=\"https:\/\/pdugmck.ac.in\/wp-content\/uploads\/2026\/11\/WhatsApp-Image-2026-11-03-at-3.02.58-PM.jpeg\" alt=\"College Event 3\">\r\n\r\n            <img decoding=\"async\" src=\"https:\/\/pdugmck.ac.in\/wp-content\/uploads\/2026\/11\/WhatsApp-Image-2026-11-03-at-3.02.59-PM.jpeg\" alt=\"College Event 4\">\r\n\r\n            <img decoding=\"async\" src=\"https:\/\/pdugmck.ac.in\/wp-content\/uploads\/2026\/11\/WhatsApp-Image-2026-11-03-at-3.33.41-PM-scaled.jpeg\" alt=\"College Event 5\">\r\n\r\n            <img decoding=\"async\" src=\"https:\/\/pdugmck.ac.in\/wp-content\/uploads\/2026\/11\/WhatsApp-Image-2026-11-03-at-3.33.43-PM-scaled.jpeg\" alt=\"College Event 6\">\r\n\r\n            <img decoding=\"async\" src=\"https:\/\/pdugmck.ac.in\/wp-content\/uploads\/2026\/11\/WhatsApp-Image-2026-11-03-at-3.33.49-PM-1-scaled.jpeg\" alt=\"College Event 7\">\r\n\r\n            <img decoding=\"async\" src=\"https:\/\/pdugmck.ac.in\/wp-content\/uploads\/2026\/11\/WhatsApp-Image-2026-11-03-at-3.33.50-PM-scaled.jpeg\" alt=\"College Event 8\">\r\n\r\n            <img decoding=\"async\" src=\"https:\/\/pdugmck.ac.in\/wp-content\/uploads\/2026\/11\/WhatsApp-Image-2026-11-03-at-3.33.52-PM.jpeg\" alt=\"College Event 9\">\r\n\r\n            <img decoding=\"async\" src=\"https:\/\/pdugmck.ac.in\/wp-content\/uploads\/2026\/11\/WhatsApp-Image-2026-11-03-at-3.02.57-PM.jpeg\" alt=\"College Event 10\">\r\n\r\n            <img decoding=\"async\" src=\"https:\/\/pdugmck.ac.in\/wp-content\/uploads\/2026\/11\/WhatsApp-Image-2026-11-03-at-3.00.43-PM.jpeg\" alt=\"College Event 11\">\r\n\r\n            <img decoding=\"async\" src=\"https:\/\/pdugmck.ac.in\/wp-content\/uploads\/2025\/04\/WhatsApp-Image-2025-01-06-at-11.36.12-AM.jpeg\" alt=\"College Event 12\">\r\n\r\n            <img decoding=\"async\" src=\"https:\/\/pdugmck.ac.in\/wp-content\/uploads\/2025\/04\/WhatsApp-Image-2025-01-06-at-11.36.13-AM.jpeg\" alt=\"College Event 13\">\r\n\r\n            <img decoding=\"async\" src=\"https:\/\/pdugmck.ac.in\/wp-content\/uploads\/2025\/03\/WhatsApp-Image-2025-03-25-at-1.28.19-PM.jpeg\" alt=\"College Event 14\">\r\n\r\n            <img decoding=\"async\" src=\"https:\/\/pdugmck.ac.in\/wp-content\/uploads\/2025\/03\/WhatsApp-Image-2025-03-25-at-1.22.10-PM-scaled.jpeg\" alt=\"College Event 15\">\r\n\r\n\r\n            <!-- DUPLICATE IMAGE SET FOR CONTINUOUS SLIDING -->\r\n\r\n            <img decoding=\"async\" src=\"https:\/\/pdugmck.ac.in\/wp-content\/uploads\/2026\/11\/WhatsApp-Image-2026-11-03-at-2.56.18-PM.jpeg\" alt=\"\" aria-hidden=\"true\">\r\n\r\n            <img decoding=\"async\" src=\"https:\/\/pdugmck.ac.in\/wp-content\/uploads\/2026\/11\/WhatsApp-Image-2026-11-03-at-3.02.58-PM-1.jpeg\" alt=\"\" aria-hidden=\"true\">\r\n\r\n            <img decoding=\"async\" src=\"https:\/\/pdugmck.ac.in\/wp-content\/uploads\/2026\/11\/WhatsApp-Image-2026-11-03-at-3.02.58-PM.jpeg\" alt=\"\" aria-hidden=\"true\">\r\n\r\n            <img decoding=\"async\" src=\"https:\/\/pdugmck.ac.in\/wp-content\/uploads\/2026\/11\/WhatsApp-Image-2026-11-03-at-3.02.59-PM.jpeg\" alt=\"\" aria-hidden=\"true\">\r\n\r\n            <img decoding=\"async\" src=\"https:\/\/pdugmck.ac.in\/wp-content\/uploads\/2026\/11\/WhatsApp-Image-2026-11-03-at-3.33.41-PM-scaled.jpeg\" alt=\"\" aria-hidden=\"true\">\r\n\r\n            <img decoding=\"async\" src=\"https:\/\/pdugmck.ac.in\/wp-content\/uploads\/2026\/11\/WhatsApp-Image-2026-11-03-at-3.33.43-PM-scaled.jpeg\" alt=\"\" aria-hidden=\"true\">\r\n\r\n            <img decoding=\"async\" src=\"https:\/\/pdugmck.ac.in\/wp-content\/uploads\/2026\/11\/WhatsApp-Image-2026-11-03-at-3.33.49-PM-1-scaled.jpeg\" alt=\"\" aria-hidden=\"true\">\r\n\r\n            <img decoding=\"async\" src=\"https:\/\/pdugmck.ac.in\/wp-content\/uploads\/2026\/11\/WhatsApp-Image-2026-11-03-at-3.33.50-PM-scaled.jpeg\" alt=\"\" aria-hidden=\"true\">\r\n\r\n            <img decoding=\"async\" src=\"https:\/\/pdugmck.ac.in\/wp-content\/uploads\/2026\/11\/WhatsApp-Image-2026-11-03-at-3.33.52-PM.jpeg\" alt=\"\" aria-hidden=\"true\">\r\n\r\n            <img decoding=\"async\" src=\"https:\/\/pdugmck.ac.in\/wp-content\/uploads\/2026\/11\/WhatsApp-Image-2026-11-03-at-3.02.57-PM.jpeg\" alt=\"\" aria-hidden=\"true\">\r\n\r\n            <img decoding=\"async\" src=\"https:\/\/pdugmck.ac.in\/wp-content\/uploads\/2026\/11\/WhatsApp-Image-2026-11-03-at-3.00.43-PM.jpeg\" alt=\"\" aria-hidden=\"true\">\r\n\r\n            <img decoding=\"async\" src=\"https:\/\/pdugmck.ac.in\/wp-content\/uploads\/2025\/04\/WhatsApp-Image-2025-01-06-at-11.36.12-AM.jpeg\" alt=\"\" aria-hidden=\"true\">\r\n\r\n            <img decoding=\"async\" src=\"https:\/\/pdugmck.ac.in\/wp-content\/uploads\/2025\/04\/WhatsApp-Image-2025-01-06-at-11.36.13-AM.jpeg\" alt=\"\" aria-hidden=\"true\">\r\n\r\n            <img decoding=\"async\" src=\"https:\/\/pdugmck.ac.in\/wp-content\/uploads\/2025\/03\/WhatsApp-Image-2025-03-25-at-1.28.19-PM.jpeg\" alt=\"\" aria-hidden=\"true\">\r\n\r\n            <img decoding=\"async\" src=\"https:\/\/pdugmck.ac.in\/wp-content\/uploads\/2025\/03\/WhatsApp-Image-2025-03-25-at-1.22.10-PM-scaled.jpeg\" alt=\"\" aria-hidden=\"true\">\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b475d35 e-con-full e-flex e-con e-parent\" data-id=\"b475d35\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t<div class=\"elementor-element elementor-element-482642f elementor-widget elementor-widget-html\" data-id=\"482642f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\r\n<!-- =========================================================\r\n     PDUGMC KATLICHERRA\r\n     LOCATE US - FULL WIDTH MAP\r\n     3D ANIMATED HEADER AND BODY DESIGN\r\n     MAP HEIGHT: 2.5 INCHES\r\n     RESPONSIVE DESIGN\r\n     ========================================================= -->\r\n\r\n<style>\r\n\r\n\/* ================================\r\n   MAIN SECTION\r\n   ================================ *\/\r\n\r\n.pdugmc-location-section {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    margin: 0;\r\n    padding: 0;\r\n    overflow: hidden;\r\n    font-family: \"Segoe UI\", Arial, Helvetica, sans-serif;\r\n    background: #f1f6fa;\r\n    perspective: 1400px;\r\n    isolation: isolate;\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* ================================\r\n   3D ANIMATED MAROON HEADER\r\n   ================================ *\/\r\n\r\n.pdugmc-location-header {\r\n    width: 100%;\r\n    height: 78px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    position: relative;\r\n    overflow: hidden;\r\n    isolation: isolate;\r\n    box-sizing: border-box;\r\n\r\n    background: linear-gradient(\r\n        110deg,\r\n        #5a0715,\r\n        #800020,\r\n        #a52a42,\r\n        #087b85,\r\n        #5a0715\r\n    );\r\n\r\n    background-size: 300% 300%;\r\n    animation: pdugmcHeaderGradient 7s ease infinite;\r\n\r\n    border-bottom: 3px solid #e6c35b;\r\n\r\n    box-shadow:\r\n        0 5px 15px rgba(65,0,15,.25),\r\n        inset 0 2px 5px rgba(255,255,255,.18),\r\n        inset 0 -4px 8px rgba(0,0,0,.20);\r\n\r\n    transform-style: preserve-3d;\r\n}\r\n\r\n\r\n\/* Moving shine *\/\r\n\r\n.pdugmc-location-header::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: -100%;\r\n    width: 55%;\r\n    height: 100%;\r\n\r\n    background: linear-gradient(\r\n        110deg,\r\n        transparent,\r\n        rgba(255,255,255,.35),\r\n        transparent\r\n    );\r\n\r\n    transform: skewX(-25deg);\r\n    animation: pdugmcHeaderShine 5s ease-in-out infinite;\r\n    pointer-events: none;\r\n    z-index: 1;\r\n}\r\n\r\n\r\n\/* Decorative 3D circles *\/\r\n\r\n.pdugmc-location-header::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    width: 220px;\r\n    height: 220px;\r\n    right: 5%;\r\n    top: -100px;\r\n\r\n    border: 2px solid rgba(255,255,255,.18);\r\n    border-radius: 50%;\r\n\r\n    box-shadow:\r\n        0 0 25px rgba(255,255,255,.08),\r\n        inset 0 0 25px rgba(255,255,255,.08);\r\n\r\n    animation: pdugmcHeaderCircle 9s linear infinite;\r\n    pointer-events: none;\r\n    z-index: 1;\r\n}\r\n\r\n\r\n\/* Header gradient movement *\/\r\n\r\n@keyframes pdugmcHeaderGradient {\r\n    0% {\r\n        background-position: 0% 50%;\r\n    }\r\n    50% {\r\n        background-position: 100% 50%;\r\n    }\r\n    100% {\r\n        background-position: 0% 50%;\r\n    }\r\n}\r\n\r\n\r\n\/* Header shine movement *\/\r\n\r\n@keyframes pdugmcHeaderShine {\r\n    0% {\r\n        left: -100%;\r\n    }\r\n    45%, 100% {\r\n        left: 150%;\r\n    }\r\n}\r\n\r\n\r\n\/* Decorative circle rotation *\/\r\n\r\n@keyframes pdugmcHeaderCircle {\r\n    from {\r\n        transform: rotate(0deg) translateZ(15px);\r\n    }\r\n    to {\r\n        transform: rotate(360deg) translateZ(15px);\r\n    }\r\n}\r\n\r\n\r\n\/* ================================\r\n   HEADER CONTENT\r\n   ================================ *\/\r\n\r\n.pdugmc-location-header-content {\r\n    position: relative;\r\n    z-index: 3;\r\n    text-align: center;\r\n    color: #ffffff !important;\r\n    transform-style: preserve-3d;\r\n    animation: pdugmcHeaderContent 1.2s ease both;\r\n}\r\n\r\n\r\n@keyframes pdugmcHeaderContent {\r\n    from {\r\n        opacity: 0;\r\n        transform: translateY(-18px) rotateX(20deg);\r\n    }\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0) rotateX(0);\r\n    }\r\n}\r\n\r\n\r\n\/* ================================\r\n   LOCATION PIN\r\n   ================================ *\/\r\n\r\n.pdugmc-location-pin {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 30px;\r\n    height: 30px;\r\n    margin-right: 8px;\r\n\r\n    border-radius: 50%;\r\n    background: rgba(255,255,255,.20);\r\n\r\n    color: #ffffff !important;\r\n    font-size: 17px;\r\n\r\n    border: 1px solid rgba(255,255,255,.35);\r\n\r\n    box-shadow:\r\n        0 4px 10px rgba(0,0,0,.25),\r\n        inset 0 2px 5px rgba(255,255,255,.25);\r\n\r\n    animation: pdugmcPinBounce 2s ease-in-out infinite;\r\n    transform-style: preserve-3d;\r\n}\r\n\r\n\r\n@keyframes pdugmcPinBounce {\r\n    0%, 100% {\r\n        transform: translateY(0) rotateY(0deg);\r\n    }\r\n    50% {\r\n        transform: translateY(-5px) rotateY(180deg);\r\n    }\r\n}\r\n\r\n\r\n\/* ================================\r\n   LOCATE US TITLE\r\n   ================================ *\/\r\n\r\n.pdugmc-location-title {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    margin: 0;\r\n    padding: 0;\r\n\r\n    color: #ffffff !important;\r\n    font-size: 28px;\r\n    font-weight: 900;\r\n    letter-spacing: 4px;\r\n    text-transform: uppercase;\r\n\r\n    text-shadow:\r\n        0 2px 4px rgba(0,0,0,.45),\r\n        0 5px 12px rgba(0,0,0,.35);\r\n\r\n    transform-style: preserve-3d;\r\n    animation: pdugmcTitleAppear 1.2s ease both;\r\n}\r\n\r\n\r\n@keyframes pdugmcTitleAppear {\r\n    from {\r\n        opacity: 0;\r\n        transform: translateY(-20px) rotateX(35deg);\r\n        letter-spacing: 10px;\r\n    }\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0) rotateX(0);\r\n        letter-spacing: 4px;\r\n    }\r\n}\r\n\r\n\r\n\/* ================================\r\n   HEADER SUBTITLE\r\n   ================================ *\/\r\n\r\n.pdugmc-location-subtitle {\r\n    margin: 4px 0 0;\r\n    padding: 0;\r\n\r\n    color: #ffffff !important;\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    letter-spacing: 2px;\r\n\r\n    text-shadow: 0 2px 6px rgba(0,0,0,.4);\r\n\r\n    animation: pdugmcSubtitleAppear 1.5s ease both;\r\n}\r\n\r\n\r\n@keyframes pdugmcSubtitleAppear {\r\n    from {\r\n        opacity: 0;\r\n        transform: translateY(8px);\r\n    }\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n\r\n\/* ================================\r\n   MAP CONTAINER\r\n   ================================ *\/\r\n\r\n.pdugmc-map-container {\r\n    width: 100%;\r\n    height: 240px;\r\n    position: relative;\r\n    overflow: hidden;\r\n\r\n    background: #dce8ef;\r\n\r\n    box-shadow:\r\n        inset 0 3px 8px rgba(0,0,0,.12);\r\n\r\n    transform-style: preserve-3d;\r\n}\r\n\r\n\r\n\/* Google Map *\/\r\n\r\n.pdugmc-map {\r\n    width: 100%;\r\n    height: 240px;\r\n    border: 0;\r\n    display: block;\r\n}\r\n\r\n\r\n\/* ================================\r\n   3D MAP LOCATION HIGHLIGHT\r\n   ================================ *\/\r\n\r\n.pdugmc-location-highlight {\r\n    position: absolute;\r\n    left: 55%;\r\n    top: 52%;\r\n\r\n    width: 24px;\r\n    height: 24px;\r\n\r\n    transform: translate(-50%, -50%);\r\n    z-index: 10;\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* Outer pulsing circle *\/\r\n\r\n.pdugmc-location-highlight::before {\r\n    content: \"\";\r\n    position: absolute;\r\n\r\n    width: 24px;\r\n    height: 24px;\r\n    left: 0;\r\n    top: 0;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: rgba(220,0,0,.25);\r\n    border: 3px solid rgba(255,255,255,.95);\r\n\r\n    box-shadow:\r\n        0 0 0 3px rgba(190,0,0,.75),\r\n        0 0 18px rgba(220,0,0,.85);\r\n\r\n    animation: pdugmcMapPulse 1.7s infinite;\r\n}\r\n\r\n\r\n\/* Inner location dot *\/\r\n\r\n.pdugmc-location-highlight::after {\r\n    content: \"\";\r\n    position: absolute;\r\n\r\n    width: 11px;\r\n    height: 11px;\r\n\r\n    left: 50%;\r\n    top: 50%;\r\n\r\n    transform: translate(-50%, -50%);\r\n\r\n    border-radius: 50%;\r\n    background: #d60000;\r\n    border: 3px solid #ffffff;\r\n\r\n    box-shadow: 0 2px 8px rgba(0,0,0,.5);\r\n}\r\n\r\n\r\n@keyframes pdugmcMapPulse {\r\n    0% {\r\n        transform: scale(.8);\r\n        opacity: 1;\r\n    }\r\n    70% {\r\n        transform: scale(2.5);\r\n        opacity: .15;\r\n    }\r\n    100% {\r\n        transform: scale(2.8);\r\n        opacity: 0;\r\n    }\r\n}\r\n\r\n\r\n\/* ================================\r\n   LOCATION MARKER LABEL\r\n   ================================ *\/\r\n\r\n.pdugmc-location-marker-label {\r\n    position: absolute;\r\n\r\n    left: 55%;\r\n    top: calc(52% - 35px);\r\n\r\n    transform: translateX(-50%);\r\n    z-index: 11;\r\n\r\n    padding: 6px 12px;\r\n    border-radius: 7px;\r\n\r\n    background: linear-gradient(\r\n        135deg,\r\n        #5a0715,\r\n        #a52a42\r\n    );\r\n\r\n    color: #ffffff;\r\n    font-size: 10px;\r\n    font-weight: 800;\r\n    white-space: nowrap;\r\n\r\n    box-shadow:\r\n        0 5px 12px rgba(0,0,0,.35),\r\n        inset 0 1px 3px rgba(255,255,255,.2);\r\n\r\n    animation: pdugmcMarkerFloat 2s ease-in-out infinite;\r\n}\r\n\r\n\r\n.pdugmc-location-marker-label::after {\r\n    content: \"\";\r\n    position: absolute;\r\n\r\n    left: 50%;\r\n    bottom: -6px;\r\n\r\n    transform: translateX(-50%);\r\n\r\n    border-left: 6px solid transparent;\r\n    border-right: 6px solid transparent;\r\n    border-top: 6px solid #800020;\r\n}\r\n\r\n\r\n@keyframes pdugmcMarkerFloat {\r\n    0%, 100% {\r\n        transform: translate(-50%, 0) translateZ(0);\r\n    }\r\n    50% {\r\n        transform: translate(-50%, -4px) translateZ(8px);\r\n    }\r\n}\r\n\r\n\r\n\/* ================================\r\n   3D FLOATING MAP CARD\r\n   ================================ *\/\r\n\r\n.pdugmc-map-card {\r\n    position: absolute;\r\n\r\n    left: 25px;\r\n    top: 15px;\r\n\r\n    width: 330px;\r\n    padding: 15px;\r\n\r\n    box-sizing: border-box;\r\n\r\n    background: rgba(255,255,255,.96);\r\n    border: 1px solid rgba(255,255,255,.8);\r\n    border-radius: 15px;\r\n\r\n    box-shadow:\r\n        0 10px 25px rgba(0,0,0,.20),\r\n        0 18px 35px rgba(0,0,0,.12),\r\n        inset 0 1px 3px rgba(255,255,255,.9);\r\n\r\n    backdrop-filter: blur(8px);\r\n\r\n    z-index: 5;\r\n\r\n    transform-style: preserve-3d;\r\n    animation: pdugmcCardAppear 1s ease both;\r\n\r\n    transition:\r\n        transform .4s ease,\r\n        box-shadow .4s ease;\r\n}\r\n\r\n\r\n.pdugmc-map-card:hover {\r\n    transform: perspective(900px) rotateY(-3deg) rotateX(2deg) translateY(-4px);\r\n\r\n    box-shadow:\r\n        0 16px 35px rgba(0,0,0,.25),\r\n        0 25px 45px rgba(0,0,0,.15);\r\n}\r\n\r\n\r\n@keyframes pdugmcCardAppear {\r\n    from {\r\n        opacity: 0;\r\n        transform: perspective(900px) translateX(-35px) rotateY(-12deg);\r\n    }\r\n    to {\r\n        opacity: 1;\r\n        transform: perspective(900px) translateX(0) rotateY(0);\r\n    }\r\n}\r\n\r\n\r\n\/* Card heading *\/\r\n\r\n.pdugmc-card-title {\r\n    margin: 0 0 5px;\r\n\r\n    color: #063d6b;\r\n    font-size: 16px;\r\n    font-weight: 800;\r\n    line-height: 1.25;\r\n\r\n    text-shadow: 0 1px 2px rgba(0,0,0,.08);\r\n}\r\n\r\n\r\n.pdugmc-card-subtitle {\r\n    margin: 0;\r\n\r\n    color: #657582;\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n}\r\n\r\n\r\n\/* Address *\/\r\n\r\n.pdugmc-card-address {\r\n    margin-top: 10px;\r\n    padding: 9px;\r\n\r\n    background: linear-gradient(\r\n        120deg,\r\n        #f1f7fb,\r\n        #ffffff\r\n    );\r\n\r\n    border-left: 3px solid #0878b7;\r\n    border-radius: 8px;\r\n\r\n    color: #465560;\r\n    font-size: 10px;\r\n    line-height: 1.5;\r\n\r\n    box-shadow:\r\n        inset 0 1px 4px rgba(0,0,0,.04),\r\n        0 3px 8px rgba(0,0,0,.05);\r\n\r\n    transition: all .3s ease;\r\n}\r\n\r\n\r\n.pdugmc-card-address:hover {\r\n    transform: translateX(3px);\r\n    box-shadow: 0 5px 12px rgba(0,80,130,.12);\r\n}\r\n\r\n\r\n\/* ================================\r\n   3D DIRECTIONS BUTTON\r\n   ================================ *\/\r\n\r\n.pdugmc-direction {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 7px;\r\n\r\n    margin-top: 9px;\r\n    min-height: 34px;\r\n\r\n    border-radius: 8px;\r\n    text-decoration: none !important;\r\n\r\n    color: #ffffff !important;\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n    letter-spacing: .5px;\r\n\r\n    background: linear-gradient(\r\n        135deg,\r\n        #075b9b,\r\n        #087fbd,\r\n        #0b88c6\r\n    );\r\n\r\n    box-shadow:\r\n        0 5px 0 #064879,\r\n        0 8px 15px rgba(0,100,170,.25),\r\n        inset 0 1px 3px rgba(255,255,255,.25);\r\n\r\n    transition: all .25s ease;\r\n    transform-style: preserve-3d;\r\n}\r\n\r\n\r\n.pdugmc-direction:hover {\r\n    color: #ffffff !important;\r\n\r\n    transform: translateY(-3px);\r\n\r\n    box-shadow:\r\n        0 8px 0 #064879,\r\n        0 12px 20px rgba(0,100,170,.35);\r\n}\r\n\r\n\r\n.pdugmc-direction:active {\r\n    transform: translateY(3px);\r\n\r\n    box-shadow:\r\n        0 2px 0 #064879,\r\n        0 4px 8px rgba(0,100,170,.2);\r\n}\r\n\r\n\r\n\/* ================================\r\n   BOTTOM MAP LABEL\r\n   ================================ *\/\r\n\r\n.pdugmc-map-label {\r\n    position: absolute;\r\n\r\n    bottom: 10px;\r\n    left: 50%;\r\n\r\n    transform: translateX(-50%);\r\n    z-index: 5;\r\n\r\n    padding: 6px 14px;\r\n    border-radius: 30px;\r\n\r\n    background: rgba(255,255,255,.94);\r\n\r\n    box-shadow:\r\n        0 4px 15px rgba(0,0,0,.15),\r\n        inset 0 1px 3px rgba(255,255,255,.8);\r\n\r\n    color: #40515d;\r\n    font-size: 9px;\r\n    font-weight: 700;\r\n    white-space: nowrap;\r\n}\r\n\r\n\r\n\/* ================================\r\n   MOBILE RESPONSIVE DESIGN\r\n   ================================ *\/\r\n\r\n@media (max-width: 700px) {\r\n\r\n    .pdugmc-location-header {\r\n        height: 70px;\r\n    }\r\n\r\n    .pdugmc-location-title {\r\n        font-size: 22px;\r\n        letter-spacing: 3px;\r\n    }\r\n\r\n    .pdugmc-location-subtitle {\r\n        font-size: 9px;\r\n        letter-spacing: 1.2px;\r\n    }\r\n\r\n    .pdugmc-location-pin {\r\n        width: 26px;\r\n        height: 26px;\r\n        font-size: 15px;\r\n    }\r\n\r\n    .pdugmc-map-container,\r\n    .pdugmc-map {\r\n        height: 240px;\r\n    }\r\n\r\n    .pdugmc-map-card {\r\n        left: 10px;\r\n        top: 10px;\r\n        width: calc(100% - 20px);\r\n        padding: 12px;\r\n    }\r\n\r\n    .pdugmc-card-title {\r\n        font-size: 14px;\r\n    }\r\n\r\n    .pdugmc-card-address {\r\n        font-size: 9px;\r\n    }\r\n\r\n    .pdugmc-map-label {\r\n        display: none;\r\n    }\r\n\r\n    .pdugmc-location-highlight {\r\n        left: 55%;\r\n        top: 60%;\r\n    }\r\n\r\n    .pdugmc-location-marker-label {\r\n        left: 55%;\r\n        top: calc(60% - 35px);\r\n    }\r\n}\r\n\r\n\r\n\/* ================================\r\n   REDUCED MOTION ACCESSIBILITY\r\n   ================================ *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    .pdugmc-location-header,\r\n    .pdugmc-location-header::before,\r\n    .pdugmc-location-header::after,\r\n    .pdugmc-location-header-content,\r\n    .pdugmc-location-title,\r\n    .pdugmc-location-subtitle,\r\n    .pdugmc-location-pin,\r\n    .pdugmc-location-highlight::before,\r\n    .pdugmc-location-marker-label,\r\n    .pdugmc-map-card {\r\n        animation: none !important;\r\n    }\r\n\r\n    .pdugmc-map-card,\r\n    .pdugmc-direction,\r\n    .pdugmc-card-address {\r\n        transition: none !important;\r\n    }\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<!-- =========================================================\r\n     LOCATE US SECTION\r\n     ========================================================= -->\r\n\r\n<section class=\"pdugmc-location-section\">\r\n\r\n\r\n    <!-- =====================================================\r\n         3D ANIMATED HEADER\r\n         ===================================================== -->\r\n\r\n    <div class=\"pdugmc-location-header\">\r\n\r\n        <div class=\"pdugmc-location-header-content\">\r\n\r\n            <h2 class=\"pdugmc-location-title\">\r\n\r\n                <span class=\"pdugmc-location-pin\">\r\n                    \ud83d\udccd\r\n                <\/span>\r\n\r\n                LOCATE US\r\n\r\n            <\/h2>\r\n\r\n            <p class=\"pdugmc-location-subtitle\">\r\n                PANDIT DEENDAYAL UPADHYAYA GOVT. MODEL COLLEGE\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         GOOGLE MAP SECTION\r\n         ===================================================== -->\r\n\r\n    <div class=\"pdugmc-map-container\">\r\n\r\n        <iframe\r\n            class=\"pdugmc-map\"\r\n            src=\"https:\/\/www.google.com\/maps?q=Pandit%20Deendayal%20Upadhyaya%20Govt.%20Model%20College%2C%20Jamira%20Pt%20II%2C%20Assam%20788162&output=embed\"\r\n            loading=\"lazy\"\r\n            allowfullscreen\r\n            referrerpolicy=\"no-referrer-when-downgrade\">\r\n        <\/iframe>\r\n\r\n\r\n        <!-- =================================================\r\n             ANIMATED COLLEGE LOCATION HIGHLIGHT\r\n             ================================================= -->\r\n\r\n        <div class=\"pdugmc-location-highlight\"><\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             LOCATION MARKER LABEL\r\n             ================================================= -->\r\n\r\n        <div class=\"pdugmc-location-marker-label\">\r\n            \ud83d\udccd PDUGMC KATLICHERRA\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             3D FLOATING COLLEGE INFORMATION CARD\r\n             ================================================= -->\r\n\r\n        <div class=\"pdugmc-map-card\">\r\n\r\n            <h3 class=\"pdugmc-card-title\">\r\n                Pandit Deendayal Upadhyaya\r\n                Govt. Model College\r\n            <\/h3>\r\n\r\n            <p class=\"pdugmc-card-subtitle\">\r\n                Katlicherra, Hailakandi, Assam\r\n            <\/p>\r\n\r\n            <div class=\"pdugmc-card-address\">\r\n\r\n                \ud83d\udccd Jamira Bazar, Garmura Road,<br>\r\n                Sultanicherra, Katlicherra,<br>\r\n                Hailakandi, Assam \u2013 788162\r\n\r\n            <\/div>\r\n\r\n            <a\r\n                class=\"pdugmc-direction\"\r\n                href=\"https:\/\/www.google.com\/maps\/dir\/?api=1&destination=Pandit%20Deendayal%20Upadhyaya%20Govt.%20Model%20College%2C%20Jamira%20Pt%20II%2C%20Assam%20788162\"\r\n                target=\"_blank\"\r\n                rel=\"noopener noreferrer\">\r\n\r\n                \ud83e\udded GET DIRECTIONS\r\n\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             BOTTOM MAP LABEL\r\n             ================================================= -->\r\n\r\n        <div class=\"pdugmc-map-label\">\r\n            \ud83d\udccd VISIT PANDIT DEENDAYAL UPADHYAYA GOVT. MODEL COLLEGE\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u2605 IMPORTANT LINKS \u2605 Admission Portal HS Admission Portal Nijut Moina Apply Nijut Babu Apply Public Information Officer College Journal College Master Routine Samarth Student Login Samarth Teacher Login Central Library NSP Portal ABC ID Creation Principal&#8217;s Message Dr Saidur R Barbhuiya Principal Education is the foundation of a progressive society. Our college is committed [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/pdugmck.ac.in\/index.php\/wp-json\/wp\/v2\/pages\/161"}],"collection":[{"href":"https:\/\/pdugmck.ac.in\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pdugmck.ac.in\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pdugmck.ac.in\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pdugmck.ac.in\/index.php\/wp-json\/wp\/v2\/comments?post=161"}],"version-history":[{"count":829,"href":"https:\/\/pdugmck.ac.in\/index.php\/wp-json\/wp\/v2\/pages\/161\/revisions"}],"predecessor-version":[{"id":23643,"href":"https:\/\/pdugmck.ac.in\/index.php\/wp-json\/wp\/v2\/pages\/161\/revisions\/23643"}],"wp:attachment":[{"href":"https:\/\/pdugmck.ac.in\/index.php\/wp-json\/wp\/v2\/media?parent=161"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}