{"id":100,"date":"2023-07-05T06:14:20","date_gmt":"2023-07-05T06:14:20","guid":{"rendered":"https:\/\/news.projectmishkat.org\/?page_id=100"},"modified":"2026-07-19T13:03:54","modified_gmt":"2026-07-19T13:03:54","slug":"home","status":"publish","type":"page","link":"https:\/\/news.projectmishkat.org\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"100\" class=\"elementor elementor-100\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f380ed6 e-con-full e-ecs-flex e-flex e-con e-child\" data-id=\"f380ed6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ecs_container_type&quot;:&quot;flex&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7675b29 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"7675b29\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"http:\/\/projectmishkat.org\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-external-link-alt\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Go to main website<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2988c63 e-ecs-flex e-flex e-con-boxed e-con e-parent\" data-id=\"2988c63\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ecs_container_type&quot;:&quot;flex&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0fad9bb elementor-widget elementor-widget-html\" data-id=\"0fad9bb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\" class=\"scroll-smooth\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Project Mishkat - News & Updates<\/title>\n    \n    <!-- Tailwind CSS -->\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    colors: {\n                        brand: {\n                            50: '#FDFBF7',\n                            100: '#F6EFEB',\n                            200: '#E7D5C9',\n                            300: '#D5B6A1',\n                            400: '#C09375',\n                            500: '#ae6b2f', \/\/ Core brand color\n                            600: '#945823',\n                            700: '#7A451A',\n                            800: '#603513',\n                            950: '#1c1917',\n                        }\n                    },\n                    fontFamily: {\n                        serif: ['Lora', 'serif'],\n                        sans: ['DM Sans', 'sans-serif'],\n                    }\n                }\n            }\n        }\n    <\/script>\n\n    <!-- Google Fonts: Lora & DM Sans -->\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,700;1,400&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap\" rel=\"stylesheet\">\n    \n    <style>\n        :root {\n            --pm-bg: #FAF8F5;\n            --pm-card-bg: #FFFFFF;\n            --pm-text: #1C1917;\n            --pm-muted: #57534E;\n            --pm-accent: #ae6b2f;\n            --pm-border: rgba(174, 107, 47, 0.12);\n        }\n\n        body {\n            background-color: var(--pm-bg);\n            font-family: 'DM Sans', sans-serif;\n            color: var(--pm-text);\n            -webkit-font-smoothing: antialiased;\n            overflow-x: hidden;\n        }\n\n        \/* Abstract Floating Blur Animation *\/\n        @keyframes blob-float {\n            0%, 100% { transform: translate(0, 0) scale(1); }\n            33% { transform: translate(30px, -40px) scale(1.08); }\n            66% { transform: translate(-20px, 20px) scale(0.95); }\n        }\n        .animate-blob-slow {\n            animation: blob-float 15s infinite cubic-bezier(0.4, 0, 0.2, 1);\n        }\n        .animate-blob-slower {\n            animation: blob-float 20s infinite cubic-bezier(0.4, 0, 0.2, 1);\n            animation-delay: -5s;\n        }\n\n        \/* Premium Smooth Floating for Card Stack *\/\n        @keyframes card-float-1 {\n            0%, 100% { transform: translateX(-80px) translateY(20px) rotate(-8deg) scale(0.9); }\n            50% { transform: translateX(-80px) translateY(10px) rotate(-7deg) scale(0.91); }\n        }\n        @keyframes card-float-2 {\n            0%, 100% { transform: translateX(80px) translateY(20px) rotate(8deg) scale(0.9); }\n            50% { transform: translateX(80px) translateY(12px) rotate(7deg) scale(0.91); }\n        }\n        @keyframes card-float-3 {\n            0%, 100% { transform: translateX(0px) translateY(-10px) rotate(0deg) scale(1); }\n            50% { transform: translateX(0px) translateY(-22px) rotate(0.5deg) scale(1.01); }\n        }\n\n        .pm-wrapper-1 { animation: card-float-1 7s ease-in-out infinite; }\n        .pm-wrapper-2 { animation: card-float-2 7.5s ease-in-out infinite; animation-delay: -2s; }\n        .pm-wrapper-3 { animation: card-float-3 6.5s ease-in-out infinite; animation-delay: -4.5s; }\n\n        \/* Card Interactive Hover Stack Offsets (Non-clickable, but keeps gorgeous smooth layout hover effect) *\/\n        .pm-visuals-container:hover .pm-wrapper-1 {\n            transform: translateX(-110px) translateY(5px) rotate(-12deg) scale(0.93) !important;\n            animation-play-state: paused;\n            z-index: 10;\n        }\n        .pm-visuals-container:hover .pm-wrapper-2 {\n            transform: translateX(110px) translateY(5px) rotate(12deg) scale(0.93) !important;\n            animation-play-state: paused;\n            z-index: 10;\n        }\n        .pm-visuals-container:hover .pm-wrapper-3 {\n            transform: translateY(-25px) scale(1.03) !important;\n            animation-play-state: paused;\n            z-index: 20;\n        }\n\n        \/* Responsive refinements for smaller devices to prevent overflow and visual clipping *\/\n        @media (max-width: 640px) {\n            .pm-visuals-container:hover .pm-wrapper-1 {\n                transform: translateX(-40px) translateY(10px) rotate(-6deg) scale(0.85) !important;\n            }\n            .pm-visuals-container:hover .pm-wrapper-2 {\n                transform: translateX(40px) translateY(10px) rotate(6deg) scale(0.85) !important;\n            }\n            .pm-visuals-container:hover .pm-wrapper-3 {\n                transform: translateY(-10px) scale(0.98) !important;\n            }\n        }\n\n        \/* Scroll Reveal Effect styling *\/\n        .pm-reveal {\n            opacity: 0;\n            transform: translateY(24px);\n            transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1), transform 1s cubic-bezier(0.16, 1, 0.3, 1);\n        }\n        .pm-reveal.is-visible {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        \/* Noise Texture for luxury backdrop appearance *\/\n        .noise-bg {\n            background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'\/%3E%3C\/svg%3E\");\n            opacity: 0.015;\n        }\n    <\/style>\n<\/head>\n<body class=\"relative min-h-screen flex flex-col justify-between selection:bg-brand-200 selection:text-brand-800\">\n\n    <!-- Subtle Premium Background noise and radial glow elements -->\n    <div class=\"absolute inset-0 noise-bg pointer-events-none z-[1]\"><\/div>\n    \n    <!-- Ambient Blur Blobs -->\n    <div class=\"absolute top-[-10%] right-[5%] w-[500px] h-[500px] bg-gradient-to-tr from-brand-300 to-transparent rounded-full filter blur-[120px] opacity-25 pointer-events-none animate-blob-slow z-0\"><\/div>\n    <div class=\"absolute bottom-[5%] left-[-5%] w-[450px] h-[450px] bg-gradient-to-br from-brand-200 to-transparent rounded-full filter blur-[110px] opacity-20 pointer-events-none animate-blob-slower z-0\"><\/div>\n\n    <!-- Main Content wrapper containing Header, Content, and Cards -->\n    <main class=\"relative z-10 w-full max-w-7xl mx-auto px-4 sm:px-6 py-12 lg:py-20 flex-grow flex flex-col justify-center\">\n        \n        <!-- Fully Responsive Floating Banner\/Header -->\n        <header class=\"w-full mb-12 lg:mb-20 pm-reveal\">\n            <div class=\"relative overflow-hidden rounded-2xl bg-gradient-to-r from-brand-600 via-brand-500 to-brand-700 p-[1px] shadow-[0_12px_40px_-12px_rgba(174,107,47,0.25)]\">\n                <div class=\"bg-brand-950\/90 backdrop-blur-md px-6 py-5 sm:px-8 rounded-2xl flex flex-col lg:flex-row items-center justify-between gap-5\">\n                    \n                    <!-- Mishkat News logo left section -->\n                    <div class=\"flex items-center gap-3 sm:gap-4\">\n                        <div class=\"relative flex h-3 w-3 flex-shrink-0\">\n                            <span class=\"animate-ping absolute inline-flex h-full w-full rounded-full bg-brand-400 opacity-75\"><\/span>\n                            <span class=\"relative inline-flex rounded-full h-3 w-3 bg-brand-500\"><\/span>\n                        <\/div>\n                        <span class=\"font-serif text-2xl sm:text-3xl font-semibold tracking-wide text-white whitespace-nowrap\">Mishkat News<\/span>\n                    <\/div>\n\n                    <!-- Right navigation tags block with fully responsive wrap structure -->\n                    <div class=\"flex flex-wrap items-center justify-center gap-3 sm:gap-6 text-xs sm:text-sm font-medium text-brand-100\/70 text-center\">\n                        <span class=\"hover:text-white transition-colors duration-200 cursor-default py-1 px-2 whitespace-nowrap\">Socio-Legal Collective<\/span>\n                        <div class=\"hidden sm:block w-[1px] h-4 bg-brand-800\"><\/div>\n                        <span class=\"hover:text-white transition-colors duration-200 cursor-default py-1 px-2 whitespace-nowrap\">Identity & Discourse<\/span>\n                    <\/div>\n\n                <\/div>\n            <\/div>\n        <\/header>\n\n        <!-- Main Responsive Layout Grid -->\n        <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-12 lg:gap-8 items-center\">\n            \n            <!-- Left Column: Narratives, Badges & Balanced Pillars Panel -->\n            <section class=\"lg:col-span-7 flex flex-col justify-center\">\n                <!-- Premium Editorial Badge -->\n                <div class=\"inline-flex items-center gap-3 mb-6 pm-reveal\">\n                    <span class=\"h-[2px] w-8 bg-brand-500\"><\/span>\n                    <span class=\"text-xs font-bold tracking-[0.25em] uppercase text-brand-500\">Project Mishkat Updates<\/span>\n                <\/div>\n\n                <!-- Main Serif Title -->\n                <h1 class=\"font-serif text-4xl sm:text-5xl lg:text-6xl text-brand-950 leading-[1.12] font-semibold tracking-tight mb-8 pm-reveal\">\n                    News, narrated <br class=\"hidden sm:inline\" \/>\n                    <span class=\"text-brand-500 italic relative\">\n                        our way.\n                        <span class=\"absolute left-0 bottom-1 w-full h-[3px] bg-brand-300\/50 -skew-y-2\"><\/span>\n                    <\/span>\n                <\/h1>\n\n                <!-- Deep Editorial Description -->\n                <p class=\"text-brand-950\/75 text-base sm:text-lg leading-relaxed mb-10 max-w-2xl pm-reveal\">\n                    Project Mishkat is dedicated to cultivating the Muslim public intellectuals of tomorrow. By elevating critical discourse, scholarship, and community narratives, we offer a unique vantage point on legal, social, and identity affairs in India. Our blog is a student-run initiative to bridge academic theory with public consciousness\u2014narrated in our own way, for the commoners. Enjoy following our journey.\n                <\/p>\n\n                <!-- Modern Pillars Grid to Balance Left Content Frame -->\n                <div class=\"grid grid-cols-1 sm:grid-cols-3 gap-4 sm:gap-6 pt-8 border-t border-brand-200\/50 pm-reveal\">\n                    <div class=\"p-4 bg-white\/40 backdrop-blur-sm rounded-xl border border-brand-200\/30 hover:border-brand-300 transition-colors duration-300\">\n                        <div class=\"text-brand-500 mb-2\">\n                            <!-- Scholarship SVG Icon -->\n                            <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 6.042A8.967 8.967 0 006 3.75c-1.052 0-2.062.18-3 .512v14.25A8.987 8.987 0 016 18c2.305 0 4.408.867 6 2.292m0-14.25a8.966 8.966 0 016-2.292c1.052 0 2.062.18 3 .512v14.25A8.987 8.987 0 0018 18a8.967 8.967 0 00-6 2.292m0-14.25v14.25\" \/><\/svg>\n                        <\/div>\n                        <h4 class=\"font-serif text-base font-semibold text-brand-950 mb-1\">Scholarship<\/h4>\n                        <p class=\"text-xs text-brand-950\/60 leading-normal\">Deep academic perspectives for public context.<\/p>\n                    <\/div>\n\n                    <div class=\"p-4 bg-white\/40 backdrop-blur-sm rounded-xl border border-brand-200\/30 hover:border-brand-300 transition-colors duration-300\">\n                        <div class=\"text-brand-500 mb-2\">\n                            <!-- Discourse SVG Icon -->\n                            <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M7.5 8.25h9m-9 3H12m-9.75 1.51c0 1.6 1.123 2.994 2.707 3.227 1.129.166 2.27.293 3.423.379.35.026.67.21.865.501L12 21l2.755-4.133a1.14 1.14 0 01.865-.501 48.172 48.172 0 003.423-.379c1.584-.233 2.707-1.626 2.707-3.228V6.741c0-1.602-1.123-2.995-2.707-3.228A48.394 48.394 0 0012 3c-2.392 0-4.744.175-7.043.513C3.373 3.746 2.25 5.14 2.25 6.741v6.018z\" \/><\/svg>\n                        <\/div>\n                        <h4 class=\"font-serif text-base font-semibold text-brand-950 mb-1\">Discourse<\/h4>\n                        <p class=\"text-xs text-brand-950\/60 leading-normal\">Elevating public dialogue and narratives.<\/p>\n                    <\/div>\n\n                    <div class=\"p-4 bg-white\/40 backdrop-blur-sm rounded-xl border border-brand-200\/30 hover:border-brand-300 transition-colors duration-300\">\n                        <div class=\"text-brand-500 mb-2\">\n                            <!-- Community SVG Icon -->\n                            <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M18 18.72a9.094 9.094 0 003.741-.479 3 3 0 00-4.682-2.72m.94 3.198l.001.031c0 .225-.012.447-.037.666A11.944 11.944 0 0112 21c-2.17 0-4.207-.576-5.963-1.584A6.062 6.062 0 016 18.719m12 0a5.97 5.97 0 00-.75-2.906m-.94 3.198a11.91 11.91 0 00-6.312-3.198m0 0c-.09-.009-.18-.01-.27-.01-5.698 0-10.324 4.195-10.4 9.5a11.956 11.956 0 006.313-3.198m6.3-3.198a5.97 5.97 0 00-.75-2.906m-8.625 2.906A17.624 17.624 0 011.75 18a2.916 2.916 0 013.413-2.617m11.171-4.004a4.5 4.5 0 11-9 0 4.5 4.5 0 019 0zM12 18.75a.75.75 0 110-1.5.75.75 0 010 1.5z\" \/><\/svg>\n                        <\/div>\n                        <h4 class=\"font-serif text-base font-semibold text-brand-950 mb-1\">Community<\/h4>\n                        <p class=\"text-xs text-brand-950\/60 leading-normal\">Bridging ivory towers with commoners.<\/p>\n                    <\/div>\n                <\/div>\n            <\/section>\n\n            <!-- Right Column: Breathtaking Responsive Non-interactive Card Stack -->\n            <section class=\"lg:col-span-5 flex items-center justify-center min-h-[450px] sm:min-h-[500px] relative z-20 pm-reveal\">\n                <!-- Master wrap defining 3D depth and hover boundary -->\n                <div class=\"pm-visuals-container relative w-full max-w-[280px] sm:max-w-[340px] h-[450px] sm:h-[500px] flex items-center justify-center perspective-[1200px]\">\n                    \n                    <!-- Card 1 (Back Left \/ Rotated \/ Styled \/ Non-Clickable) -->\n                    <div id=\"card-1\" class=\"pm-card-wrapper pm-wrapper-1 absolute w-[240px] sm:w-[310px] transition-all duration-500 ease-out select-none\">\n                        <div class=\"bg-white rounded-2xl border border-brand-500\/10 shadow-[0_12px_45px_-12px_rgba(0,0,0,0.06)] overflow-hidden\">\n                            <!-- Premium Image Cover with dynamic gradient overlay (No humans) -->\n                            <div class=\"h-32 sm:h-44 w-full bg-cover bg-center relative\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1507842217343-583bb7270b66?q=80&w=600&auto=format&fit=crop');\">\n                                <div class=\"absolute inset-0 bg-gradient-to-t from-black\/50 via-transparent to-transparent\"><\/div>\n                                <div class=\"absolute bottom-3 sm:bottom-4 left-3 sm:left-4\">\n                                    <span class=\"px-2 py-0.5 sm:px-2.5 sm:py-1 bg-brand-500\/90 text-white text-[9px] sm:text-[10px] font-bold uppercase tracking-wider rounded-md backdrop-blur-sm\">Fellowship<\/span>\n                                <\/div>\n                            <\/div>\n                            <!-- Card Body Info -->\n                            <div class=\"p-4 sm:p-6\">\n                                <div class=\"flex items-center justify-between mb-2 sm:mb-3 text-[10px] sm:text-xs font-semibold text-brand-500 uppercase tracking-wider\">\n                                    <span>May 10, 2026<\/span>\n                                    <span class=\"flex items-center gap-1 text-[9px] sm:text-[10px] px-1.5 py-0.5 bg-brand-100\/60 rounded-full font-bold\">\n                                        <span class=\"w-1.5 h-1.5 rounded-full bg-brand-500\"><\/span> Live\n                                    <\/span>\n                                <\/div>\n                                <h3 class=\"font-serif text-sm sm:text-lg font-bold text-brand-950 line-clamp-2 leading-snug mb-1 sm:mb-2\">\n                                    Applications Open: 2026 Winter Fellowship\n                                <\/h3>\n                                <p class=\"text-[10px] sm:text-xs text-brand-950\/50\">By Project Mishkat Team<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Card 2 (Back Right \/ Rotated \/ Styled \/ Non-Clickable) -->\n                    <div id=\"card-2\" class=\"pm-card-wrapper pm-wrapper-2 absolute w-[240px] sm:w-[310px] transition-all duration-500 ease-out select-none\">\n                        <div class=\"bg-white rounded-2xl border border-brand-500\/10 shadow-[0_12px_45px_-12px_rgba(0,0,0,0.06)] overflow-hidden\">\n                            <!-- Cover Image (No humans) -->\n                            <div class=\"h-32 sm:h-44 w-full bg-cover bg-center relative\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1506880018603-83d5b814b5a6?q=80&w=600&auto=format&fit=crop');\">\n                                <div class=\"absolute inset-0 bg-gradient-to-t from-black\/50 via-transparent to-transparent\"><\/div>\n                                <div class=\"absolute bottom-3 sm:bottom-4 left-3 sm:left-4\">\n                                    <span class=\"px-2 py-0.5 sm:px-2.5 sm:py-1 bg-brand-500\/90 text-white text-[9px] sm:text-[10px] font-bold uppercase tracking-wider rounded-md backdrop-blur-sm\">Intellectualism<\/span>\n                                <\/div>\n                            <\/div>\n                            <!-- Card Body Info -->\n                            <div class=\"p-4 sm:p-6\">\n                                <div class=\"flex items-center justify-between mb-2 sm:mb-3 text-[10px] sm:text-xs font-semibold text-brand-500 uppercase tracking-wider\">\n                                    <span>April 28, 2026<\/span>\n                                    <span class=\"flex items-center gap-1 text-[9px] sm:text-[10px] px-1.5 py-0.5 bg-brand-100\/60 rounded-full font-bold\">\n                                        <span class=\"w-1.5 h-1.5 rounded-full bg-brand-500\"><\/span> Live\n                                    <\/span>\n                                <\/div>\n                                <h3 class=\"font-serif text-sm sm:text-lg font-bold text-brand-950 line-clamp-2 leading-snug mb-1 sm:mb-2\">\n                                    New Seminar Series on Public Intellectualism\n                                <\/h3>\n                                <p class=\"text-[10px] sm:text-xs text-brand-950\/50\">By Project Mishkat Team<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Card 3 (Front Center \/ Prominent \/ Styled \/ Non-Clickable) -->\n                    <div id=\"card-3\" class=\"pm-card-wrapper pm-wrapper-3 absolute w-[240px] sm:w-[310px] transition-all duration-500 ease-out z-10 select-none\">\n                        <div class=\"bg-white rounded-2xl border border-brand-500\/20 shadow-[0_22px_60px_-15px_rgba(174,107,47,0.15)] overflow-hidden\">\n                            <!-- Highlight Cover Image (No humans) -->\n                            <div class=\"h-32 sm:h-44 w-full bg-cover bg-center relative\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1516979187457-637abb4f9353?q=80&w=600&auto=format&fit=crop');\">\n                                <div class=\"absolute inset-0 bg-gradient-to-t from-black\/50 via-transparent to-transparent\"><\/div>\n                                <div class=\"absolute bottom-3 sm:bottom-4 left-3 sm:left-4\">\n                                    <span class=\"px-2 py-0.5 sm:px-2.5 sm:py-1 bg-brand-500\/95 text-white text-[9px] sm:text-[10px] font-bold uppercase tracking-wider rounded-md backdrop-blur-sm\">Monthly Digest<\/span>\n                                <\/div>\n                            <\/div>\n                            <!-- Card Body Info -->\n                            <div class=\"p-4 sm:p-6\">\n                                <div class=\"flex items-center justify-between mb-2 sm:mb-3 text-[10px] sm:text-xs font-semibold text-brand-500 uppercase tracking-wider\">\n                                    <span>May 14, 2026<\/span>\n                                    <span class=\"flex items-center gap-1.5 text-[9px] sm:text-[10px] px-2 py-0.5 bg-brand-100\/60 rounded-full font-bold animate-pulse\">\n                                        <span class=\"w-1.5 h-1.5 rounded-full bg-brand-500\"><\/span> Live\n                                    <\/span>\n                                <\/div>\n                                <h3 class=\"font-serif text-base sm:text-xl font-bold text-brand-950 line-clamp-2 leading-snug mb-1 sm:mb-2\">\n                                    Mishkat Monthly Digest: Key Updates\n                                <\/h3>\n                                <p class=\"text-[10px] sm:text-xs text-brand-950\/50\">By Project Mishkat Team<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                <\/div>\n            <\/section>\n\n        <\/div>\n    <\/main>\n\n    <!-- Scroll Intersection Observer Setup -->\n    <script>\n        document.addEventListener(\"DOMContentLoaded\", () => {\n            const observerOptions = {\n                root: null,\n                rootMargin: '0px',\n                threshold: 0.12\n            };\n\n            const observer = new IntersectionObserver((entries, observer) => {\n                entries.forEach(entry => {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('is-visible');\n                        observer.unobserve(entry.target);\n                    }\n                });\n            }, observerOptions);\n\n            const revealElements = document.querySelectorAll('.pm-reveal');\n            revealElements.forEach(el => observer.observe(el));\n        });\n    <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6d24098 e-ecs-flex e-flex e-con-boxed e-con e-parent\" data-id=\"6d24098\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ecs_container_type&quot;:&quot;flex&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-d64a17e e-con-full e-ecs-flex e-flex e-con e-child\" data-id=\"d64a17e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ecs_container_type&quot;:&quot;flex&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fdfb968 heading-with-line elementor-widget elementor-widget-heading\" data-id=\"fdfb968\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Explore the news<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c19f6e7 e-ecs-flex e-flex e-con-boxed e-con e-parent\" data-id=\"c19f6e7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ecs_container_type&quot;:&quot;flex&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5176075 elementor-posts--align-left elementor-grid-1 elementor-grid-tablet-2 elementor-grid-mobile-1 elementor-posts--thumbnail-top elementor-widget elementor-widget-posts\" data-id=\"5176075\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;classic_row_gap&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:60,&quot;sizes&quot;:[]},&quot;classic_row_gap_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:33,&quot;sizes&quot;:[]},&quot;classic_row_gap_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:26,&quot;sizes&quot;:[]},&quot;classic_columns&quot;:&quot;1&quot;,&quot;classic_columns_tablet&quot;:&quot;2&quot;,&quot;classic_columns_mobile&quot;:&quot;1&quot;}\" data-widget_type=\"posts.classic\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-posts-container elementor-posts elementor-posts--skin-classic elementor-grid\">\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-3178 post type-post status-publish format-standard hentry category-blog\">\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<h1 class=\"elementor-post__title\">\n\t\t\t<a href=\"https:\/\/news.projectmishkat.org\/?p=3178\" target=&quot;_blank&quot;>\n\t\t\t\tRestoring Statehood in Jammu and Kashmir: The Politics of an Undefined Timeline\t\t\t<\/a>\n\t\t<\/h1>\n\t\t\t\t<div class=\"elementor-post__meta-data\">\n\t\t\t\t\t<span class=\"elementor-post-author\">\n\t\t\tProject Mishkat Team\t\t<\/span>\n\t\t\t\t<span class=\"elementor-post-date\">\n\t\t\tAugust 18, 2026\t\t<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"elementor-post__read-more-wrapper\">\n\t\t\n\t\t<a class=\"elementor-post__read-more\" href=\"https:\/\/news.projectmishkat.org\/?p=3178\" aria-label=\"Read more about Restoring Statehood in Jammu and Kashmir: The Politics of an Undefined Timeline\" target=\"_blank\">\n\t\t\tRead more\t\t<\/a>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/article>\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-3171 post type-post status-publish format-standard hentry category-blog\">\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<h1 class=\"elementor-post__title\">\n\t\t\t<a href=\"https:\/\/news.projectmishkat.org\/?p=3171\" target=&quot;_blank&quot;>\n\t\t\t\t\u2018Justice For All Canada\u2019 Files For Sanctions, Urging Canada to Act on Human Rights Abuses Against Muslims in Uttar Pradesh\t\t\t<\/a>\n\t\t<\/h1>\n\t\t\t\t<div class=\"elementor-post__meta-data\">\n\t\t\t\t\t<span class=\"elementor-post-author\">\n\t\t\tProject Mishkat Team\t\t<\/span>\n\t\t\t\t<span class=\"elementor-post-date\">\n\t\t\tAugust 15, 2026\t\t<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"elementor-post__read-more-wrapper\">\n\t\t\n\t\t<a class=\"elementor-post__read-more\" href=\"https:\/\/news.projectmishkat.org\/?p=3171\" aria-label=\"Read more about \u2018Justice For All Canada\u2019 Files For Sanctions, Urging Canada to Act on Human Rights Abuses Against Muslims in Uttar Pradesh\" target=\"_blank\">\n\t\t\tRead more\t\t<\/a>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/article>\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-3162 post type-post status-publish format-standard hentry category-blog\">\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<h1 class=\"elementor-post__title\">\n\t\t\t<a href=\"https:\/\/news.projectmishkat.org\/?p=3162\" target=&quot;_blank&quot;>\n\t\t\t\tAmnesty International Report Alleges India Supplied Arms to Israel During Gaza Conflict\t\t\t<\/a>\n\t\t<\/h1>\n\t\t\t\t<div class=\"elementor-post__meta-data\">\n\t\t\t\t\t<span class=\"elementor-post-author\">\n\t\t\tProject Mishkat Team\t\t<\/span>\n\t\t\t\t<span class=\"elementor-post-date\">\n\t\t\tAugust 12, 2026\t\t<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"elementor-post__read-more-wrapper\">\n\t\t\n\t\t<a class=\"elementor-post__read-more\" href=\"https:\/\/news.projectmishkat.org\/?p=3162\" aria-label=\"Read more about Amnesty International Report Alleges India Supplied Arms to Israel During Gaza Conflict\" target=\"_blank\">\n\t\t\tRead more\t\t<\/a>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/article>\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-3154 post type-post status-publish format-standard hentry category-blog\">\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<h1 class=\"elementor-post__title\">\n\t\t\t<a href=\"https:\/\/news.projectmishkat.org\/?p=3154\" target=&quot;_blank&quot;>\n\t\t\t\tCan Criminal Law force patriotism?\t\t\t<\/a>\n\t\t<\/h1>\n\t\t\t\t<div class=\"elementor-post__meta-data\">\n\t\t\t\t\t<span class=\"elementor-post-author\">\n\t\t\tProject Mishkat Team\t\t<\/span>\n\t\t\t\t<span class=\"elementor-post-date\">\n\t\t\tAugust 5, 2026\t\t<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"elementor-post__read-more-wrapper\">\n\t\t\n\t\t<a class=\"elementor-post__read-more\" href=\"https:\/\/news.projectmishkat.org\/?p=3154\" aria-label=\"Read more about Can Criminal Law force patriotism?\" target=\"_blank\">\n\t\t\tRead more\t\t<\/a>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/article>\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-3147 post type-post status-publish format-standard hentry category-blog\">\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<h1 class=\"elementor-post__title\">\n\t\t\t<a href=\"https:\/\/news.projectmishkat.org\/?p=3147\" target=&quot;_blank&quot;>\n\t\t\t\tIs providing food and water a crime?\t\t\t<\/a>\n\t\t<\/h1>\n\t\t\t\t<div class=\"elementor-post__meta-data\">\n\t\t\t\t\t<span class=\"elementor-post-author\">\n\t\t\tProject Mishkat Team\t\t<\/span>\n\t\t\t\t<span class=\"elementor-post-date\">\n\t\t\tAugust 2, 2026\t\t<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"elementor-post__read-more-wrapper\">\n\t\t\n\t\t<a class=\"elementor-post__read-more\" href=\"https:\/\/news.projectmishkat.org\/?p=3147\" aria-label=\"Read more about Is providing food and water a crime?\" target=\"_blank\">\n\t\t\tRead more\t\t<\/a>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/article>\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-3141 post type-post status-publish format-standard hentry category-blog\">\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<h1 class=\"elementor-post__title\">\n\t\t\t<a href=\"https:\/\/news.projectmishkat.org\/?p=3141\" target=&quot;_blank&quot;>\n\t\t\t\tUnnamed Muslims\t\t\t<\/a>\n\t\t<\/h1>\n\t\t\t\t<div class=\"elementor-post__meta-data\">\n\t\t\t\t\t<span class=\"elementor-post-author\">\n\t\t\tProject Mishkat Team\t\t<\/span>\n\t\t\t\t<span class=\"elementor-post-date\">\n\t\t\tJuly 28, 2026\t\t<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"elementor-post__read-more-wrapper\">\n\t\t\n\t\t<a class=\"elementor-post__read-more\" href=\"https:\/\/news.projectmishkat.org\/?p=3141\" aria-label=\"Read more about Unnamed Muslims\" target=\"_blank\">\n\t\t\tRead more\t\t<\/a>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/article>\n\t\t\t\t<\/div>\n\t\t\n\t\t\t\t<div class=\"e-load-more-anchor\" data-page=\"1\" data-max-page=\"3\" data-next-page=\"https:\/\/news.projectmishkat.org\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F100&#038;paged=2\"><\/div>\n\t\t\t\t<nav class=\"elementor-pagination\" aria-label=\"Pagination\">\n\t\t\t<span class=\"page-numbers prev\">&#8592; <\/span>\n<span aria-current=\"page\" class=\"page-numbers current\"><span class=\"elementor-screen-only\">Page<\/span>1<\/span>\n<a class=\"page-numbers\" href=\"https:\/\/news.projectmishkat.org\/index.php\/?paged=2&#038;rest_route=%2Fwp%2Fv2%2Fpages%2F100\"><span class=\"elementor-screen-only\">Page<\/span>2<\/a>\n<a class=\"page-numbers\" href=\"https:\/\/news.projectmishkat.org\/index.php\/?paged=3&#038;rest_route=%2Fwp%2Fv2%2Fpages%2F100\"><span class=\"elementor-screen-only\">Page<\/span>3<\/a>\n<a class=\"page-numbers next\" href=\"https:\/\/news.projectmishkat.org\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F100&#038;paged=2\">&#8594;<\/a>\t\t<\/nav>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n","protected":false},"excerpt":{"rendered":"<p>Go to main website Project Mishkat &#8211; News &#038; Updates Mishkat News Socio-Legal Collective Identity<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-100","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/news.projectmishkat.org\/index.php?rest_route=\/wp\/v2\/pages\/100","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/news.projectmishkat.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/news.projectmishkat.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/news.projectmishkat.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/news.projectmishkat.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=100"}],"version-history":[{"count":751,"href":"https:\/\/news.projectmishkat.org\/index.php?rest_route=\/wp\/v2\/pages\/100\/revisions"}],"predecessor-version":[{"id":3120,"href":"https:\/\/news.projectmishkat.org\/index.php?rest_route=\/wp\/v2\/pages\/100\/revisions\/3120"}],"wp:attachment":[{"href":"https:\/\/news.projectmishkat.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=100"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}