{"id":20,"date":"2026-05-25T09:55:33","date_gmt":"2026-05-25T09:55:33","guid":{"rendered":"https:\/\/khajagaribnawaz.com\/?page_id=20"},"modified":"2026-05-27T12:25:46","modified_gmt":"2026-05-27T12:25:46","slug":"home","status":"publish","type":"page","link":"https:\/\/khajagaribnawaz.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"20\" class=\"elementor elementor-20\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ca5b68a elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"ca5b68a\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ae8d5d9\" data-id=\"ae8d5d9\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c349270 elementor-widget elementor-widget-html\" data-id=\"c349270\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n   KHAJAGARIBNAWAZ.COM \u2014 HERO SECTION (Body Section 1)\r\n   Elementor > Add Section > Custom HTML Widget\r\n   ============================================================ -->\r\n\r\n<section class=\"hero-section\" id=\"home\">\r\n\r\n  <!-- Background Layers -->\r\n  <div class=\"hero-bg-overlay\"><\/div>\r\n  <div class=\"hero-pattern\"><\/div>\r\n\r\n  <div class=\"container\">\r\n    <div class=\"hero-inner\">\r\n\r\n      <!-- Left Content -->\r\n      <div class=\"hero-content\">\r\n        <p class=\"hero-eyebrow\">\r\n          <span class=\"eyebrow-line\"><\/span>\r\n          Islamic Spiritual Foundation & Welfare NGO\r\n          <span class=\"eyebrow-line\"><\/span>\r\n        <\/p>\r\n\r\n        <div class=\"hero-arabic-title\">\r\n          \u062e\u0648\u0627\u062c\u06c1 \u063a\u0631\u06cc\u0628 \u0646\u0648\u0627\u0632 \u0641\u0627\u0624\u0646\u0688\u06cc\u0634\u0646\r\n        <\/div>\r\n\r\n        <h1 class=\"hero-title\">\r\n          Serving Humanity,<br>\r\n          <em>Spreading the Light<\/em><br>\r\n          of Sufism\r\n        <\/h1>\r\n\r\n        <p class=\"hero-desc\">\r\n          Inspired by the teachings of Hazrat Khwaja Moinuddin Chishti (R.A.) \u2014 the Khwaja-e-Khwajgan \u2014 we serve the poor, spread spiritual knowledge, and uplift communities across India.\r\n        <\/p>\r\n\r\n        <div class=\"hero-hadith\">\r\n          <span class=\"hadith-mark\">\u275d<\/span>\r\n          <span class=\"hadith-text\">\"The best of people are those who are most beneficial to people.\"<\/span>\r\n          <span class=\"hadith-source\">\u2014 Prophet Muhammad \ufdfa<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"hero-buttons\">\r\n          <a href=\"#donate\" class=\"btn-gold hero-btn\">\r\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg>\r\n            Donate & Support\r\n          <\/a>\r\n          <a href=\"#about\" class=\"btn-outline-light hero-btn\">\r\n            Learn Our Mission\r\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n          <\/a>\r\n        <\/div>\r\n\r\n        <!-- Stats Row -->\r\n        <div class=\"hero-stats\">\r\n          <div class=\"stat-item\">\r\n            <span class=\"stat-number\">25,000+<\/span>\r\n            <span class=\"stat-label\">Lives Touched<\/span>\r\n          <\/div>\r\n          <div class=\"stat-divider\"><\/div>\r\n          <div class=\"stat-item\">\r\n            <span class=\"stat-number\">15+<\/span>\r\n            <span class=\"stat-label\">Years of Service<\/span>\r\n          <\/div>\r\n          <div class=\"stat-divider\"><\/div>\r\n          <div class=\"stat-item\">\r\n            <span class=\"stat-number\">12<\/span>\r\n            <span class=\"stat-label\">States Active<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Right Visual -->\r\n      <div class=\"hero-visual\">\r\n\r\n        <!-- Glow rings -->\r\n        <div class=\"hero-ring\" aria-hidden=\"true\"><\/div>\r\n        <div class=\"hero-ring-2\" aria-hidden=\"true\"><\/div>\r\n\r\n        <!-- Main image frame -->\r\n        <div class=\"hero-img-frame\">\r\n\r\n          <!-- Gold corner decorations -->\r\n          <span class=\"corner corner-tl\" aria-hidden=\"true\"><\/span>\r\n          <span class=\"corner corner-tr\" aria-hidden=\"true\"><\/span>\r\n          <span class=\"corner corner-bl\" aria-hidden=\"true\"><\/span>\r\n          <span class=\"corner corner-br\" aria-hidden=\"true\"><\/span>\r\n\r\n          <!-- Shimmer overlay -->\r\n          <div class=\"img-shimmer\" aria-hidden=\"true\"><\/div>\r\n\r\n          <!-- THE IMAGE -->\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/khajagaribnawaz.com\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-25-at-12.38.25-PM-1.jpeg\"\r\n            alt=\"Khaja Garib Nawaz Foundation\"\r\n            class=\"hero-img\">\r\n\r\n          <!-- Top badge -->\r\n          <div class=\"img-top-badge\">\r\n            <span class=\"badge-dot\"><\/span>\r\n            Khaja Garib Nawaz Foundation\r\n          <\/div>\r\n\r\n          <!-- Bottom arabic overlay -->\r\n          <div class=\"img-bottom-overlay\">\r\n            <div class=\"img-overlay-arabic\">\u06cc\u0627 \u062e\u0648\u0627\u062c\u06c1 \u063a\u0631\u06cc\u0628 \u0646\u0648\u0627\u0632<\/div>\r\n          <\/div>\r\n\r\n\r\n\r\n\r\n\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Scroll Indicator -->\r\n  <div class=\"scroll-indicator\">\r\n    <span>Scroll<\/span>\r\n    <div class=\"scroll-line\"><\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.hero-section {\r\n  position: relative;\r\n  min-height: 92vh;\r\n  display: flex;\r\n  align-items: center;\r\n  background: linear-gradient(135deg, var(--color-dark, #0D1F17) 0%, var(--color-dark-mid, #1B3529) 60%, #0F3020 100%);\r\n  overflow: hidden;\r\n  padding: 100px 0 80px;\r\n}\r\n\r\n.hero-bg-overlay {\r\n  position: absolute; inset: 0;\r\n  background: radial-gradient(ellipse at 70% 50%, rgba(201,168,76,0.07) 0%, transparent 60%),\r\n              radial-gradient(ellipse at 20% 80%, rgba(26,92,56,0.3) 0%, transparent 50%);\r\n  pointer-events: none;\r\n}\r\n\r\n.hero-pattern {\r\n  position: absolute; inset: 0;\r\n  opacity: 0.04;\r\n  background-image:\r\n    repeating-linear-gradient(45deg, #C9A84C 0, #C9A84C 1px, transparent 0, transparent 50%),\r\n    repeating-linear-gradient(-45deg, #C9A84C 0, #C9A84C 1px, transparent 0, transparent 50%);\r\n  background-size: 24px 24px;\r\n  pointer-events: none;\r\n}\r\n\r\n.hero-inner {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 60px;\r\n  align-items: center;\r\n}\r\n\r\n\/* \u2500\u2500 Content side \u2500\u2500 *\/\r\n.hero-content { color: var(--color-ivory, #FAF7F0); }\r\n\r\n.hero-eyebrow {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  font-size: 0.78rem;\r\n  letter-spacing: 0.12em;\r\n  text-transform: uppercase;\r\n  color: var(--color-gold, #C9A84C);\r\n  font-weight: 600;\r\n  margin-bottom: 16px;\r\n}\r\n.eyebrow-line {\r\n  display: block;\r\n  width: 32px;\r\n  height: 1px;\r\n  background: var(--color-gold, #C9A84C);\r\n  opacity: 0.6;\r\n}\r\n\r\n.hero-arabic-title {\r\n  font-family: 'Amiri', serif;\r\n  font-size: clamp(1.6rem, 3vw, 2.4rem);\r\n  color: var(--color-gold-light, #E8D49A);\r\n  direction: rtl;\r\n  text-align: right;\r\n  margin-bottom: 12px;\r\n  line-height: 1.3;\r\n  letter-spacing: 0.02em;\r\n}\r\n\r\n.hero-title {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: clamp(2.4rem, 5vw, 3.8rem);\r\n  font-weight: 600;\r\n  line-height: 1.15;\r\n  color: var(--color-ivory, #FAF7F0);\r\n  margin-bottom: 20px;\r\n}\r\n.hero-title em {\r\n  color: var(--color-gold, #C9A84C);\r\n  font-style: italic;\r\n}\r\n\r\n.hero-desc {\r\n  font-size: 1rem;\r\n  line-height: 1.8;\r\n  color: rgba(250,247,240,0.75);\r\n  margin-bottom: 24px;\r\n  max-width: 480px;\r\n}\r\n\r\n.hero-hadith {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 10px;\r\n  background: rgba(201,168,76,0.10);\r\n  border-left: 3px solid var(--color-gold, #C9A84C);\r\n  padding: 14px 18px;\r\n  border-radius: 0 8px 8px 0;\r\n  margin-bottom: 32px;\r\n  max-width: 480px;\r\n}\r\n.hadith-mark { color: var(--color-gold, #C9A84C); font-size: 1.5rem; line-height: 1; flex-shrink: 0; }\r\n.hadith-text { font-style: italic; font-size: 0.9rem; color: rgba(250,247,240,0.85); line-height: 1.6; }\r\n.hadith-source { display: block; font-size: 0.78rem; color: var(--color-gold, #C9A84C); margin-top: 4px; font-weight: 600; }\r\n\r\n.hero-buttons {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 14px;\r\n  margin-bottom: 40px;\r\n}\r\n.hero-btn {\r\n  display: inline-flex; align-items: center; gap: 8px;\r\n  padding: 14px 28px; border-radius: 32px;\r\n  font-weight: 700; font-size: 0.95rem;\r\n  text-decoration: none; transition: all 0.3s;\r\n}\r\n.btn-gold { background: var(--color-gold, #C9A84C); color: var(--color-dark, #0D1F17); }\r\n.btn-gold:hover { background: #E8D49A; transform: translateY(-2px); box-shadow: 0 6px 24px rgba(201,168,76,0.4); }\r\n.btn-outline-light {\r\n  background: transparent;\r\n  color: var(--color-ivory, #FAF7F0);\r\n  border: 2px solid rgba(250,247,240,0.4);\r\n}\r\n.btn-outline-light:hover {\r\n  border-color: var(--color-gold, #C9A84C);\r\n  color: var(--color-gold, #C9A84C);\r\n}\r\n\r\n.hero-stats {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 24px;\r\n  padding-top: 24px;\r\n  border-top: 1px solid rgba(201,168,76,0.2);\r\n}\r\n.stat-item { display: flex; flex-direction: column; gap: 2px; }\r\n.stat-number {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: 1.8rem;\r\n  font-weight: 700;\r\n  color: var(--color-gold, #C9A84C);\r\n  line-height: 1;\r\n}\r\n.stat-label { font-size: 0.75rem; color: rgba(250,247,240,0.55); text-transform: uppercase; letter-spacing: 0.06em; }\r\n.stat-divider { width: 1px; height: 36px; background: rgba(201,168,76,0.2); }\r\n\r\n\/* \u2500\u2500 Visual side \u2500\u2500 *\/\r\n.hero-visual {\r\n  position: relative;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  padding: 40px 20px;\r\n}\r\n\r\n\/* Animated glow rings *\/\r\n.hero-ring {\r\n  position: absolute;\r\n  width: 520px; height: 520px;\r\n  border-radius: 50%;\r\n  border: 1px solid rgba(201,168,76,0.18);\r\n  top: 50%; left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  pointer-events: none;\r\n  z-index: 0;\r\n  animation: ringPulse 4s ease-in-out infinite;\r\n}\r\n.hero-ring-2 {\r\n  position: absolute;\r\n  width: 580px; height: 580px;\r\n  border-radius: 50%;\r\n  border: 1px solid rgba(201,168,76,0.08);\r\n  top: 50%; left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  pointer-events: none;\r\n  z-index: 0;\r\n  animation: ringPulse 4s ease-in-out infinite 1s;\r\n}\r\n@keyframes ringPulse {\r\n  0%, 100% { opacity: 1; transform: translate(-50%,-50%) scale(1); }\r\n  50%       { opacity: 0.4; transform: translate(-50%,-50%) scale(1.04); }\r\n}\r\n\r\n\/* Main frame *\/\r\n.hero-img-frame {\r\n  position: relative;\r\n  width: 100%;\r\n  max-width: 460px;\r\n  z-index: 1;\r\n  border-radius: 28px;\r\n  \/* Multi-layer gold glow shadow *\/\r\n  filter: drop-shadow(0 0 32px rgba(201,168,76,0.22)) drop-shadow(0 24px 48px rgba(13,31,23,0.5));\r\n  animation: floatImg 6s ease-in-out infinite;\r\n}\r\n@keyframes floatImg {\r\n  0%, 100% { transform: translateY(0px); }\r\n  50%       { transform: translateY(-10px); }\r\n}\r\n\r\n\/* THE IMAGE *\/\r\n.hero-img {\r\n  width: 100%;\r\n  height: 500px;\r\n  object-fit: cover;\r\n  object-position: center top;\r\n  border-radius: 28px;\r\n  display: block;\r\n  border: 2px solid rgba(201,168,76,0.45);\r\n}\r\n\r\n\/* Shimmer sweep over image *\/\r\n.img-shimmer {\r\n  position: absolute; inset: 0;\r\n  border-radius: 28px;\r\n  background: linear-gradient(\r\n    115deg,\r\n    transparent 0%,\r\n    transparent 40%,\r\n    rgba(201,168,76,0.08) 50%,\r\n    transparent 60%,\r\n    transparent 100%\r\n  );\r\n  background-size: 200% 100%;\r\n  animation: shimmer 4s ease-in-out infinite 2s;\r\n  pointer-events: none; z-index: 2;\r\n}\r\n@keyframes shimmer {\r\n  0%   { background-position: 200% 0; }\r\n  100% { background-position: -200% 0; }\r\n}\r\n\r\n\/* Gold corner L-brackets *\/\r\n.corner {\r\n  position: absolute;\r\n  width: 28px; height: 28px;\r\n  border-color: #C9A84C;\r\n  border-style: solid;\r\n  z-index: 3;\r\n}\r\n.corner-tl { top: -6px; left: -6px;  border-width: 3px 0 0 3px; border-radius: 6px 0 0 0; }\r\n.corner-tr { top: -6px; right: -6px; border-width: 3px 3px 0 0; border-radius: 0 6px 0 0; }\r\n.corner-bl { bottom: -6px; left: -6px;  border-width: 0 0 3px 3px; border-radius: 0 0 0 6px; }\r\n.corner-br { bottom: -6px; right: -6px; border-width: 0 3px 3px 0; border-radius: 0 0 6px 0; }\r\n\r\n\/* Top badge *\/\r\n.img-top-badge {\r\n  position: absolute;\r\n  top: 16px; left: 50%;\r\n  transform: translateX(-50%);\r\n  background: rgba(13,31,23,0.75);\r\n  backdrop-filter: blur(8px);\r\n  border: 1px solid rgba(201,168,76,0.4);\r\n  color: #E8D49A;\r\n  font-size: 0.72rem;\r\n  font-weight: 600;\r\n  letter-spacing: 0.08em;\r\n  text-transform: uppercase;\r\n  padding: 6px 16px;\r\n  border-radius: 20px;\r\n  white-space: nowrap;\r\n  display: flex; align-items: center; gap: 7px;\r\n  z-index: 4;\r\n  font-family: 'Nunito Sans', sans-serif;\r\n}\r\n.badge-dot {\r\n  width: 7px; height: 7px; border-radius: 50%;\r\n  background: #C9A84C;\r\n  animation: blinkDot 2s ease-in-out infinite;\r\n}\r\n@keyframes blinkDot {\r\n  0%,100% { opacity:1; } 50% { opacity:0.3; }\r\n}\r\n\r\n\/* Bottom Arabic overlay *\/\r\n.img-bottom-overlay {\r\n  position: absolute;\r\n  bottom: 0; left: 0; right: 0;\r\n  background: linear-gradient(to top, rgba(13,31,23,0.88) 0%, transparent 100%);\r\n  border-radius: 0 0 28px 28px;\r\n  padding: 40px 20px 18px;\r\n  z-index: 4;\r\n  text-align: center;\r\n}\r\n.img-overlay-arabic {\r\n  font-family: 'Amiri', serif;\r\n  font-size: 1.4rem;\r\n  color: #E8D49A;\r\n  direction: rtl;\r\n  letter-spacing: 0.03em;\r\n  line-height: 1.6;\r\n  text-shadow: 0 2px 12px rgba(0,0,0,0.5);\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\/* Scroll indicator *\/\r\n.scroll-indicator {\r\n  position: absolute;\r\n  bottom: 32px; left: 50%;\r\n  transform: translateX(-50%);\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 8px;\r\n  color: rgba(250,247,240,0.4);\r\n  font-size: 0.7rem;\r\n  letter-spacing: 0.1em;\r\n  text-transform: uppercase;\r\n}\r\n.scroll-line {\r\n  width: 1px; height: 40px;\r\n  background: linear-gradient(to bottom, rgba(201,168,76,0.6), transparent);\r\n  animation: scrollPulse 2s ease-in-out infinite;\r\n}\r\n@keyframes scrollPulse {\r\n  0%, 100% { opacity: 1; transform: scaleY(1); }\r\n  50% { opacity: 0.4; transform: scaleY(0.6); }\r\n}\r\n\r\n\/* \u2500\u2500 Responsive \u2500\u2500 *\/\r\n@media (max-width: 900px) {\r\n  .hero-inner { grid-template-columns: 1fr; gap: 40px; }\r\n  .hero-visual { order: -1; padding: 30px 16px; }\r\n  .hero-img { height: 360px; }\r\n  .hero-ring, .hero-ring-2 { display: none; }\r\n  .hero-img-frame { max-width: 100%; animation: none; }\r\n}\r\n@media (max-width: 600px) {\r\n  .hero-section { padding: 80px 0 60px; min-height: auto; }\r\n  .hero-arabic-title { text-align: center; }\r\n  .hero-title { font-size: 2rem; }\r\n  .hero-buttons { flex-direction: column; }\r\n  .hero-stats { flex-wrap: wrap; gap: 16px; }\r\n  .stat-divider { display: none; }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ff1fbd4 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"ff1fbd4\" data-element_type=\"section\" data-e-type=\"section\" id=\"about\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ccbb7d9\" data-id=\"ccbb7d9\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e500fac elementor-widget elementor-widget-html\" data-id=\"e500fac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n   KHAJAGARIBNAWAZ.COM \u2014 ANNOUNCEMENT BANNER (Sabse Upar)\r\n   Elementor > Header ke BILKUL UPAR lagayein\r\n   Ya Elementor > Site Settings > Custom Code > <body> mein paste karein\r\n   ============================================================ -->\r\n\r\n<!-- \u2550\u2550 TOP TICKER BAR \u2550\u2550 -->\r\n<div class=\"ann-ticker-bar\" id=\"annTickerBar\">\r\n  <div class=\"ticker-inner\">\r\n    <span class=\"ticker-label\">\r\n      <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n      Latest\r\n    <\/span>\r\n    <div class=\"ticker-scroll-wrap\">\r\n      <div class=\"ticker-scroll\">\r\n        <span>\ud83c\udfe5 Cancer Hospital, Research Institute & Science Center \u2014 Khidmat-e-Khalq Campaign jari hai<\/span>\r\n        <span>\ud83d\udcda Free Quran classes, school kits & scholarships for poor students \u2014 Register now<\/span>\r\n        <span>\ud83c\udf71 Monthly Ration Kits for widows & orphans \u2014 Donate today<\/span>\r\n        <span>\ud83c\udfe0 Free house construction for poor & homeless families \u2014 Apply now<\/span>\r\n        <span>\ud83d\udc89 Free Medical Camps, Blood Donation & Eye Camps \u2014 Coming soon in your area<\/span>\r\n        <span>\ud83c\udfe5 Cancer Hospital, Research Institute & Science Center \u2014 Khidmat-e-Khalq Campaign jari hai<\/span>\r\n        <span>\ud83d\udcda Free Quran classes, school kits & scholarships for poor students \u2014 Register now<\/span>\r\n        <span>\ud83c\udf71 Monthly Ration Kits for widows & orphans \u2014 Donate today<\/span>\r\n      <\/div>\r\n    <\/div>\r\n    <button class=\"ticker-close\" onclick=\"closeTicker()\" aria-label=\"Close\">\u2715<\/button>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- \u2550\u2550 MAIN ANNOUNCEMENT SECTION \u2550\u2550 -->\r\n<section class=\"announcement-section\" id=\"announcement\">\r\n  <div class=\"ann-bg-overlay\" aria-hidden=\"true\"><\/div>\r\n\r\n  <div class=\"container\">\r\n    <div class=\"ann-inner\">\r\n\r\n      <!-- Left: Society Info -->\r\n      <div class=\"ann-left\">\r\n        <div class=\"ann-logo-row\">\r\n          <div class=\"ann-logo-circle\">\r\n            <svg width=\"36\" height=\"36\" viewBox=\"0 0 60 60\" fill=\"none\">\r\n              <circle cx=\"30\" cy=\"30\" r=\"28\" stroke=\"#C9A84C\" stroke-width=\"2\"\/>\r\n              <path d=\"M30 10 L34 22 L46 22 L37 30 L40 42 L30 35 L20 42 L23 30 L14 22 L26 22 Z\" fill=\"#C9A84C\" opacity=\"0.9\"\/>\r\n              <circle cx=\"30\" cy=\"30\" r=\"5\" fill=\"#1A5C38\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"ann-org-title\">\r\n            <strong>HAZARATH KHWAJA GARIB NAWAZ<\/strong>\r\n            <span>WELFARE ASSOCIATION<\/span>\r\n            <span class=\"ann-reg\">Society Regd. No: 108 of 2012<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ann-address\">\r\n          <span>\ud83d\udccd<\/span>\r\n          <span># 4\/491, Near Kadaria Masjid, DMM Gate Road,<br>\r\n          <strong>Guntakal<\/strong>, Dist: Anantapur \u2014 515801, A.P<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"ann-contact-row\">\r\n          <a href=\"tel:+919866383150\" class=\"ann-contact-btn phone\">\r\n            <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 12 19.79 19.79 0 0 1 1.61 3.41 2 2 0 0 1 3.6 1.24h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 8.96a16 16 0 0 0 6 6l.95-.95a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg>\r\n            +91 9866383150\r\n          <\/a>\r\n          <a href=\"mailto:khajagaribnawaz.com@gmail.com\" class=\"ann-contact-btn email\">\r\n            <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>\r\n            khajagaribnawaz.com@gmail.com\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Center: Campaign Highlight -->\r\n      <div class=\"ann-center\">\r\n        <div class=\"ann-campaign-badge\">\r\n          <span class=\"pulse-dot\"><\/span>\r\n          Active Campaign\r\n        <\/div>\r\n        <h2 class=\"ann-campaign-title\">\r\n          Khidmat-e-Khalq<br>\r\n          <em>Campaign<\/em>\r\n        <\/h2>\r\n        <p class=\"ann-campaign-tagline\">\"Service to Humanity is Worship of Allah\"<\/p>\r\n\r\n        <div class=\"ann-services-grid\">\r\n          <div class=\"ann-service-item\">\r\n            <span>\ud83c\udfe5<\/span>\r\n            <span>Cancer Hospital<br><small>& Research Center<\/small><\/span>\r\n          <\/div>\r\n          <div class=\"ann-service-item\">\r\n            <span>\ud83d\udcda<\/span>\r\n            <span>Free Education<br><small>Books & Scholarships<\/small><\/span>\r\n          <\/div>\r\n          <div class=\"ann-service-item\">\r\n            <span>\ud83c\udf71<\/span>\r\n            <span>Ration Kits<br><small>Widows & Orphans<\/small><\/span>\r\n          <\/div>\r\n          <div class=\"ann-service-item\">\r\n            <span>\ud83c\udfe0<\/span>\r\n            <span>Free Housing<br><small>Poor Families<\/small><\/span>\r\n          <\/div>\r\n          <div class=\"ann-service-item\">\r\n            <span>\ud83d\udc89<\/span>\r\n            <span>Medical Camps<br><small>Free Check-ups<\/small><\/span>\r\n          <\/div>\r\n          <div class=\"ann-service-item\">\r\n            <span>\ud83d\udc92<\/span>\r\n            <span>Marriage Support<br><small>Poor Families<\/small><\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Right: PDF Download + Donate -->\r\n      <div class=\"ann-right\">\r\n\r\n        <!-- PDF Download Card -->\r\n        <div class=\"ann-pdf-card\">\r\n          <div class=\"pdf-icon-wrap\">\r\n            <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/><polyline points=\"10 9 9 9 8 9\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"pdf-card-text\">\r\n            <strong>Society Document<\/strong>\r\n            <span>HKGNWA Official Profile<br>118 Pages \u2014 Full Details<\/span>\r\n          <\/div>\r\n          <!-- Google Drive Download Link -->\r\n          <a href=\"https:\/\/drive.google.com\/uc?export=download&id=1U10rsCGIUBn2tYWr46Dw-PpCN61kVzzu\"\r\n             class=\"pdf-download-btn\"\r\n             target=\"_blank\" rel=\"noopener\"\r\n             download>\r\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/><polyline points=\"7 10 12 15 17 10\"\/><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"\/><\/svg>\r\n            Download PDF\r\n          <\/a>\r\n          <!-- View Online -->\r\n          <a href=\"https:\/\/drive.google.com\/file\/d\/1U10rsCGIUBn2tYWr46Dw-PpCN61kVzzu\/view?usp=sharing\"\r\n             class=\"pdf-view-btn\"\r\n             target=\"_blank\" rel=\"noopener\">\r\n            <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>\r\n            View Online\r\n          <\/a>\r\n        <\/div>\r\n\r\n        <!-- Appeal quote -->\r\n        <div class=\"ann-appeal\">\r\n          <p>\"May Allah bless your wealth and health, and accept your generosity. <strong>Ameen.<\/strong>\"<\/p>\r\n          <span>\u2014 Secretary, HKGNWA Society<\/span>\r\n        <\/div>\r\n\r\n        <!-- Donate CTA -->\r\n        <a href=\"#donate\" class=\"ann-donate-btn\">\r\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg>\r\n          Donate & Support This Campaign\r\n        <\/a>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550 STYLES \u2550\u2550 -->\r\n<style>\r\n\/* \u2500\u2500 Ticker Bar \u2500\u2500 *\/\r\n.ann-ticker-bar {\r\n  background: linear-gradient(90deg, #0D1F17, #1A5C38);\r\n  border-bottom: 1px solid rgba(201,168,76,.3);\r\n  padding: 0;\r\n  position: relative;\r\n  z-index: 999;\r\n}\r\n.ticker-inner {\r\n  display: flex; align-items: center;\r\n  max-width: 1200px; margin: 0 auto; padding: 0 24px;\r\n  height: 38px; gap: 14px;\r\n}\r\n.ticker-label {\r\n  display: inline-flex; align-items: center; gap: 6px;\r\n  background: #C9A84C; color: #0D1F17;\r\n  font-size: .72rem; font-weight: 800; letter-spacing: .08em;\r\n  text-transform: uppercase; padding: 4px 12px; border-radius: 4px;\r\n  white-space: nowrap; flex-shrink: 0;\r\n  font-family: 'Nunito Sans', sans-serif;\r\n}\r\n.ticker-scroll-wrap {\r\n  flex: 1; overflow: hidden; position: relative;\r\n  mask-image: linear-gradient(90deg, transparent, black 5%, black 95%, transparent);\r\n}\r\n.ticker-scroll {\r\n  display: flex; gap: 60px; width: max-content;\r\n  animation: tickerMove 35s linear infinite;\r\n}\r\n.ticker-scroll span {\r\n  font-size: .78rem; color: rgba(250,247,240,.8);\r\n  white-space: nowrap; font-family: 'Nunito Sans', sans-serif;\r\n}\r\n@keyframes tickerMove {\r\n  from { transform: translateX(0); }\r\n  to   { transform: translateX(-50%); }\r\n}\r\n.ticker-close {\r\n  background: none; border: none; color: rgba(250,247,240,.4);\r\n  font-size: .9rem; cursor: pointer; flex-shrink: 0;\r\n  transition: color .2s; line-height: 1; padding: 4px;\r\n}\r\n.ticker-close:hover { color: #C9A84C; }\r\n\r\n\/* \u2500\u2500 Main Section \u2500\u2500 *\/\r\n.announcement-section {\r\n  background: linear-gradient(135deg, #FAF7F0 0%, #F0F8F2 50%, #E8F5EE 100%);\r\n  border-bottom: 3px solid #C9A84C;\r\n  position: relative; overflow: hidden;\r\n  padding: 48px 0;\r\n}\r\n.ann-bg-overlay {\r\n  position: absolute; inset: 0;\r\n  background:\r\n    radial-gradient(ellipse at 0% 50%, rgba(26,92,56,.06) 0%, transparent 50%),\r\n    radial-gradient(ellipse at 100% 50%, rgba(201,168,76,.06) 0%, transparent 50%);\r\n  pointer-events: none;\r\n}\r\n.container { max-width:1200px; margin:0 auto; padding:0 24px; }\r\n\r\n.ann-inner {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1.2fr 1fr;\r\n  gap: 36px; align-items: start;\r\n}\r\n\r\n\/* \u2500\u2500 Left \u2500\u2500 *\/\r\n.ann-logo-row {\r\n  display: flex; gap: 14px; align-items: center;\r\n  margin-bottom: 18px;\r\n}\r\n.ann-logo-circle {\r\n  width: 60px; height: 60px; border-radius: 50%;\r\n  background: linear-gradient(135deg,#1A5C38,#0D1F17);\r\n  border: 2px solid #C9A84C;\r\n  display: flex; align-items: center; justify-content: center;\r\n  flex-shrink: 0;\r\n}\r\n.ann-org-title strong {\r\n  display: block; font-family: 'Cormorant Garamond', serif;\r\n  font-size: 1rem; font-weight: 800; color: #1A5C38; line-height: 1.2;\r\n}\r\n.ann-org-title span {\r\n  display: block; font-size: .78rem; color: #3A5A48;\r\n  font-weight: 600; font-family: 'Nunito Sans', sans-serif;\r\n}\r\n.ann-reg {\r\n  display: inline-block !important;\r\n  background: rgba(201,168,76,.15); color: #8B6914 !important;\r\n  border: 1px solid rgba(201,168,76,.3); border-radius: 20px;\r\n  padding: 2px 10px; font-size: .68rem !important;\r\n  font-weight: 700 !important; letter-spacing: .05em; margin-top: 4px;\r\n}\r\n.ann-address {\r\n  display: flex; gap: 8px; align-items: flex-start;\r\n  font-size: .82rem; color: #3A5A48; line-height: 1.7;\r\n  font-family: 'Nunito Sans', sans-serif; margin-bottom: 16px;\r\n}\r\n.ann-address strong { color: #1A5C38; }\r\n.ann-contact-row { display: flex; flex-direction: column; gap: 8px; }\r\n.ann-contact-btn {\r\n  display: inline-flex; align-items: center; gap: 8px;\r\n  font-size: .82rem; font-weight: 600; text-decoration: none;\r\n  padding: 9px 16px; border-radius: 10px; transition: all .25s;\r\n  font-family: 'Nunito Sans', sans-serif;\r\n}\r\n.ann-contact-btn.phone { background: #E8F5EE; color: #1A5C38; border: 1px solid rgba(26,92,56,.2); }\r\n.ann-contact-btn.phone:hover { background: #1A5C38; color: #fff; }\r\n.ann-contact-btn.email { background: #EEF2FF; color: #3B5BDB; border: 1px solid rgba(59,91,219,.2); }\r\n.ann-contact-btn.email:hover { background: #3B5BDB; color: #fff; }\r\n\r\n\/* \u2500\u2500 Center \u2500\u2500 *\/\r\n.ann-campaign-badge {\r\n  display: inline-flex; align-items: center; gap: 8px;\r\n  background: rgba(26,92,56,.1); color: #1A5C38;\r\n  border: 1px solid rgba(26,92,56,.2); border-radius: 20px;\r\n  padding: 5px 14px; font-size: .74rem; font-weight: 700;\r\n  text-transform: uppercase; letter-spacing: .08em;\r\n  margin-bottom: 12px; font-family: 'Nunito Sans', sans-serif;\r\n}\r\n.pulse-dot {\r\n  width: 8px; height: 8px; border-radius: 50%; background: #1A5C38;\r\n  animation: pulseDot 2s ease-in-out infinite;\r\n}\r\n@keyframes pulseDot {\r\n  0%,100% { opacity:1; box-shadow: 0 0 0 0 rgba(26,92,56,.4); }\r\n  50% { opacity:.7; box-shadow: 0 0 0 6px rgba(26,92,56,0); }\r\n}\r\n.ann-campaign-title {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: clamp(1.6rem, 3vw, 2.4rem); font-weight: 700;\r\n  color: #1A5C38; line-height: 1.15; margin-bottom: 6px;\r\n}\r\n.ann-campaign-title em { color: #C9A84C; font-style: italic; }\r\n.ann-campaign-tagline {\r\n  font-style: italic; font-size: .88rem; color: #6B8F78;\r\n  margin-bottom: 24px; font-family: 'Nunito Sans', sans-serif;\r\n}\r\n.ann-services-grid {\r\n  display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px;\r\n}\r\n.ann-service-item {\r\n  display: flex; flex-direction: column; align-items: center;\r\n  text-align: center; gap: 6px;\r\n  background: #fff; border-radius: 12px; padding: 12px 8px;\r\n  border: 1px solid rgba(201,168,76,.15);\r\n  font-size: .72rem; color: #3A5A48; line-height: 1.4;\r\n  font-family: 'Nunito Sans', sans-serif; font-weight: 600;\r\n  transition: all .25s;\r\n}\r\n.ann-service-item:hover { border-color: #C9A84C; box-shadow: 0 4px 12px rgba(201,168,76,.15); transform: translateY(-2px); }\r\n.ann-service-item span:first-child { font-size: 1.4rem; }\r\n.ann-service-item small { color: #6B8F78; font-weight: 400; font-size: .68rem; }\r\n\r\n\/* \u2500\u2500 Right \u2500\u2500 *\/\r\n.ann-pdf-card {\r\n  background: #fff; border-radius: 16px; padding: 20px;\r\n  border: 1px solid rgba(201,168,76,.25);\r\n  box-shadow: 0 8px 24px rgba(13,31,23,.08);\r\n  margin-bottom: 16px;\r\n  display: flex; flex-direction: column; gap: 12px;\r\n}\r\n.pdf-icon-wrap {\r\n  width: 52px; height: 52px; border-radius: 12px;\r\n  background: linear-gradient(135deg,#FF4444,#CC0000);\r\n  color: #fff;\r\n  display: flex; align-items: center; justify-content: center;\r\n  flex-shrink: 0; align-self: flex-start;\r\n}\r\n.pdf-card-text strong {\r\n  display: block; font-size: .9rem; color: #1A5C38; font-weight: 700;\r\n  font-family: 'Nunito Sans', sans-serif;\r\n}\r\n.pdf-card-text span {\r\n  font-size: .78rem; color: #6B8F78; line-height: 1.5;\r\n  font-family: 'Nunito Sans', sans-serif;\r\n}\r\n.pdf-download-btn {\r\n  display: flex; align-items: center; justify-content: center; gap: 8px;\r\n  background: linear-gradient(135deg,#1A5C38,#2E7D4F); color: #fff;\r\n  padding: 11px 20px; border-radius: 10px;\r\n  font-size: .85rem; font-weight: 700; text-decoration: none;\r\n  transition: all .3s; font-family: 'Nunito Sans', sans-serif;\r\n  box-shadow: 0 4px 14px rgba(26,92,56,.3);\r\n}\r\n.pdf-download-btn:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(26,92,56,.35); }\r\n.pdf-view-btn {\r\n  display: flex; align-items: center; justify-content: center; gap: 8px;\r\n  background: transparent; color: #1A5C38;\r\n  border: 1.5px solid rgba(26,92,56,.25);\r\n  padding: 9px 20px; border-radius: 10px;\r\n  font-size: .82rem; font-weight: 600; text-decoration: none;\r\n  transition: all .3s; font-family: 'Nunito Sans', sans-serif;\r\n}\r\n.pdf-view-btn:hover { background: #F0F8F2; border-color: #1A5C38; }\r\n\r\n.ann-appeal {\r\n  background: rgba(201,168,76,.08); border-left: 3px solid #C9A84C;\r\n  border-radius: 0 10px 10px 0; padding: 12px 16px; margin-bottom: 14px;\r\n}\r\n.ann-appeal p { font-size: .82rem; font-style: italic; color: #3A5A48; line-height: 1.6; margin: 0 0 4px; font-family: 'Nunito Sans', sans-serif; }\r\n.ann-appeal span { font-size: .74rem; color: #6B8F78; font-family: 'Nunito Sans', sans-serif; }\r\n\r\n.ann-donate-btn {\r\n  display: flex; align-items: center; justify-content: center; gap: 8px;\r\n  background: #C9A84C; color: #0D1F17;\r\n  padding: 13px 24px; border-radius: 32px;\r\n  font-size: .88rem; font-weight: 800; text-decoration: none;\r\n  transition: all .3s; font-family: 'Nunito Sans', sans-serif;\r\n  box-shadow: 0 4px 16px rgba(201,168,76,.3);\r\n}\r\n.ann-donate-btn:hover { background: #8B6914; color: #fff; transform: translateY(-2px); box-shadow: 0 8px 24px rgba(201,168,76,.4); }\r\n\r\n\/* \u2500\u2500 Responsive \u2500\u2500 *\/\r\n@media(max-width:1024px) {\r\n  .ann-inner { grid-template-columns: 1fr 1fr; }\r\n  .ann-left { grid-column: 1 \/ -1; }\r\n}\r\n@media(max-width:680px) {\r\n  .ann-inner { grid-template-columns: 1fr; }\r\n  .ann-left { grid-column: auto; }\r\n  .ann-services-grid { grid-template-columns: repeat(2, 1fr); }\r\n  .ticker-label { display: none; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\nfunction closeTicker() {\r\n  var t = document.getElementById('annTickerBar');\r\n  if(t){ t.style.display = 'none'; }\r\n}\r\n\/\/ Pause ticker on hover\r\nvar scroll = document.querySelector('.ticker-scroll');\r\nif(scroll){\r\n  scroll.parentElement.addEventListener('mouseenter', function(){ scroll.style.animationPlayState = 'paused'; });\r\n  scroll.parentElement.addEventListener('mouseleave', function(){ scroll.style.animationPlayState = 'running'; });\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-97f4a64 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"97f4a64\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3fab378\" data-id=\"3fab378\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-550d70a elementor-widget elementor-widget-html\" data-id=\"550d70a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n   KHAJAGARIBNAWAZ.COM \u2014 ABOUT \/ MISSION SECTION (Body Section 2)\r\n   ============================================================ -->\r\n\r\n<section class=\"about-section section\" id=\"about\">\r\n  <div class=\"container\">\r\n\r\n    <div class=\"about-grid\">\r\n\r\n      <!-- Left: Image Block -->\r\n      <div class=\"about-image-block\">\r\n        <div class=\"about-img-main\">\r\n          <img decoding=\"async\" src=\"https:\/\/khajagaribnawaz.com\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-25-at-1.14.58-PM.jpeg\"\r\n               alt=\"Foundation activities\"\r\n               onerror=\"this.style.background='var(--color-green-light)'; this.alt='Add Foundation Image'\">\r\n          <!-- Green badge -->\r\n          <div class=\"about-badge\">\r\n            <span class=\"badge-year\">Est.<\/span>\r\n            <span class=\"badge-number\">2009<\/span>\r\n            <span class=\"badge-text\">Year of<br>Foundation<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"about-img-secondary\">\r\n          <img decoding=\"async\" src=\"https:\/\/khajagaribnawaz.com\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-25-at-12.35.33-PM.jpeg\"\r\n               alt=\"Community service\"\r\n               onerror=\"this.style.background='var(--color-gold-light)'\">\r\n        <\/div>\r\n        <!-- Decorative -->\r\n        <div class=\"about-dots\" aria-hidden=\"true\">\r\n          <svg width=\"120\" height=\"120\" viewBox=\"0 0 120 120\" fill=\"none\">\r\n            <pattern id=\"dots\" x=\"0\" y=\"0\" width=\"12\" height=\"12\" patternUnits=\"userSpaceOnUse\">\r\n              <circle cx=\"2\" cy=\"2\" r=\"1.5\" fill=\"#C9A84C\" opacity=\"0.3\"\/>\r\n            <\/pattern>\r\n            <rect width=\"120\" height=\"120\" fill=\"url(#dots)\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Right: Content -->\r\n      <div class=\"about-content\">\r\n\r\n        <p class=\"section-subtitle\">About Our Foundation<\/p>\r\n        <h2 class=\"section-title\">Inspired by the Greatest<br><em>Servant of the Poor<\/em><\/h2>\r\n\r\n        <div class=\"gold-divider\"><span>\u262a<\/span><\/div>\r\n\r\n        <p class=\"about-lead\">\r\n          Khaja Garib Nawaz Foundation was established in the blessed name of <strong>Hazrat Khwaja Moinuddin Hasan Chishti (R.A.)<\/strong>, the great Sufi saint who devoted his life to serving humanity regardless of religion, caste, or creed.\r\n        <\/p>\r\n\r\n        <p class=\"about-text\">\r\n          Our foundation bridges the spiritual and social \u2014 upholding the timeless message of love, compassion, and service. From feeding the hungry to educating the underprivileged, we act as a channel of blessings in communities that need it most.\r\n        <\/p>\r\n\r\n        <!-- Values Grid -->\r\n        <div class=\"values-grid\">\r\n          <div class=\"value-item\">\r\n            <div class=\"value-icon\">\ud83e\udd32<\/div>\r\n            <div>\r\n              <strong>Khidmat<\/strong>\r\n              <p>Selfless Service<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"value-item\">\r\n            <div class=\"value-icon\">\ud83d\udc9a<\/div>\r\n            <div>\r\n              <strong>Muhabbat<\/strong>\r\n              <p>Unconditional Love<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"value-item\">\r\n            <div class=\"value-icon\">\ud83d\udcd6<\/div>\r\n            <div>\r\n              <strong>Ilm<\/strong>\r\n              <p>Knowledge & Wisdom<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"value-item\">\r\n            <div class=\"value-icon\">\ud83d\udd4a\ufe0f<\/div>\r\n            <div>\r\n              <strong>Sulh-e-Kul<\/strong>\r\n              <p>Universal Peace<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"about-cta\">\r\n          <a href=\"\/about\" class=\"btn-primary\">Read Our Full Story<\/a>\r\n          <a href=\"\/about\/team\" class=\"btn-outline\">Meet the Team<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.about-section {\r\n  background: var(--color-ivory, #FAF7F0);\r\n  padding: 100px 0;\r\n}\r\n\r\n.about-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 80px;\r\n  align-items: center;\r\n}\r\n\r\n\/* \u2500\u2500 Image Block \u2500\u2500 *\/\r\n.about-image-block {\r\n  position: relative;\r\n  min-height: 520px;\r\n}\r\n\r\n.about-img-main {\r\n  position: absolute;\r\n  top: 0; left: 0;\r\n  width: 75%;\r\n  border-radius: 20px;\r\n  overflow: hidden;\r\n  box-shadow: 0 20px 60px rgba(13,31,23,0.15);\r\n  z-index: 2;\r\n}\r\n.about-img-main img {\r\n  width: 100%;\r\n  height: 380px;\r\n  object-fit: cover;\r\n  display: block;\r\n}\r\n\r\n.about-badge {\r\n  position: absolute;\r\n  bottom: 20px; right: -50px;\r\n  background: var(--color-green, #1A5C38);\r\n  border: 3px solid var(--color-gold, #C9A84C);\r\n  border-radius: 50%;\r\n  width: 100px; height: 100px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: var(--color-ivory, #FAF7F0);\r\n  z-index: 3;\r\n  box-shadow: 0 8px 24px rgba(13,31,23,0.2);\r\n}\r\n.badge-year { font-size: 0.65rem; text-transform: uppercase; letter-spacing: 0.1em; opacity: 0.7; }\r\n.badge-number { font-family: 'Cormorant Garamond', serif; font-size: 1.6rem; font-weight: 700; color: var(--color-gold, #C9A84C); line-height: 1; }\r\n.badge-text { font-size: 0.58rem; text-align: center; opacity: 0.7; line-height: 1.3; text-transform: uppercase; letter-spacing: 0.05em; }\r\n\r\n.about-img-secondary {\r\n  position: absolute;\r\n  bottom: 0; right: 0;\r\n  width: 55%;\r\n  border-radius: 16px;\r\n  overflow: hidden;\r\n  box-shadow: 0 12px 40px rgba(13,31,23,0.12);\r\n  border: 4px solid var(--color-ivory, #FAF7F0);\r\n  z-index: 1;\r\n}\r\n.about-img-secondary img {\r\n  width: 100%;\r\n  height: 220px;\r\n  object-fit: cover;\r\n  display: block;\r\n}\r\n\r\n.about-dots {\r\n  position: absolute;\r\n  bottom: 10px; left: -20px;\r\n  z-index: 0;\r\n  pointer-events: none;\r\n}\r\n\r\n\/* \u2500\u2500 Content \u2500\u2500 *\/\r\n.about-content { padding-left: 20px; }\r\n\r\n.section-subtitle {\r\n  font-size: 0.8rem;\r\n  letter-spacing: 0.14em;\r\n  text-transform: uppercase;\r\n  color: var(--color-gold, #C9A84C);\r\n  font-weight: 700;\r\n  margin-bottom: 8px;\r\n}\r\n.section-title {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: clamp(2rem, 3.5vw, 2.8rem);\r\n  font-weight: 600;\r\n  color: var(--color-green, #1A5C38);\r\n  line-height: 1.2;\r\n  margin-bottom: 0;\r\n}\r\n.section-title em { color: var(--color-gold-dark, #8B6914); font-style: italic; }\r\n\r\n.gold-divider {\r\n  display: flex; align-items: center; gap: 12px;\r\n  margin: 16px 0 24px;\r\n}\r\n.gold-divider::before, .gold-divider::after {\r\n  content: ''; flex: 1; height: 1px;\r\n  background: linear-gradient(90deg, transparent, var(--color-gold, #C9A84C), transparent);\r\n}\r\n.gold-divider span { color: var(--color-gold, #C9A84C); font-size: 1.1rem; }\r\n\r\n.about-lead {\r\n  font-size: 1.05rem;\r\n  line-height: 1.75;\r\n  color: var(--text-primary, #0D1F17);\r\n  margin-bottom: 16px;\r\n  font-weight: 400;\r\n}\r\n.about-lead strong { color: var(--color-green, #1A5C38); }\r\n.about-text {\r\n  font-size: 0.95rem;\r\n  line-height: 1.8;\r\n  color: var(--text-secondary, #3A5A48);\r\n  margin-bottom: 32px;\r\n}\r\n\r\n.values-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 16px;\r\n  margin-bottom: 36px;\r\n}\r\n.value-item {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 14px;\r\n  background: var(--color-white, #fff);\r\n  border-radius: 12px;\r\n  padding: 16px;\r\n  border: 1px solid rgba(201,168,76,0.2);\r\n  transition: all 0.3s;\r\n}\r\n.value-item:hover {\r\n  border-color: var(--color-gold, #C9A84C);\r\n  box-shadow: 0 4px 16px rgba(201,168,76,0.15);\r\n  transform: translateY(-2px);\r\n}\r\n.value-icon { font-size: 1.6rem; flex-shrink: 0; }\r\n.value-item strong { display: block; font-size: 0.9rem; color: var(--color-green, #1A5C38); font-weight: 700; }\r\n.value-item p { font-size: 0.78rem; color: var(--text-muted, #6B8F78); margin: 0; }\r\n\r\n.about-cta { display: flex; gap: 14px; flex-wrap: wrap; }\r\n.btn-primary {\r\n  display: inline-flex; align-items: center; gap: 8px;\r\n  background: var(--color-green, #1A5C38); color: #fff;\r\n  padding: 13px 28px; border-radius: 32px;\r\n  font-weight: 700; font-size: 0.9rem;\r\n  text-decoration: none; transition: all 0.3s;\r\n}\r\n.btn-primary:hover { background: var(--color-green-mid, #2E7D4F); transform: translateY(-2px); box-shadow: 0 6px 20px rgba(26,92,56,0.3); }\r\n.btn-outline {\r\n  display: inline-flex; align-items: center; gap: 8px;\r\n  background: transparent; color: var(--color-green, #1A5C38);\r\n  padding: 11px 26px; border-radius: 32px; border: 2px solid var(--color-green, #1A5C38);\r\n  font-weight: 700; font-size: 0.9rem; text-decoration: none; transition: all 0.3s;\r\n}\r\n.btn-outline:hover { background: var(--color-green, #1A5C38); color: #fff; }\r\n\r\n\/* \u2500\u2500 Responsive \u2500\u2500 *\/\r\n@media (max-width: 900px) {\r\n  .about-grid { grid-template-columns: 1fr; gap: 60px; }\r\n  .about-image-block { min-height: 400px; }\r\n  .about-content { padding-left: 0; }\r\n  .about-badge { right: 10px; }\r\n}\r\n@media (max-width: 600px) {\r\n  .about-img-main { width: 85%; }\r\n  .values-grid { grid-template-columns: 1fr; }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4949166 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"4949166\" data-element_type=\"section\" data-e-type=\"section\" id=\"programs\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f76c3f6\" data-id=\"f76c3f6\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6c40368 elementor-widget elementor-widget-html\" data-id=\"6c40368\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n   KHAJAGARIBNAWAZ.COM \u2014 NGO SERVICES \/ PROGRAMS SECTION (Body Section 3)\r\n   ============================================================ -->\r\n\r\n<section class=\"services-section section\" id=\"programs\">\r\n  <div class=\"services-bg-shape\" aria-hidden=\"true\"><\/div>\r\n\r\n  <div class=\"container\">\r\n\r\n    <!-- Header -->\r\n    <div class=\"section-header center\">\r\n      <p class=\"section-subtitle\">Our Programs<\/p>\r\n      <h2 class=\"section-title\">Serving Communities,<br><em>Guided by Faith<\/em><\/h2>\r\n      <div class=\"gold-divider\"><span>\u2726<\/span><\/div>\r\n      <p class=\"section-desc\">\r\n        We run active welfare programs across education, healthcare, disaster relief, and spiritual development \u2014 following the Chishti tradition of serving all without discrimination.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- Services Grid -->\r\n    <div class=\"services-grid\">\r\n\r\n      <div class=\"service-card featured\">\r\n        <div class=\"service-icon-wrap\">\r\n          <span class=\"service-icon\">\ud83d\udcda<\/span>\r\n        <\/div>\r\n        <div class=\"service-tag\">Education<\/div>\r\n        <h3>Ilm-e-Deen & Modern Education<\/h3>\r\n        <p>Free madrasa education, school scholarships for underprivileged children, and skill-development programs for youth.<\/p>\r\n        <ul class=\"service-list\">\r\n          <li>\u2713 Free Quran & Islamic studies<\/li>\r\n          <li>\u2713 School fee assistance<\/li>\r\n          <li>\u2713 Computer literacy programs<\/li>\r\n          <li>\u2713 Vocational training<\/li>\r\n        <\/ul>\r\n        <a href=\"\/ngo\/education\" class=\"service-link\">Learn More \u2192<\/a>\r\n      <\/div>\r\n\r\n      <div class=\"service-card\">\r\n        <div class=\"service-icon-wrap\">\r\n          <span class=\"service-icon\">\ud83c\udfe5<\/span>\r\n        <\/div>\r\n        <div class=\"service-tag\">Healthcare<\/div>\r\n        <h3>Free Medical Camps<\/h3>\r\n        <p>Regular health check-up camps, medicine distribution, and guidance on mental wellness rooted in Islamic values.<\/p>\r\n        <ul class=\"service-list\">\r\n          <li>\u2713 Monthly free OPD camps<\/li>\r\n          <li>\u2713 Eye & dental camps<\/li>\r\n          <li>\u2713 Medicine distribution<\/li>\r\n        <\/ul>\r\n        <a href=\"\/ngo\/healthcare\" class=\"service-link\">Learn More \u2192<\/a>\r\n      <\/div>\r\n\r\n      <div class=\"service-card\">\r\n        <div class=\"service-icon-wrap\">\r\n          <span class=\"service-icon\">\ud83c\udf71<\/span>\r\n        <\/div>\r\n        <div class=\"service-tag\">Food & Relief<\/div>\r\n        <h3>Langar-e-Garib Nawaz<\/h3>\r\n        <p>Daily langar (community kitchen) feeding hundreds, and emergency disaster relief during floods, droughts & crises.<\/p>\r\n        <ul class=\"service-list\">\r\n          <li>\u2713 Daily free langar<\/li>\r\n          <li>\u2713 Ramzan food packages<\/li>\r\n          <li>\u2713 Flood & disaster relief<\/li>\r\n        <\/ul>\r\n        <a href=\"\/ngo\/relief\" class=\"service-link\">Learn More \u2192<\/a>\r\n      <\/div>\r\n\r\n      <div class=\"service-card\">\r\n        <div class=\"service-icon-wrap\">\r\n          <span class=\"service-icon\">\ud83d\udc69<\/span>\r\n        <\/div>\r\n        <div class=\"service-tag\">Women<\/div>\r\n        <h3>Women Empowerment<\/h3>\r\n        <p>Sewing, handicraft, and entrepreneurship training for women from marginalised backgrounds to achieve self-sufficiency.<\/p>\r\n        <ul class=\"service-list\">\r\n          <li>\u2713 Skill training centers<\/li>\r\n          <li>\u2713 Micro-finance guidance<\/li>\r\n          <li>\u2713 Widow support program<\/li>\r\n        <\/ul>\r\n        <a href=\"\/ngo\/women\" class=\"service-link\">Learn More \u2192<\/a>\r\n      <\/div>\r\n\r\n      <div class=\"service-card\">\r\n        <div class=\"service-icon-wrap\">\r\n          <span class=\"service-icon\">\ud83d\udd4c<\/span>\r\n        <\/div>\r\n        <div class=\"service-tag\">Spiritual<\/div>\r\n        <h3>Spiritual Guidance & Tariqah<\/h3>\r\n        <p>Weekly halqas, individual spiritual mentoring, and access to authentic Chishti teachings for inner growth.<\/p>\r\n        <ul class=\"service-list\">\r\n          <li>\u2713 Weekly Majlis-e-Zikr<\/li>\r\n          <li>\u2713 Spiritual counselling<\/li>\r\n          <li>\u2713 Urs celebrations<\/li>\r\n        <\/ul>\r\n        <a href=\"\/spiritual\" class=\"service-link\">Learn More \u2192<\/a>\r\n      <\/div>\r\n\r\n      <div class=\"service-card\">\r\n        <div class=\"service-icon-wrap\">\r\n          <span class=\"service-icon\">\ud83c\udf19<\/span>\r\n        <\/div>\r\n        <div class=\"service-tag\">Ramzan<\/div>\r\n        <h3>Ramzan Special Programs<\/h3>\r\n        <p>Iftar dawats, Zakat collection & distribution, Eid gift packages for children, and Tarawih arrangements.<\/p>\r\n        <ul class=\"service-list\">\r\n          <li>\u2713 Daily Iftar for 500+<\/li>\r\n          <li>\u2713 Zakat distribution<\/li>\r\n          <li>\u2713 Eid gift packages<\/li>\r\n        <\/ul>\r\n        <a href=\"\/events\" class=\"service-link\">Learn More \u2192<\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Bottom CTA -->\r\n    <div class=\"services-cta\">\r\n      <p>Want to partner with us or volunteer your time?<\/p>\r\n      <a href=\"\/contact\" class=\"btn-primary\">Get Involved Today<\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.services-section {\r\n  background: var(--color-green-pale, #F0F8F2);\r\n  padding: 100px 0;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.services-bg-shape {\r\n  position: absolute;\r\n  top: -80px; right: -80px;\r\n  width: 400px; height: 400px;\r\n  border-radius: 50%;\r\n  background: radial-gradient(circle, rgba(201,168,76,0.07) 0%, transparent 70%);\r\n  pointer-events: none;\r\n}\r\n\r\n.section-header.center { text-align: center; max-width: 600px; margin: 0 auto 60px; }\r\n.section-desc { color: var(--text-muted, #6B8F78); font-size: 0.98rem; line-height: 1.8; margin-top: 4px; }\r\n.section-title { font-family: 'Cormorant Garamond', serif; font-size: clamp(2rem, 3.5vw, 2.8rem); font-weight: 600; color: var(--color-green, #1A5C38); line-height: 1.2; }\r\n.section-title em { color: var(--color-gold-dark, #8B6914); font-style: italic; }\r\n.section-subtitle { font-size: 0.8rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--color-gold, #C9A84C); font-weight: 700; margin-bottom: 8px; }\r\n.gold-divider { display: flex; align-items: center; gap: 12px; margin: 14px auto 16px; justify-content: center; }\r\n.gold-divider::before, .gold-divider::after { content: ''; flex: 1; max-width: 80px; height: 1px; background: linear-gradient(90deg, transparent, var(--color-gold, #C9A84C), transparent); }\r\n.gold-divider span { color: var(--color-gold, #C9A84C); font-size: 0.9rem; }\r\n\r\n\/* Grid *\/\r\n.services-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 24px;\r\n  margin-bottom: 56px;\r\n}\r\n\r\n.service-card {\r\n  background: var(--color-white, #fff);\r\n  border-radius: 20px;\r\n  padding: 32px 28px;\r\n  border: 1px solid rgba(201,168,76,0.15);\r\n  transition: all 0.35s ease;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n.service-card::before {\r\n  content: '';\r\n  position: absolute; top: 0; left: 0; right: 0; height: 3px;\r\n  background: linear-gradient(90deg, var(--color-green, #1A5C38), var(--color-gold, #C9A84C));\r\n  opacity: 0;\r\n  transition: opacity 0.3s;\r\n}\r\n.service-card:hover {\r\n  transform: translateY(-6px);\r\n  box-shadow: 0 20px 48px rgba(13,31,23,0.12);\r\n  border-color: rgba(201,168,76,0.35);\r\n}\r\n.service-card:hover::before { opacity: 1; }\r\n\r\n.service-card.featured {\r\n  background: linear-gradient(145deg, var(--color-green, #1A5C38), var(--color-dark-mid, #1B3529));\r\n  color: var(--color-ivory, #FAF7F0);\r\n  border-color: rgba(201,168,76,0.3);\r\n}\r\n.service-card.featured::before { opacity: 1; background: linear-gradient(90deg, var(--color-gold, #C9A84C), var(--color-gold-light, #E8D49A)); }\r\n.service-card.featured h3 { color: var(--color-ivory, #FAF7F0); }\r\n.service-card.featured p { color: rgba(250,247,240,0.75); }\r\n.service-card.featured .service-tag { background: rgba(201,168,76,0.2); color: var(--color-gold-light, #E8D49A); }\r\n.service-card.featured .service-list li { color: rgba(250,247,240,0.8); }\r\n.service-card.featured .service-link { color: var(--color-gold, #C9A84C); }\r\n.service-card.featured .service-link:hover { color: var(--color-gold-light, #E8D49A); }\r\n\r\n.service-icon-wrap {\r\n  width: 56px; height: 56px;\r\n  background: var(--color-green-pale, #F0F8F2);\r\n  border-radius: 14px;\r\n  display: flex; align-items: center; justify-content: center;\r\n  font-size: 1.6rem;\r\n  margin-bottom: 16px;\r\n}\r\n.service-card.featured .service-icon-wrap {\r\n  background: rgba(201,168,76,0.15);\r\n}\r\n\r\n.service-tag {\r\n  display: inline-block;\r\n  background: var(--color-green-light, #D6EBD9);\r\n  color: var(--color-green, #1A5C38);\r\n  font-size: 0.72rem;\r\n  font-weight: 700;\r\n  letter-spacing: 0.08em;\r\n  text-transform: uppercase;\r\n  padding: 4px 12px;\r\n  border-radius: 20px;\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.service-card h3 {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: 1.3rem;\r\n  font-weight: 700;\r\n  color: var(--color-green, #1A5C38);\r\n  margin-bottom: 10px;\r\n  line-height: 1.3;\r\n}\r\n.service-card p {\r\n  font-size: 0.88rem;\r\n  line-height: 1.7;\r\n  color: var(--text-secondary, #3A5A48);\r\n  margin-bottom: 16px;\r\n}\r\n.service-list {\r\n  list-style: none;\r\n  padding: 0; margin: 0 0 20px;\r\n}\r\n.service-list li {\r\n  font-size: 0.82rem;\r\n  color: var(--text-muted, #6B8F78);\r\n  padding: 4px 0;\r\n  line-height: 1.5;\r\n}\r\n.service-link {\r\n  display: inline-block;\r\n  color: var(--color-green, #1A5C38);\r\n  font-size: 0.85rem;\r\n  font-weight: 700;\r\n  text-decoration: none;\r\n  letter-spacing: 0.02em;\r\n  transition: gap 0.2s, color 0.2s;\r\n}\r\n.service-link:hover { color: var(--color-gold-dark, #8B6914); }\r\n\r\n\/* Bottom CTA *\/\r\n.services-cta {\r\n  text-align: center;\r\n  padding: 40px;\r\n  background: var(--color-white, #fff);\r\n  border-radius: 20px;\r\n  border: 1px solid rgba(201,168,76,0.2);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  flex-wrap: wrap;\r\n  gap: 20px;\r\n}\r\n.services-cta p {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: 1.4rem;\r\n  font-weight: 600;\r\n  color: var(--color-green, #1A5C38);\r\n  margin: 0;\r\n}\r\n.btn-primary {\r\n  display: inline-flex; align-items: center;\r\n  background: var(--color-green, #1A5C38); color: #fff;\r\n  padding: 14px 32px; border-radius: 32px;\r\n  font-weight: 700; font-size: 0.95rem; text-decoration: none;\r\n  transition: all 0.3s;\r\n}\r\n.btn-primary:hover { background: var(--color-green-mid, #2E7D4F); transform: translateY(-2px); box-shadow: 0 6px 20px rgba(26,92,56,0.3); }\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 1024px) {\r\n  .services-grid { grid-template-columns: repeat(2, 1fr); }\r\n}\r\n@media (max-width: 640px) {\r\n  .services-grid { grid-template-columns: 1fr; }\r\n  .services-cta { text-align: center; justify-content: center; flex-direction: column; }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6de585f elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"6de585f\" data-element_type=\"section\" data-e-type=\"section\" id=\"impact\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c79eb9c\" data-id=\"c79eb9c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5ecd95f elementor-widget elementor-widget-html\" data-id=\"5ecd95f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n   KHAJAGARIBNAWAZ.COM \u2014 IMPACT STATS SECTION (Body Section 4)\r\n   ============================================================ -->\r\n\r\n<section class=\"impact-section\" id=\"impact\">\r\n  <div class=\"impact-overlay\"><\/div>\r\n  <div class=\"impact-pattern\"><\/div>\r\n\r\n  <div class=\"container\">\r\n\r\n    <div class=\"impact-header\">\r\n      <p class=\"section-subtitle-light\">Our Impact<\/p>\r\n      <h2 class=\"impact-title\">Allah's Blessings Through<br><em>Your Generosity<\/em><\/h2>\r\n      <p class=\"impact-arabic\">\u0648\u064e\u0645\u064e\u0646 \u064a\u064e\u062a\u064e\u0651\u0642\u0650 \u0627\u0644\u0644\u064e\u0651\u0647\u064e \u064a\u064e\u062c\u0652\u0639\u064e\u0644 \u0644\u064e\u0651\u0647\u064f \u0645\u064e\u062e\u0652\u0631\u064e\u062c\u064b\u0627<\/p>\r\n      <p class=\"impact-arabic-trans\">And whoever fears Allah, He will make for him a way out. (Quran 65:2)<\/p>\r\n    <\/div>\r\n\r\n    <!-- Stats Counter -->\r\n    <div class=\"stats-row\">\r\n\r\n      <div class=\"stat-block\">\r\n        <div class=\"stat-icon\">\ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d\udc67\u200d\ud83d\udc66<\/div>\r\n        <div class=\"stat-val\" data-target=\"25000\">0<\/div>\r\n        <div class=\"stat-plus\">+<\/div>\r\n        <div class=\"stat-lbl\">Lives Impacted<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"stat-separator\"><\/div>\r\n\r\n      <div class=\"stat-block\">\r\n        <div class=\"stat-icon\">\ud83c\udfeb<\/div>\r\n        <div class=\"stat-val\" data-target=\"1200\">0<\/div>\r\n        <div class=\"stat-plus\">+<\/div>\r\n        <div class=\"stat-lbl\">Students Educated<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"stat-separator\"><\/div>\r\n\r\n      <div class=\"stat-block\">\r\n        <div class=\"stat-icon\">\ud83c\udf7d\ufe0f<\/div>\r\n        <div class=\"stat-val\" data-target=\"500000\">0<\/div>\r\n        <div class=\"stat-plus\">+<\/div>\r\n        <div class=\"stat-lbl\">Meals Served<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"stat-separator\"><\/div>\r\n\r\n      <div class=\"stat-block\">\r\n        <div class=\"stat-icon\">\ud83c\udfe5<\/div>\r\n        <div class=\"stat-val\" data-target=\"8500\">0<\/div>\r\n        <div class=\"stat-plus\">+<\/div>\r\n        <div class=\"stat-lbl\">Medical Aid<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"stat-separator\"><\/div>\r\n\r\n      <div class=\"stat-block\">\r\n        <div class=\"stat-icon\">\ud83d\udd4c<\/div>\r\n        <div class=\"stat-val\" data-target=\"48\">0<\/div>\r\n        <div class=\"stat-plus\"><\/div>\r\n        <div class=\"stat-lbl\">Active Projects<\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Donate CTA Banner -->\r\n    <div class=\"donate-banner\">\r\n      <div class=\"donate-text\">\r\n        <h3>Your Sadaqah Makes a Difference<\/h3>\r\n        <p>100% of your donation reaches those in need. We operate on volunteer power.<\/p>\r\n      <\/div>\r\n      <div class=\"donate-actions\">\r\n        <a href=\"#donate\" class=\"btn-donate-white\">Donate Zakat<\/a>\r\n        <a href=\"#donate\" class=\"btn-donate-outline\">Donate Sadaqah<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.impact-section {\r\n  position: relative;\r\n  background: linear-gradient(135deg, var(--color-green, #1A5C38) 0%, var(--color-dark, #0D1F17) 100%);\r\n  padding: 100px 0;\r\n  overflow: hidden;\r\n}\r\n.impact-overlay {\r\n  position: absolute; inset: 0;\r\n  background: radial-gradient(ellipse at 50% 0%, rgba(201,168,76,0.12) 0%, transparent 60%);\r\n  pointer-events: none;\r\n}\r\n.impact-pattern {\r\n  position: absolute; inset: 0;\r\n  background-image: repeating-linear-gradient(0deg, transparent, transparent 48px, rgba(255,255,255,0.015) 48px, rgba(255,255,255,0.015) 49px),\r\n                    repeating-linear-gradient(90deg, transparent, transparent 48px, rgba(255,255,255,0.015) 48px, rgba(255,255,255,0.015) 49px);\r\n  pointer-events: none;\r\n}\r\n\r\n\/* Header *\/\r\n.impact-header { text-align: center; margin-bottom: 64px; }\r\n.section-subtitle-light {\r\n  font-size: 0.8rem; letter-spacing: 0.14em; text-transform: uppercase;\r\n  color: var(--color-gold, #C9A84C); font-weight: 700; margin-bottom: 10px;\r\n}\r\n.impact-title {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: clamp(2rem, 4vw, 3rem);\r\n  font-weight: 600; color: var(--color-ivory, #FAF7F0); line-height: 1.2;\r\n  margin-bottom: 20px;\r\n}\r\n.impact-title em { color: var(--color-gold, #C9A84C); font-style: italic; }\r\n\r\n.impact-arabic {\r\n  font-family: 'Amiri', serif;\r\n  font-size: 1.4rem;\r\n  color: var(--color-gold-light, #E8D49A);\r\n  direction: rtl;\r\n  line-height: 1.8;\r\n  margin-bottom: 4px;\r\n}\r\n.impact-arabic-trans {\r\n  font-style: italic;\r\n  font-size: 0.85rem;\r\n  color: rgba(250,247,240,0.55);\r\n}\r\n\r\n\/* Stats Row *\/\r\n.stats-row {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 0;\r\n  background: rgba(255,255,255,0.05);\r\n  border: 1px solid rgba(201,168,76,0.2);\r\n  border-radius: 24px;\r\n  padding: 48px 40px;\r\n  margin-bottom: 48px;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.stat-block {\r\n  flex: 1;\r\n  min-width: 140px;\r\n  text-align: center;\r\n  padding: 8px 20px;\r\n  position: relative;\r\n}\r\n.stat-icon { font-size: 2rem; margin-bottom: 10px; display: block; }\r\n.stat-val {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: clamp(2.2rem, 4vw, 3.2rem);\r\n  font-weight: 700;\r\n  color: var(--color-gold, #C9A84C);\r\n  line-height: 1;\r\n  display: inline;\r\n}\r\n.stat-plus {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: 2rem;\r\n  color: var(--color-gold, #C9A84C);\r\n  display: inline;\r\n  vertical-align: top;\r\n  line-height: 1.4;\r\n}\r\n.stat-lbl {\r\n  font-size: 0.8rem;\r\n  color: rgba(250,247,240,0.6);\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.08em;\r\n  margin-top: 8px;\r\n}\r\n\r\n.stat-separator {\r\n  width: 1px;\r\n  height: 80px;\r\n  background: rgba(201,168,76,0.2);\r\n  flex-shrink: 0;\r\n}\r\n\r\n\/* Donate Banner *\/\r\n.donate-banner {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  flex-wrap: wrap;\r\n  gap: 24px;\r\n  background: rgba(201,168,76,0.12);\r\n  border: 1px solid rgba(201,168,76,0.3);\r\n  border-radius: 20px;\r\n  padding: 36px 40px;\r\n}\r\n.donate-text h3 {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: 1.6rem;\r\n  color: var(--color-ivory, #FAF7F0);\r\n  font-weight: 700;\r\n  margin-bottom: 6px;\r\n}\r\n.donate-text p {\r\n  font-size: 0.9rem;\r\n  color: rgba(250,247,240,0.65);\r\n  margin: 0;\r\n}\r\n.donate-actions { display: flex; gap: 14px; flex-wrap: wrap; }\r\n.btn-donate-white {\r\n  background: var(--color-gold, #C9A84C); color: var(--color-dark, #0D1F17);\r\n  padding: 13px 28px; border-radius: 32px;\r\n  font-weight: 700; font-size: 0.9rem; text-decoration: none;\r\n  transition: all 0.3s;\r\n}\r\n.btn-donate-white:hover { background: var(--color-gold-light, #E8D49A); transform: translateY(-2px); }\r\n.btn-donate-outline {\r\n  background: transparent; color: var(--color-ivory, #FAF7F0);\r\n  border: 2px solid rgba(250,247,240,0.35);\r\n  padding: 11px 26px; border-radius: 32px;\r\n  font-weight: 700; font-size: 0.9rem; text-decoration: none;\r\n  transition: all 0.3s;\r\n}\r\n.btn-donate-outline:hover { border-color: var(--color-gold, #C9A84C); color: var(--color-gold, #C9A84C); }\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 768px) {\r\n  .stats-row { gap: 24px; padding: 36px 24px; }\r\n  .stat-separator { display: none; }\r\n  .stat-block { min-width: 110px; }\r\n  .donate-banner { flex-direction: column; align-items: flex-start; padding: 28px; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n\/* Animated Counter *\/\r\n(function() {\r\n  function animateCount(el) {\r\n    const target = parseInt(el.dataset.target, 10);\r\n    const duration = 2000;\r\n    const step = target \/ (duration \/ 16);\r\n    let current = 0;\r\n    const timer = setInterval(function() {\r\n      current += step;\r\n      if (current >= target) {\r\n        current = target;\r\n        clearInterval(timer);\r\n      }\r\n      el.textContent = Math.floor(current).toLocaleString('en-IN');\r\n    }, 16);\r\n  }\r\n\r\n  const observer = new IntersectionObserver(function(entries) {\r\n    entries.forEach(function(entry) {\r\n      if (entry.isIntersecting) {\r\n        animateCount(entry.target);\r\n        observer.unobserve(entry.target);\r\n      }\r\n    });\r\n  }, { threshold: 0.3 });\r\n\r\n  document.querySelectorAll('.stat-val[data-target]').forEach(function(el) {\r\n    observer.observe(el);\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5001e93 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"5001e93\" data-element_type=\"section\" data-e-type=\"section\" id=\"donation\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-706e747\" data-id=\"706e747\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ded4037 elementor-widget elementor-widget-html\" data-id=\"ded4037\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n   KHAJAGARIBNAWAZ.COM \u2014 DONATION SECTION (Body Section 5)\r\n   ============================================================ -->\r\n\r\n<section class=\"donate-section section\" id=\"donate\">\r\n  <div class=\"container\">\r\n\r\n    <div class=\"donate-grid\">\r\n\r\n      <!-- Left Info -->\r\n      <div class=\"donate-info\">\r\n        <p class=\"section-subtitle\">Support Our Work<\/p>\r\n        <h2 class=\"section-title\">Give Sadaqah,<br><em>Earn Blessings<\/em><\/h2>\r\n        <div class=\"gold-divider\"><span>\ud83e\udd32<\/span><\/div>\r\n\r\n        <p class=\"donate-hadith-block\">\r\n          <span class=\"dh-arabic\">\u0645\u064e\u062b\u064e\u0644\u064f \u0627\u0644\u064e\u0651\u0630\u0650\u064a\u0646\u064e \u064a\u064f\u0646\u0641\u0650\u0642\u064f\u0648\u0646\u064e \u0623\u064e\u0645\u0652\u0648\u064e\u0627\u0644\u064e\u0647\u064f\u0645\u0652 \u0641\u0650\u064a \u0633\u064e\u0628\u0650\u064a\u0644\u0650 \u0627\u0644\u0644\u064e\u0651\u0647\u0650<\/span>\r\n          <span class=\"dh-trans\">\"The example of those who spend their wealth in the way of Allah is like a seed of grain which grows seven spikes, each spike with a hundred grains...\" (Quran 2:261)<\/span>\r\n        <\/p>\r\n\r\n        <div class=\"donate-channels\">\r\n          <h4>How to Donate<\/h4>\r\n\r\n          <div class=\"channel-item\">\r\n            <div class=\"channel-icon\">\ud83c\udfe6<\/div>\r\n            <div class=\"channel-info\">\r\n              <strong>Bank Transfer<\/strong>\r\n              <p>A\/c: Khaja Garib Nawaz Foundation<br>\r\n              Bank: State Bank of India<br>\r\n              A\/c No: F C R A. 40004944957<br>\r\n              IFSC: SBIN0000691<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"channel-item\">\r\n            <div class=\"channel-icon\">\ud83d\udcf1<\/div>\r\n            <div class=\"channel-info\">\r\n              <strong>UPI \/ GPay \/ PhonePe<\/strong>\r\n              <p>UPI ID: khajagaribnawaz@sbi<br>\r\n              Or scan QR code \u2192<\/p>\r\n            <\/div>\r\n            <div class=\"qr-placeholder\">\r\n              <span>QR<\/span>\r\n              <small>Add your<br>QR here<\/small>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"channel-item\">\r\n            <div class=\"channel-icon\">\ud83d\udcdc<\/div>\r\n            <div class=\"channel-info\">\r\n              <strong>80G Tax Exempt<\/strong>\r\n              <p>All donations eligible for<br>80G tax exemption in India.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Right: Donation Form -->\r\n      <div class=\"donate-form-wrap\">\r\n        <div class=\"form-card\">\r\n          <h3>Make a Donation<\/h3>\r\n          <p class=\"form-subtitle\">Choose an amount or enter custom<\/p>\r\n\r\n          <!-- Amount Selector -->\r\n          <div class=\"amount-grid\" id=\"amountGrid\">\r\n            <button class=\"amount-btn\" data-amount=\"500\">\u20b9500<\/button>\r\n            <button class=\"amount-btn active\" data-amount=\"1000\">\u20b91,000<\/button>\r\n            <button class=\"amount-btn\" data-amount=\"2100\">\u20b92,100<\/button>\r\n            <button class=\"amount-btn\" data-amount=\"5000\">\u20b95,000<\/button>\r\n            <button class=\"amount-btn\" data-amount=\"11000\">\u20b911,000<\/button>\r\n            <button class=\"amount-btn\" data-amount=\"51000\">\u20b951,000<\/button>\r\n          <\/div>\r\n\r\n          <div class=\"custom-amount\">\r\n            <label>Or enter amount (\u20b9)<\/label>\r\n            <input type=\"number\" id=\"customAmount\" placeholder=\"Enter custom amount\" min=\"10\">\r\n          <\/div>\r\n\r\n          <!-- Purpose Selector -->\r\n          <div class=\"form-field\">\r\n            <label>Donation Purpose<\/label>\r\n            <select id=\"purposeSelect\">\r\n              <option value=\"general\">General \/ Where Needed Most<\/option>\r\n              <option value=\"education\">Education Program<\/option>\r\n              <option value=\"food\">Langar \/ Food Program<\/option>\r\n              <option value=\"healthcare\">Healthcare Camp<\/option>\r\n              <option value=\"zakat\">Zakat Distribution<\/option>\r\n              <option value=\"women\">Women Empowerment<\/option>\r\n            <\/select>\r\n          <\/div>\r\n\r\n          <!-- Donor Info -->\r\n          <div class=\"form-row\">\r\n            <div class=\"form-field\">\r\n              <label>Your Name<\/label>\r\n              <input type=\"text\" placeholder=\"Full name\" id=\"donorName\">\r\n            <\/div>\r\n            <div class=\"form-field\">\r\n              <label>Mobile Number<\/label>\r\n              <input type=\"tel\" placeholder=\"+91 XXXXX XXXXX\" id=\"donorPhone\">\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"form-field\">\r\n            <label>Email (for receipt)<\/label>\r\n            <input type=\"email\" placeholder=\"your@email.com\" id=\"donorEmail\">\r\n          <\/div>\r\n\r\n          <div class=\"form-check\">\r\n            <input type=\"checkbox\" id=\"anon\">\r\n            <label for=\"anon\">Keep my donation anonymous<\/label>\r\n          <\/div>\r\n\r\n          <button class=\"btn-donate-submit\" id=\"donateSubmit\" onclick=\"handleDonate()\">\r\n            \ud83e\udd32 Donate Now \u2014 \u20b9<span id=\"selectedAmount\">1,000<\/span>\r\n          <\/button>\r\n\r\n          <p class=\"form-note\">\ud83d\udd12 Secure payment. 80G receipt will be emailed within 24 hours.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.donate-section {\r\n  background: var(--color-ivory, #FAF7F0);\r\n  padding: 100px 0;\r\n}\r\n.donate-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 64px;\r\n  align-items: start;\r\n}\r\n\r\n\/* Left Info *\/\r\n.section-subtitle { font-size: 0.8rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--color-gold, #C9A84C); font-weight: 700; margin-bottom: 8px; }\r\n.section-title { font-family: 'Cormorant Garamond', serif; font-size: clamp(2rem, 3.5vw, 2.8rem); font-weight: 600; color: var(--color-green, #1A5C38); line-height: 1.2; margin-bottom: 0; }\r\n.section-title em { color: var(--color-gold-dark, #8B6914); font-style: italic; }\r\n.gold-divider { display: flex; align-items: center; gap: 12px; margin: 14px 0 24px; }\r\n.gold-divider::before, .gold-divider::after { content: ''; flex: 1; height: 1px; background: linear-gradient(90deg, transparent, var(--color-gold, #C9A84C), transparent); }\r\n.gold-divider span { color: var(--color-gold, #C9A84C); }\r\n\r\n.donate-hadith-block {\r\n  background: var(--color-green-pale, #F0F8F2);\r\n  border-left: 4px solid var(--color-gold, #C9A84C);\r\n  border-radius: 0 12px 12px 0;\r\n  padding: 20px 20px 20px 24px;\r\n  margin-bottom: 32px;\r\n}\r\n.dh-arabic {\r\n  display: block;\r\n  font-family: 'Amiri', serif;\r\n  font-size: 1.2rem;\r\n  color: var(--color-green, #1A5C38);\r\n  direction: rtl;\r\n  text-align: right;\r\n  margin-bottom: 8px;\r\n  line-height: 1.8;\r\n}\r\n.dh-trans {\r\n  font-size: 0.85rem;\r\n  font-style: italic;\r\n  color: var(--text-muted, #6B8F78);\r\n  line-height: 1.7;\r\n}\r\n\r\n.donate-channels h4 {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: 1.2rem;\r\n  color: var(--color-green, #1A5C38);\r\n  margin-bottom: 16px;\r\n}\r\n.channel-item {\r\n  display: flex;\r\n  gap: 16px;\r\n  align-items: flex-start;\r\n  padding: 16px;\r\n  border-radius: 12px;\r\n  border: 1px solid rgba(201,168,76,0.15);\r\n  background: var(--color-white, #fff);\r\n  margin-bottom: 12px;\r\n}\r\n.channel-icon { font-size: 1.6rem; flex-shrink: 0; }\r\n.channel-info strong { display: block; font-size: 0.9rem; color: var(--color-green, #1A5C38); margin-bottom: 4px; }\r\n.channel-info p { font-size: 0.82rem; color: var(--text-secondary, #3A5A48); margin: 0; line-height: 1.7; }\r\n\r\n.qr-placeholder {\r\n  width: 64px; height: 64px;\r\n  background: var(--color-green-pale, #F0F8F2);\r\n  border: 2px dashed rgba(26,92,56,0.3);\r\n  border-radius: 10px;\r\n  display: flex; flex-direction: column; align-items: center; justify-content: center;\r\n  font-size: 0.65rem; color: var(--text-muted, #6B8F78);\r\n  text-align: center; flex-shrink: 0;\r\n  font-weight: 700;\r\n}\r\n.qr-placeholder span { font-size: 1rem; font-weight: 700; color: var(--color-green, #1A5C38); }\r\n\r\n\/* Donation Form *\/\r\n.donate-form-wrap { position: sticky; top: 100px; }\r\n.form-card {\r\n  background: var(--color-white, #fff);\r\n  border-radius: 24px;\r\n  padding: 40px 36px;\r\n  border: 1px solid rgba(201,168,76,0.2);\r\n  box-shadow: 0 16px 48px rgba(13,31,23,0.08);\r\n}\r\n.form-card h3 {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: 1.7rem; font-weight: 700;\r\n  color: var(--color-green, #1A5C38);\r\n  margin-bottom: 4px;\r\n}\r\n.form-subtitle { font-size: 0.85rem; color: var(--text-muted, #6B8F78); margin-bottom: 24px; }\r\n\r\n.amount-grid {\r\n  display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 16px;\r\n}\r\n.amount-btn {\r\n  padding: 12px 8px; border-radius: 10px;\r\n  border: 1.5px solid rgba(201,168,76,0.3);\r\n  background: var(--color-green-pale, #F0F8F2);\r\n  color: var(--color-green, #1A5C38);\r\n  font-weight: 700; font-size: 0.9rem;\r\n  cursor: pointer; transition: all 0.2s;\r\n}\r\n.amount-btn:hover { border-color: var(--color-gold, #C9A84C); background: #fff; }\r\n.amount-btn.active {\r\n  background: var(--color-green, #1A5C38); color: #fff;\r\n  border-color: var(--color-green, #1A5C38);\r\n}\r\n\r\n.custom-amount, .form-field { margin-bottom: 14px; }\r\n.custom-amount label, .form-field label {\r\n  display: block; font-size: 0.78rem; font-weight: 600;\r\n  color: var(--text-secondary, #3A5A48);\r\n  text-transform: uppercase; letter-spacing: 0.06em;\r\n  margin-bottom: 6px;\r\n}\r\n.custom-amount input, .form-field input, .form-field select {\r\n  width: 100%; padding: 12px 14px;\r\n  border: 1.5px solid rgba(13,31,23,0.12);\r\n  border-radius: 10px; font-size: 0.9rem;\r\n  color: var(--text-primary, #0D1F17);\r\n  background: var(--color-white, #fff);\r\n  transition: border-color 0.2s;\r\n  font-family: inherit;\r\n}\r\n.custom-amount input:focus, .form-field input:focus, .form-field select:focus {\r\n  outline: none; border-color: var(--color-gold, #C9A84C);\r\n}\r\n\r\n.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }\r\n\r\n.form-check {\r\n  display: flex; align-items: center; gap: 8px;\r\n  margin-bottom: 20px;\r\n  font-size: 0.85rem; color: var(--text-secondary, #3A5A48);\r\n}\r\n.form-check input { width: auto; }\r\n\r\n.btn-donate-submit {\r\n  width: 100%; padding: 16px;\r\n  background: linear-gradient(135deg, var(--color-green, #1A5C38), var(--color-green-mid, #2E7D4F));\r\n  color: #fff; border: none; border-radius: 14px;\r\n  font-size: 1rem; font-weight: 700; cursor: pointer;\r\n  transition: all 0.3s; font-family: inherit;\r\n  box-shadow: 0 6px 24px rgba(26,92,56,0.3);\r\n}\r\n.btn-donate-submit:hover { transform: translateY(-2px); box-shadow: 0 10px 32px rgba(26,92,56,0.35); }\r\n.btn-donate-submit:active { transform: translateY(0); }\r\n\r\n.form-note { font-size: 0.75rem; color: var(--text-muted, #6B8F78); text-align: center; margin-top: 12px; }\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 900px) {\r\n  .donate-grid { grid-template-columns: 1fr; gap: 48px; }\r\n  .donate-form-wrap { position: static; }\r\n}\r\n@media (max-width: 480px) {\r\n  .form-card { padding: 28px 20px; }\r\n  .form-row { grid-template-columns: 1fr; }\r\n  .amount-grid { grid-template-columns: repeat(2, 1fr); }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function() {\r\n  var selected = 1000;\r\n\r\n  \/\/ Amount button selection\r\n  var btns = document.querySelectorAll('.amount-btn');\r\n  btns.forEach(function(btn) {\r\n    btn.addEventListener('click', function() {\r\n      btns.forEach(function(b) { b.classList.remove('active'); });\r\n      btn.classList.add('active');\r\n      selected = parseInt(btn.dataset.amount);\r\n      document.getElementById('customAmount').value = '';\r\n      updateDonateBtn();\r\n    });\r\n  });\r\n\r\n  \/\/ Custom amount\r\n  var customInput = document.getElementById('customAmount');\r\n  if (customInput) {\r\n    customInput.addEventListener('input', function() {\r\n      if (this.value) {\r\n        selected = parseInt(this.value) || 0;\r\n        btns.forEach(function(b) { b.classList.remove('active'); });\r\n        updateDonateBtn();\r\n      }\r\n    });\r\n  }\r\n\r\n  function updateDonateBtn() {\r\n    var span = document.getElementById('selectedAmount');\r\n    if (span) span.textContent = selected.toLocaleString('en-IN');\r\n  }\r\n})();\r\n\r\nfunction handleDonate() {\r\n  var name = document.getElementById('donorName').value.trim();\r\n  var phone = document.getElementById('donorPhone').value.trim();\r\n  if (!name || !phone) {\r\n    alert('Please fill in your name and mobile number.');\r\n    return;\r\n  }\r\n  \/\/ Integrate with Razorpay or redirect to payment gateway\r\n  alert('Jazak Allah Khair! Redirecting to payment gateway...\\nAmount: \u20b9' + document.getElementById('selectedAmount').textContent);\r\n  \/\/ window.location.href = '\/payment?amount=' + selected;\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-184bf7c elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"184bf7c\" data-element_type=\"section\" data-e-type=\"section\" id=\"stories\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-21acb4e\" data-id=\"21acb4e\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2861193 elementor-widget elementor-widget-html\" data-id=\"2861193\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n   KHAJAGARIBNAWAZ.COM \u2014 TESTIMONIALS SECTION (Body Section 6)\r\n   ============================================================ -->\r\n\r\n<section class=\"testimonials-section section\" id=\"testimonials\">\r\n  <div class=\"container\">\r\n\r\n    <div class=\"section-header center\">\r\n      <p class=\"section-subtitle\">Stories of Change<\/p>\r\n      <h2 class=\"section-title\">Voices of <em>Our Community<\/em><\/h2>\r\n      <div class=\"gold-divider\"><span>\u275d<\/span><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"testimonials-grid\">\r\n\r\n      <div class=\"testimonial-card featured-t\">\r\n        <div class=\"t-quote-mark\">\"<\/div>\r\n        <p class=\"t-text\">Foundation ne mere bacchon ko free education di. Aaj mera beta doctor banna chahta hai. Khaja sahab ki dua aur foundation ki mehnat se hamari zindagi badal gayi.<\/p>\r\n        <div class=\"t-author\">\r\n          <div class=\"t-avatar\" style=\"background:#D6EBD9; color:#1A5C38\">FA<\/div>\r\n          <div>\r\n            <strong>Fatima Ansari<\/strong>\r\n            <span>Beneficiary, Rajasthan<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"t-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"testimonial-card\">\r\n        <div class=\"t-quote-mark\">\"<\/div>\r\n        <p class=\"t-text\">Medical camp mein hamare pure gaon ka free check-up hua. Bahut log pehli baar doctor se mile. Foundation ka kaam sach mein Allah ki raah mein hai.<\/p>\r\n        <div class=\"t-author\">\r\n          <div class=\"t-avatar\" style=\"background:#E8D49A; color:#8B6914\">MK<\/div>\r\n          <div>\r\n            <strong>Mohammad Khalid<\/strong>\r\n            <span>Village Elder, UP<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"t-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"testimonial-card\">\r\n        <div class=\"t-quote-mark\">\"<\/div>\r\n        <p class=\"t-text\">Ramzan mein roz ka langar ek barkat hai. Hazaron log iftar karte hain. Aise kaam ko support karna har Muslim ka farz hai.<\/p>\r\n        <div class=\"t-author\">\r\n          <div class=\"t-avatar\" style=\"background:#F0F8F2; color:#2E7D4F\">ZB<\/div>\r\n          <div>\r\n            <strong>Zainab Begum<\/strong>\r\n            <span>Volunteer, Delhi<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"t-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"testimonial-card\">\r\n        <div class=\"t-quote-mark\">\"<\/div>\r\n        <p class=\"t-text\">I have been donating for 5 years. The transparency and the impact they create is remarkable. Every rupee reaches the people who need it the most.<\/p>\r\n        <div class=\"t-author\">\r\n          <div class=\"t-avatar\" style=\"background:#0D1F17; color:#C9A84C\">AS<\/div>\r\n          <div>\r\n            <strong>Ahmed Siddiqui<\/strong>\r\n            <span>Donor, Mumbai<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"t-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.testimonials-section {\r\n  background: var(--color-cream, #F5EFE0);\r\n  padding: 100px 0;\r\n}\r\n\r\n.section-header.center { text-align: center; margin-bottom: 56px; }\r\n.section-subtitle { font-size: 0.8rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--color-gold, #C9A84C); font-weight: 700; margin-bottom: 8px; }\r\n.section-title { font-family: 'Cormorant Garamond', serif; font-size: clamp(2rem, 3.5vw, 2.8rem); font-weight: 600; color: var(--color-green, #1A5C38); line-height: 1.2; }\r\n.section-title em { color: var(--color-gold-dark, #8B6914); font-style: italic; }\r\n.gold-divider { display: flex; align-items: center; gap: 12px; margin: 14px auto 0; justify-content: center; }\r\n.gold-divider::before, .gold-divider::after { content: ''; flex: 1; max-width: 80px; height: 1px; background: linear-gradient(90deg, transparent, var(--color-gold, #C9A84C), transparent); }\r\n.gold-divider span { color: var(--color-gold, #C9A84C); }\r\n\r\n.testimonials-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, 1fr);\r\n  gap: 24px;\r\n}\r\n\r\n.testimonial-card {\r\n  background: var(--color-white, #fff);\r\n  border-radius: 20px;\r\n  padding: 36px 32px;\r\n  border: 1px solid rgba(201,168,76,0.15);\r\n  position: relative;\r\n  transition: all 0.3s;\r\n}\r\n.testimonial-card:hover {\r\n  transform: translateY(-4px);\r\n  box-shadow: 0 16px 40px rgba(13,31,23,0.10);\r\n  border-color: rgba(201,168,76,0.35);\r\n}\r\n.testimonial-card.featured-t {\r\n  background: linear-gradient(145deg, var(--color-green, #1A5C38), var(--color-dark-mid, #1B3529));\r\n  border-color: rgba(201,168,76,0.3);\r\n}\r\n.testimonial-card.featured-t .t-quote-mark { color: rgba(201,168,76,0.4); }\r\n.testimonial-card.featured-t .t-text { color: rgba(250,247,240,0.85); }\r\n.testimonial-card.featured-t .t-author strong { color: var(--color-ivory, #FAF7F0); }\r\n.testimonial-card.featured-t .t-author span { color: rgba(250,247,240,0.55); }\r\n\r\n.t-quote-mark {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: 5rem;\r\n  color: rgba(201,168,76,0.15);\r\n  line-height: 1;\r\n  margin-bottom: -20px;\r\n  display: block;\r\n}\r\n\r\n.t-text {\r\n  font-size: 0.95rem;\r\n  line-height: 1.8;\r\n  color: var(--text-secondary, #3A5A48);\r\n  margin-bottom: 24px;\r\n  font-style: italic;\r\n}\r\n\r\n.t-author {\r\n  display: flex; align-items: center; gap: 14px; margin-bottom: 14px;\r\n}\r\n.t-avatar {\r\n  width: 44px; height: 44px; border-radius: 50%;\r\n  display: flex; align-items: center; justify-content: center;\r\n  font-weight: 700; font-size: 0.85rem; flex-shrink: 0;\r\n}\r\n.t-author strong { display: block; font-size: 0.9rem; color: var(--color-green, #1A5C38); font-weight: 700; }\r\n.t-author span { font-size: 0.78rem; color: var(--text-muted, #6B8F78); }\r\n.t-stars { color: var(--color-gold, #C9A84C); font-size: 0.9rem; letter-spacing: 2px; }\r\n\r\n@media (max-width: 640px) {\r\n  .testimonials-grid { grid-template-columns: 1fr; }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-27148f2 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"27148f2\" data-element_type=\"section\" data-e-type=\"section\" id=\"gallery\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1ada98d\" data-id=\"1ada98d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2844e87 elementor-widget elementor-widget-html\" data-id=\"2844e87\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n   KHAJAGARIBNAWAZ.COM \u2014 GALLERY SECTION (Body Section 9)\r\n   Aapki actual images ke saath \u2014 with Filter Tabs + Lightbox\r\n   ============================================================ -->\r\n\r\n<section class=\"gallery-section\" id=\"gallery\">\r\n  <div class=\"container\">\r\n\r\n    <!-- Header -->\r\n    <div class=\"gal-header\">\r\n      <p class=\"sec-sub\">Our Gallery<\/p>\r\n      <h2 class=\"sec-title\">Moments of <em>Khidmat & Barkat<\/em><\/h2>\r\n      <div class=\"gal-divider\"><span>\ud83d\udcf7<\/span><\/div>\r\n      <p class=\"gal-desc\">Hamare kaam ki tasveeeron mein jhankiye \u2014 ruhani majlis, langar, madrase aur welfare programs ke yaadigaar pal.<\/p>\r\n    <\/div>\r\n\r\n    <!-- Filter Tabs -->\r\n    <div class=\"gal-filters\">\r\n      <button class=\"gal-btn active\" data-filter=\"all\">All Photos<\/button>\r\n      <button class=\"gal-btn\" data-filter=\"spiritual\">Spiritual<\/button>\r\n      <button class=\"gal-btn\" data-filter=\"langar\">Langar & Seva<\/button>\r\n      <button class=\"gal-btn\" data-filter=\"education\">Education<\/button>\r\n      <button class=\"gal-btn\" data-filter=\"events\">Events<\/button>\r\n      <button class=\"gal-btn\" data-filter=\"relief\">Relief Work<\/button>\r\n    <\/div>\r\n\r\n    <!-- Gallery Masonry Grid -->\r\n    <div class=\"gal-grid\" id=\"galGrid\">\r\n\r\n      <div class=\"gal-item large\" data-cat=\"spiritual\">\r\n        <div class=\"gal-wrap\" onclick=\"openLB(0)\">\r\n          <img decoding=\"async\" src=\"https:\/\/khajagaribnawaz.com\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-25-at-1.14.58-PM.jpeg\" alt=\"Spiritual gathering\" loading=\"lazy\">\r\n          <div class=\"gal-overlay\">\r\n            <span class=\"gal-tag\">Spiritual<\/span>\r\n            <h4>Ruhani Majlis<\/h4>\r\n            <p>Spiritual gathering at the foundation<\/p>\r\n          <\/div>\r\n          <div class=\"gal-zoom\">\u2295<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"gal-item\" data-cat=\"spiritual\">\r\n        <div class=\"gal-wrap\" onclick=\"openLB(1)\">\r\n          <img decoding=\"async\" src=\"https:\/\/khajagaribnawaz.com\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-25-at-1.13.35-PM.jpeg\" alt=\"Dargah program\" loading=\"lazy\">\r\n          <div class=\"gal-overlay\">\r\n            <span class=\"gal-tag\">Spiritual<\/span>\r\n            <h4>Dargah Program<\/h4>\r\n            <p>Naat & Qawwali evening<\/p>\r\n          <\/div>\r\n          <div class=\"gal-zoom\">\u2295<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"gal-item\" data-cat=\"langar\">\r\n        <div class=\"gal-wrap\" onclick=\"openLB(2)\">\r\n          <img decoding=\"async\" src=\"https:\/\/khajagaribnawaz.com\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-25-at-12.54.57-PM.jpeg\" alt=\"Langar seva\" loading=\"lazy\">\r\n          <div class=\"gal-overlay\">\r\n            <span class=\"gal-tag\">Langar<\/span>\r\n            <h4>Langar-e-Garib Nawaz<\/h4>\r\n            <p>Free meals distribution<\/p>\r\n          <\/div>\r\n          <div class=\"gal-zoom\">\u2295<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"gal-item tall\" data-cat=\"langar\">\r\n        <div class=\"gal-wrap\" onclick=\"openLB(3)\">\r\n          <img decoding=\"async\" src=\"https:\/\/khajagaribnawaz.com\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-25-at-12.54.12-PM.jpeg\" alt=\"Food seva\" loading=\"lazy\">\r\n          <div class=\"gal-overlay\">\r\n            <span class=\"gal-tag\">Langar<\/span>\r\n            <h4>Daily Langar Seva<\/h4>\r\n            <p>Serving the community with love<\/p>\r\n          <\/div>\r\n          <div class=\"gal-zoom\">\u2295<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"gal-item\" data-cat=\"events\">\r\n        <div class=\"gal-wrap\" onclick=\"openLB(4)\">\r\n          <img decoding=\"async\" src=\"https:\/\/khajagaribnawaz.com\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-25-at-12.45.10-PM.jpeg\" alt=\"Urs Mubarak\" loading=\"lazy\">\r\n          <div class=\"gal-overlay\">\r\n            <span class=\"gal-tag\">Events<\/span>\r\n            <h4>Urs Mubarak<\/h4>\r\n            <p>Annual Urs celebration<\/p>\r\n          <\/div>\r\n          <div class=\"gal-zoom\">\u2295<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"gal-item large\" data-cat=\"events\">\r\n        <div class=\"gal-wrap\" onclick=\"openLB(5)\">\r\n          <img decoding=\"async\" src=\"https:\/\/khajagaribnawaz.com\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-25-at-12.44.55-PM.jpeg\" alt=\"Foundation event\" loading=\"lazy\">\r\n          <div class=\"gal-overlay\">\r\n            <span class=\"gal-tag\">Events<\/span>\r\n            <h4>Foundation Jalsa<\/h4>\r\n            <p>Community gathering & program<\/p>\r\n          <\/div>\r\n          <div class=\"gal-zoom\">\u2295<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"gal-item\" data-cat=\"education\">\r\n        <div class=\"gal-wrap\" onclick=\"openLB(6)\">\r\n          <img decoding=\"async\" src=\"https:\/\/khajagaribnawaz.com\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-25-at-12.43.41-PM.jpeg\" alt=\"Education program\" loading=\"lazy\">\r\n          <div class=\"gal-overlay\">\r\n            <span class=\"gal-tag\">Education<\/span>\r\n            <h4>Taleem Program<\/h4>\r\n            <p>Free education initiative<\/p>\r\n          <\/div>\r\n          <div class=\"gal-zoom\">\u2295<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"gal-item\" data-cat=\"relief\">\r\n        <div class=\"gal-wrap\" onclick=\"openLB(7)\">\r\n          <img decoding=\"async\" src=\"https:\/\/khajagaribnawaz.com\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-25-at-12.40.47-PM.jpeg\" alt=\"Relief work\" loading=\"lazy\">\r\n          <div class=\"gal-overlay\">\r\n            <span class=\"gal-tag\">Relief Work<\/span>\r\n            <h4>Welfare Distribution<\/h4>\r\n            <p>Aid for those in need<\/p>\r\n          <\/div>\r\n          <div class=\"gal-zoom\">\u2295<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"gal-item\" data-cat=\"relief\">\r\n        <div class=\"gal-wrap\" onclick=\"openLB(8)\">\r\n          <img decoding=\"async\" src=\"https:\/\/khajagaribnawaz.com\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-25-at-12.40.01-PM.jpeg\" alt=\"Community relief\" loading=\"lazy\">\r\n          <div class=\"gal-overlay\">\r\n            <span class=\"gal-tag\">Relief Work<\/span>\r\n            <h4>Community Support<\/h4>\r\n            <p>Helping families in crisis<\/p>\r\n          <\/div>\r\n          <div class=\"gal-zoom\">\u2295<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"gal-item tall\" data-cat=\"spiritual\">\r\n        <div class=\"gal-wrap\" onclick=\"openLB(9)\">\r\n          <img decoding=\"async\" src=\"https:\/\/khajagaribnawaz.com\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-25-at-12.38.30-PM.jpeg\" alt=\"Spiritual event\" loading=\"lazy\">\r\n          <div class=\"gal-overlay\">\r\n            <span class=\"gal-tag\">Spiritual<\/span>\r\n            <h4>Zikr Mehfil<\/h4>\r\n            <p>Evening of remembrance & prayer<\/p>\r\n          <\/div>\r\n          <div class=\"gal-zoom\">\u2295<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"gal-item\" data-cat=\"spiritual\">\r\n        <div class=\"gal-wrap\" onclick=\"openLB(10)\">\r\n          <img decoding=\"async\" src=\"https:\/\/khajagaribnawaz.com\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-25-at-12.38.25-PM.jpeg\" alt=\"Majlis\" loading=\"lazy\">\r\n          <div class=\"gal-overlay\">\r\n            <span class=\"gal-tag\">Spiritual<\/span>\r\n            <h4>Majlis-e-Milad<\/h4>\r\n            <p>Naat & devotional program<\/p>\r\n          <\/div>\r\n          <div class=\"gal-zoom\">\u2295<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"gal-item large\" data-cat=\"langar\">\r\n        <div class=\"gal-wrap\" onclick=\"openLB(11)\">\r\n          <img decoding=\"async\" src=\"https:\/\/khajagaribnawaz.com\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-25-at-12.35.36-PM.jpeg\" alt=\"Iftar distribution\" loading=\"lazy\">\r\n          <div class=\"gal-overlay\">\r\n            <span class=\"gal-tag\">Langar<\/span>\r\n            <h4>Ramzan Iftar Dawat<\/h4>\r\n            <p>1000+ people fed every evening<\/p>\r\n          <\/div>\r\n          <div class=\"gal-zoom\">\u2295<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"gal-item\" data-cat=\"events\">\r\n        <div class=\"gal-wrap\" onclick=\"openLB(12)\">\r\n          <img decoding=\"async\" src=\"https:\/\/khajagaribnawaz.com\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-25-at-12.35.34-PM.jpeg\" alt=\"Foundation program\" loading=\"lazy\">\r\n          <div class=\"gal-overlay\">\r\n            <span class=\"gal-tag\">Events<\/span>\r\n            <h4>Annual Program<\/h4>\r\n            <p>Foundation anniversary gathering<\/p>\r\n          <\/div>\r\n          <div class=\"gal-zoom\">\u2295<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"gal-item\" data-cat=\"education\">\r\n        <div class=\"gal-wrap\" onclick=\"openLB(13)\">\r\n          <img decoding=\"async\" src=\"https:\/\/khajagaribnawaz.com\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-25-at-12.35.33-PM.jpeg\" alt=\"Education initiative\" loading=\"lazy\">\r\n          <div class=\"gal-overlay\">\r\n            <span class=\"gal-tag\">Education<\/span>\r\n            <h4>Scholarship Program<\/h4>\r\n            <p>Empowering youth through education<\/p>\r\n          <\/div>\r\n          <div class=\"gal-zoom\">\u2295<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"gal-item\" data-cat=\"relief\">\r\n        <div class=\"gal-wrap\" onclick=\"openLB(14)\">\r\n          <img decoding=\"async\" src=\"https:\/\/khajagaribnawaz.com\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-25-at-12.35.32-PM.jpeg\" alt=\"Welfare work\" loading=\"lazy\">\r\n          <div class=\"gal-overlay\">\r\n            <span class=\"gal-tag\">Relief Work<\/span>\r\n            <h4>Khidmat Drive<\/h4>\r\n            <p>Reaching the most vulnerable<\/p>\r\n          <\/div>\r\n          <div class=\"gal-zoom\">\u2295<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div><!-- \/gal-grid -->\r\n\r\n    <!-- CTA -->\r\n    <div class=\"gal-cta\">\r\n      <a href=\"\/gallery\" class=\"gal-view-btn\">\r\n        View Full Gallery\r\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550 LIGHTBOX \u2550\u2550 -->\r\n<div class=\"kgn-lb\" id=\"kgnLB\" role=\"dialog\" aria-modal=\"true\">\r\n  <div class=\"lb-bg\" onclick=\"closeLB()\"><\/div>\r\n  <button class=\"lb-close-btn\" onclick=\"closeLB()\" aria-label=\"Close\">\u2715<\/button>\r\n  <button class=\"lb-arr lb-arr-l\" onclick=\"shiftLB(-1)\" aria-label=\"Previous\">&#8249;<\/button>\r\n  <div class=\"lb-stage\">\r\n    <img decoding=\"async\" src=\"\" alt=\"\" id=\"lbMainImg\">\r\n    <div class=\"lb-info\" id=\"lbInfo\"><\/div>\r\n  <\/div>\r\n  <button class=\"lb-arr lb-arr-r\" onclick=\"shiftLB(1)\" aria-label=\"Next\">&#8250;<\/button>\r\n  <div class=\"lb-dots\" id=\"lbDots\"><\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* \u2500\u2500 Section \u2500\u2500 *\/\r\n.gallery-section {\r\n  background: var(--color-ivory,#FAF7F0);\r\n  padding: 100px 0;\r\n}\r\n.container { max-width:1200px; margin:0 auto; padding:0 24px; }\r\n\r\n\/* Header *\/\r\n.gal-header { text-align:center; max-width:640px; margin:0 auto 44px; }\r\n.sec-sub {\r\n  font-size:.78rem; letter-spacing:.14em; text-transform:uppercase;\r\n  color:var(--color-gold,#C9A84C); font-weight:700; margin-bottom:8px;\r\n  font-family:'Nunito Sans',sans-serif;\r\n}\r\n.sec-title {\r\n  font-family:'Cormorant Garamond',serif;\r\n  font-size:clamp(2rem,3.5vw,2.8rem); font-weight:600;\r\n  color:var(--color-green,#1A5C38); line-height:1.2; margin-bottom:0;\r\n}\r\n.sec-title em { color:var(--color-gold-dark,#8B6914); font-style:italic; }\r\n.gal-divider {\r\n  display:flex; align-items:center; gap:12px;\r\n  margin:14px auto 16px; justify-content:center;\r\n}\r\n.gal-divider::before,.gal-divider::after {\r\n  content:''; flex:1; max-width:80px; height:1px;\r\n  background:linear-gradient(90deg,transparent,#C9A84C,transparent);\r\n}\r\n.gal-divider span { color:#C9A84C; font-size:1rem; }\r\n.gal-desc { font-size:.92rem; color:var(--text-muted,#6B8F78); line-height:1.8; font-family:'Nunito Sans',sans-serif; }\r\n\r\n\/* Filter *\/\r\n.gal-filters {\r\n  display:flex; flex-wrap:wrap; gap:10px;\r\n  justify-content:center; margin-bottom:40px;\r\n}\r\n.gal-btn {\r\n  padding:9px 22px; border-radius:30px;\r\n  border:1.5px solid rgba(201,168,76,.3);\r\n  background:#fff; color:var(--text-secondary,#3A5A48);\r\n  font-size:.84rem; font-weight:600; cursor:pointer;\r\n  transition:all .25s; font-family:'Nunito Sans',sans-serif;\r\n}\r\n.gal-btn:hover {\r\n  border-color:#C9A84C; color:var(--color-green,#1A5C38);\r\n  background:var(--color-green-pale,#F0F8F2);\r\n}\r\n.gal-btn.active {\r\n  background:var(--color-green,#1A5C38); color:#fff;\r\n  border-color:var(--color-green,#1A5C38);\r\n  box-shadow:0 4px 14px rgba(26,92,56,.25);\r\n}\r\n\r\n\/* Grid *\/\r\n.gal-grid {\r\n  display:grid;\r\n  grid-template-columns:repeat(4,1fr);\r\n  grid-auto-rows:220px;\r\n  gap:12px;\r\n  margin-bottom:48px;\r\n}\r\n.gal-item            { grid-row:span 1; grid-column:span 1; }\r\n.gal-item.large      { grid-column:span 2; }\r\n.gal-item.tall       { grid-row:span 2; }\r\n.gal-item.hidden     { display:none; }\r\n\r\n.gal-wrap {\r\n  width:100%; height:100%;\r\n  border-radius:14px; overflow:hidden;\r\n  position:relative; cursor:pointer;\r\n  background:var(--color-green-light,#D6EBD9);\r\n}\r\n.gal-wrap img {\r\n  width:100%; height:100%; object-fit:cover; display:block;\r\n  transition:transform .5s ease;\r\n}\r\n.gal-item:hover .gal-wrap img { transform:scale(1.06); }\r\n\r\n\/* Overlay *\/\r\n.gal-overlay {\r\n  position:absolute; inset:0;\r\n  background:linear-gradient(to top,rgba(13,31,23,.88) 0%,rgba(13,31,23,.18) 55%,transparent 100%);\r\n  display:flex; flex-direction:column; justify-content:flex-end;\r\n  padding:18px; opacity:0; transition:opacity .35s;\r\n}\r\n.gal-item:hover .gal-overlay { opacity:1; }\r\n.gal-tag {\r\n  display:inline-block;\r\n  background:#C9A84C; color:#0D1F17;\r\n  font-size:.65rem; font-weight:700; letter-spacing:.07em;\r\n  text-transform:uppercase; padding:3px 10px; border-radius:20px;\r\n  align-self:flex-start; margin-bottom:6px;\r\n  font-family:'Nunito Sans',sans-serif;\r\n}\r\n.gal-overlay h4 {\r\n  font-family:'Cormorant Garamond',serif;\r\n  font-size:1rem; font-weight:700; color:#FAF7F0; line-height:1.2; margin-bottom:2px;\r\n}\r\n.gal-overlay p { font-size:.75rem; color:rgba(250,247,240,.65); margin:0; font-family:'Nunito Sans',sans-serif; }\r\n\r\n.gal-zoom {\r\n  position:absolute; top:12px; right:12px;\r\n  width:34px; height:34px; border-radius:50%;\r\n  background:rgba(255,255,255,.15); backdrop-filter:blur(4px);\r\n  border:1px solid rgba(255,255,255,.25); color:#fff;\r\n  display:flex; align-items:center; justify-content:center;\r\n  font-size:1.2rem; font-weight:700; transition:all .2s;\r\n  opacity:0;\r\n}\r\n.gal-item:hover .gal-zoom { opacity:1; }\r\n.gal-zoom:hover { background:#C9A84C; color:#0D1F17; transform:scale(1.1); }\r\n\r\n\/* CTA *\/\r\n.gal-cta { text-align:center; }\r\n.gal-view-btn {\r\n  display:inline-flex; align-items:center; gap:10px;\r\n  background:#fff; color:var(--color-green,#1A5C38);\r\n  border:2px solid var(--color-green,#1A5C38);\r\n  padding:14px 36px; border-radius:32px;\r\n  font-weight:700; font-size:.92rem; text-decoration:none;\r\n  transition:all .3s; font-family:'Nunito Sans',sans-serif;\r\n}\r\n.gal-view-btn:hover {\r\n  background:var(--color-green,#1A5C38); color:#fff;\r\n  box-shadow:0 8px 24px rgba(26,92,56,.25); transform:translateY(-2px);\r\n}\r\n\r\n\/* \u2500\u2500 Lightbox \u2500\u2500 *\/\r\n.kgn-lb {\r\n  position:fixed; inset:0; z-index:99999;\r\n  display:none; align-items:center; justify-content:center;\r\n  padding:20px;\r\n}\r\n.kgn-lb.open { display:flex; }\r\n.lb-bg {\r\n  position:absolute; inset:0;\r\n  background:rgba(13,31,23,.96);\r\n  cursor:pointer;\r\n}\r\n.lb-stage {\r\n  position:relative; z-index:1;\r\n  max-width:min(860px,88vw);\r\n  border-radius:18px; overflow:hidden;\r\n  box-shadow:0 32px 80px rgba(0,0,0,.55);\r\n}\r\n#lbMainImg {\r\n  display:block; width:100%; max-height:78vh;\r\n  object-fit:contain; background:#0D1F17;\r\n}\r\n.lb-info {\r\n  position:absolute; bottom:0; left:0; right:0;\r\n  background:linear-gradient(to top,rgba(13,31,23,.9),transparent);\r\n  padding:28px 20px 16px;\r\n  color:#FAF7F0; font-family:'Nunito Sans',sans-serif; font-size:.88rem;\r\n}\r\n.lb-arr {\r\n  position:relative; z-index:2;\r\n  width:52px; height:52px; border-radius:50%;\r\n  background:rgba(255,255,255,.1);\r\n  border:1.5px solid rgba(255,255,255,.2);\r\n  color:#fff; font-size:2rem; line-height:1;\r\n  cursor:pointer; flex-shrink:0;\r\n  display:flex; align-items:center; justify-content:center;\r\n  transition:all .2s; font-family:sans-serif;\r\n}\r\n.lb-arr:hover { background:#C9A84C; color:#0D1F17; border-color:#C9A84C; }\r\n.lb-close-btn {\r\n  position:absolute; top:18px; right:18px; z-index:3;\r\n  width:40px; height:40px; border-radius:50%;\r\n  background:rgba(255,255,255,.12);\r\n  border:1px solid rgba(255,255,255,.2);\r\n  color:#fff; font-size:1rem; cursor:pointer;\r\n  display:flex; align-items:center; justify-content:center;\r\n  transition:all .2s;\r\n}\r\n.lb-close-btn:hover { background:#e24b4a; border-color:#e24b4a; }\r\n.lb-dots {\r\n  position:absolute; bottom:12px; left:50%; transform:translateX(-50%);\r\n  z-index:2; display:flex; gap:6px;\r\n}\r\n.lb-dot {\r\n  width:7px; height:7px; border-radius:50%;\r\n  background:rgba(255,255,255,.3); cursor:pointer; transition:all .2s;\r\n  border:none; padding:0;\r\n}\r\n.lb-dot.active { background:#C9A84C; transform:scale(1.3); }\r\n\r\n\/* Responsive *\/\r\n@media(max-width:1024px){\r\n  .gal-grid{ grid-template-columns:repeat(3,1fr); }\r\n}\r\n@media(max-width:700px){\r\n  .gal-grid{ grid-template-columns:repeat(2,1fr); grid-auto-rows:180px; }\r\n  .gal-item.tall{ grid-row:span 1; }\r\n  .lb-arr{ width:40px; height:40px; font-size:1.6rem; }\r\n}\r\n@media(max-width:440px){\r\n  .gal-grid{ grid-template-columns:1fr; grid-auto-rows:220px; }\r\n  .gal-item.large{ grid-column:span 1; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  \/* Images list \u2014 matches DOM order *\/\r\n  var IMGS = [\r\n    {src:\"https:\/\/khajagaribnawaz.com\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-25-at-1.14.58-PM.jpeg\",  title:\"Ruhani Majlis\",        desc:\"Spiritual gathering at the foundation\"},\r\n    {src:\"https:\/\/khajagaribnawaz.com\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-25-at-1.13.35-PM.jpeg\",  title:\"Dargah Program\",       desc:\"Naat & Qawwali evening\"},\r\n    {src:\"https:\/\/khajagaribnawaz.com\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-25-at-12.54.57-PM.jpeg\", title:\"Langar-e-Garib Nawaz\",  desc:\"Free meals distribution\"},\r\n    {src:\"https:\/\/khajagaribnawaz.com\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-25-at-12.54.12-PM.jpeg\", title:\"Daily Langar Seva\",     desc:\"Serving the community with love\"},\r\n    {src:\"https:\/\/khajagaribnawaz.com\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-25-at-12.45.10-PM.jpeg\", title:\"Urs Mubarak\",          desc:\"Annual Urs celebration\"},\r\n    {src:\"https:\/\/khajagaribnawaz.com\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-25-at-12.44.55-PM.jpeg\", title:\"Foundation Jalsa\",     desc:\"Community gathering & program\"},\r\n    {src:\"https:\/\/khajagaribnawaz.com\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-25-at-12.43.41-PM.jpeg\", title:\"Taleem Program\",       desc:\"Free education initiative\"},\r\n    {src:\"https:\/\/khajagaribnawaz.com\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-25-at-12.40.47-PM.jpeg\", title:\"Welfare Distribution\",  desc:\"Aid for those in need\"},\r\n    {src:\"https:\/\/khajagaribnawaz.com\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-25-at-12.40.01-PM.jpeg\", title:\"Community Support\",    desc:\"Helping families in crisis\"},\r\n    {src:\"https:\/\/khajagaribnawaz.com\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-25-at-12.38.30-PM.jpeg\", title:\"Zikr Mehfil\",          desc:\"Evening of remembrance & prayer\"},\r\n    {src:\"https:\/\/khajagaribnawaz.com\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-25-at-12.38.25-PM.jpeg\", title:\"Majlis-e-Milad\",       desc:\"Naat & devotional program\"},\r\n    {src:\"https:\/\/khajagaribnawaz.com\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-25-at-12.35.36-PM.jpeg\", title:\"Ramzan Iftar Dawat\",   desc:\"1000+ people fed every evening\"},\r\n    {src:\"https:\/\/khajagaribnawaz.com\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-25-at-12.35.34-PM.jpeg\", title:\"Annual Program\",       desc:\"Foundation anniversary gathering\"},\r\n    {src:\"https:\/\/khajagaribnawaz.com\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-25-at-12.35.33-PM.jpeg\", title:\"Scholarship Program\",  desc:\"Empowering youth through education\"},\r\n    {src:\"https:\/\/khajagaribnawaz.com\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-25-at-12.35.32-PM.jpeg\", title:\"Khidmat Drive\",        desc:\"Reaching the most vulnerable\"}\r\n  ];\r\n\r\n  var cur = 0;\r\n  var lb  = document.getElementById('kgnLB');\r\n  var lbImg = document.getElementById('lbMainImg');\r\n  var lbInfo = document.getElementById('lbInfo');\r\n  var lbDots = document.getElementById('lbDots');\r\n\r\n  \/* Build dots *\/\r\n  IMGS.forEach(function(_,i){\r\n    var d = document.createElement('button');\r\n    d.className = 'lb-dot' + (i===0?' active':'');\r\n    d.setAttribute('aria-label','Go to image '+(i+1));\r\n    d.onclick = function(){ cur=i; renderLB(); };\r\n    lbDots.appendChild(d);\r\n  });\r\n\r\n  function renderLB(){\r\n    var d = IMGS[cur];\r\n    lbImg.src = d.src; lbImg.alt = d.title;\r\n    lbInfo.innerHTML = '<strong>'+d.title+'<\/strong> \u2014 '+d.desc;\r\n    lbDots.querySelectorAll('.lb-dot').forEach(function(dot,i){\r\n      dot.classList.toggle('active', i===cur);\r\n    });\r\n  }\r\n\r\n  window.openLB = function(idx){ cur=idx; renderLB(); lb.classList.add('open'); document.body.style.overflow='hidden'; };\r\n  window.closeLB = function(){ lb.classList.remove('open'); document.body.style.overflow=''; };\r\n  window.shiftLB = function(dir){ cur=(cur+dir+IMGS.length)%IMGS.length; renderLB(); };\r\n\r\n  document.addEventListener('keydown',function(e){\r\n    if(!lb.classList.contains('open')) return;\r\n    if(e.key==='Escape')      closeLB();\r\n    if(e.key==='ArrowLeft')   shiftLB(-1);\r\n    if(e.key==='ArrowRight')  shiftLB(1);\r\n  });\r\n\r\n  \/* Filter *\/\r\n  document.querySelectorAll('.gal-btn').forEach(function(btn){\r\n    btn.addEventListener('click',function(){\r\n      document.querySelectorAll('.gal-btn').forEach(function(b){ b.classList.remove('active'); });\r\n      btn.classList.add('active');\r\n      var f = btn.dataset.filter;\r\n      document.querySelectorAll('.gal-item').forEach(function(item){\r\n        item.classList.toggle('hidden', f!=='all' && item.dataset.cat!==f);\r\n      });\r\n    });\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ab84f97 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"ab84f97\" data-element_type=\"section\" data-e-type=\"section\" id=\"contact\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7fe6d07\" data-id=\"7fe6d07\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-df5025e elementor-widget elementor-widget-html\" data-id=\"df5025e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n   KHAJAGARIBNAWAZ.COM \u2014 CONTACT SECTION (Body Section 10)\r\n   Form \u2192 Direct Email via Contact Form 7 (WordPress Plugin)\r\n   NO EmailJS \/ No Third Party needed\r\n   ============================================================ -->\r\n\r\n<!--\r\n  \u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557\r\n  \u2551  SETUP \u2014 SIRF 3 KAAM (5 Minute)                             \u2551\r\n  \u2551                                                              \u2551\r\n  \u2551  1. WordPress Dashboard \u2192 Plugins \u2192 Add New                 \u2551\r\n  \u2551     \"Contact Form 7\" search karein \u2192 Install \u2192 Activate     \u2551\r\n  \u2551                                                              \u2551\r\n  \u2551  2. Contact \u2192 Add New Form                                   \u2551\r\n  \u2551     \"Mail\" tab mein:                                        \u2551\r\n  \u2551      To: khajagaribnawaz.com@gmail.com                      \u2551\r\n  \u2551      Subject: New Message from [your-name] \u2014 Website        \u2551\r\n  \u2551     Form ko save karein \u2192 Shortcode copy karein             \u2551\r\n  \u2551     e.g. [contact-form-7 id=\"123\"]                          \u2551\r\n  \u2551                                                              \u2551\r\n  \u2551  3. Neeche id=\"CF7_SHORTCODE_HERE\" wali line mein           \u2551\r\n  \u2551     apna shortcode ID replace karein                        \u2551\r\n  \u255a\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255d\r\n-->\r\n\r\n<section class=\"contact-section\" id=\"contact\">\r\n\r\n  <div class=\"contact-top-stripe\" aria-hidden=\"true\"><\/div>\r\n\r\n  <div class=\"container\">\r\n\r\n    <!-- Header -->\r\n    <div class=\"contact-header\">\r\n      <p class=\"con-sub\">Get In Touch<\/p>\r\n      <h2 class=\"con-title\">Hum Se <em>Rabta Karein<\/em><\/h2>\r\n      <div class=\"con-divider\"><span>\u260e<\/span><\/div>\r\n      <p class=\"con-desc\">Koi sawaal, madad, ya partnership ke liye \u2014 hum hamesha hazir hain.<br>Apna paighaam bhejein ya seedha rabta karein.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"contact-grid\">\r\n\r\n      <!-- \u2550\u2550\u2550 LEFT: Info \u2550\u2550\u2550 -->\r\n      <div class=\"contact-info\">\r\n\r\n        <div class=\"contact-bismillah\">\r\n          \u0627\u064e\u0644\u0633\u064e\u0651\u0644\u064e\u0627\u0645\u064f \u0639\u064e\u0644\u064e\u064a\u0652\u0643\u064f\u0645\u0652 \u0648\u064e\u0631\u064e\u062d\u0652\u0645\u064e\u0629\u064f \u0627\u0644\u0644\u0651\u0670\u0647\u0650 \u0648\u064e\u0628\u064e\u0631\u064e\u0643\u064e\u0627\u062a\u064f\u0647\u0657\r\n        <\/div>\r\n\r\n        <div class=\"info-cards\">\r\n\r\n          <div class=\"info-card\">\r\n            <div class=\"info-icon loc\">\r\n              <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"info-text\">\r\n              <strong>Hamara Pata<\/strong>\r\n              <p>Shaik Abdul Malik,<br>4\/491, Niyayr Khadriya Masjid,<br>D.M.M. Gate, Guntakal \u2014 515801,<br>Anantapur District, Andhra Pradesh<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"info-card\">\r\n            <div class=\"info-icon phone\">\r\n              <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 12 19.79 19.79 0 0 1 1.61 3.41 2 2 0 0 1 3.6 1.24h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 8.96a16 16 0 0 0 6 6l.95-.95a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"info-text\">\r\n              <strong>Phone \/ WhatsApp<\/strong>\r\n              <p><a href=\"tel:+919866383150\">+91-98663 83150<\/a><br>\r\n              <a href=\"https:\/\/wa.me\/919866383150\" target=\"_blank\" rel=\"noopener\">WhatsApp pe message karein \u2192<\/a><\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"info-card\">\r\n            <div class=\"info-icon mail\">\r\n              <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"info-text\">\r\n              <strong>Email<\/strong>\r\n              <p><a href=\"mailto:khajagaribnawaz.com@gmail.com\">khajagaribnawaz.com@gmail.com<\/a><\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"info-card\">\r\n            <div class=\"info-icon clock\">\r\n              <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"info-text\">\r\n              <strong>Office Hours<\/strong>\r\n              <p>Monday \u2013 Saturday<br>9:00 AM \u2013 6:00 PM IST<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- Social -->\r\n        <div class=\"contact-social\">\r\n          <p class=\"social-label\">Humein Follow Karein<\/p>\r\n          <div class=\"social-row\">\r\n            <a href=\"#\" class=\"soc-link fb\" target=\"_blank\" rel=\"noopener\">\r\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z\"\/><\/svg>\r\n              Facebook\r\n            <\/a>\r\n            <a href=\"#\" class=\"soc-link ig\" target=\"_blank\" rel=\"noopener\">\r\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\"\/><path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"\/><line x1=\"17.5\" y1=\"6.5\" x2=\"17.51\" y2=\"6.5\"\/><\/svg>\r\n              Instagram\r\n            <\/a>\r\n            <a href=\"#\" class=\"soc-link yt\" target=\"_blank\" rel=\"noopener\">\r\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M22.54 6.42a2.78 2.78 0 0 0-1.95-1.96C18.88 4 12 4 12 4s-6.88 0-8.59.46a2.78 2.78 0 0 0-1.95 1.96A29 29 0 0 0 1 12a29 29 0 0 0 .46 5.58A2.78 2.78 0 0 0 3.41 19.6C5.12 20 12 20 12 20s6.88 0 8.59-.46a2.78 2.78 0 0 0 1.95-1.95A29 29 0 0 0 23 12a29 29 0 0 0-.46-5.58z\"\/><polygon points=\"9.75 15.02 15.5 12 9.75 8.98 9.75 15.02\" fill=\"white\"\/><\/svg>\r\n              YouTube\r\n            <\/a>\r\n            <a href=\"https:\/\/wa.me\/919866383150\" class=\"soc-link wa\" target=\"_blank\" rel=\"noopener\">\r\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\"\/><\/svg>\r\n              WhatsApp\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- \u2550\u2550\u2550 RIGHT: Contact Form 7 \u2550\u2550\u2550 -->\r\n      <div class=\"contact-form-col\">\r\n        <div class=\"form-box\">\r\n\r\n          <div class=\"form-box-header\">\r\n            <span class=\"form-badge\">\r\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>\r\n              Direct Email\r\n            <\/span>\r\n            <h3>Apna Paighaam Bhejein<\/h3>\r\n            <p>Form bharne ke baad seedha <strong>khajagaribnawaz.com@gmail.com<\/strong> par email aayegi<\/p>\r\n          <\/div>\r\n\r\n          <!-- \u2705 CONTACT FORM 7 SHORTCODE -->\r\n          <!-- WordPress is mein automatically form render karega -->\r\n          <!-- Aapko sirf apna CF7 form ID yahan replace karna hai -->\r\n          <div class=\"cf7-wrapper\">\r\n            \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f155-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"155\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F20#wpcf7-f155-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"155\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.6\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f155-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<p><label> Your name<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" autocomplete=\"name\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span> <\/label>\n<\/p>\n<p><label> Your email<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" autocomplete=\"email\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span> <\/label>\n<\/p>\n<p><label> Subject<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-subject\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-subject\" \/><\/span> <\/label>\n<\/p>\n<p><label> Your message (optional)<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" name=\"your-message\"><\/textarea><\/span> <\/label>\n<\/p>\n<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Submit\" \/>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\r\n          <\/div>\r\n          <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n\r\n        <\/div>\r\n\r\n        <!-- Map -->\r\n        <div class=\"map-box\">\r\n          <iframe\r\n            src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3870.5!2d77.3658!3d15.1694!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3bb5d6c1b1b1b1b1%3A0x0!2sKhadriya+Masjid%2C+DMM+Gate%2C+Guntakal%2C+Andhra+Pradesh+515801!5e0!3m2!1sen!2sin!4v1\"\r\n            width=\"100%\" height=\"100%\" style=\"border:0;border-radius:14px;\"\r\n            allowfullscreen loading=\"lazy\" title=\"Foundation Location\">\r\n          <\/iframe>\r\n          <div class=\"map-label\">\r\n            <span>\ud83d\udccd<\/span> Shaik Abdul Malik, Khadriya Masjid, DMM Gate, Guntakal \u2014 515801\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     CF7 CUSTOM STYLING\r\n     Yeh CSS Contact Form 7 ko website ke design\r\n     ke saath match karati hai\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<style>\r\n\/* \u2500\u2500 Section \u2500\u2500 *\/\r\n.contact-section {\r\n  background: linear-gradient(180deg, #F0F8F2 0%, #FAF7F0 100%);\r\n  padding: 100px 0 80px;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n.contact-top-stripe {\r\n  position: absolute; top: 0; left: 0; right: 0; height: 5px;\r\n  background: linear-gradient(90deg, #1A5C38, #C9A84C, #1A5C38);\r\n}\r\n.container { max-width:1200px; margin:0 auto; padding:0 24px; }\r\n\r\n\/* Header *\/\r\n.contact-header { text-align:center; max-width:580px; margin:0 auto 56px; }\r\n.con-sub { font-size:.78rem; letter-spacing:.14em; text-transform:uppercase; color:#C9A84C; font-weight:700; margin-bottom:8px; font-family:'Nunito Sans',sans-serif; }\r\n.con-title { font-family:'Cormorant Garamond',serif; font-size:clamp(2rem,3.5vw,2.8rem); font-weight:600; color:#1A5C38; line-height:1.2; }\r\n.con-title em { color:#8B6914; font-style:italic; }\r\n.con-divider { display:flex; align-items:center; gap:12px; margin:14px auto 16px; justify-content:center; }\r\n.con-divider::before,.con-divider::after { content:''; flex:1; max-width:80px; height:1px; background:linear-gradient(90deg,transparent,#C9A84C,transparent); }\r\n.con-divider span { color:#C9A84C; }\r\n.con-desc { font-size:.92rem; color:#6B8F78; line-height:1.8; font-family:'Nunito Sans',sans-serif; }\r\n\r\n\/* Grid *\/\r\n.contact-grid { display:grid; grid-template-columns:1fr 1.35fr; gap:56px; align-items:start; }\r\n\r\n\/* Bismillah banner *\/\r\n.contact-bismillah {\r\n  background:linear-gradient(135deg,#1A5C38,#1B3529);\r\n  border-radius:14px; padding:18px 24px;\r\n  font-family:'Amiri',serif; font-size:1.1rem;\r\n  color:#E8D49A; direction:rtl; text-align:center;\r\n  margin-bottom:20px; border:1px solid rgba(201,168,76,.25);\r\n  line-height:1.8;\r\n}\r\n\r\n\/* Info Cards *\/\r\n.info-cards { display:flex; flex-direction:column; gap:12px; margin-bottom:24px; }\r\n.info-card { display:flex; gap:14px; align-items:flex-start; background:#fff; border-radius:14px; padding:16px 18px; border:1px solid rgba(201,168,76,.15); transition:all .3s; }\r\n.info-card:hover { border-color:rgba(201,168,76,.4); box-shadow:0 6px 20px rgba(13,31,23,.08); transform:translateX(4px); }\r\n.info-icon { width:40px; height:40px; border-radius:10px; flex-shrink:0; display:flex; align-items:center; justify-content:center; }\r\n.info-icon.loc   { background:#E8F5EE; color:#1A5C38; }\r\n.info-icon.phone { background:#FFF8E7; color:#8B6914; }\r\n.info-icon.mail  { background:#EEF2FF; color:#3B5BDB; }\r\n.info-icon.clock { background:#F3F0FF; color:#7048E8; }\r\n.info-text strong { display:block; font-size:.86rem; color:#1A5C38; font-weight:700; margin-bottom:3px; font-family:'Nunito Sans',sans-serif; }\r\n.info-text p { font-size:.81rem; color:#3A5A48; margin:0; line-height:1.7; font-family:'Nunito Sans',sans-serif; }\r\n.info-text a { color:#1A5C38; text-decoration:none; transition:color .2s; }\r\n.info-text a:hover { color:#8B6914; }\r\n\r\n\/* Social *\/\r\n.social-label { font-size:.73rem; letter-spacing:.1em; text-transform:uppercase; color:#6B8F78; font-weight:600; margin-bottom:10px; font-family:'Nunito Sans',sans-serif; }\r\n.social-row { display:flex; flex-wrap:wrap; gap:8px; }\r\n.soc-link { display:inline-flex; align-items:center; gap:7px; padding:8px 14px; border-radius:10px; font-size:.8rem; font-weight:600; text-decoration:none; border:1.5px solid transparent; transition:all .25s; font-family:'Nunito Sans',sans-serif; }\r\n.soc-link.fb  { background:#E8EEF8; color:#1877F2; border-color:#d0dcf0; }\r\n.soc-link.fb:hover  { background:#1877F2; color:#fff; }\r\n.soc-link.ig  { background:#FDE8F5; color:#C13584; border-color:#f5d0eb; }\r\n.soc-link.ig:hover  { background:#C13584; color:#fff; }\r\n.soc-link.yt  { background:#FFE8E8; color:#FF0000; border-color:#ffd0d0; }\r\n.soc-link.yt:hover  { background:#FF0000; color:#fff; }\r\n.soc-link.wa  { background:#E8F8EE; color:#25D366; border-color:#c8efda; }\r\n.soc-link.wa:hover  { background:#25D366; color:#fff; }\r\n\r\n\/* Form Box *\/\r\n.form-box { background:#fff; border-radius:24px; padding:38px 34px; border:1px solid rgba(201,168,76,.18); box-shadow:0 16px 48px rgba(13,31,23,.08); margin-bottom:18px; }\r\n.form-badge { display:inline-flex; align-items:center; gap:6px; background:#E8F5EE; color:#1A5C38; border:1px solid rgba(26,92,56,.2); border-radius:20px; padding:5px 14px; font-size:.75rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; margin-bottom:12px; font-family:'Nunito Sans',sans-serif; }\r\n.form-box-header h3 { font-family:'Cormorant Garamond',serif; font-size:1.6rem; font-weight:700; color:#1A5C38; margin-bottom:6px; }\r\n.form-box-header p { font-size:.82rem; color:#6B8F78; font-family:'Nunito Sans',sans-serif; margin-bottom:24px; }\r\n.form-box-header strong { color:#1A5C38; }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   CONTACT FORM 7 \u2014 CUSTOM STYLES\r\n   Yeh CF7 ke default ugly design ko\r\n   website ke saath match karate hain\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.cf7-wrapper .wpcf7 { font-family:'Nunito Sans',sans-serif; }\r\n\r\n\/* All labels *\/\r\n.cf7-wrapper .wpcf7 label,\r\n.cf7-wrapper .wpcf7 p > label {\r\n  display: block;\r\n  font-size: .75rem;\r\n  font-weight: 700;\r\n  color: #3A5A48;\r\n  text-transform: uppercase;\r\n  letter-spacing: .06em;\r\n  margin-bottom: 6px;\r\n  margin-top: 14px;\r\n  font-family: 'Nunito Sans', sans-serif;\r\n}\r\n\r\n\/* All inputs, textarea, select *\/\r\n.cf7-wrapper .wpcf7 input[type=\"text\"],\r\n.cf7-wrapper .wpcf7 input[type=\"email\"],\r\n.cf7-wrapper .wpcf7 input[type=\"tel\"],\r\n.cf7-wrapper .wpcf7 input[type=\"number\"],\r\n.cf7-wrapper .wpcf7 input[type=\"url\"],\r\n.cf7-wrapper .wpcf7 textarea,\r\n.cf7-wrapper .wpcf7 select {\r\n  width: 100% !important;\r\n  padding: 12px 14px !important;\r\n  border: 1.5px solid rgba(13,31,23,.12) !important;\r\n  border-radius: 10px !important;\r\n  font-size: .9rem !important;\r\n  color: #0D1F17 !important;\r\n  background: #fff !important;\r\n  font-family: 'Nunito Sans', sans-serif !important;\r\n  transition: border-color .2s, box-shadow .2s !important;\r\n  box-shadow: none !important;\r\n  outline: none !important;\r\n  -webkit-appearance: none;\r\n}\r\n\r\n.cf7-wrapper .wpcf7 input:focus,\r\n.cf7-wrapper .wpcf7 textarea:focus,\r\n.cf7-wrapper .wpcf7 select:focus {\r\n  border-color: #C9A84C !important;\r\n  box-shadow: 0 0 0 3px rgba(201,168,76,.12) !important;\r\n}\r\n\r\n\/* Textarea height *\/\r\n.cf7-wrapper .wpcf7 textarea {\r\n  min-height: 130px !important;\r\n  resize: vertical !important;\r\n}\r\n\r\n\/* Submit button *\/\r\n.cf7-wrapper .wpcf7 input[type=\"submit\"] {\r\n  width: 100% !important;\r\n  padding: 15px 28px !important;\r\n  background: linear-gradient(135deg,#1A5C38,#2E7D4F) !important;\r\n  color: #fff !important;\r\n  border: none !important;\r\n  border-radius: 13px !important;\r\n  font-size: 1rem !important;\r\n  font-weight: 700 !important;\r\n  cursor: pointer !important;\r\n  margin-top: 18px !important;\r\n  font-family: 'Nunito Sans', sans-serif !important;\r\n  letter-spacing: .03em !important;\r\n  box-shadow: 0 6px 24px rgba(26,92,56,.28) !important;\r\n  transition: all .3s !important;\r\n}\r\n.cf7-wrapper .wpcf7 input[type=\"submit\"]:hover {\r\n  transform: translateY(-2px) !important;\r\n  box-shadow: 0 10px 32px rgba(26,92,56,.35) !important;\r\n  background: linear-gradient(135deg,#2E7D4F,#1A5C38) !important;\r\n}\r\n\r\n\/* Validation error *\/\r\n.cf7-wrapper .wpcf7 .wpcf7-not-valid {\r\n  border-color: #e24b4a !important;\r\n  box-shadow: 0 0 0 3px rgba(226,75,74,.1) !important;\r\n}\r\n.cf7-wrapper .wpcf7 .wpcf7-not-valid-tip {\r\n  color: #e24b4a !important;\r\n  font-size: .78rem !important;\r\n  font-family: 'Nunito Sans', sans-serif !important;\r\n  margin-top: 4px !important;\r\n  display: block !important;\r\n}\r\n\r\n\/* Success message *\/\r\n.cf7-wrapper .wpcf7 .wpcf7-mail-sent-ok,\r\n.cf7-wrapper .wpcf7 .wpcf7-response-output.wpcf7-mail-sent-ok {\r\n  background: #F0F8F2 !important;\r\n  border: 1.5px solid #D6EBD9 !important;\r\n  border-radius: 12px !important;\r\n  color: #1A5C38 !important;\r\n  font-size: .88rem !important;\r\n  padding: 14px 18px !important;\r\n  margin-top: 14px !important;\r\n  font-family: 'Nunito Sans', sans-serif !important;\r\n}\r\n.cf7-wrapper .wpcf7 .wpcf7-response-output.wpcf7-mail-sent-ok::before {\r\n  content: '\u2705  JazakAllah Khair! ';\r\n  font-weight: 700;\r\n}\r\n\r\n\/* Error\/spam message *\/\r\n.cf7-wrapper .wpcf7 .wpcf7-response-output {\r\n  border-radius: 10px !important;\r\n  font-size: .85rem !important;\r\n  font-family: 'Nunito Sans', sans-serif !important;\r\n  margin-top: 12px !important;\r\n  padding: 12px 16px !important;\r\n  border: 1.5px solid !important;\r\n}\r\n.cf7-wrapper .wpcf7 .wpcf7-response-output.wpcf7-validation-errors {\r\n  background: #fff0f0 !important;\r\n  border-color: #fdc5c5 !important;\r\n  color: #c0392b !important;\r\n}\r\n\r\n\/* Remove default CF7 ugly border *\/\r\n.cf7-wrapper .wpcf7 .wpcf7-form { border: none !important; padding: 0 !important; margin: 0 !important; }\r\n.cf7-wrapper .wpcf7 br { display: none; }\r\n.cf7-wrapper .wpcf7 p { margin-bottom: 0 !important; }\r\n\r\n\/* Map *\/\r\n.map-box { height:220px; position:relative; border-radius:16px; overflow:hidden; border:1px solid rgba(201,168,76,.2); box-shadow:0 8px 24px rgba(13,31,23,.08); }\r\n.map-box iframe { position:absolute; inset:0; width:100%; height:100%; }\r\n.map-label { position:absolute; bottom:0; left:0; right:0; background:linear-gradient(to top,rgba(13,31,23,.78),transparent); padding:18px 16px 12px; display:flex; align-items:center; gap:6px; color:#FAF7F0; font-size:.8rem; font-family:'Nunito Sans',sans-serif; pointer-events:none; }\r\n\r\n\/* Responsive *\/\r\n@media(max-width:960px){ .contact-grid { grid-template-columns:1fr; gap:40px; } }\r\n@media(max-width:560px){\r\n  .form-box { padding:26px 18px; }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Islamic Spiritual Foundation &#038; Welfare NGO \u062e\u0648\u0627\u062c\u06c1 \u063a\u0631\u06cc\u0628 \u0646\u0648\u0627\u0632 \u0641\u0627\u0624\u0646\u0688\u06cc\u0634\u0646 Serving Humanity, Spreading the Light of Sufism Inspired by the teachings of Hazrat Khwaja Moinuddin Chishti (R.A.) \u2014 the Khwaja-e-Khwajgan \u2014 we serve the poor, spread spiritual knowledge, and uplift communities across India. \u275d &#8220;The best of people are those who are most beneficial to [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-20","page","type-page","status-publish","hentry"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 4.9.10 - aioseo.com -->\n\t<meta name=\"description\" content=\"\ufdfd \u262a Islamic Spiritual Foundation &amp; Welfare NGO \u062e\u0648\u0627\u062c\u06c1 \u063a\u0631\u06cc\u0628 \u0646\u0648\u0627\u0632 \u0641\u0627\u0624\u0646\u0688\u06cc\u0634\u0646 Serving Humanity, Spreading the Light of Sufism Inspired by the teachings of Hazrat Khwaja Moinuddin Chishti (R.A.) \u2014 the Khwaja-e-Khwajgan \u2014 we serve the poor, spread spiritual knowledge, and uplift communities across India. \u275d &quot;The best of people are those who are most\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/khajagaribnawaz.com\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 4.9.10\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"khaja Garib Nawaz -\" \/>\n\t\t<meta property=\"og:type\" content=\"website\" \/>\n\t\t<meta property=\"og:title\" content=\"khaja Garib Nawaz\" \/>\n\t\t<meta property=\"og:description\" content=\"\ufdfd \u262a Islamic Spiritual Foundation &amp; Welfare NGO \u062e\u0648\u0627\u062c\u06c1 \u063a\u0631\u06cc\u0628 \u0646\u0648\u0627\u0632 \u0641\u0627\u0624\u0646\u0688\u06cc\u0634\u0646 Serving Humanity, Spreading the Light of Sufism Inspired by the teachings of Hazrat Khwaja Moinuddin Chishti (R.A.) \u2014 the Khwaja-e-Khwajgan \u2014 we serve the poor, spread spiritual knowledge, and uplift communities across India. \u275d &quot;The best of people are those who are most\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/khajagaribnawaz.com\/\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"khaja Garib Nawaz\" \/>\n\t\t<meta name=\"twitter:description\" content=\"\ufdfd \u262a Islamic Spiritual Foundation &amp; Welfare NGO \u062e\u0648\u0627\u062c\u06c1 \u063a\u0631\u06cc\u0628 \u0646\u0648\u0627\u0632 \u0641\u0627\u0624\u0646\u0688\u06cc\u0634\u0646 Serving Humanity, Spreading the Light of Sufism Inspired by the teachings of Hazrat Khwaja Moinuddin Chishti (R.A.) \u2014 the Khwaja-e-Khwajgan \u2014 we serve the poor, spread spiritual knowledge, and uplift communities across India. \u275d &quot;The best of people are those who are most\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/khajagaribnawaz.com\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/khajagaribnawaz.com#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/khajagaribnawaz.com\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/khajagaribnawaz.com\\\/#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/khajagaribnawaz.com\\\/#listItem\",\"position\":2,\"name\":\"Home\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/khajagaribnawaz.com#listItem\",\"name\":\"Home\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/khajagaribnawaz.com\\\/#organization\",\"name\":\"khaja Garib Nawaz\",\"url\":\"https:\\\/\\\/khajagaribnawaz.com\\\/\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/khajagaribnawaz.com\\\/#webpage\",\"url\":\"https:\\\/\\\/khajagaribnawaz.com\\\/\",\"name\":\"khaja Garib Nawaz\",\"description\":\"\\ufdfd \\u262a Islamic Spiritual Foundation & Welfare NGO \\u062e\\u0648\\u0627\\u062c\\u06c1 \\u063a\\u0631\\u06cc\\u0628 \\u0646\\u0648\\u0627\\u0632 \\u0641\\u0627\\u0624\\u0646\\u0688\\u06cc\\u0634\\u0646 Serving Humanity, Spreading the Light of Sufism Inspired by the teachings of Hazrat Khwaja Moinuddin Chishti (R.A.) \\u2014 the Khwaja-e-Khwajgan \\u2014 we serve the poor, spread spiritual knowledge, and uplift communities across India. \\u275d \\\"The best of people are those who are most\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/khajagaribnawaz.com\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/khajagaribnawaz.com\\\/#breadcrumblist\"},\"datePublished\":\"2026-05-25T09:55:33+05:30\",\"dateModified\":\"2026-05-27T12:25:46+05:30\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/khajagaribnawaz.com\\\/#website\",\"url\":\"https:\\\/\\\/khajagaribnawaz.com\\\/\",\"name\":\"khaja Garib Nawaz\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/khajagaribnawaz.com\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"khaja Garib Nawaz","description":"\ufdfd \u262a Islamic Spiritual Foundation & Welfare NGO \u062e\u0648\u0627\u062c\u06c1 \u063a\u0631\u06cc\u0628 \u0646\u0648\u0627\u0632 \u0641\u0627\u0624\u0646\u0688\u06cc\u0634\u0646 Serving Humanity, Spreading the Light of Sufism Inspired by the teachings of Hazrat Khwaja Moinuddin Chishti (R.A.) \u2014 the Khwaja-e-Khwajgan \u2014 we serve the poor, spread spiritual knowledge, and uplift communities across India. \u275d \"The best of people are those who are most","canonical_url":"https:\/\/khajagaribnawaz.com\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/khajagaribnawaz.com\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/khajagaribnawaz.com#listItem","position":1,"name":"Home","item":"https:\/\/khajagaribnawaz.com","nextItem":{"@type":"ListItem","@id":"https:\/\/khajagaribnawaz.com\/#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/khajagaribnawaz.com\/#listItem","position":2,"name":"Home","previousItem":{"@type":"ListItem","@id":"https:\/\/khajagaribnawaz.com#listItem","name":"Home"}}]},{"@type":"Organization","@id":"https:\/\/khajagaribnawaz.com\/#organization","name":"khaja Garib Nawaz","url":"https:\/\/khajagaribnawaz.com\/"},{"@type":"WebPage","@id":"https:\/\/khajagaribnawaz.com\/#webpage","url":"https:\/\/khajagaribnawaz.com\/","name":"khaja Garib Nawaz","description":"\ufdfd \u262a Islamic Spiritual Foundation & Welfare NGO \u062e\u0648\u0627\u062c\u06c1 \u063a\u0631\u06cc\u0628 \u0646\u0648\u0627\u0632 \u0641\u0627\u0624\u0646\u0688\u06cc\u0634\u0646 Serving Humanity, Spreading the Light of Sufism Inspired by the teachings of Hazrat Khwaja Moinuddin Chishti (R.A.) \u2014 the Khwaja-e-Khwajgan \u2014 we serve the poor, spread spiritual knowledge, and uplift communities across India. \u275d \"The best of people are those who are most","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/khajagaribnawaz.com\/#website"},"breadcrumb":{"@id":"https:\/\/khajagaribnawaz.com\/#breadcrumblist"},"datePublished":"2026-05-25T09:55:33+05:30","dateModified":"2026-05-27T12:25:46+05:30"},{"@type":"WebSite","@id":"https:\/\/khajagaribnawaz.com\/#website","url":"https:\/\/khajagaribnawaz.com\/","name":"khaja Garib Nawaz","inLanguage":"en-US","publisher":{"@id":"https:\/\/khajagaribnawaz.com\/#organization"}}]},"og:locale":"en_US","og:site_name":"khaja Garib Nawaz -","og:type":"website","og:title":"khaja Garib Nawaz","og:description":"\ufdfd \u262a Islamic Spiritual Foundation &amp; Welfare NGO \u062e\u0648\u0627\u062c\u06c1 \u063a\u0631\u06cc\u0628 \u0646\u0648\u0627\u0632 \u0641\u0627\u0624\u0646\u0688\u06cc\u0634\u0646 Serving Humanity, Spreading the Light of Sufism Inspired by the teachings of Hazrat Khwaja Moinuddin Chishti (R.A.) \u2014 the Khwaja-e-Khwajgan \u2014 we serve the poor, spread spiritual knowledge, and uplift communities across India. \u275d &quot;The best of people are those who are most","og:url":"https:\/\/khajagaribnawaz.com\/","twitter:card":"summary_large_image","twitter:title":"khaja Garib Nawaz","twitter:description":"\ufdfd \u262a Islamic Spiritual Foundation &amp; Welfare NGO \u062e\u0648\u0627\u062c\u06c1 \u063a\u0631\u06cc\u0628 \u0646\u0648\u0627\u0632 \u0641\u0627\u0624\u0646\u0688\u06cc\u0634\u0646 Serving Humanity, Spreading the Light of Sufism Inspired by the teachings of Hazrat Khwaja Moinuddin Chishti (R.A.) \u2014 the Khwaja-e-Khwajgan \u2014 we serve the poor, spread spiritual knowledge, and uplift communities across India. \u275d &quot;The best of people are those who are most"},"aioseo_meta_data":{"post_id":"20","title":"khaja Garib Nawaz","description":"\ufdfd \u262a Islamic Spiritual Foundation & Welfare NGO \u062e\u0648\u0627\u062c\u06c1 \u063a\u0631\u06cc\u0628 \u0646\u0648\u0627\u0632 \u0641\u0627\u0624\u0646\u0688\u06cc\u0634\u0646 Serving Humanity, Spreading the Light of Sufism Inspired by the teachings of Hazrat Khwaja Moinuddin Chishti (R.A.) \u2014 the Khwaja-e-Khwajgan \u2014 we serve the poor, spread spiritual knowledge, and uplift communities across India. \u275d \"The best of people are those who are most","keywords":null,"keyphrases":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"website","og_image_type":"default","og_image_custom_url":null,"og_image_custom_fields":null,"og_image_url":null,"og_image_width":null,"og_image_height":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_image_url":null,"twitter_title":null,"twitter_description":null,"schema_type":"default","schema_type_options":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"","isEnabled":true},"graphs":[]},"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"local_seo":null,"limit_modified_date":false,"ai":null,"breadcrumb_settings":null,"seo_analyzer_scan_date":null,"created":"2026-05-26 06:25:05","updated":"2026-05-28 05:47:35"},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/khajagaribnawaz.com\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tHome\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/khajagaribnawaz.com"},{"label":"Home","link":"https:\/\/khajagaribnawaz.com\/"}],"_links":{"self":[{"href":"https:\/\/khajagaribnawaz.com\/index.php?rest_route=\/wp\/v2\/pages\/20","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/khajagaribnawaz.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/khajagaribnawaz.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/khajagaribnawaz.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/khajagaribnawaz.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=20"}],"version-history":[{"count":88,"href":"https:\/\/khajagaribnawaz.com\/index.php?rest_route=\/wp\/v2\/pages\/20\/revisions"}],"predecessor-version":[{"id":177,"href":"https:\/\/khajagaribnawaz.com\/index.php?rest_route=\/wp\/v2\/pages\/20\/revisions\/177"}],"wp:attachment":[{"href":"https:\/\/khajagaribnawaz.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=20"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}