{"id":10,"date":"2026-09-11T17:21:44","date_gmt":"2026-09-11T17:21:44","guid":{"rendered":"https:\/\/nazaatt.online\/?page_id=10"},"modified":"2026-10-17T17:52:54","modified_gmt":"2026-10-17T17:52:54","slug":"home","status":"publish","type":"page","link":"https:\/\/nazaatt.online\/","title":{"rendered":"home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10\" class=\"elementor elementor-10\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7d79f4f e-grid e-con-boxed e-con e-parent\" data-id=\"7d79f4f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-65ffe75 elementor-widget elementor-widget-image\" data-id=\"65ffe75\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1390\" height=\"640\" src=\"https:\/\/nazaatt.online\/wp-content\/uploads\/2026\/09\/7126-e1789154237407.jpg\" class=\"attachment-full size-full wp-image-43\" alt=\"\" srcset=\"https:\/\/nazaatt.online\/wp-content\/uploads\/2026\/09\/7126-e1789154237407.jpg 1390w, https:\/\/nazaatt.online\/wp-content\/uploads\/2026\/09\/7126-e1789154237407-300x138.jpg 300w, https:\/\/nazaatt.online\/wp-content\/uploads\/2026\/09\/7126-e1789154237407-1024x471.jpg 1024w, https:\/\/nazaatt.online\/wp-content\/uploads\/2026\/09\/7126-e1789154237407-768x354.jpg 768w\" sizes=\"(max-width: 1390px) 100vw, 1390px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4ddf66b elementor-mobile-align-center elementor-align-center elementor-widget elementor-widget-button\" data-id=\"4ddf66b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"http:\/\/check1\">\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<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-donate\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 416c114.9 0 208-93.1 208-208S370.9 0 256 0 48 93.1 48 208s93.1 208 208 208zM233.8 97.4V80.6c0-9.2 7.4-16.6 16.6-16.6h11.1c9.2 0 16.6 7.4 16.6 16.6v17c15.5.8 30.5 6.1 43 15.4 5.6 4.1 6.2 12.3 1.2 17.1L306 145.6c-3.8 3.7-9.5 3.8-14 1-5.4-3.4-11.4-5.1-17.8-5.1h-38.9c-9 0-16.3 8.2-16.3 18.3 0 8.2 5 15.5 12.1 17.6l62.3 18.7c25.7 7.7 43.7 32.4 43.7 60.1 0 34-26.4 61.5-59.1 62.4v16.8c0 9.2-7.4 16.6-16.6 16.6h-11.1c-9.2 0-16.6-7.4-16.6-16.6v-17c-15.5-.8-30.5-6.1-43-15.4-5.6-4.1-6.2-12.3-1.2-17.1l16.3-15.5c3.8-3.7 9.5-3.8 14-1 5.4 3.4 11.4 5.1 17.8 5.1h38.9c9 0 16.3-8.2 16.3-18.3 0-8.2-5-15.5-12.1-17.6l-62.3-18.7c-25.7-7.7-43.7-32.4-43.7-60.1.1-34 26.4-61.5 59.1-62.4zM480 352h-32.5c-19.6 26-44.6 47.7-73 64h63.8c5.3 0 9.6 3.6 9.6 8v16c0 4.4-4.3 8-9.6 8H73.6c-5.3 0-9.6-3.6-9.6-8v-16c0-4.4 4.3-8 9.6-8h63.8c-28.4-16.3-53.3-38-73-64H32c-17.7 0-32 14.3-32 32v96c0 17.7 14.3 32 32 32h448c17.7 0 32-14.3 32-32v-96c0-17.7-14.3-32-32-32z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u09a6\u09be\u09a8 \u0995\u09b0\u09c1\u09a8<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\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-14e0e56 e-flex e-con-boxed e-con e-parent\" data-id=\"14e0e56\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-92e205c elementor-widget elementor-widget-heading\" data-id=\"92e205c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0997\u09be\u099c\u09be\u09ac\u09be\u09b8\u09c0\u09b0 \u099c\u09a8\u09cd\u09af \u0985\u09a8\u09c1\u09a6\u09be\u09a8 \u09a6\u09bf\u09a8\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e46e079 elementor-widget elementor-widget-heading\" data-id=\"e46e079\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0997\u09be\u099c\u09be\u09df \u099c\u09c0\u09ac\u09a8 \u099f\u09bf\u0995\u09c7 \u0986\u099b\u09c7 \u09b8\u09be\u09b9\u09be\u09af\u09cd\u09af\u09c7\u09b0 \u0989\u09aa\u09b0, \u0997\u09be\u099c\u09be\u09ac\u09be\u09b8\u09c0\u09b0 \u099c\u09a8\u09cd\u09af \u0986\u09aa\u09a8\u09be\u09b0 \u09a6\u09be\u09a8 \u09ae\u09be\u09a8\u09c7\u0987 \u0996\u09be\u09ac\u09be\u09b0, \u09aa\u09be\u09a8\u09bf \u0993 \u099a\u09bf\u0995\u09bf\u09ce\u09b8\u09be\u09b0 \u09ad\u09b0\u09b8\u09be\u0964\n\n<\/h2>\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-79f3a14 e-flex e-con-boxed e-con e-parent\" data-id=\"79f3a14\" data-element_type=\"container\" data-e-type=\"container\" id=\"check1\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-69414bb elementor-widget elementor-widget-shortcode\" data-id=\"69414bb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">        <div class=\"dbdp-wrap\">\n            <form id=\"dbdp-donation-form\" class=\"dbdp-form\" novalidate>\n                <div class=\"dbdp-header\">\n                    <h2>\u09a1\u09cb\u09a8\u09c7\u09b6\u09a8 \u0995\u09b0\u09c1\u09a8<\/h2>\n                    <p>\u0986\u09aa\u09a8\u09be\u09b0 \u09a4\u09a5\u09cd\u09af \u09a6\u09bf\u09a8 \u098f\u09ac\u0982 \u09aa\u099b\u09a8\u09cd\u09a6\u09c7\u09b0 \u09ae\u09be\u09a7\u09cd\u09af\u09ae\u09c7 \u09a1\u09cb\u09a8\u09c7\u09b6\u09a8 \u09b8\u09ae\u09cd\u09aa\u09a8\u09cd\u09a8 \u0995\u09b0\u09c1\u09a8\u0964<\/p>\n                <\/div>\n                <div class=\"dbdp-progress\"><span class=\"active\">\u09e7<\/span><i><\/i><span>\u09e8<\/span><i><\/i><span>\u09e9<\/span><\/div>\n\n                <section class=\"dbdp-step active\" data-step=\"1\">\n                    <div class=\"dbdp-step-title\">\u0986\u09aa\u09a8\u09be\u09b0 \u09a4\u09a5\u09cd\u09af<\/div>\n                    <div class=\"dbdp-field\"><label>\u0986\u09aa\u09a8\u09be\u09b0 \u09a8\u09be\u09ae<\/label><input type=\"text\" id=\"dbdp_name\" name=\"donor_name\" maxlength=\"150\" placeholder=\"\u0986\u09aa\u09a8\u09be\u09b0 \u09a8\u09be\u09ae\" required><\/div>\n                    <div class=\"dbdp-field\"><label> \u0986\u09aa\u09a8\u09be\u09b0 \u09a8\u09ae\u09cd\u09ac\u09b0<\/label><input type=\"tel\" id=\"dbdp_account\" name=\"account_number\" maxlength=\"30\" placeholder=\"01XXXXXXXXX\" required><\/div>\n                    <div class=\"dbdp-field\"><label>\u09a1\u09cb\u09a8\u09c7\u09b6\u09a8\u09c7\u09b0 \u09aa\u09b0\u09bf\u09ae\u09be\u09a3<\/label><div class=\"dbdp-input-prefix\"><span>\u09f3<\/span><input type=\"number\" id=\"dbdp_amount\" name=\"amount\" min=\"1\" step=\"0.01\" placeholder=\"500\" required><\/div><\/div>\n                    <button type=\"button\" class=\"dbdp-next dbdp-submit\">\u09aa\u09b0\u09ac\u09b0\u09cd\u09a4\u09c0 \u09a7\u09be\u09aa<\/button>\n                <\/section>\n\n                <section class=\"dbdp-step\" data-step=\"2\">\n                    <div class=\"dbdp-step-title\">\u09aa\u09c7\u09ae\u09c7\u09a8\u09cd\u099f \u09ae\u09be\u09a7\u09cd\u09af\u09ae \u09a8\u09bf\u09b0\u09cd\u09ac\u09be\u099a\u09a8 \u0995\u09b0\u09c1\u09a8<\/div>\n                    <div class=\"dbdp-methods\">\n                        <label class=\"dbdp-method\"><input type=\"radio\" name=\"payment_method\" value=\"bkash\"><span>bKash <\/span><\/label>\n                        <label class=\"dbdp-method\"><input type=\"radio\" name=\"payment_method\" value=\"nagad\"><span>Nagad <\/span><\/label>\n                        <label class=\"dbdp-method\"><input type=\"radio\" name=\"payment_method\" value=\"rocket\"><span>Rocket<\/span><\/label>\n                    <\/div>\n                    <div id=\"dbdp-payment-number\" class=\"dbdp-payment-number\" style=\"display:none;\">\n                        <div class=\"dbdp-number-label\">  \u098f\u0987 \u09a8\u09be\u09ae\u09cd\u09ac\u09be\u09b0\u09c7 \u099f\u09be\u0995\u09be \u09b8\u09c7\u09a8\u09cd\u09a1 \u09ae\u09be\u09a8\u09bf \u0995\u09b0\u09c1\u09a8 ( \u09aa\u09be\u09b0\u09cd\u09b8\u09cb\u09a8\u09be\u09b2 )   <\/div>\n                        <div class=\"dbdp-number-row\"><strong id=\"dbdp-number-value\">\u2014<\/strong><button type=\"button\" id=\"dbdp-copy-number\">\u0995\u09aa\u09bf<\/button><\/div>\n                    <\/div>\n                    <div class=\"dbdp-buttons\"><button type=\"button\" class=\"dbdp-back\">\u09aa\u09c7\u099b\u09a8\u09c7<\/button><button type=\"button\" class=\"dbdp-next dbdp-submit\">\u09aa\u09b0\u09ac\u09b0\u09cd\u09a4\u09c0 \u09a7\u09be\u09aa<\/button><\/div>\n                <\/section>\n\n                <section class=\"dbdp-step\" data-step=\"3\">\n                    <div class=\"dbdp-step-title\">\u09aa\u09c7\u09ae\u09c7\u09a8\u09cd\u099f \u09a8\u09bf\u09b6\u09cd\u099a\u09bf\u09a4 \u0995\u09b0\u09c1\u09a8<\/div>\n                    <div id=\"dbdp-summary\" class=\"dbdp-summary\"><\/div>\n                    <div class=\"dbdp-field\"><label>Transaction ID<\/label><input type=\"text\" id=\"dbdp_txn_id\" name=\"txn_id\" maxlength=\"100\" placeholder=\"\u09af\u09c7\u09ae\u09a8: TXN123456\" required><\/div>\n                    <div class=\"dbdp-buttons\"><button type=\"button\" class=\"dbdp-back\">\u09aa\u09c7\u099b\u09a8\u09c7<\/button><button type=\"submit\" id=\"dbdp-submit\" class=\"dbdp-submit\"><span>\u09a1\u09cb\u09a8\u09c7\u09b6\u09a8 \u099c\u09ae\u09be \u09a6\u09bf\u09a8<\/span><\/button><\/div>\n                <\/section>\n                <div id=\"dbdp-message\" class=\"dbdp-message\" role=\"alert\" aria-live=\"polite\"><\/div>\n            <\/form>\n        <\/div>\n        <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3b88275 e-flex e-con-boxed e-con e-parent\" data-id=\"3b88275\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ea5dcf7 elementor-widget__width-initial elementor-widget-mobile__width-initial elementor-widget elementor-widget-image\" data-id=\"ea5dcf7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1054\" height=\"894\" src=\"https:\/\/nazaatt.online\/wp-content\/uploads\/2026\/09\/7125.jpg\" class=\"attachment-full size-full wp-image-33\" alt=\"\" srcset=\"https:\/\/nazaatt.online\/wp-content\/uploads\/2026\/09\/7125.jpg 1054w, https:\/\/nazaatt.online\/wp-content\/uploads\/2026\/09\/7125-300x254.jpg 300w, https:\/\/nazaatt.online\/wp-content\/uploads\/2026\/09\/7125-1024x869.jpg 1024w, https:\/\/nazaatt.online\/wp-content\/uploads\/2026\/09\/7125-768x651.jpg 768w\" sizes=\"(max-width: 1054px) 100vw, 1054px\" \/>\t\t\t\t\t\t\t\t\t\t\t\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-a6cb9ed e-flex e-con-boxed e-con e-parent\" data-id=\"a6cb9ed\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-58fcdc1 elementor-widget elementor-widget-html\" data-id=\"58fcdc1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"bn\">\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>\u0997\u09be\u099c\u09be\u09ac\u09be\u09b8\u09c0\u09b0 \u099c\u09a8\u09cd\u09af \u0985\u09a8\u09c1\u09a6\u09be\u09a8 - NAZATT Foundation<\/title>\r\n    \r\n    <!-- Tailwind CSS CDN -->\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    \r\n    <!-- Font Awesome Icons CDN -->\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    \r\n    <!-- Google Fonts - Hind Siliguri (Bengali Font) -->\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Hind+Siliguri:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n    <style>\r\n        body {\r\n            font-family: 'Hind Siliguri', sans-serif;\r\n           \r\n        }\r\n\r\n        \/* Smooth background image gradient overlay *\/\r\n        .gaza-banner-bg {\r\n            background-color: #1a6ebd;\r\n            background-image: linear-gradient(to right, #196ebc 0%, #196ebc 45%, rgba(25, 110, 188, 0.85) 65%, rgba(25, 110, 188, 0.2) 100%), \r\n                              url('https:\/\/images.unsplash.com\/photo-1488521787991-ed7bbaae773c?q=80&w=1600&auto=format&fit=crop');\r\n            background-position: right center;\r\n            background-size: cover;\r\n            background-repeat: no-repeat;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .gaza-banner-bg {\r\n                background-image: linear-gradient(to bottom, rgba(25, 110, 188, 0.98) 0%, rgba(25, 110, 188, 0.95) 100%), \r\n                                  url('https:\/\/images.unsplash.com\/photo-1488521787991-ed7bbaae773c?q=80&w=1600&auto=format&fit=crop');\r\n            }\r\n        }\r\n\r\n        \/* Custom scrollbar *\/\r\n        ::-webkit-scrollbar {\r\n            width: 8px;\r\n        }\r\n        ::-webkit-scrollbar-track {\r\n            background: #196ebc;\r\n        }\r\n        ::-webkit-scrollbar-thumb {\r\n            background: #0f4880;\r\n            border-radius: 4px;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body class=\"min-h-screen text-white flex items-center justify-center p-0 md:p-6 lg:p-10\">\r\n\r\n    <!-- Main Container -->\r\n    <section class=\"w-full max-w-7xl mx-auto min-h-[550px] gaza-banner-bg md:rounded-2xl shadow-2xl overflow-hidden border border-white\/10 relative flex flex-col justify-center\">\r\n        \r\n        <div class=\"grid grid-cols-1 md:grid-cols-12 min-h-[550px] p-6 sm:p-10 lg:p-14 items-center\">\r\n            \r\n            <!-- Left Side: Information Content -->\r\n            <div class=\"md:col-span-8 lg:col-span-7 space-y-6 z-10\">\r\n                \r\n                <!-- Title Header -->\r\n                <div class=\"space-y-2\">\r\n                    <h1 class=\"text-3xl sm:text-4xl lg:text-5xl font-bold text-white tracking-wide leading-tight drop-shadow-md\">\r\n                        \u0997\u09be\u099c\u09be\u09ac\u09be\u09b8\u09c0\u09b0 \u099c\u09a8\u09cd\u09af \u0985\u09a8\u09c1\u09a6\u09be\u09a8\r\n                    <\/h1>\r\n                    <div class=\"w-20 h-1 bg-amber-400 rounded-full\"><\/div>\r\n                <\/div>\r\n\r\n                <!-- Paragraph Description -->\r\n                <p class=\"text-base sm:text-lg text-blue-50 leading-relaxed font-normal text-justify sm:text-left drop-shadow-sm max-w-2xl\">\r\n                    \u0986\u099c \u0997\u09be\u099c\u09be \u09b6\u09c1\u09a7\u09c1 \u098f\u0995\u099f\u09bf \u09a8\u09be\u09ae \u0987 \u09a8\u09df, \u098f\u099f\u09bf \u09b2\u09be\u0996\u09cb \u09a8\u09bf\u09b0\u09c0\u09b9 \u09ae\u09be\u09a8\u09c1\u09b7\u09c7\u09b0 \u0995\u09be\u09a8\u09cd\u09a8\u09be, \u0995\u09cd\u09b7\u09c1\u09a7\u09be, \u0985\u09b8\u09b9\u09be\u09df\u09a4\u09cd\u09ac \u0986\u09b0 \u09ac\u09c7\u0981\u099a\u09c7 \u09a5\u09be\u0995\u09be\u09b0 \u09b2\u09dc\u09be\u0987\u09df\u09c7\u09b0 \u09aa\u09cd\u09b0\u09a4\u09c0\u0995\u0964 \u09af\u09c1\u09a6\u09cd\u09a7, \u0985\u09ac\u09b0\u09cb\u09a7 \u0993 \u09a7\u09cd\u09ac\u0982\u09b8\u09c7\u09b0 \u09ae\u09be\u099d\u09c7 \u0997\u09be\u099c\u09be\u09b0 \u09ae\u09be\u09a8\u09c1\u09b7 \u09af\u0996\u09a8 \u0996\u09be\u09ac\u09be\u09b0, \u09aa\u09be\u09a8\u09bf, \u099a\u09bf\u0995\u09bf\u09ce\u09b8\u09be \u0993 \u09a8\u09bf\u09b0\u09be\u09aa\u09a6 \u0986\u09b6\u09cd\u09b0\u09df\u09c7\u09b0 \u099c\u09a8\u09cd\u09af \u09b9\u09be\u09b9\u09be\u0995\u09be\u09b0 \u0995\u09b0\u099b\u09c7, \u09a4\u0996\u09a8 \u09ac\u09be\u0982\u09b2\u09be\u09a6\u09c7\u09b6\u09c7\u09b0 \u09ae\u09be\u09a8\u09ac\u09bf\u0995 \u09b8\u0982\u0997\u09a0\u09a8 <span class=\"font-bold text-white bg-white\/10 px-2 py-0.5 rounded border border-white\/20\">NAZATT Foundation<\/span> \u09a4\u09be\u09a6\u09c7\u09b0 \u09aa\u09be\u09b6\u09c7 \u09a6\u09be\u0981\u09dc\u09bf\u09df\u09c7\u099b\u09c7 \u09a8\u09bf\u09b0\u09ac\u099a\u09cd\u099b\u09bf\u09a8\u09cd\u09a8 \u09b8\u09b9\u09be\u09df\u09a4\u09be \u09a8\u09bf\u09df\u09c7\u0964\r\n                <\/p>\r\n\r\n                <!-- Mobile Financial Services (MFS) Section -->\r\n                <div class=\"space-y-3 pt-2 max-w-xl\">\r\n                    <h2 class=\"text-lg sm:text-xl font-semibold text-white flex items-center gap-2\">\r\n                        <i class=\"fa-solid fa-hand-holding-heart text-amber-300\"><\/i>\r\n                        <span>\u09af\u09c7 \u09b8\u0995\u09b2 \u09ae\u09be\u09a7\u09cd\u09af\u09ae\u09c7 \u0985\u09a8\u09c1\u09a6\u09be\u09a8 \u09a6\u09bf\u09a4\u09c7 \u09aa\u09be\u09b0\u09c7\u09a8:-<\/span>\r\n                    <\/h2>\r\n                    \r\n                    <div class=\"space-y-3\">\r\n                        \r\n                        <!-- bKash Box -->\r\n                        <div class=\"flex flex-col sm:flex-row items-start sm:items-center justify-between bg-white\/15 hover:bg-white\/20 backdrop-blur-md p-3.5 sm:p-4 rounded-xl border border-white\/20 transition-all shadow-md group\">\r\n                            <div class=\"flex items-center gap-3\">\r\n                                <div class=\"bg-pink-600 text-white p-2 rounded-lg text-lg flex items-center justify-center w-10 h-10 shadow\">\r\n                                    <i class=\"fa-solid fa-check\"><\/i>\r\n                                <\/div>\r\n                                <div class=\"text-sm sm:text-base\">\r\n                                    <span class=\"font-bold text-white text-base sm:text-lg\">\u09ac\u09bf\u0995\u09be\u09b6<\/span>\r\n                                    <span class=\"text-blue-100 text-xs sm:text-sm block sm:inline sm:ml-1\">( \u09aa\u09be\u09b0\u09cd\u09b8\u09cb\u09a8\u09be\u09b2 )<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                            \r\n                            <div class=\"flex items-center justify-between w-full sm:w-auto mt-2 sm:mt-0 gap-3 bg-black\/25 px-3.5 py-1.5 rounded-lg border border-white\/10 group-hover:border-white\/30 transition\">\r\n                                <span class=\"font-mono text-lg sm:text-xl font-bold tracking-wider text-white\">01765788403<\/span>\r\n                                <button onclick=\"copyToClipboard('01765788403', '\u09ac\u09bf\u0995\u09be\u09b6 \u09a8\u09ae\u09cd\u09ac\u09b0')\" class=\"bg-pink-600 hover:bg-pink-500 text-white text-xs px-3 py-1.5 rounded-md transition font-medium flex items-center gap-1.5 active:scale-95 shadow\" title=\"\u0995\u09aa\u09bf \u0995\u09b0\u09c1\u09a8\">\r\n                                    <i class=\"fa-regular fa-copy\"><\/i>\r\n                                    <span>\u0995\u09aa\u09bf<\/span>\r\n                                <\/button>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Nagad Box -->\r\n                        <div class=\"flex flex-col sm:flex-row items-start sm:items-center justify-between bg-white\/15 hover:bg-white\/20 backdrop-blur-md p-3.5 sm:p-4 rounded-xl border border-white\/20 transition-all shadow-md group\">\r\n                            <div class=\"flex items-center gap-3\">\r\n                                <div class=\"bg-orange-600 text-white p-2 rounded-lg text-lg flex items-center justify-center w-10 h-10 shadow\">\r\n                                    <i class=\"fa-solid fa-check\"><\/i>\r\n                                <\/div>\r\n                                <div class=\"text-sm sm:text-base\">\r\n                                    <span class=\"font-bold text-white text-base sm:text-lg\">\u09a8\u0997\u09a6<\/span>\r\n                                    <span class=\"text-blue-100 text-xs sm:text-sm block sm:inline sm:ml-1\">( \u09aa\u09be\u09b0\u09cd\u09b8\u09cb\u09a8\u09be\u09b2 )<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                            \r\n                            <div class=\"flex items-center justify-between w-full sm:w-auto mt-2 sm:mt-0 gap-3 bg-black\/25 px-3.5 py-1.5 rounded-lg border border-white\/10 group-hover:border-white\/30 transition\">\r\n                                <span class=\"font-mono text-lg sm:text-xl font-bold tracking-wider text-white\">01324941849<\/span>\r\n                                <button onclick=\"copyToClipboard('01324941849', '\u09a8\u0997\u09a6 \u09a8\u09ae\u09cd\u09ac\u09b0')\" class=\"bg-orange-600 hover:bg-orange-500 text-white text-xs px-3 py-1.5 rounded-md transition font-medium flex items-center gap-1.5 active:scale-95 shadow\" title=\"\u0995\u09aa\u09bf \u0995\u09b0\u09c1\u09a8\">\r\n                                    <i class=\"fa-regular fa-copy\"><\/i>\r\n                                    <span>\u0995\u09aa\u09bf<\/span>\r\n                                <\/button>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <!-- Right Spacer for Image Visibility on Desktop -->\r\n            <div class=\"hidden md:block md:col-span-4 lg:col-span-5\"><\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- Toast Notification Alert -->\r\n        <div id=\"toast\" class=\"fixed bottom-6 right-6 bg-slate-900 text-white px-5 py-3 rounded-xl shadow-2xl border border-white\/20 transform translate-y-20 opacity-0 transition-all duration-300 flex items-center gap-3 z-50\">\r\n            <div class=\"bg-green-500 text-white p-1 rounded-full text-xs\">\r\n                <i class=\"fa-solid fa-check\"><\/i>\r\n            <\/div>\r\n            <span id=\"toast-message\" class=\"text-sm font-medium\">\u0995\u09aa\u09bf \u0995\u09b0\u09be \u09b9\u09df\u09c7\u099b\u09c7!<\/span>\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n    <script>\r\n        function copyToClipboard(text, label) {\r\n            \/\/ Create temporary input element for clipboard copy\r\n            const tempInput = document.createElement(\"input\");\r\n            tempInput.value = text;\r\n            document.body.appendChild(tempInput);\r\n            tempInput.select();\r\n            \r\n            try {\r\n                document.execCommand('copy');\r\n                showToast(label + \" \u09b8\u09ab\u09b2\u09ad\u09be\u09ac\u09c7 \u0995\u09aa\u09bf \u0995\u09b0\u09be \u09b9\u09df\u09c7\u099b\u09c7!\");\r\n            } catch (err) {\r\n                showToast(\"\u0995\u09aa\u09bf \u0995\u09b0\u09a4\u09c7 \u09b8\u09ae\u09b8\u09cd\u09af\u09be \u09b9\u09df\u09c7\u099b\u09c7!\");\r\n            }\r\n            \r\n            document.body.removeChild(tempInput);\r\n        }\r\n\r\n        function showToast(message) {\r\n            const toast = document.getElementById(\"toast\");\r\n            const toastMsg = document.getElementById(\"toast-message\");\r\n            \r\n            toastMsg.innerText = message;\r\n            toast.classList.remove(\"translate-y-20\", \"opacity-0\");\r\n            toast.classList.add(\"translate-y-0\", \"opacity-100\");\r\n\r\n            setTimeout(() => {\r\n                toast.classList.remove(\"translate-y-0\", \"opacity-100\");\r\n                toast.classList.add(\"translate-y-20\", \"opacity-0\");\r\n            }, 3000);\r\n        }\r\n    <\/script>\r\n<\/body>\r\n<\/html>\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-529aa56 e-flex e-con-boxed e-con e-parent\" data-id=\"529aa56\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fada192 elementor-widget elementor-widget-html\" data-id=\"fada192\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"bn\">\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>\u0986\u09ae\u09b0\u09be \u0995\u09c7\u09a8 \u09ae\u09be\u09a8\u09c1\u09b7\u0995\u09c7 \u09b8\u09be\u09b9\u09be\u09af\u09cd\u09af \u0995\u09b0\u09ac\u09cb? - \u09a8\u099c\u09be\u09a4 (Nazaatt)<\/title>\r\n    \r\n    <!-- Tailwind CSS -->\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n\r\n    <!-- Google Fonts: Hind Siliguri for elegant Bengali typography -->\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Hind+Siliguri:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n    <!-- Font Awesome Icons -->\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n    <script>\r\n        tailwind.config = {\r\n            theme: {\r\n                extend: {\r\n                    fontFamily: {\r\n                        sans: ['Hind Siliguri', 'sans-serif'],\r\n                    },\r\n                    colors: {\r\n                        brand: {\r\n                            50: '#eff6ff',\r\n                            100: '#dbeafe',\r\n                            500: '#3b82f6',\r\n                            600: '#2563eb',\r\n                            700: '#1d4ed8',\r\n                            800: '#1e40af',\r\n                            900: '#1e3a8a',\r\n                            950: '#0f172a',\r\n                        },\r\n                        amberGold: '#f59e0b',\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    <\/script>\r\n    <style>\r\n        body {\r\n            font-family: 'Hind Siliguri', sans-serif;\r\n            background-color: #f8fafc;\r\n        }\r\n        .islamic-bg-pattern {\r\n            background-color: #0f172a;\r\n            background-image: radial-gradient(#2563eb 0.85px, transparent 0.85px), radial-gradient(#2563eb 0.85px, #0f172a 0.85px);\r\n            background-size: 30px 30px;\r\n            background-position: 0 0, 15px 15px;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body class=\"text-slate-800 antialiased selection:bg-brand-600 selection:text-white\">\r\n\r\n    <section class=\"islamic-bg-pattern text-white py-16 px-4 sm:px-6 lg:px-8 shadow-xl relative overflow-hidden\">\r\n        <div class=\"max-w-6xl mx-auto text-center relative z-10\">\r\n            <span class=\"inline-flex items-center gap-2 px-4 py-1.5 rounded-full bg-blue-900\/80 border border-blue-400\/30 text-blue-200 text-sm font-semibold mb-4 backdrop-blur-sm\">\r\n                <i class=\"fa-solid fa-heart text-amber-400\"><\/i> \u09ae\u09be\u09a8\u09ac\u09bf\u0995 \u09a6\u09be\u09af\u09bc\u09bf\u09a4\u09cd\u09ac \u0993 \u0987\u09b8\u09b2\u09be\u09ae\u09bf \u09b6\u09bf\u0995\u09cd\u09b7\u09be\r\n            <\/span>\r\n            <h1 class=\"text-3xl sm:text-5xl font-bold tracking-tight mb-4 leading-tight\">\r\n                \u0986\u09ae\u09b0\u09be \u0995\u09c7\u09a8 \u09ae\u09be\u09a8\u09c1\u09b7\u0995\u09c7 \u09b8\u09be\u09b9\u09be\u09af\u09cd\u09af \u0995\u09b0\u09ac\u09cb?\r\n            <\/h1>\r\n            <p class=\"text-blue-100 text-lg sm:text-xl max-w-3xl mx-auto font-medium\">\r\n                \u09aa\u09ac\u09bf\u09a4\u09cd\u09b0 \u0995\u09c1\u09b0\u0986\u09a8 \u0993 \u09b9\u09be\u09a6\u09bf\u09b8\u09c7\u09b0 \u0986\u09b2\u09cb\u0995\u09c7 \u09b8\u09c1\u09a6\u09be\u09a8\u09c7\u09b0 \u0985\u09a8\u09be\u09b9\u09be\u09b0\u09c0 \u0993 \u09b8\u0982\u0998\u09be\u09a4\u0995\u09ac\u09b2\u09bf\u09a4 \u09ae\u09be\u09a8\u09c1\u09b7\u09c7\u09b0 \u09aa\u09be\u09b6\u09c7 \u09a6\u09be\u0981\u09dc\u09be\u09a8\u09cb\u09b0 \u09a4\u09be\u0997\u09bf\u09a6\r\n            <\/p>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <main class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12 space-y-16\">\r\n        \r\n        <!-- Section 1: Quranic Guidance -->\r\n        <div>\r\n            <div class=\"flex items-center gap-3 mb-8 border-b-2 border-blue-500\/20 pb-3\">\r\n                <div class=\"w-10 h-10 rounded-lg bg-blue-600 text-white flex items-center justify-center text-xl font-bold shadow-md\">\r\n                    <i class=\"fa-solid fa-book-quran\"><\/i>\r\n                <\/div>\r\n                <div>\r\n                    <h2 class=\"text-2xl sm:text-3xl font-bold text-slate-900\">\u09e7. \u09aa\u09ac\u09bf\u09a4\u09cd\u09b0 \u0995\u09c1\u09b0\u0986\u09a8\u09c7\u09b0 \u0986\u09af\u09bc\u09be\u09a4<\/h2>\r\n                    <p class=\"text-slate-500 text-sm\">\u09ae\u09be\u09a8\u09ac\u09b8\u09c7\u09ac\u09be \u0993 \u09ae\u099c\u09b2\u09c1\u09ae\u09c7\u09b0 \u09aa\u09be\u09b6\u09c7 \u09a6\u09be\u0981\u09dc\u09be\u09a8\u09cb\u09b0 \u09ac\u09bf\u09b7\u09df\u09c7 \u0990\u09b6\u09c0 \u09a8\u09bf\u09b0\u09cd\u09a6\u09c7\u09b6\u09a8\u09be<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6\">\r\n                <!-- Card 1 -->\r\n                <div class=\"bg-white rounded-2xl p-6 shadow-sm hover:shadow-md transition-all border border-slate-100 flex flex-col justify-between\">\r\n                    <div>\r\n                        <div class=\"flex justify-between items-center mb-4\">\r\n                            <span class=\"px-3 py-1 bg-blue-50 text-blue-700 text-xs font-bold rounded-md border border-blue-200\">\r\n                                \u09b8\u09c2\u09b0\u09be \u0986\u09a8-\u09a8\u09bf\u09b8\u09be, \u0986\u09af\u09bc\u09be\u09a4 \u09ed\u09eb\r\n                            <\/span>\r\n                            <i class=\"fa-solid fa-hands-holding-child text-blue-600 text-xl\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"text-lg font-bold text-slate-800 mb-2\">\u09ae\u099c\u09b2\u09c1\u09ae\u09c7\u09b0 \u09b8\u09be\u09b9\u09be\u09af\u09cd\u09af\u09c7 \u098f\u0997\u09bf\u09af\u09bc\u09c7 \u0986\u09b8\u09be<\/h3>\r\n                        <p class=\"text-slate-600 leading-relaxed text-base italic bg-slate-50 p-4 rounded-xl border-l-4 border-blue-600\">\r\n                            \"\u09a4\u09cb\u09ae\u09be\u09a6\u09c7\u09b0 \u0995\u09c0 \u09b9\u09af\u09bc\u09c7\u099b\u09c7 \u09af\u09c7, \u09a4\u09cb\u09ae\u09b0\u09be \u0986\u09b2\u09cd\u09b2\u09be\u09b9\u09b0 \u09aa\u09a5\u09c7 \u09b2\u09a1\u09bc\u09be\u0987 \u0995\u09b0\u099b \u09a8\u09be \u09b8\u09c7\u09b8\u09ac \u09a6\u09c1\u09b0\u09cd\u09ac\u09b2 \u09aa\u09c1\u09b0\u09c1\u09b7, \u09a8\u09be\u09b0\u09c0 \u0993 \u09b6\u09bf\u09b6\u09c1\u09a6\u09c7\u09b0 \u099c\u09a8\u09cd\u09af, \u09af\u09be\u09b0\u09be \u09aa\u09cd\u09b0\u09be\u09b0\u09cd\u09a5\u09a8\u09be \u0995\u09b0\u099b\u09c7 '\u09b9\u09c7 \u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u09aa\u09be\u09b2\u09a8\u0995\u09b0\u09cd\u09a4\u09be! \u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u098f\u0987 \u099c\u09a8\u09aa\u09a6 \u09a5\u09c7\u0995\u09c7 \u0989\u09a6\u09cd\u09a7\u09be\u09b0 \u0995\u09b0\u09c1\u09a8 \u09af\u09be\u09b0 \u0985\u09a7\u09bf\u09ac\u09be\u09b8\u09c0\u09b0\u09be \u099c\u09be\u09b2\u09c7\u09ae \u098f\u09ac\u0982 \u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u099c\u09a8\u09cd\u09af \u0986\u09aa\u09a8\u09be\u09b0 \u09aa\u0995\u09cd\u09b7 \u09a5\u09c7\u0995\u09c7 \u098f\u0995\u099c\u09a8 \u0985\u09ad\u09bf\u09ad\u09be\u09ac\u0995 \u0993 \u09b8\u09be\u09b9\u09be\u09af\u09cd\u09af\u0995\u09be\u09b0\u09c0 \u09aa\u09be\u09a0\u09be\u09a8'\u0964\"\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Card 2 -->\r\n                <div class=\"bg-white rounded-2xl p-6 shadow-sm hover:shadow-md transition-all border border-slate-100 flex flex-col justify-between\">\r\n                    <div>\r\n                        <div class=\"flex justify-between items-center mb-4\">\r\n                            <span class=\"px-3 py-1 bg-blue-50 text-blue-700 text-xs font-bold rounded-md border border-blue-200\">\r\n                                \u09b8\u09c2\u09b0\u09be \u0986\u09b2-\u09b9\u09c1\u099c\u09c1\u09b0\u09be\u09a4, \u0986\u09af\u09bc\u09be\u09a4 \u09e7\u09e6\r\n                            <\/span>\r\n                            <i class=\"fa-solid fa-users text-blue-600 text-xl\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"text-lg font-bold text-slate-800 mb-2\">\u098f\u0995 \u09ae\u09c1\u09ae\u09bf\u09a8\u09c7\u09b0 \u0995\u09b7\u09cd\u099f\u09c7 \u0985\u09a8\u09cd\u09af \u09ae\u09c1\u09ae\u09bf\u09a8\u09c7\u09b0 \u09a6\u09be\u09af\u09bc\u09bf\u09a4\u09cd\u09ac<\/h3>\r\n                        <p class=\"text-slate-600 leading-relaxed text-base italic bg-slate-50 p-4 rounded-xl border-l-4 border-blue-600\">\r\n                            \"\u09a8\u09bf\u09b6\u09cd\u099a\u09af\u09bc\u0987 \u09ae\u09c1\u09ae\u09bf\u09a8\u09b0\u09be \u09aa\u09b0\u09b8\u09cd\u09aa\u09b0 \u09ad\u09be\u0987 \u09ad\u09be\u0987...\" <br><span class=\"not-italic text-sm text-slate-500 font-normal mt-2 block\">(\u0985\u09b0\u09cd\u09a5\u09be\u09ce, \u09ad\u09be\u0987\u09af\u09bc\u09c7\u09b0 \u09ac\u09bf\u09aa\u09a6\u09c7 \u098f\u0997\u09bf\u09af\u09bc\u09c7 \u0986\u09b8\u09be \u09aa\u09cd\u09b0\u09a4\u09bf\u099f\u09be \u09ae\u09c1\u09ae\u09bf\u09a8 \u09ad\u09be\u0987\u09df\u09c7\u09b0 \u0985\u09a8\u09cd\u09af\u09a4\u09ae \u09aa\u09cd\u09b0\u09a7\u09be\u09a8 \u0995\u09b0\u09cd\u09a4\u09ac\u09cd\u09af)\u0964<\/span>\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Card 3 -->\r\n                <div class=\"bg-white rounded-2xl p-6 shadow-sm hover:shadow-md transition-all border border-slate-100 flex flex-col justify-between\">\r\n                    <div>\r\n                        <div class=\"flex justify-between items-center mb-4\">\r\n                            <span class=\"px-3 py-1 bg-blue-50 text-blue-700 text-xs font-bold rounded-md border border-blue-200\">\r\n                                \u09b8\u09c2\u09b0\u09be \u0986\u09b6-\u09b6\u09c1\u09b0\u09be, \u0986\u09af\u09bc\u09be\u09a4 \u09e9\u09ef\r\n                            <\/span>\r\n                            <i class=\"fa-solid fa-shield-halved text-blue-600 text-xl\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"text-lg font-bold text-slate-800 mb-2\">\u0985\u09a8\u09cd\u09af\u09be\u09af\u09bc\u09c7\u09b0 \u09ac\u09bf\u09b0\u09c1\u09a6\u09cd\u09a7\u09c7 \u0985\u09ac\u09b8\u09cd\u09a5\u09be\u09a8<\/h3>\r\n                        <p class=\"text-slate-600 leading-relaxed text-base italic bg-slate-50 p-4 rounded-xl border-l-4 border-blue-600\">\r\n                            \"\u098f\u09ac\u0982 \u09a4\u09be\u09b0\u09be \u09af\u0996\u09a8 \u0986\u0995\u09cd\u09b0\u09be\u09a8\u09cd\u09a4 \u09b9\u09af\u09bc, \u09a4\u0996\u09a8 \u09a4\u09be\u09b0\u09be \u09aa\u09cd\u09b0\u09a4\u09bf\u09b6\u09cb\u09a7 \u0997\u09cd\u09b0\u09b9\u09a3 \u0995\u09b0\u09c7 (\u0985\u09b0\u09cd\u09a5\u09be\u09ce \u099c\u09c1\u09b2\u09c1\u09ae\u09c7\u09b0 \u09ac\u09bf\u09b0\u09c1\u09a6\u09cd\u09a7\u09c7 \u0990\u0995\u09cd\u09af\u09ac\u09a6\u09cd\u09a7 \u09b9\u09df\u09c7 \u09b0\u09c1\u0996\u09c7 \u09a6\u09be\u0981\u09a1\u09bc\u09be\u09af\u09bc)\u0964\"\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Section 2: Hadith Guidance -->\r\n        <div>\r\n            <div class=\"flex items-center gap-3 mb-8 border-b-2 border-blue-500\/20 pb-3\">\r\n                <div class=\"w-10 h-10 rounded-lg bg-blue-600 text-white flex items-center justify-center text-xl font-bold shadow-md\">\r\n                    <i class=\"fa-solid fa-scroll\"><\/i>\r\n                <\/div>\r\n                <div>\r\n                    <h2 class=\"text-2xl sm:text-3xl font-bold text-slate-900\">\u09e8. \u09b9\u09be\u09a6\u09bf\u09b8 \u09b6\u09b0\u09c0\u09ab\u09c7\u09b0 \u09ac\u09be\u09a3\u09c0<\/h2>\r\n                    <p class=\"text-slate-500 text-sm\">\u09b0\u09be\u09b8\u09c2\u09b2\u09c1\u09b2\u09cd\u09b2\u09be\u09b9 (\u09b8\u09be.) \u098f\u09b0 \u09aa\u09ac\u09bf\u09a4\u09cd\u09b0 \u09a6\u09bf\u0995\u09a8\u09bf\u09b0\u09cd\u09a6\u09c7\u09b6\u09a8\u09be \u0993 \u09b6\u09bf\u0995\u09cd\u09b7\u09be<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6 mb-8\">\r\n                <!-- Hadith 1 -->\r\n                <div class=\"bg-gradient-to-br from-blue-900 to-slate-900 text-white rounded-2xl p-6 shadow-md relative overflow-hidden flex flex-col justify-between\">\r\n                    <div class=\"absolute -right-4 -bottom-4 opacity-10 text-8xl text-white\">\r\n                        <i class=\"fa-solid fa-heart-pulse\"><\/i>\r\n                    <\/div>\r\n                    <div>\r\n                        <div class=\"flex items-center gap-2 mb-3\">\r\n                            <i class=\"fa-solid fa-circle-check text-amber-400\"><\/i>\r\n                            <span class=\"text-xs font-bold text-blue-200 uppercase tracking-wider\">\u09b8\u09b9\u09c0\u09b9 \u09ac\u09c1\u0996\u09be\u09b0\u09c0 \u0993 \u09ae\u09c1\u09b8\u09b2\u09bf\u09ae<\/span>\r\n                        <\/div>\r\n                        <h3 class=\"text-xl font-bold mb-3 text-amber-300\">\u09ae\u09c1\u09b8\u09b2\u09bf\u09ae \u0989\u09ae\u09cd\u09ae\u09be\u09b9 \u098f\u0995\u099f\u09bf \u09a6\u09c7\u09b9\u09c7\u09b0 \u09ae\u09a4\u09cb<\/h3>\r\n                        <p class=\"text-blue-100 leading-relaxed text-sm\">\r\n                            \u09b0\u09be\u09b8\u09c2\u09b2\u09c1\u09b2\u09cd\u09b2\u09be\u09b9 (\u09b8\u09be.) \u09ac\u09b2\u09c7\u099b\u09c7\u09a8: \"\u09ae\u09c1\u09ae\u09bf\u09a8\u09a6\u09c7\u09b0 \u09aa\u09be\u09b0\u09b8\u09cd\u09aa\u09b0\u09bf\u0995 \u09a6\u09af\u09bc\u09be, \u09ad\u09be\u09b2\u09cb\u09ac\u09be\u09b8\u09be \u0993 \u09b8\u09b9\u09ae\u09b0\u09cd\u09ae\u09bf\u09a4\u09be\u09b0 \u0989\u09a6\u09be\u09b9\u09b0\u09a3 \u09b9\u09b2\u09cb \u098f\u0995\u099f\u09bf \u09a6\u09c7\u09b9\u09c7\u09b0 \u09ae\u09a4\u09cb\u0964 \u09a6\u09c7\u09b9\u09c7\u09b0 \u0995\u09cb\u09a8\u09cb \u098f\u0995\u099f\u09bf \u0985\u0999\u09cd\u0997 \u0986\u0995\u09cd\u09b0\u09be\u09a8\u09cd\u09a4 \u09b9\u09b2\u09c7 \u09aa\u09c1\u09b0\u09cb \u09b6\u09b0\u09c0\u09b0 \u0985\u09a8\u09bf\u09a6\u09cd\u09b0\u09be \u0993 \u099c\u09cd\u09ac\u09b0\u09c7 \u0986\u0995\u09cd\u09b0\u09be\u09a8\u09cd\u09a4 \u09b9\u09af\u09bc\u0964\"\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Hadith 2 -->\r\n                <div class=\"bg-white rounded-2xl p-6 shadow-sm border border-slate-200 flex flex-col justify-between\">\r\n                    <div>\r\n                        <div class=\"flex items-center gap-2 mb-3\">\r\n                            <i class=\"fa-solid fa-hand-holding-hand text-blue-600\"><\/i>\r\n                            <span class=\"text-xs font-bold text-slate-500 uppercase tracking-wider\">\u09b8\u09b9\u09c0\u09b9 \u09ac\u09c1\u0996\u09be\u09b0\u09c0<\/span>\r\n                        <\/div>\r\n                        <h3 class=\"text-lg font-bold text-slate-800 mb-2\">\u09ae\u099c\u09b2\u09c1\u09ae\u09c7\u09b0 \u09aa\u09be\u09b6\u09c7 \u09a6\u09be\u0981\u09a1\u09bc\u09be\u09a8\u09cb<\/h3>\r\n                        <p class=\"text-slate-600 text-sm leading-relaxed mb-3\">\r\n                            \u09a8\u09ac\u09c0 \u0995\u09b0\u09c0\u09ae (\u09b8\u09be.) \u09ac\u09b2\u09c7\u099b\u09c7\u09a8: \"\u09a4\u09cb\u09ae\u09b0\u09be \u09ad\u09be\u0987\u0995\u09c7 \u09b8\u09be\u09b9\u09be\u09af\u09cd\u09af \u0995\u09b0\u09cb, \u09b8\u09c7 \u099c\u09be\u09b2\u09c7\u09ae \u09b9\u09cb\u0995 \u09ac\u09be \u09ae\u099c\u09b2\u09c1\u09ae\u0964\"\r\n                        <\/p>\r\n                        <div class=\"bg-slate-50 p-3 rounded-lg text-xs text-slate-600 border border-slate-200\">\r\n                            <strong>\u09b8\u09be\u09b9\u09be\u09ac\u09be\u09b0\u09be \u099c\u09bf\u099c\u09cd\u099e\u09c7\u09b8 \u0995\u09b0\u09b2\u09c7\u09a8:<\/strong> \"\u09ae\u099c\u09b2\u09c1\u09ae\u0995\u09c7 \u09b8\u09be\u09b9\u09be\u09af\u09cd\u09af \u0995\u09b0\u09be \u09ac\u09c1\u099d\u09b2\u09be\u09ae, \u0995\u09bf\u09a8\u09cd\u09a4\u09c1 \u099c\u09be\u09b2\u09c7\u09ae\u0995\u09c7 \u0995\u09c0\u09ad\u09be\u09ac\u09c7 \u09b8\u09be\u09b9\u09be\u09af\u09cd\u09af \u0995\u09b0\u09ac?\" <br>\r\n                            <strong>\u09a4\u09bf\u09a8\u09bf \u09ac\u09b2\u09b2\u09c7\u09a8:<\/strong> \"\u09a4\u09be\u0995\u09c7 \u099c\u09c1\u09b2\u09c1\u09ae \u09a5\u09c7\u0995\u09c7 \u09ac\u09bf\u09b0\u09a4 \u09b0\u09be\u0996\u09be\u09b0 \u09ae\u09be\u09a7\u09cd\u09af\u09ae\u09c7\u0964\"\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Hadith 3 -->\r\n                <div class=\"bg-white rounded-2xl p-6 shadow-sm border border-slate-200 flex flex-col justify-between\">\r\n                    <div>\r\n                        <div class=\"flex items-center gap-2 mb-3\">\r\n                            <i class=\"fa-solid fa-award text-amber-500\"><\/i>\r\n                            <span class=\"text-xs font-bold text-slate-500 uppercase tracking-wider\">\u09b8\u09b9\u09c0\u09b9 \u09ae\u09c1\u09b8\u09b2\u09bf\u09ae<\/span>\r\n                        <\/div>\r\n                        <h3 class=\"text-lg font-bold text-slate-800 mb-2\">\u09ac\u09bf\u09aa\u09a6\u09c7\u09b0 \u09b8\u09ae\u09af\u09bc \u09b8\u09be\u09b9\u09be\u09af\u09cd\u09af \u0995\u09b0\u09be\u09b0 \u09b8\u0993\u09af\u09bc\u09be\u09ac<\/h3>\r\n                        <p class=\"text-slate-600 text-sm leading-relaxed bg-amber-50\/60 p-4 rounded-xl border-l-4 border-amber-500\">\r\n                            \"\u09af\u09c7 \u09ac\u09cd\u09af\u0995\u09cd\u09a4\u09bf \u0995\u09cb\u09a8\u09cb \u09ae\u09c1\u09ae\u09bf\u09a8\u09c7\u09b0 \u09a6\u09c1\u09a8\u09bf\u09af\u09bc\u09be\u09ac\u09c0 \u09ac\u09bf\u09aa\u09a6\u09b8\u09ae\u09c2\u09b9\u09c7\u09b0 \u09ae\u09a7\u09cd\u09af \u09a5\u09c7\u0995\u09c7 \u098f\u0995\u099f\u09bf \u09ac\u09bf\u09aa\u09a6 \u09a6\u09c2\u09b0 \u0995\u09b0\u09c7 \u09a6\u09c7\u09ac\u09c7, \u0986\u09b2\u09cd\u09b2\u09be\u09b9 \u0995\u09bf\u09af\u09bc\u09be\u09ae\u09a4\u09c7\u09b0 \u09a6\u09bf\u09a8 \u09a4\u09be\u09b0 \u098f\u0995\u099f\u09bf \u09ac\u09a1\u09bc \u09ac\u09bf\u09aa\u09a6 \u09a6\u09c2\u09b0 \u0995\u09b0\u09c7 \u09a6\u09c7\u09ac\u09c7\u09a8\u0964\"\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Hadith 4: Ummah Solidarity -->\r\n            <div class=\"bg-gradient-to-r from-blue-700 via-blue-800 to-indigo-900 rounded-2xl p-6 sm:p-8 text-white shadow-lg flex flex-col md:flex-row items-center justify-between gap-6\">\r\n                <div class=\"space-y-2\">\r\n                    <div class=\"flex items-center gap-2\">\r\n                        <span class=\"px-3 py-1 bg-white\/20 text-white text-xs font-bold rounded-full backdrop-blur-md\">\r\n                            <i class=\"fa-solid fa-star me-1 text-amber-300\"><\/i> \u09ac\u09bf\u09b6\u09c7\u09b7 \u09ab\u099c\u09bf\u09b2\u09a4\r\n                        <\/span>\r\n                        <span class=\"text-xs text-blue-100\">\u09b8\u09b9\u09c0\u09b9 \u09ac\u09c1\u0996\u09be\u09b0\u09c0<\/span>\r\n                    <\/div>\r\n                    <h3 class=\"text-2xl font-bold text-amber-300\">\u09e9. \u09b8\u0982\u0998\u09be\u09a4\u0995\u09ac\u09b2\u09bf\u09a4 \u0989\u09ae\u09cd\u09ae\u09be\u09b9\u09b0 \u09aa\u09be\u09b6\u09c7 \u09a6\u09be\u0981\u09dc\u09be\u09a8\u09cb\u09b0 \u0997\u09c1\u09b0\u09c1\u09a4\u09cd\u09ac<\/h3>\r\n                    <p class=\"text-blue-50 leading-relaxed text-base\">\r\n                        \u09b0\u09be\u09b8\u09c2\u09b2\u09c1\u09b2\u09cd\u09b2\u09be\u09b9 (\u09b8\u09be.) \u09ac\u09b2\u09c7\u099b\u09c7\u09a8: <strong>\"\u098f\u0995 \u09ae\u09c1\u09ae\u09bf\u09a8 \u0985\u09aa\u09b0 \u09ae\u09c1\u09ae\u09bf\u09a8\u09c7\u09b0 \u099c\u09a8\u09cd\u09af \u0987\u09ae\u09be\u09b0\u09a4 \u09ac\u09be \u09aa\u09cd\u09b0\u09be\u099a\u09c0\u09b0\u09b8\u09cd\u09ac\u09b0\u09c2\u09aa, \u09af\u09be\u09b0 \u098f\u0995 \u0985\u0982\u09b6 \u0985\u09aa\u09b0 \u0985\u0982\u09b6\u0995\u09c7 \u09b8\u09c1\u09a6\u09c3\u09dd \u09b0\u09be\u0996\u09c7\u0964\"<\/strong> \u09a4\u09be\u0987 \u09ac\u09bf\u09aa\u09a6\u09c7 \u09aa\u09dc\u09be \u09b8\u09c1\u09a6\u09be\u09a8\u09c7\u09b0 \u09ad\u09be\u0987-\u09ac\u09cb\u09a8\u09a6\u09c7\u09b0 \u09b8\u09be\u09b9\u09be\u09af\u09cd\u09af \u0995\u09b0\u09be \u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u09aa\u09cd\u09b0\u09a4\u09bf\u099f\u09bf \u09ae\u09c1\u09ae\u09bf\u09a8\u09c7\u09b0 \u0988\u09ae\u09be\u09a8\u09c0 \u09a6\u09be\u09df\u09bf\u09a4\u09cd\u09ac\u0964\r\n                    <\/p>\r\n                <\/div>\r\n                <div class=\"flex-shrink-0\">\r\n                    <div class=\"w-16 h-16 rounded-full bg-white\/10 flex items-center justify-center text-3xl border border-white\/30 shadow-inner\">\r\n                        \ud83d\udd4a\ufe0f\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Section 3: Sudan Crisis Emergency Appeal -->\r\n        <div class=\"bg-gradient-to-br from-red-950 via-slate-900 to-blue-950 text-white rounded-3xl p-6 sm:p-10 shadow-2xl border border-red-500\/30 relative overflow-hidden\">\r\n            <div class=\"absolute -right-10 -bottom-10 w-60 h-60 bg-red-500\/10 rounded-full blur-3xl pointer-events-none\"><\/div>\r\n            \r\n            <div class=\"max-w-4xl mx-auto space-y-8 relative z-10\">\r\n                <div class=\"text-center space-y-3\">\r\n                    <span class=\"inline-flex items-center gap-2 px-4 py-1.5 rounded-full bg-red-500\/20 border border-red-400\/40 text-red-300 text-xs sm:text-sm font-bold\">\r\n                        <i class=\"fa-solid fa-triangle-exclamation text-amber-400\"><\/i> \u099c\u09b0\u09c1\u09b0\u09bf \u09ae\u09be\u09a8\u09ac\u09bf\u0995 \u0986\u09b9\u09cd\u09ac\u09be\u09a8 \u2014 \u09b8\u09c1\u09a6\u09be\u09a8 \u09b8\u0982\u0995\u099f\r\n                    <\/span>\r\n                    <h2 class=\"text-2xl sm:text-4xl font-extrabold tracking-tight text-white\">\r\n                        \u0995\u09c7\u09a8 \u0986\u099c\u0987 \u0986\u09aa\u09a8\u09be\u09b0 \u098f\u0997\u09bf\u09af\u09bc\u09c7 \u0986\u09b8\u09be \u09aa\u09cd\u09b0\u09af\u09bc\u09cb\u099c\u09a8?\r\n                    <\/h2>\r\n                    <p class=\"text-slate-300 text-base sm:text-lg max-w-3xl mx-auto leading-relaxed\">\r\n                        \u098f\u0987 \u099a\u09b0\u09ae \u09ae\u09be\u09a8\u09ac\u09bf\u0995 \u09ac\u09bf\u09aa\u09b0\u09cd\u09af\u09af\u09bc\u09c7 \u09ac\u09be\u0982\u09b2\u09be\u09a6\u09c7\u09b6 \u09a5\u09c7\u0995\u09c7 \u09ad\u09be\u09b2\u09cb\u09ac\u09be\u09b8\u09be\u09b0 \u09b9\u09be\u09a4 \u09ac\u09be\u09a1\u09bc\u09bf\u09af\u09bc\u09c7 \u09a6\u09bf\u09af\u09bc\u09c7\u099b\u09c7 <span class=\"text-amber-400 font-bold\">\u09a8\u099c\u09be\u09a4 (Nazaatt)<\/span>\u0964 \u0995\u09bf\u09a8\u09cd\u09a4\u09c1 \u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u098f\u0987 \u09aa\u09cd\u09b0\u099a\u09c7\u09b7\u09cd\u099f\u09be \u09aa\u09c2\u09b0\u09cd\u09a3\u09a4\u09be \u09aa\u09be\u09ac\u09c7 \u0995\u09c7\u09ac\u09b2 \u0986\u09aa\u09a8\u09be\u09b0 \u09b8\u09b9\u09af\u09cb\u0997\u09bf\u09a4\u09be\u09af\u09bc\u0964\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <div class=\"bg-white\/10 backdrop-blur-md p-5 sm:p-6 rounded-2xl border border-white\/10 text-center\">\r\n                    <p class=\"text-lg sm:text-xl font-semibold text-amber-200\">\r\n                        \"\u09b8\u09c1\u09a6\u09be\u09a8\u09c7\u09b0 \u09aa\u09b0\u09bf\u09b8\u09cd\u09a5\u09bf\u09a4\u09bf \u098f\u0996\u09a8 \u0986\u09b0 \u0995\u09c7\u09ac\u09b2 \u09b8\u0982\u0998\u09be\u09a4\u09c7\u09b0 \u09ae\u09a7\u09cd\u09af\u09c7 \u09b8\u09c0\u09ae\u09be\u09ac\u09a6\u09cd\u09a7 \u09a8\u09c7\u0987, \u098f\u099f\u09bf \u098f\u0996\u09a8 \u098f\u0995 \u099a\u09b0\u09ae \u09a6\u09c1\u09b0\u09cd\u09ad\u09bf\u0995\u09cd\u09b7\u09c7\u09b0 \u09a6\u09bf\u0995\u09c7 \u09a7\u09be\u09ac\u09bf\u09a4 \u09b9\u099a\u09cd\u099b\u09c7\u0964\"\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <!-- 3 Crisis Points Grid -->\r\n                <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6\">\r\n                    <!-- Point 1 -->\r\n                    <div class=\"bg-slate-800\/80 p-6 rounded-2xl border border-slate-700\/80 hover:border-red-500\/50 transition-all flex flex-col justify-between\">\r\n                        <div>\r\n                            <div class=\"w-12 h-12 rounded-xl bg-red-500\/20 text-red-400 flex items-center justify-center text-2xl mb-4 border border-red-500\/30\">\r\n                                \ud83c\udf72\r\n                            <\/div>\r\n                            <h3 class=\"text-xl font-bold text-white mb-2\">\u0996\u09be\u09a6\u09cd\u09af\u09c7\u09b0 \u0985\u09ad\u09be\u09ac<\/h3>\r\n                            <p class=\"text-slate-300 text-sm leading-relaxed\">\r\n                                \u09ac\u09be\u099c\u09be\u09b0\u09c7 \u0996\u09be\u09ac\u09be\u09b0 \u09a8\u09c7\u0987, \u0986\u09b0 \u09af\u09be \u0986\u099b\u09c7 \u09a4\u09be\u09b0 \u09a6\u09be\u09ae \u09b8\u09be\u09a7\u09be\u09b0\u09a3 \u09ae\u09be\u09a8\u09c1\u09b7\u09c7\u09b0 \u09b8\u09be\u09a7\u09cd\u09af\u09c7\u09b0 \u09ac\u09be\u0987\u09b0\u09c7\u0964\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Point 2 -->\r\n                    <div class=\"bg-slate-800\/80 p-6 rounded-2xl border border-slate-700\/80 hover:border-amber-500\/50 transition-all flex flex-col justify-between\">\r\n                        <div>\r\n                            <div class=\"w-12 h-12 rounded-xl bg-amber-500\/20 text-amber-400 flex items-center justify-center text-2xl mb-4 border border-amber-500\/30\">\r\n                                \u26fa\r\n                            <\/div>\r\n                            <h3 class=\"text-xl font-bold text-white mb-2\">\u0986\u09b6\u09cd\u09b0\u09af\u09bc\u09b9\u09c0\u09a8\u09a4\u09be<\/h3>\r\n                            <p class=\"text-slate-300 text-sm leading-relaxed\">\r\n                                \u09ac\u09cb\u09ae\u09be \u0986\u09b0 \u0997\u09c1\u09b2\u09bf\u09b0 \u09b6\u09ac\u09cd\u09a6\u09c7 \u0998\u09b0 \u099b\u09c7\u09a1\u09bc\u09c7 \u09aa\u09be\u09b2\u09be\u09a8\u09cb \u09aa\u09b0\u09bf\u09ac\u09be\u09b0\u0997\u09c1\u09b2\u09cb \u09b0\u09bf\u09ab\u09bf\u0989\u099c\u09bf \u0995\u09cd\u09af\u09be\u09ae\u09cd\u09aa\u09c7 \u09ae\u09be\u09a8\u09ac\u09c7\u09a4\u09b0 \u099c\u09c0\u09ac\u09a8 \u09af\u09be\u09aa\u09a8 \u0995\u09b0\u099b\u09c7\u0964\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Point 3 -->\r\n                    <div class=\"bg-slate-800\/80 p-6 rounded-2xl border border-slate-700\/80 hover:border-blue-400\/50 transition-all flex flex-col justify-between\">\r\n                        <div>\r\n                            <div class=\"w-12 h-12 rounded-xl bg-blue-500\/20 text-blue-300 flex items-center justify-center text-2xl mb-4 border border-blue-500\/30\">\r\n                                \ud83c\udf19\r\n                            <\/div>\r\n                            <h3 class=\"text-xl font-bold text-white mb-2\">\u0986\u09b8\u09a8\u09cd\u09a8 \u09b0\u09ae\u099c\u09be\u09a8<\/h3>\r\n                            <p class=\"text-slate-300 text-sm leading-relaxed\">\r\n                                \u09b8\u09be\u09ae\u09a8\u09c7\u0987 \u09aa\u09ac\u09bf\u09a4\u09cd\u09b0 \u09ae\u09be\u09b9\u09c7 \u09b0\u09ae\u099c\u09be\u09a8\u0964 \u09af\u09c7\u0996\u09be\u09a8\u09c7 \u0986\u09ae\u09b0\u09be \u0987\u09ab\u09a4\u09be\u09b0\u09c7\u09b0 \u0986\u09af\u09bc\u09cb\u099c\u09a8 \u09a8\u09bf\u09af\u09bc\u09c7 \u09ac\u09cd\u09af\u09b8\u09cd\u09a4 \u09a5\u09be\u0995\u09ac\u09cb, \u09b8\u09c7\u0996\u09be\u09a8\u09c7 \u09b8\u09c1\u09a6\u09be\u09a8\u09c7\u09b0 \u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u09ad\u09be\u0987-\u09ac\u09cb\u09a8\u09c7\u09b0\u09be \u09b9\u09af\u09bc\u09a4\u09cb \u09b8\u09be\u09b9\u09b0\u09bf\u09a4\u09c7 \u09b6\u09c1\u09a7\u09c1 \u09aa\u09be\u09a8\u09bf \u0996\u09c7\u09af\u09bc\u09c7 \u09b0\u09cb\u099c\u09be \u09b0\u09be\u0996\u09ac\u09c7\u09a8\u0964\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Section 4: Nazaatt Assistance -->\r\n        <div class=\"bg-white rounded-3xl p-6 sm:p-10 shadow-xl border border-slate-100\">\r\n            <div class=\"text-center max-w-3xl mx-auto mb-10\">\r\n                <span class=\"text-blue-600 text-sm font-bold tracking-widest uppercase bg-blue-50 px-4 py-1.5 rounded-full border border-blue-200\">\r\n                    \u09a8\u099c\u09be\u09a4 (Nazaatt)\r\n                <\/span>\r\n                <h2 class=\"text-3xl sm:text-4xl font-extrabold text-slate-900 mt-3\">\r\n                    \u0995\u09c0\u09ad\u09be\u09ac\u09c7 \u09b8\u09b9\u09be\u09af\u09bc\u09a4\u09be \u09aa\u09cc\u0981\u099b\u09c7 \u09a6\u09bf\u099a\u09cd\u099b\u09c7 \u09a8\u099c\u09be\u09a4 (Nazaatt)?\r\n                <\/h2>\r\n                <p class=\"text-slate-500 mt-2\">\u099c\u09b0\u09c1\u09b0\u09bf \u09b8\u0982\u0995\u099f\u09ae\u09df \u09ae\u09c1\u09b9\u09c2\u09b0\u09cd\u09a4\u09c7 \u0995\u09cd\u09b7\u09a4\u09bf\u0997\u09cd\u09b0\u09b8\u09cd\u09a4 \u0993 \u0985\u09b8\u09b9\u09be\u09af\u09bc \u09ae\u09be\u09a8\u09c1\u09b7\u09c7\u09b0 \u09aa\u09be\u09b6\u09c7 \u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u09b8\u09b0\u09be\u09b8\u09b0\u09bf \u0995\u09b0\u09cd\u09ae\u09a4\u09ce\u09aa\u09b0\u09a4\u09be<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-8 items-center\">\r\n                <!-- Image Container -->\r\n                <div class=\"lg:col-span-5\">\r\n                    <div class=\"relative rounded-2xl overflow-hidden shadow-xl group border-2 border-blue-100\">\r\n                        <img decoding=\"async\" \r\n                            src=\"https:\/\/nazaatt.online\/wp-content\/uploads\/2026\/09\/7125.jpg\" \r\n                            alt=\"\u09a8\u099c\u09be\u09a4 (Nazaatt) \u09a4\u09cd\u09b0\u09be\u09a3 \u09ac\u09bf\u09a4\u09b0\u09a3\" \r\n                            class=\"w-full h-80 lg:h-[450px] object-cover transform group-hover:scale-105 transition duration-500\"\r\n                            onerror=\"this.onerror=null; this.src='https:\/\/nazaatt.online\/wp-content\/uploads\/2026\/09\/7221.jpg?text=Nazaatt+Relief+Activity';\"\r\n                        >\r\n                        <div class=\"absolute inset-0 bg-gradient-to-t from-slate-950\/80 via-slate-900\/20 to-transparent flex items-end p-6\">\r\n                            <p class=\"text-white font-medium text-sm sm:text-base\">\r\n                                <i class=\"fa-solid fa-location-dot text-amber-400 me-2\"><\/i> \u09ae\u09be\u09a0\u09aa\u09b0\u09cd\u09af\u09be\u09df\u09c7 \u09b8\u09b0\u09be\u09b8\u09b0\u09bf \u0985\u09b8\u09b9\u09be\u09df\u09a6\u09c7\u09b0 \u09b9\u09be\u09a4\u09c7 \u09a4\u09cd\u09b0\u09be\u09a3 \u09aa\u09cc\u0981\u099b\u09c7 \u09a6\u09bf\u099a\u09cd\u099b\u09c7 \u09a8\u099c\u09be\u09a4\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Assistance Points Grid -->\r\n                <div class=\"lg:col-span-7 grid grid-cols-1 sm:grid-cols-2 gap-4\">\r\n                    \r\n                    <div class=\"p-4 rounded-xl bg-slate-50 border border-slate-100 hover:border-blue-400 hover:bg-blue-50\/30 transition-all flex items-start gap-3\">\r\n                        <span class=\"text-2xl p-2 bg-blue-100 rounded-lg flex-shrink-0\">\ud83d\ude9a<\/span>\r\n                        <div>\r\n                            <h4 class=\"font-bold text-slate-800 text-base\">\u0996\u09be\u09a6\u09cd\u09af \u09ac\u09bf\u09a4\u09b0\u09a3<\/h4>\r\n                            <p class=\"text-slate-600 text-sm mt-0.5\">\u09aa\u09cd\u09b0\u09a4\u09bf\u09a6\u09bf\u09a8 \u0996\u09be\u09a6\u09cd\u09af \u09aa\u09cd\u09af\u09be\u0995\u09c7\u099f \u0993 \u09b0\u09be\u09a8\u09cd\u09a8\u09be \u0995\u09b0\u09be \u0996\u09be\u09ac\u09be\u09b0 \u09ac\u09bf\u09a4\u09b0\u09a3 \u0995\u09b0\u09be \u09b9\u09df<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"p-4 rounded-xl bg-slate-50 border border-slate-100 hover:border-blue-400 hover:bg-blue-50\/30 transition-all flex items-start gap-3\">\r\n                        <span class=\"text-2xl p-2 bg-sky-100 rounded-lg flex-shrink-0\">\ud83d\udca7<\/span>\r\n                        <div>\r\n                            <h4 class=\"font-bold text-slate-800 text-base\">\u09ac\u09bf\u09b6\u09c1\u09a6\u09cd\u09a7 \u09aa\u09be\u09a8\u09bf<\/h4>\r\n                            <p class=\"text-slate-600 text-sm mt-0.5\">\u09ac\u09bf\u09b6\u09c1\u09a6\u09cd\u09a7 \u09aa\u09be\u09a8\u09bf\u09b0 \u09b8\u09b0\u09ac\u09b0\u09be\u09b9 \u0993 \u09a8\u09bf\u09b0\u09be\u09aa\u09a6 \u09ac\u09cd\u09af\u09ac\u09b8\u09cd\u09a5\u09be\u09b0 \u09b8\u09c3\u09b7\u09cd\u099f\u09bf<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"p-4 rounded-xl bg-slate-50 border border-slate-100 hover:border-blue-400 hover:bg-blue-50\/30 transition-all flex items-start gap-3\">\r\n                        <span class=\"text-2xl p-2 bg-amber-100 rounded-lg flex-shrink-0\">\ud83c\udf7c<\/span>\r\n                        <div>\r\n                            <h4 class=\"font-bold text-slate-800 text-base\">\u09b6\u09bf\u09b6\u09c1 \u09aa\u09c1\u09b7\u09cd\u099f\u09bf<\/h4>\r\n                            <p class=\"text-slate-600 text-sm mt-0.5\">\u0985\u09aa\u09c1\u09b7\u09cd\u099f \u09b6\u09bf\u09b6\u09c1\u09a6\u09c7\u09b0 \u099c\u09a8\u09cd\u09af \u09ac\u09c7\u09ac\u09bf \u09ab\u09c1\u09a1 \u0993 \u09ac\u09bf\u09b6\u09c7\u09b7 \u09a8\u09bf\u0989\u099f\u09cd\u09b0\u09bf\u09b6\u09a8<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"p-4 rounded-xl bg-slate-50 border border-slate-100 hover:border-blue-400 hover:bg-blue-50\/30 transition-all flex items-start gap-3\">\r\n                        <span class=\"text-2xl p-2 bg-red-100 rounded-lg flex-shrink-0\">\ud83c\udfe5<\/span>\r\n                        <div>\r\n                            <h4 class=\"font-bold text-slate-800 text-base\">\u099a\u09bf\u0995\u09bf\u09ce\u09b8\u09be \u09b8\u09b9\u09be\u09df\u09a4\u09be<\/h4>\r\n                            <p class=\"text-slate-600 text-sm mt-0.5\">\u0986\u09b9\u09a4 \u0993 \u0985\u09b8\u09c1\u09b8\u09cd\u09a5\u09a6\u09c7\u09b0 \u099c\u09a8\u09cd\u09af \u099c\u09b0\u09c1\u09b0\u09bf \u099a\u09bf\u0995\u09bf\u09ce\u09b8\u09be \u09b8\u09b9\u09be\u09af\u09bc\u09a4\u09be<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"p-4 rounded-xl bg-slate-50 border border-slate-100 hover:border-blue-400 hover:bg-blue-50\/30 transition-all flex items-start gap-3\">\r\n                        <span class=\"text-2xl p-2 bg-indigo-100 rounded-lg flex-shrink-0\">\ud83d\udc69\u200d\ud83d\udc67<\/span>\r\n                        <div>\r\n                            <h4 class=\"font-bold text-slate-800 text-base\">\u09b6\u09bf\u09b6\u09c1 \u0993 \u098f\u09a4\u09bf\u09ae \u09b8\u09b9\u09be\u09df\u09a4\u09be<\/h4>\r\n                            <p class=\"text-slate-600 text-sm mt-0.5\">\u098f\u09a4\u09bf\u09ae \u0993 \u09ac\u09be\u09b8\u09cd\u09a4\u09c1\u099a\u09cd\u09af\u09c1\u09a4 \u09b6\u09bf\u09b6\u09c1\u09a6\u09c7\u09b0 \u099c\u09b0\u09c1\u09b0\u09bf \u09b8\u09be\u09b9\u09be\u09af\u09cd\u09af \u0993 \u09b8\u09c1\u09b0\u0995\u09cd\u09b7\u09be<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"p-4 rounded-xl bg-slate-50 border border-slate-100 hover:border-blue-400 hover:bg-blue-50\/30 transition-all flex items-start gap-3\">\r\n                        <span class=\"text-2xl p-2 bg-teal-100 rounded-lg flex-shrink-0\">\ud83e\udd1d<\/span>\r\n                        <div>\r\n                            <h4 class=\"font-bold text-slate-800 text-base\">\u0986\u09a8\u09cd\u09a4\u09b0\u09cd\u099c\u09be\u09a4\u09bf\u0995 \u09b8\u09ae\u09a8\u09cd\u09ac\u09df<\/h4>\r\n                            <p class=\"text-slate-600 text-sm mt-0.5\">\u09b8\u09cd\u09a5\u09be\u09a8\u09c0\u09df \u0993 \u0986\u09a8\u09cd\u09a4\u09b0\u09cd\u099c\u09be\u09a4\u09bf\u0995 \u09ae\u09be\u09a8\u09ac\u09bf\u0995 \u09b8\u0982\u09b8\u09cd\u09a5\u09be\u09b0 \u09b8\u09be\u09a5\u09c7 \u09b8\u09ae\u09a8\u09cd\u09ac\u09df \u0995\u09b0\u09c7 \u09b8\u09b0\u09be\u09b8\u09b0\u09bf \u09b8\u09be\u09b9\u09be\u09af\u09cd\u09af<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Section 4: Donation Impact Banner -->\r\n        <div class=\"bg-gradient-to-br from-blue-900 via-blue-950 to-slate-900 rounded-3xl p-8 sm:p-12 text-white shadow-2xl relative overflow-hidden\">\r\n            <div class=\"max-w-3xl mx-auto text-center space-y-6 relative z-10\">\r\n                <h2 class=\"text-3xl sm:text-4xl font-extrabold tracking-tight\">\r\n                    \u0986\u09aa\u09a8\u09be\u09b0 \u09a6\u09be\u09a8 \u0995\u09c7\u09a8 \u0997\u09c1\u09b0\u09c1\u09a4\u09cd\u09ac\u09aa\u09c2\u09b0\u09cd\u09a3?\r\n                <\/h2>\r\n                <p class=\"text-blue-200 text-lg\">\r\n                    \u0986\u09aa\u09a8\u09be\u09b0 \u098f\u0995\u099f\u09bf \u0995\u09cd\u09b7\u09c1\u09a6\u09cd\u09b0 \u0985\u09a8\u09c1\u09a6\u09be\u09a8 \u09ac\u09a6\u09b2\u09c7 \u09a6\u09bf\u09a4\u09c7 \u09aa\u09be\u09b0\u09c7 \u098f\u0995\u099f\u09bf \u09ac\u09bf\u09aa\u09a8\u09cd\u09a8 \u09ae\u09be\u09a8\u09c1\u09b7\u09c7\u09b0 \u099c\u09c0\u09ac\u09a8\u0964 \u0986\u09aa\u09a8\u09be\u09b0 \u098f\u0995\u099f\u09bf \u0985\u09a8\u09c1\u09a6\u09be\u09a8 \u09ae\u09be\u09a8\u09c7\u2014\r\n                <\/p>\r\n\r\n                <!-- Impact Grid -->\r\n                <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-4 text-left mt-6\">\r\n                    <div class=\"flex items-center gap-3 bg-white\/10 p-4 rounded-2xl backdrop-blur-md border border-white\/10 hover:border-blue-400\/40 transition\">\r\n                        <div class=\"w-10 h-10 rounded-full bg-blue-500\/30 text-amber-300 flex items-center justify-center flex-shrink-0 text-xl\">\r\n                            <i class=\"fa-solid fa-bowl-food\"><\/i>\r\n                        <\/div>\r\n                        <span class=\"font-semibold text-white text-base\">\u098f\u0995\u099f\u09bf \u09b6\u09bf\u09b6\u09c1 \u098f\u0995\u09ac\u09c7\u09b2\u09be \u0996\u09be\u09ac\u09be\u09b0 \u09aa\u09be\u09ac\u09c7<\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"flex items-center gap-3 bg-white\/10 p-4 rounded-2xl backdrop-blur-md border border-white\/10 hover:border-blue-400\/40 transition\">\r\n                        <div class=\"w-10 h-10 rounded-full bg-blue-500\/30 text-amber-300 flex items-center justify-center flex-shrink-0 text-xl\">\r\n                            <i class=\"fa-solid fa-bottle-water\"><\/i>\r\n                        <\/div>\r\n                        <span class=\"font-semibold text-white text-base\">\u098f\u0995\u099f\u09bf \u09aa\u09b0\u09bf\u09ac\u09be\u09b0 \u09ac\u09bf\u09b6\u09c1\u09a6\u09cd\u09a7 \u09aa\u09be\u09a8\u09bf \u09aa\u09be\u09ac\u09c7<\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"flex items-center gap-3 bg-white\/10 p-4 rounded-2xl backdrop-blur-md border border-white\/10 hover:border-blue-400\/40 transition\">\r\n                        <div class=\"w-10 h-10 rounded-full bg-blue-500\/30 text-amber-300 flex items-center justify-center flex-shrink-0 text-xl\">\r\n                            <i class=\"fa-solid fa-user-nurse\"><\/i>\r\n                        <\/div>\r\n                        <span class=\"font-semibold text-white text-base\">\u098f\u0995\u099f\u09bf \u0985\u09b8\u09b9\u09be\u09df \u09ae\u09be\u09a8\u09c1\u09b7 \u099a\u09bf\u0995\u09bf\u09ce\u09b8\u09be\u09b0 \u09b8\u09c1\u09af\u09cb\u0997 \u09aa\u09be\u09ac\u09c7<\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"flex items-center gap-3 bg-white\/10 p-4 rounded-2xl backdrop-blur-md border border-white\/10 hover:border-blue-400\/40 transition\">\r\n                        <div class=\"w-10 h-10 rounded-full bg-blue-500\/30 text-amber-300 flex items-center justify-center flex-shrink-0 text-xl\">\r\n                            <i class=\"fa-solid fa-sun\"><\/i>\r\n                        <\/div>\r\n                        <span class=\"font-semibold text-white text-base\">\u098f\u0995\u099f\u09bf \u098f\u09a4\u09bf\u09ae \u09b6\u09bf\u09b6\u09c1\u09b0 \u099c\u09c0\u09ac\u09a8\u09c7 \u09a8\u09a4\u09c1\u09a8 \u0986\u09b6\u09be\u09b0 \u0986\u09b2\u09cb \u099c\u09cd\u09ac\u09b2\u09ac\u09c7<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n<a href=\"#check1\">\r\n\r\n                <!-- Call to action button -->\r\n                <div class=\"pt-6 flex flex-col sm:flex-row items-center justify-center gap-4\">\r\n                    <button class=\"w-full sm:w-auto px-8 py-4 bg-amber-500 hover:bg-amber-600 text-slate-900 font-bold text-lg rounded-xl shadow-lg transition-all hover:scale-105 cursor-pointer flex items-center justify-center gap-2\">\r\n                        <i class=\"fa-solid fa-heart\"><\/i> \u098f\u0996\u09a8\u0987 \u09b8\u09b9\u09be\u09df\u09a4\u09be \u0995\u09b0\u09c1\u09a8\r\n                    <\/button>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/main>\r\n\r\n   \r\n\r\n    <footer class=\"bg-slate-950 text-slate-400 py-8 border-t border-slate-800 text-center text-sm\">\r\n        <div class=\"max-w-6xl mx-auto px-4 space-y-2\">\r\n            <p>\u00a9 \u09a8\u099c\u09be\u09a4 (Nazaatt) \u2014 \u09ae\u09be\u09a8\u09ac\u09b8\u09c7\u09ac\u09be\u09df \u09a8\u09bf\u09ac\u09c7\u09a6\u09bf\u09a4 \u098f\u0995 \u09ac\u09bf\u09b6\u09cd\u09ac\u09b8\u09cd\u09a4 \u09a8\u09be\u09ae\u0964<\/p>\r\n            <p class=\"text-slate-500 text-xs\">\"\u09a8\u09bf\u09b6\u09cd\u099a\u09af\u09bc\u0987 \u09a6\u09be\u09a8\u09b6\u09c0\u09b2 \u09aa\u09c1\u09b0\u09c1\u09b7 \u0993 \u09a6\u09be\u09a8\u09b6\u09c0\u09b2 \u09a8\u09be\u09b0\u09c0... \u09a4\u09be\u09a6\u09c7\u09b0 \u099c\u09a8\u09cd\u09af \u09b0\u09df\u09c7\u099b\u09c7 \u09b8\u09ae\u09cd\u09ae\u09be\u09a8\u09bf\u09a4 \u09aa\u09cd\u09b0\u09a4\u09bf\u09a6\u09be\u09a8\u0964\"<\/p>\r\n        <\/div>\r\n    <\/footer>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u09a6\u09be\u09a8 \u0995\u09b0\u09c1\u09a8 \u0997\u09be\u099c\u09be\u09ac\u09be\u09b8\u09c0\u09b0 \u099c\u09a8\u09cd\u09af \u0985\u09a8\u09c1\u09a6\u09be\u09a8 \u09a6\u09bf\u09a8 \u0997\u09be\u099c\u09be\u09df \u099c\u09c0\u09ac\u09a8 \u099f\u09bf\u0995\u09c7 \u0986\u099b\u09c7 \u09b8\u09be\u09b9\u09be\u09af\u09cd\u09af\u09c7\u09b0 \u0989\u09aa\u09b0, \u0997\u09be\u099c\u09be\u09ac\u09be\u09b8\u09c0\u09b0 \u099c\u09a8\u09cd\u09af \u0986\u09aa\u09a8\u09be\u09b0 \u09a6\u09be\u09a8 \u09ae\u09be\u09a8\u09c7\u0987 \u0996\u09be\u09ac\u09be\u09b0, \u09aa\u09be\u09a8\u09bf \u0993 \u099a\u09bf\u0995\u09bf\u09ce\u09b8\u09be\u09b0 \u09ad\u09b0\u09b8\u09be\u0964 \u0997\u09be\u099c\u09be\u09ac\u09be\u09b8\u09c0\u09b0 \u099c\u09a8\u09cd\u09af \u0985\u09a8\u09c1\u09a6\u09be\u09a8 &#8211; NAZATT Foundation \u0997\u09be\u099c\u09be\u09ac\u09be\u09b8\u09c0\u09b0 \u099c\u09a8\u09cd\u09af \u0985\u09a8\u09c1\u09a6\u09be\u09a8 \u0986\u099c \u0997\u09be\u099c\u09be \u09b6\u09c1\u09a7\u09c1 \u098f\u0995\u099f\u09bf \u09a8\u09be\u09ae \u0987 \u09a8\u09df, \u098f\u099f\u09bf \u09b2\u09be\u0996\u09cb \u09a8\u09bf\u09b0\u09c0\u09b9 \u09ae\u09be\u09a8\u09c1\u09b7\u09c7\u09b0 \u0995\u09be\u09a8\u09cd\u09a8\u09be, \u0995\u09cd\u09b7\u09c1\u09a7\u09be, \u0985\u09b8\u09b9\u09be\u09df\u09a4\u09cd\u09ac \u0986\u09b0 \u09ac\u09c7\u0981\u099a\u09c7 \u09a5\u09be\u0995\u09be\u09b0 \u09b2\u09dc\u09be\u0987\u09df\u09c7\u09b0 \u09aa\u09cd\u09b0\u09a4\u09c0\u0995\u0964 \u09af\u09c1\u09a6\u09cd\u09a7, \u0985\u09ac\u09b0\u09cb\u09a7 \u0993 \u09a7\u09cd\u09ac\u0982\u09b8\u09c7\u09b0 \u09ae\u09be\u099d\u09c7 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nazaatt.online\/index.php?rest_route=\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nazaatt.online\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nazaatt.online\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nazaatt.online\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nazaatt.online\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10"}],"version-history":[{"count":104,"href":"https:\/\/nazaatt.online\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":178,"href":"https:\/\/nazaatt.online\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions\/178"}],"wp:attachment":[{"href":"https:\/\/nazaatt.online\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}