{"id":2497,"date":"2026-03-07T16:46:54","date_gmt":"2026-03-07T16:46:54","guid":{"rendered":"https:\/\/muslimaat.org\/?page_id=2497"},"modified":"2026-03-07T16:47:24","modified_gmt":"2026-03-07T16:47:24","slug":"donation","status":"publish","type":"page","link":"http:\/\/muslimaat.org\/ar\/donation\/","title":{"rendered":"Donation"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2497\" class=\"elementor elementor-2497\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4248a31 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4248a31\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-20d9470\" data-id=\"20d9470\" 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-3f13f89 elementor-widget elementor-widget-html\" data-id=\"3f13f89\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,600;1,400;1,600&family=Jost:wght@200;300;400;500;600&family=Amiri:ital@1&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.dht *, .dht *::before, .dht *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n.dht {\r\n  width: 100%;\r\n  background: #FDEEF5;\r\n  padding: 6rem 5% 5rem;\r\n  font-family: 'Jost', sans-serif;\r\n  overflow: hidden;\r\n  position: relative;\r\n}\r\n\r\n.dht-blob {\r\n  position: absolute; border-radius: 50%; pointer-events: none;\r\n}\r\n.dht-blob-1 {\r\n  width: 500px; height: 500px;\r\n  background: radial-gradient(circle, rgba(232,31,109,0.07) 0%, transparent 70%);\r\n  top: -150px; right: -100px;\r\n}\r\n.dht-blob-2 {\r\n  width: 300px; height: 300px;\r\n  background: radial-gradient(circle, rgba(232,31,109,0.05) 0%, transparent 70%);\r\n  bottom: -80px; left: -50px;\r\n}\r\n\r\n.dht-container {\r\n  max-width: 760px; margin: 0 auto;\r\n  text-align: center; position: relative; z-index: 1;\r\n}\r\n\r\n.dht-eyebrow {\r\n  display: inline-flex; align-items: center; gap: 0.6rem;\r\n  background: #fff; border: 1px solid #fbcfe8;\r\n  border-radius: 9999px; padding: 0.3rem 0.9rem 0.3rem 0.5rem;\r\n  margin-bottom: 1.75rem;\r\n  box-shadow: 0 1px 6px rgba(232,31,109,0.08);\r\n  opacity: 0; transform: translateY(14px);\r\n  transition: opacity 0.5s ease, transform 0.5s ease;\r\n}\r\n.dht-eyebrow.visible { opacity: 1; transform: translateY(0); }\r\n.dht-eyebrow-dot {\r\n  width: 18px; height: 18px; border-radius: 50%;\r\n  background: #E81F6D;\r\n  display: flex; align-items: center; justify-content: center;\r\n}\r\n.dht-eyebrow-dot::after {\r\n  content: ''; width: 7px; height: 7px; border-radius: 50%; background: #fff;\r\n}\r\n.dht-eyebrow-text { font-size: 0.7rem; font-weight: 500; color: #E81F6D; }\r\n\r\n.dht-title {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: clamp(3rem, 6vw, 6rem);\r\n  font-weight: 300; color: #09090b; line-height: 1;\r\n  letter-spacing: -2px; margin-bottom: 0.75rem;\r\n  opacity: 0; transform: translateY(20px);\r\n  transition: opacity 0.6s ease 0.1s, transform 0.6s ease 0.1s;\r\n}\r\n.dht-title.visible { opacity: 1; transform: translateY(0); }\r\n.dht-title em { font-style: italic; font-weight: 600; color: #E81F6D; }\r\n\r\n.dht-arabic {\r\n  font-family: 'Amiri', serif;\r\n  font-size: 1.15rem; color: rgba(0,0,0,0.25);\r\n  direction: rtl; margin-bottom: 1.5rem;\r\n  opacity: 0; transform: translateY(14px);\r\n  transition: opacity 0.6s ease 0.2s, transform 0.6s ease 0.2s;\r\n}\r\n.dht-arabic.visible { opacity: 1; transform: translateY(0); }\r\n\r\n.dht-desc {\r\n  font-size: 0.9rem; color: #71717a; line-height: 1.9;\r\n  font-weight: 300; max-width: 520px; margin: 0 auto 2.5rem;\r\n  opacity: 0; transform: translateY(14px);\r\n  transition: opacity 0.6s ease 0.25s, transform 0.6s ease 0.25s;\r\n}\r\n.dht-desc.visible { opacity: 1; transform: translateY(0); }\r\n\r\n\/* Impact pills *\/\r\n.dht-pills {\r\n  display: flex; align-items: center; justify-content: center;\r\n  gap: 0.75rem; flex-wrap: wrap;\r\n  opacity: 0; transform: translateY(14px);\r\n  transition: opacity 0.6s ease 0.35s, transform 0.6s ease 0.35s;\r\n}\r\n.dht-pills.visible { opacity: 1; transform: translateY(0); }\r\n\r\n.dht-pill {\r\n  display: inline-flex; align-items: center; gap: 0.45rem;\r\n  background: #fff; border: 1px solid #fbcfe8;\r\n  border-radius: 9999px; padding: 0.4rem 1rem;\r\n  font-size: 0.72rem; font-weight: 400; color: #71717a;\r\n  box-shadow: 0 1px 4px rgba(232,31,109,0.06);\r\n}\r\n.dht-pill svg {\r\n  width: 12px; height: 12px; stroke: #E81F6D; fill: none;\r\n  stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;\r\n}\r\n\r\n\/* Ticker *\/\r\n.dht-ticker {\r\n  position: absolute; bottom: 0; left: 0; right: 0;\r\n  background: #E81F6D; overflow: hidden; padding: 0.65rem 0; white-space: nowrap;\r\n}\r\n.dht-ticker-track {\r\n  display: inline-flex; animation: dhtTick 22s linear infinite;\r\n}\r\n.dht-ticker-track span {\r\n  font-size: 0.62rem; font-weight: 600; letter-spacing: 3px;\r\n  text-transform: uppercase; color: #fff; padding: 0 2.5rem;\r\n}\r\n.dht-ticker-track span::before { content: '\u2726'; margin-right: 2.5rem; opacity: 0.5; }\r\n@keyframes dhtTick {\r\n  0% { transform: translateX(0); }\r\n  100% { transform: translateX(-50%); }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n  .dht { padding: 4rem 5% 4.5rem; }\r\n  .dht-title { letter-spacing: -1px; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"dht\">\r\n  <div class=\"dht-blob dht-blob-1\"><\/div>\r\n  <div class=\"dht-blob dht-blob-2\"><\/div>\r\n  <div class=\"dht-container\">\r\n\r\n    <div class=\"dht-eyebrow\" id=\"dhtEyebrow\">\r\n      <span class=\"dht-eyebrow-dot\"><\/span>\r\n      <span class=\"dht-eyebrow-text\">Support our mission<\/span>\r\n    <\/div>\r\n\r\n    <h1 class=\"dht-title\" id=\"dhtTitle\">Support <em>Muslimaat<\/em><\/h1>\r\n\r\n    <p class=\"dht-arabic\" id=\"dhtArabic\">\u0645\u064e\u0646 \u0630\u064e\u0627 \u0627\u0644\u064e\u0651\u0630\u0650\u064a \u064a\u064f\u0642\u0652\u0631\u0650\u0636\u064f \u0627\u0644\u0644\u064e\u0651\u0647\u064e \u0642\u064e\u0631\u0652\u0636\u064b\u0627 \u062d\u064e\u0633\u064e\u0646\u064b\u0627<\/p>\r\n\r\n    <p class=\"dht-desc\" id=\"dhtDesc\">Your donation helps us keep our services free for sisters who need them most \u2014 from prayer classes to mentoring. Every contribution, no matter how small, makes a difference.<\/p>\r\n\r\n    <div class=\"dht-pills\" id=\"dhtPills\">\r\n      <span class=\"dht-pill\">\r\n        <svg viewBox=\"0 0 24 24\"><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        100% goes to the cause\r\n      <\/span>\r\n      <span class=\"dht-pill\">\r\n        <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n        Secure payment via Stripe\r\n      <\/span>\r\n      <span class=\"dht-pill\">\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><\/svg>\r\n        Supporting Sheffield sisters\r\n      <\/span>\r\n    <\/div>\r\n\r\n  <\/div>\r\n  <div class=\"dht-ticker\">\r\n    <div class=\"dht-ticker-track\">\r\n      <span>Donate today<\/span><span>Support Muslimaat<\/span><span>Make a difference<\/span><span>Sheffield sisters<\/span><span>Give generously<\/span><span>Sadaqah<\/span><span>Help new Muslims<\/span><span>Every penny counts<\/span>\r\n      <span>Donate today<\/span><span>Support Muslimaat<\/span><span>Make a difference<\/span><span>Sheffield sisters<\/span><span>Give generously<\/span><span>Sadaqah<\/span><span>Help new Muslims<\/span><span>Every penny counts<\/span>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\nconst dhtObs = new IntersectionObserver(entries => {\r\n  entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('visible'); dhtObs.unobserve(e.target); }});\r\n}, { threshold: 0.1 });\r\n['dhtEyebrow','dhtTitle','dhtArabic','dhtDesc','dhtPills'].forEach(id => {\r\n  const el = document.getElementById(id); if(el) dhtObs.observe(el);\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ac7583b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ac7583b\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-bc5bcaf\" data-id=\"bc5bcaf\" 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-41b1c80 elementor-widget elementor-widget-html\" data-id=\"41b1c80\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,600;1,400&family=Jost:wght@200;300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.don *, .don *::before, .don *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n.don {\r\n  width: 100%;\r\n  background: #fff;\r\n  padding: 6rem 5%;\r\n  font-family: 'Jost', sans-serif;\r\n}\r\n\r\n.don-container {\r\n  max-width: 1100px; margin: 0 auto;\r\n  display: grid; grid-template-columns: 1fr 1.3fr;\r\n  gap: 5rem; align-items: start;\r\n}\r\n\r\n\/* \u2500\u2500 LEFT INFO \u2500\u2500 *\/\r\n.don-info {\r\n  opacity: 0; transform: translateY(20px);\r\n  transition: opacity 0.6s ease, transform 0.6s ease;\r\n}\r\n.don-info.visible { opacity: 1; transform: translateY(0); }\r\n\r\n.don-info-title {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: clamp(1.8rem, 2.5vw, 2.6rem);\r\n  font-weight: 300; color: #09090b; line-height: 1.15;\r\n  margin-bottom: 1rem;\r\n}\r\n.don-info-title em { font-style: italic; font-weight: 600; color: #E81F6D; }\r\n\r\n.don-info-desc {\r\n  font-size: 0.85rem; color: #71717a; line-height: 1.9;\r\n  font-weight: 300; margin-bottom: 2rem;\r\n}\r\n\r\n\/* Impact items *\/\r\n.don-impacts { display: flex; flex-direction: column; gap: 0.75rem; margin-bottom: 2rem; }\r\n\r\n.don-impact {\r\n  display: flex; align-items: flex-start; gap: 0.85rem;\r\n  padding: 1rem 1.1rem;\r\n  background: #fafafa; border: 1px solid #f4f4f5;\r\n  border-radius: 12px;\r\n  transition: border-color 0.25s, box-shadow 0.25s;\r\n}\r\n.don-impact:hover {\r\n  border-color: #fbcfe8;\r\n  box-shadow: 0 4px 16px rgba(232,31,109,0.07);\r\n}\r\n.don-impact-icon {\r\n  width: 34px; height: 34px; border-radius: 8px; flex-shrink: 0;\r\n  background: #fdf2f8; border: 1px solid #fbcfe8;\r\n  display: flex; align-items: center; justify-content: center;\r\n}\r\n.don-impact-icon svg {\r\n  width: 14px; height: 14px; stroke: #E81F6D; fill: none;\r\n  stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;\r\n}\r\n.don-impact-amount {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: 1.1rem; font-weight: 600; color: #E81F6D;\r\n  line-height: 1.2; margin-bottom: 0.15rem;\r\n}\r\n.don-impact-desc {\r\n  font-size: 0.75rem; color: #71717a; font-weight: 300; line-height: 1.5;\r\n}\r\n\r\n\/* Secure badge *\/\r\n.don-secure {\r\n  display: flex; align-items: center; gap: 0.5rem;\r\n  padding: 0.85rem 1.1rem;\r\n  background: #fdf2f8; border: 1px solid #fbcfe8; border-radius: 10px;\r\n}\r\n.don-secure svg {\r\n  width: 14px; height: 14px; stroke: #E81F6D; fill: none;\r\n  stroke-width: 2; stroke-linecap: round; flex-shrink: 0;\r\n}\r\n.don-secure-text { font-size: 0.75rem; color: #E81F6D; font-weight: 400; }\r\n\r\n\/* \u2500\u2500 RIGHT DONATION CARD \u2500\u2500 *\/\r\n.don-card-wrap {\r\n  opacity: 0; transform: translateY(20px);\r\n  transition: opacity 0.6s ease 0.15s, transform 0.6s ease 0.15s;\r\n}\r\n.don-card-wrap.visible { opacity: 1; transform: translateY(0); }\r\n\r\n.don-card {\r\n  background: #fff; border: 1px solid #e4e4e7;\r\n  border-radius: 20px; padding: 2.5rem;\r\n  box-shadow: 0 4px 24px rgba(0,0,0,0.05);\r\n}\r\n\r\n.don-card-title {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: 1.5rem; font-weight: 600; color: #09090b;\r\n  margin-bottom: 0.3rem;\r\n}\r\n.don-card-sub { font-size: 0.78rem; color: #a1a1aa; font-weight: 300; margin-bottom: 2rem; }\r\n\r\n\/* Amount grid *\/\r\n.don-amounts-label {\r\n  font-size: 0.72rem; font-weight: 500; color: #09090b;\r\n  margin-bottom: 0.6rem; letter-spacing: 0.2px;\r\n}\r\n\r\n.don-amounts {\r\n  display: grid; grid-template-columns: repeat(4, 1fr);\r\n  gap: 0.6rem; margin-bottom: 1.25rem;\r\n}\r\n\r\n.don-amount-btn {\r\n  background: #fafafa; border: 1px solid #e4e4e7;\r\n  border-radius: 8px; padding: 0.75rem 0.5rem;\r\n  text-align: center; cursor: pointer;\r\n  font-family: 'Jost', sans-serif;\r\n  font-size: 0.9rem; font-weight: 500; color: #71717a;\r\n  transition: all 0.2s ease;\r\n  user-select: none;\r\n}\r\n.don-amount-btn:hover {\r\n  border-color: #E81F6D; color: #E81F6D;\r\n  background: #fdf2f8;\r\n}\r\n.don-amount-btn.selected {\r\n  background: #E81F6D; border-color: #E81F6D;\r\n  color: #fff;\r\n  box-shadow: 0 4px 12px rgba(232,31,109,0.25);\r\n}\r\n\r\n\/* Custom amount *\/\r\n.don-custom-label {\r\n  font-size: 0.72rem; font-weight: 500; color: #09090b;\r\n  margin-bottom: 0.6rem; margin-top: 0.25rem;\r\n  display: block; letter-spacing: 0.2px;\r\n}\r\n.don-custom-wrap {\r\n  position: relative; margin-bottom: 1.5rem;\r\n}\r\n.don-custom-symbol {\r\n  position: absolute; left: 1rem; top: 50%; transform: translateY(-50%);\r\n  font-size: 0.85rem; font-weight: 500; color: #a1a1aa;\r\n  pointer-events: none;\r\n}\r\n.don-custom-input {\r\n  width: 100%; background: #fafafa;\r\n  border: 1px solid #e4e4e7; border-radius: 8px;\r\n  padding: 0.75rem 1rem 0.75rem 1.75rem;\r\n  font-family: 'Jost', sans-serif;\r\n  font-size: 0.9rem; font-weight: 400; color: #09090b;\r\n  outline: none; transition: border-color 0.2s, box-shadow 0.2s;\r\n}\r\n.don-custom-input:focus {\r\n  border-color: #E81F6D;\r\n  box-shadow: 0 0 0 3px rgba(232,31,109,0.08);\r\n  background: #fff;\r\n}\r\n.don-custom-input::placeholder { color: #d4d4d8; }\r\n\r\n\/* Frequency tabs *\/\r\n.don-freq-label {\r\n  font-size: 0.72rem; font-weight: 500; color: #09090b;\r\n  margin-bottom: 0.6rem; display: block; letter-spacing: 0.2px;\r\n}\r\n.don-freq {\r\n  display: flex; gap: 0.5rem; margin-bottom: 1.75rem;\r\n}\r\n.don-freq-btn {\r\n  flex: 1; background: #fafafa; border: 1px solid #e4e4e7;\r\n  border-radius: 8px; padding: 0.6rem;\r\n  text-align: center; cursor: pointer;\r\n  font-family: 'Jost', sans-serif;\r\n  font-size: 0.75rem; font-weight: 500; color: #71717a;\r\n  transition: all 0.2s ease; user-select: none;\r\n}\r\n.don-freq-btn:hover { border-color: #E81F6D; color: #E81F6D; }\r\n.don-freq-btn.selected {\r\n  background: #09090b; border-color: #09090b; color: #fff;\r\n}\r\n\r\n\/* Separator *\/\r\n.don-sep { height: 1px; background: #f4f4f5; margin-bottom: 1.5rem; }\r\n\r\n\/* Total *\/\r\n.don-total {\r\n  display: flex; align-items: center; justify-content: space-between;\r\n  margin-bottom: 1.25rem;\r\n}\r\n.don-total-label { font-size: 0.78rem; color: #71717a; font-weight: 300; }\r\n.don-total-amount {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: 2rem; font-weight: 600; color: #09090b; line-height: 1;\r\n}\r\n.don-total-amount span { font-size: 1rem; font-weight: 300; color: #a1a1aa; margin-left: 0.3rem; }\r\n\r\n\/* Donate button *\/\r\n.don-btn {\r\n  display: flex; align-items: center; justify-content: center; gap: 0.5rem;\r\n  width: 100%; background: #E81F6D; color: #fff;\r\n  border: none; border-radius: 8px;\r\n  padding: 1rem; cursor: pointer;\r\n  font-family: 'Jost', sans-serif;\r\n  font-size: 0.82rem; font-weight: 500; letter-spacing: 0.3px;\r\n  text-decoration: none;\r\n  transition: background 0.2s, transform 0.2s;\r\n  box-shadow: 0 4px 20px rgba(232,31,109,0.3);\r\n}\r\n.don-btn:hover { background: #c01859; transform: translateY(-1px); color: #fff; }\r\n.don-btn svg {\r\n  width: 14px; height: 14px; stroke: #fff; fill: none;\r\n  stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;\r\n}\r\n\r\n\/* Stripe note *\/\r\n.don-stripe-note {\r\n  display: flex; align-items: center; justify-content: center; gap: 0.4rem;\r\n  margin-top: 1rem;\r\n}\r\n.don-stripe-note svg {\r\n  width: 12px; height: 12px; stroke: #a1a1aa; fill: none;\r\n  stroke-width: 2; stroke-linecap: round;\r\n}\r\n.don-stripe-note-text { font-size: 0.68rem; color: #a1a1aa; font-weight: 300; }\r\n\r\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n@media (max-width: 900px) {\r\n  .don-container { grid-template-columns: 1fr; gap: 3rem; }\r\n}\r\n@media (max-width: 540px) {\r\n  .don { padding: 4rem 4%; }\r\n  .don-card { padding: 1.75rem; }\r\n  .don-amounts { grid-template-columns: repeat(2, 1fr); }\r\n}\r\n<\/style>\r\n\r\n<section class=\"don\">\r\n  <div class=\"don-container\">\r\n\r\n    <!-- LEFT INFO -->\r\n    <div class=\"don-info\" id=\"donInfo\">\r\n      <h2 class=\"don-info-title\">Your generosity<br><em>changes lives<\/em><\/h2>\r\n      <p class=\"don-info-desc\">Every donation goes directly to supporting new Muslim women in Sheffield \u2014 funding free services, events and mentoring for sisters who need it most.<\/p>\r\n\r\n      <div class=\"don-impacts\">\r\n        <div class=\"don-impact\">\r\n          <div class=\"don-impact-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M4 19.5A2.5 2.5 0 0 1 6.5 17H20\"\/><path d=\"M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z\"\/><\/svg>\r\n          <\/div>\r\n          <div>\r\n            <div class=\"don-impact-amount\">\u00a35<\/div>\r\n            <div class=\"don-impact-desc\">Covers materials for one prayer class session<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"don-impact\">\r\n          <div class=\"don-impact-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><\/svg>\r\n          <\/div>\r\n          <div>\r\n            <div class=\"don-impact-amount\">\u00a310<\/div>\r\n            <div class=\"don-impact-desc\">Supports one mentoring session for a new sister<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"don-impact\">\r\n          <div class=\"don-impact-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><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          <\/div>\r\n          <div>\r\n            <div class=\"don-impact-amount\">\u00a325<\/div>\r\n            <div class=\"don-impact-desc\">Helps fund a community drop-in event<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"don-impact\">\r\n          <div class=\"don-impact-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\r\n          <\/div>\r\n          <div>\r\n            <div class=\"don-impact-amount\">\u00a350<\/div>\r\n            <div class=\"don-impact-desc\">Keeps our doors open for a whole month<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"don-secure\">\r\n        <svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/><\/svg>\r\n        <p class=\"don-secure-text\">All payments are processed securely via <strong>Stripe<\/strong><\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- RIGHT DONATION CARD -->\r\n    <div class=\"don-card-wrap\" id=\"donCard\">\r\n      <div class=\"don-card\">\r\n        <h3 class=\"don-card-title\">Make a donation<\/h3>\r\n        <p class=\"don-card-sub\">Choose an amount or enter your own<\/p>\r\n\r\n        <!-- Amount selection -->\r\n        <p class=\"don-amounts-label\">Select amount<\/p>\r\n        <div class=\"don-amounts\">\r\n          <div class=\"don-amount-btn\" data-amount=\"5\">\u00a35<\/div>\r\n          <div class=\"don-amount-btn selected\" data-amount=\"10\">\u00a310<\/div>\r\n          <div class=\"don-amount-btn\" data-amount=\"25\">\u00a325<\/div>\r\n          <div class=\"don-amount-btn\" data-amount=\"50\">\u00a350<\/div>\r\n        <\/div>\r\n\r\n        <!-- Custom amount -->\r\n        <label class=\"don-custom-label\" for=\"donCustom\">Or enter a custom amount<\/label>\r\n        <div class=\"don-custom-wrap\">\r\n          <span class=\"don-custom-symbol\">\u00a3<\/span>\r\n          <input type=\"number\" id=\"donCustom\" class=\"don-custom-input\" placeholder=\"Enter amount\" min=\"1\">\r\n        <\/div>\r\n\r\n        <!-- Frequency -->\r\n        <label class=\"don-freq-label\">Frequency<\/label>\r\n        <div class=\"don-freq\">\r\n          <div class=\"don-freq-btn selected\" data-freq=\"once\">One-time<\/div>\r\n          <div class=\"don-freq-btn\" data-freq=\"monthly\">Monthly<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"don-sep\"><\/div>\r\n\r\n        <!-- Total -->\r\n        <div class=\"don-total\">\r\n          <span class=\"don-total-label\">Your donation<\/span>\r\n          <div class=\"don-total-amount\" id=\"donTotal\">\u00a310 <span id=\"donFreqLabel\">once<\/span><\/div>\r\n        <\/div>\r\n\r\n        <!-- Donate button \u2014 links to Stripe payment link -->\r\n        <a href=\"STRIPE_PAYMENT_LINK\" id=\"donBtn\" class=\"don-btn\" target=\"_blank\">\r\n          Donate now\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M7 17L17 7M17 7H7M17 7v10\"\/><\/svg>\r\n        <\/a>\r\n\r\n        <div class=\"don-stripe-note\">\r\n          <svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/><\/svg>\r\n          <span class=\"don-stripe-note-text\">Secured by Stripe \u00b7 No account needed<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function() {\r\n  let selectedAmount = 10;\r\n  let selectedFreq = 'once';\r\n\r\n  const amountBtns = document.querySelectorAll('.don-amount-btn');\r\n  const customInput = document.getElementById('donCustom');\r\n  const freqBtns = document.querySelectorAll('.don-freq-btn');\r\n  const totalEl = document.getElementById('donTotal');\r\n  const freqLabel = document.getElementById('donFreqLabel');\r\n\r\n  \/\/ Stripe payment links per amount \u2014 update these once you create them in Stripe\r\n  const stripeLinks = {\r\n    5:    'https:\/\/buy.stripe.com\/LINK_5',\r\n    10:   'https:\/\/buy.stripe.com\/LINK_10',\r\n    25:   'https:\/\/buy.stripe.com\/LINK_25',\r\n    50:   'https:\/\/buy.stripe.com\/LINK_50',\r\n    custom: 'https:\/\/buy.stripe.com\/LINK_CUSTOM'\r\n  };\r\n\r\n  function updateTotal() {\r\n    const freq = selectedFreq === 'monthly' ? '\/month' : 'once';\r\n    freqLabel.textContent = freq;\r\n    totalEl.firstChild.textContent = '\u00a3' + selectedAmount + ' ';\r\n  }\r\n\r\n  function updateBtn() {\r\n    const btn = document.getElementById('donBtn');\r\n    const link = stripeLinks[selectedAmount] || stripeLinks.custom;\r\n    btn.href = link;\r\n  }\r\n\r\n  amountBtns.forEach(btn => {\r\n    btn.addEventListener('click', () => {\r\n      amountBtns.forEach(b => b.classList.remove('selected'));\r\n      btn.classList.add('selected');\r\n      selectedAmount = parseInt(btn.dataset.amount);\r\n      customInput.value = '';\r\n      updateTotal(); updateBtn();\r\n    });\r\n  });\r\n\r\n  customInput.addEventListener('input', () => {\r\n    if (customInput.value) {\r\n      amountBtns.forEach(b => b.classList.remove('selected'));\r\n      selectedAmount = parseFloat(customInput.value) || 0;\r\n      updateTotal(); updateBtn();\r\n    }\r\n  });\r\n\r\n  freqBtns.forEach(btn => {\r\n    btn.addEventListener('click', () => {\r\n      freqBtns.forEach(b => b.classList.remove('selected'));\r\n      btn.classList.add('selected');\r\n      selectedFreq = btn.dataset.freq;\r\n      updateTotal();\r\n    });\r\n  });\r\n\r\n  \/\/ Scroll animation\r\n  const obs = new IntersectionObserver(entries => {\r\n    entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('visible'); obs.unobserve(e.target); }});\r\n  }, { threshold: 0.1 });\r\n  ['donInfo','donCard'].forEach(id => { const el = document.getElementById(id); if(el) obs.observe(el); });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-bd47163 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"bd47163\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ca6c1aa\" data-id=\"ca6c1aa\" 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-5f48c88 elementor-widget elementor-widget-html\" data-id=\"5f48c88\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;1,400&family=Jost:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<div style=\"width:100%;background:#ffffff;border-top:2px solid #E81F6D;font-family:'Jost',Arial,sans-serif\">\r\n\r\n  <div style=\"background:#FDEEF5;padding:30px 5%;border-bottom:1px solid #F7C4DC\">\r\n    <div style=\"max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between\">\r\n      <div style=\"margin-bottom:10px\">\r\n        <p style=\"font-family:'Cormorant Garamond',serif;font-size:26px;font-weight:600;color:#1E1E1E;margin-bottom:5px;letter-spacing:1px\">Stay connected with <em style=\"color:#E81F6D;font-style:italic\">Muslimaat<\/em><\/p>\r\n        <p style=\"font-size:13px;color:#6B6B6B;font-weight:300;letter-spacing:0.5px\">Receive updates on events, resources and sisterhood news<\/p>\r\n      <\/div>\r\n      <div style=\"display:flex;flex-wrap:wrap\">\r\n        <input type=\"email\" placeholder=\"Your email address\" style=\"border:1px solid #F7C4DC;border-radius:8px;padding:10px 16px;font-size:14px;outline:none;width:220px;margin-right:8px;font-family:'Jost',sans-serif\">\r\n        <button style=\"background:#E81F6D;color:#ffffff;border:none;border-radius:8px;padding:10px 20px;font-size:13px;font-weight:600;cursor:pointer;letter-spacing:1px;font-family:'Jost',sans-serif\">Subscribe<\/button>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div style=\"max-width:1200px;margin:0 auto;padding:50px 5% 40px;display:flex;flex-wrap:wrap\">\r\n\r\n    <div style=\"width:30%;padding-right:40px;min-width:200px;margin-bottom:30px\">\r\n      <a href=\"\/\" style=\"font-family:'Cormorant Garamond',serif;font-size:28px;font-weight:600;color:#1E1E1E;text-decoration:none;display:block;margin-bottom:12px;letter-spacing:3px\">Musli<em style=\"color:#E81F6D;font-style:italic\">maat<\/em><\/a>\r\n      <p style=\"font-size:13px;color:#6B6B6B;line-height:1.9;margin-bottom:20px;font-weight:300\">A warm, welcoming space for new Muslim sisters in Sheffield. You are never alone on this beautiful journey.<\/p>\r\n      <div style=\"display:flex\">\r\n        <a href=\"#\" style=\"width:36px;height:36px;border-radius:50%;border:1px solid #F7C4DC;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:#6B6B6B;margin-right:8px;font-size:12px;font-weight:700;font-family:'Jost',sans-serif\">f<\/a>\r\n        <a href=\"#\" style=\"width:36px;height:36px;border-radius:50%;border:1px solid #F7C4DC;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:#6B6B6B;margin-right:8px;font-size:12px;font-weight:700;font-family:'Jost',sans-serif\">in<\/a>\r\n        <a href=\"#\" style=\"width:36px;height:36px;border-radius:50%;border:1px solid #F7C4DC;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:#6B6B6B;margin-right:8px;font-size:12px;font-weight:700;font-family:'Jost',sans-serif\">w<\/a>\r\n        <a href=\"mailto:info@muslimaat.org\" style=\"width:36px;height:36px;border-radius:50%;border:1px solid #F7C4DC;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:#6B6B6B;font-size:12px;font-weight:700;font-family:'Jost',sans-serif\">@<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div style=\"width:20%;padding-right:20px;min-width:140px;margin-bottom:30px\">\r\n      <p style=\"font-size:10px;font-weight:600;letter-spacing:4px;text-transform:uppercase;color:#E81F6D;margin-bottom:6px;font-family:'Jost',sans-serif\">Quick Links<\/p>\r\n      <div style=\"width:30px;height:1.5px;background:#F7C4DC;margin-bottom:18px\"><\/div>\r\n      <div style=\"display:flex;flex-direction:column\">\r\n        <a href=\"\/\" style=\"text-decoration:none;color:#6B6B6B;font-size:13px;margin-bottom:10px;font-weight:300\">Home<\/a>\r\n        <a href=\"\/about\" style=\"text-decoration:none;color:#6B6B6B;font-size:13px;margin-bottom:10px;font-weight:300\">About Us<\/a>\r\n        <a href=\"\/services\" style=\"text-decoration:none;color:#6B6B6B;font-size:13px;margin-bottom:10px;font-weight:300\">Our Services<\/a>\r\n        <a href=\"\/events\" style=\"text-decoration:none;color:#6B6B6B;font-size:13px;margin-bottom:10px;font-weight:300\">Events<\/a>\r\n        <a href=\"\/blog\" style=\"text-decoration:none;color:#6B6B6B;font-size:13px;margin-bottom:10px;font-weight:300\">Blog<\/a>\r\n        <a href=\"\/contact\" style=\"text-decoration:none;color:#6B6B6B;font-size:13px;font-weight:300\">Contact<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div style=\"width:20%;padding-right:20px;min-width:140px;margin-bottom:30px\">\r\n      <p style=\"font-size:10px;font-weight:600;letter-spacing:4px;text-transform:uppercase;color:#E81F6D;margin-bottom:6px;font-family:'Jost',sans-serif\">Resources<\/p>\r\n      <div style=\"width:30px;height:1.5px;background:#F7C4DC;margin-bottom:18px\"><\/div>\r\n      <div style=\"display:flex;flex-direction:column\">\r\n        <a href=\"\/resources\/how-to-pray\" style=\"text-decoration:none;color:#6B6B6B;font-size:13px;margin-bottom:10px;font-weight:300\">How to Pray<\/a>\r\n        <a href=\"\/resources\/wearing-hijab\" style=\"text-decoration:none;color:#6B6B6B;font-size:13px;margin-bottom:10px;font-weight:300\">Wearing Hijab<\/a>\r\n        <a href=\"\/resources\/ramadan\" style=\"text-decoration:none;color:#6B6B6B;font-size:13px;margin-bottom:10px;font-weight:300\">Understanding Ramadan<\/a>\r\n        <a href=\"\/resources\/duas\" style=\"text-decoration:none;color:#6B6B6B;font-size:13px;margin-bottom:10px;font-weight:300\">Daily Duas and Dhikr<\/a>\r\n        <a href=\"\/resources\/arabic\" style=\"text-decoration:none;color:#6B6B6B;font-size:13px;margin-bottom:10px;font-weight:300\">Learning Arabic<\/a>\r\n        <a href=\"\/resources\" style=\"text-decoration:none;color:#E81F6D;font-size:13px;font-weight:500\">All Resources<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div style=\"width:25%;min-width:160px;margin-bottom:30px\">\r\n      <p style=\"font-size:10px;font-weight:600;letter-spacing:4px;text-transform:uppercase;color:#E81F6D;margin-bottom:6px;font-family:'Jost',sans-serif\">Contact Us<\/p>\r\n      <div style=\"width:30px;height:1.5px;background:#F7C4DC;margin-bottom:18px\"><\/div>\r\n      <div style=\"margin-bottom:14px\">\r\n        <p style=\"font-size:11px;font-weight:600;color:#1E1E1E;letter-spacing:1px;margin-bottom:3px;font-family:'Jost',sans-serif\">Location<\/p>\r\n        <p style=\"font-size:13px;color:#6B6B6B;font-weight:300\">Sheffield, United Kingdom<\/p>\r\n      <\/div>\r\n      <div style=\"margin-bottom:14px\">\r\n        <p style=\"font-size:11px;font-weight:600;color:#1E1E1E;letter-spacing:1px;margin-bottom:3px;font-family:'Jost',sans-serif\">Email<\/p>\r\n        <p style=\"font-size:13px;color:#6B6B6B;font-weight:300\">info@muslimaat.org<\/p>\r\n      <\/div>\r\n      <div>\r\n        <p style=\"font-size:11px;font-weight:600;color:#1E1E1E;letter-spacing:1px;margin-bottom:3px;font-family:'Jost',sans-serif\">WhatsApp<\/p>\r\n        <p style=\"font-size:13px;color:#6B6B6B;font-weight:300\">Available on request<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <div style=\"border-top:1px solid #F7C4DC;margin:0 5%\"><\/div>\r\n\r\n  <div style=\"max-width:1200px;margin:0 auto;padding:20px 5%;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between\">\r\n    <p style=\"font-size:12px;color:#6B6B6B;font-weight:300;font-family:'Jost',sans-serif\">2026 <a href=\"\/\" style=\"color:#E81F6D;text-decoration:none;font-weight:500\">Muslimaat<\/a> - Made with love for new Muslim sisters in Sheffield.<\/p>\r\n    <div style=\"display:flex\">\r\n      <a href=\"\/privacy\" style=\"font-size:12px;color:#6B6B6B;text-decoration:none;margin-left:20px;font-weight:300;font-family:'Jost',sans-serif\">Privacy Policy<\/a>\r\n      <a href=\"\/terms\" style=\"font-size:12px;color:#6B6B6B;text-decoration:none;margin-left:20px;font-weight:300;font-family:'Jost',sans-serif\">Terms of Use<\/a>\r\n      <a href=\"\/sitemap\" style=\"font-size:12px;color:#6B6B6B;text-decoration:none;margin-left:20px;font-weight:300;font-family:'Jost',sans-serif\">Sitemap<\/a>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/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>Support our mission Support Muslimaat \u0645\u064e\u0646 \u0630\u064e\u0627 \u0627\u0644\u064e\u0651\u0630\u0650\u064a \u064a\u064f\u0642\u0652\u0631\u0650\u0636\u064f \u0627\u0644\u0644\u064e\u0651\u0647\u064e \u0642\u064e\u0631\u0652\u0636\u064b\u0627 \u062d\u064e\u0633\u064e\u0646\u064b\u0627 Your donation helps us keep our services free for sisters who need them most \u2014 from prayer classes to mentoring. Every contribution, no matter how small, makes a difference. 100% goes to the cause Secure payment via Stripe Supporting Sheffield sisters Donate todaySupport [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2497","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/muslimaat.org\/ar\/wp-json\/wp\/v2\/pages\/2497","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/muslimaat.org\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/muslimaat.org\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/muslimaat.org\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/muslimaat.org\/ar\/wp-json\/wp\/v2\/comments?post=2497"}],"version-history":[{"count":7,"href":"http:\/\/muslimaat.org\/ar\/wp-json\/wp\/v2\/pages\/2497\/revisions"}],"predecessor-version":[{"id":2504,"href":"http:\/\/muslimaat.org\/ar\/wp-json\/wp\/v2\/pages\/2497\/revisions\/2504"}],"wp:attachment":[{"href":"http:\/\/muslimaat.org\/ar\/wp-json\/wp\/v2\/media?parent=2497"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}