{"id":2532,"date":"2026-03-07T18:52:47","date_gmt":"2026-03-07T18:52:47","guid":{"rendered":"https:\/\/muslimaat.org\/?page_id=2532"},"modified":"2026-04-26T22:38:21","modified_gmt":"2026-04-26T21:38:21","slug":"resources","status":"publish","type":"page","link":"https:\/\/muslimaat.org\/ar\/resources\/","title":{"rendered":"Resources"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2532\" class=\"elementor elementor-2532\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4a079b6 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4a079b6\" 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-a33ada8\" data-id=\"a33ada8\" 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-6b20bd3 elementor-widget elementor-widget-html\" data-id=\"6b20bd3\" 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.rsh *, .rsh *::before, .rsh *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n.rsh {\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.rsh-blob {\r\n  position: absolute; border-radius: 50%; pointer-events: none;\r\n}\r\n.rsh-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.rsh-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.rsh-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.rsh-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.rsh-eyebrow.visible { opacity: 1; transform: translateY(0); }\r\n.rsh-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.rsh-eyebrow-dot::after {\r\n  content: ''; width: 7px; height: 7px; border-radius: 50%; background: #fff;\r\n}\r\n.rsh-eyebrow-text { font-size: 0.7rem; font-weight: 500; color: #E81F6D; }\r\n\r\n.rsh-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.rsh-title.visible { opacity: 1; transform: translateY(0); }\r\n.rsh-title em { font-style: italic; font-weight: 600; color: #E81F6D; }\r\n\r\n.rsh-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.rsh-arabic.visible { opacity: 1; transform: translateY(0); }\r\n\r\n.rsh-desc {\r\n  font-size: 0.9rem; color: #71717a; line-height: 1.9;\r\n  font-weight: 300; max-width: 500px; 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.rsh-desc.visible { opacity: 1; transform: translateY(0); }\r\n\r\n.rsh-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.rsh-pills.visible { opacity: 1; transform: translateY(0); }\r\n\r\n.rsh-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.rsh-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.rsh-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.rsh-ticker-track {\r\n  display: inline-flex; animation: rshTick 22s linear infinite;\r\n}\r\n.rsh-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.rsh-ticker-track span::before { content: '\u2726'; margin-right: 2.5rem; opacity: 0.5; }\r\n@keyframes rshTick {\r\n  0% { transform: translateX(0); }\r\n  100% { transform: translateX(-50%); }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n  .rsh { padding: 4rem 5% 4.5rem; }\r\n  .rsh-title { letter-spacing: -1px; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"rsh\">\r\n  <div class=\"rsh-blob rsh-blob-1\"><\/div>\r\n  <div class=\"rsh-blob rsh-blob-2\"><\/div>\r\n  <div class=\"rsh-container\">\r\n\r\n    <div class=\"rsh-eyebrow\" id=\"rshEyebrow\">\r\n      <span class=\"rsh-eyebrow-dot\"><\/span>\r\n      <span class=\"rsh-eyebrow-text\">Free resources<\/span>\r\n    <\/div>\r\n\r\n    <h1 class=\"rsh-title\" id=\"rshTitle\">Islamic <em>Resources<\/em><\/h1>\r\n\r\n    <p class=\"rsh-arabic\" id=\"rshArabic\">\u0627\u0642\u0652\u0631\u064e\u0623\u0652 \u0628\u0650\u0627\u0633\u0652\u0645\u0650 \u0631\u064e\u0628\u0650\u0651\u0643\u064e \u0627\u0644\u064e\u0651\u0630\u0650\u064a \u062e\u064e\u0644\u064e\u0642\u064e<\/p>\r\n\r\n    <p class=\"rsh-desc\" id=\"rshDesc\">A collection of free guides, prayer charts and learning materials  created especially for Muslim sisters to help you grow in your faith with confidence.<\/p>\r\n\r\n    <div class=\"rsh-pills\" id=\"rshPills\">\r\n      <span class=\"rsh-pill\">\r\n        <svg viewBox=\"0 0 24 24\"><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\"\/><\/svg>\r\n        Free PDFs\r\n      <\/span>\r\n      <span class=\"rsh-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         Ideal for new Muslims\r\n      <\/span>\r\n      <span class=\"rsh-pill\">\r\n        <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n        5 topics covered\r\n      <\/span>\r\n    <\/div>\r\n\r\n  <\/div>\r\n  <div class=\"rsh-ticker\">\r\n    <div class=\"rsh-ticker-track\">\r\n      <span>How to Pray<\/span><span>Wearing Hijab<\/span><span>Daily Duas<\/span><span>Learning Arabic<\/span><span>Taking Shahada<\/span><span>Free Guides<\/span><span>New Muslims<\/span><span>Sheffield<\/span>\r\n      <span>How to Pray<\/span><span>Wearing Hijab<\/span><span>Daily Duas<\/span><span>Learning Arabic<\/span><span>Taking Shahada<\/span><span>Free Guides<\/span><span>New Muslims<\/span><span>Sheffield<\/span>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\nconst rshObs = new IntersectionObserver(entries => {\r\n  entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('visible'); rshObs.unobserve(e.target); }});\r\n}, { threshold: 0.1 });\r\n['rshEyebrow','rshTitle','rshArabic','rshDesc','rshPills'].forEach(id => {\r\n  const el = document.getElementById(id); if(el) rshObs.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-ae2e34f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ae2e34f\" 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-793b246\" data-id=\"793b246\" 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-baf54e9 elementor-widget elementor-widget-html\" data-id=\"baf54e9\" 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.rsc *, .rsc *::before, .rsc *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n.rsc {\r\n  width: 100%; background: #fff;\r\n  padding: 6rem 5%; font-family: 'Jost', sans-serif;\r\n}\r\n\r\n.rsc-container { max-width: 1200px; margin: 0 auto; }\r\n\r\n\/* \u2500\u2500 HEADER \u2500\u2500 *\/\r\n.rsc-header {\r\n  text-align: center; margin-bottom: 4rem;\r\n  opacity: 0; transform: translateY(20px);\r\n  transition: opacity 0.6s ease, transform 0.6s ease;\r\n}\r\n.rsc-header.visible { opacity: 1; transform: translateY(0); }\r\n\r\n.rsc-label {\r\n  display: inline-flex; align-items: center; gap: 0.75rem; margin-bottom: 0.75rem;\r\n}\r\n.rsc-label::before, .rsc-label::after {\r\n  content: ''; display: block; width: 30px; height: 1.5px; background: #E81F6D;\r\n}\r\n.rsc-label span {\r\n  font-size: 0.72rem; font-weight: 600; letter-spacing: 3px;\r\n  text-transform: uppercase; color: #E81F6D;\r\n}\r\n.rsc-title {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: clamp(2rem, 3vw, 2.8rem);\r\n  font-weight: 300; color: #09090b; line-height: 1.2;\r\n}\r\n.rsc-title em { font-style: italic; font-weight: 600; color: #E81F6D; }\r\n.rsc-subtitle {\r\n  font-size: 0.85rem; color: #a1a1aa; font-weight: 300;\r\n  margin-top: 0.75rem; max-width: 480px; margin-left: auto; margin-right: auto;\r\n  line-height: 1.8;\r\n}\r\n\r\n\/* \u2500\u2500 GRID \u2500\u2500 *\/\r\n.rsc-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 1.5rem;\r\n}\r\n\r\n\/* \u2500\u2500 CARD \u2500\u2500 *\/\r\n.rsc-card {\r\n  position: relative; border-radius: 20px; overflow: hidden;\r\n  aspect-ratio: 3\/4;\r\n  background: #f4f4f5;\r\n  cursor: pointer; text-decoration: none;\r\n  display: block;\r\n  opacity: 0; transform: translateY(24px);\r\n  transition: opacity 0.6s ease, transform 0.6s ease, box-shadow 0.3s ease;\r\n  box-shadow: 0 2px 12px rgba(0,0,0,0.06);\r\n}\r\n.rsc-card.visible { opacity: 1; transform: translateY(0); }\r\n.rsc-card:hover { box-shadow: 0 20px 50px rgba(232,31,109,0.15); }\r\n\r\n\/* Card image *\/\r\n.rsc-card-img {\r\n  position: absolute; inset: 0;\r\n  width: 100%; height: 100%;\r\n  object-fit: cover; object-position: center;\r\n  transition: transform 0.5s ease, filter 0.4s ease;\r\n  filter: brightness(0.75) saturate(0.9);\r\n}\r\n.rsc-card:hover .rsc-card-img {\r\n  transform: scale(1.06);\r\n  filter: brightness(0.6) saturate(1);\r\n}\r\n\r\n\/* Gradient overlay *\/\r\n.rsc-card-overlay {\r\n  position: absolute; inset: 0;\r\n  background: linear-gradient(to top, rgba(9,9,11,0.92) 0%, rgba(9,9,11,0.3) 50%, transparent 100%);\r\n  transition: background 0.3s ease;\r\n}\r\n.rsc-card:hover .rsc-card-overlay {\r\n  background: linear-gradient(to top, rgba(232,31,109,0.85) 0%, rgba(9,9,11,0.4) 60%, transparent 100%);\r\n}\r\n\r\n\/* Card content *\/\r\n.rsc-card-content {\r\n  position: absolute; inset: 0;\r\n  display: flex; flex-direction: column; justify-content: flex-end;\r\n  padding: 1.75rem;\r\n}\r\n\r\n.rsc-card-icon {\r\n  width: 44px; height: 44px; border-radius: 12px;\r\n  background: rgba(255,255,255,0.12);\r\n  backdrop-filter: blur(8px);\r\n  border: 1px solid rgba(255,255,255,0.2);\r\n  display: flex; align-items: center; justify-content: center;\r\n  margin-bottom: 1rem;\r\n  transition: background 0.3s, border-color 0.3s;\r\n}\r\n.rsc-card:hover .rsc-card-icon {\r\n  background: rgba(255,255,255,0.25);\r\n  border-color: rgba(255,255,255,0.4);\r\n}\r\n.rsc-card-icon svg {\r\n  width: 20px; height: 20px; stroke: #fff; fill: none;\r\n  stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;\r\n}\r\n\r\n.rsc-card-cat {\r\n  font-size: 0.62rem; font-weight: 600; letter-spacing: 2.5px;\r\n  text-transform: uppercase; color: rgba(255,255,255,0.55);\r\n  margin-bottom: 0.35rem;\r\n}\r\n\r\n.rsc-card-title {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: 1.5rem; font-weight: 600; color: #fff;\r\n  line-height: 1.2; margin-bottom: 0.5rem;\r\n}\r\n\r\n.rsc-card-desc {\r\n  font-size: 0.75rem; color: rgba(255,255,255,0.65);\r\n  font-weight: 300; line-height: 1.7;\r\n  max-height: 0; overflow: hidden;\r\n  transition: max-height 0.4s ease, opacity 0.3s ease;\r\n  opacity: 0;\r\n}\r\n.rsc-card:hover .rsc-card-desc {\r\n  max-height: 80px; opacity: 1;\r\n}\r\n\r\n.rsc-card-footer {\r\n  display: flex; align-items: center; justify-content: space-between;\r\n  margin-top: 1rem;\r\n}\r\n\r\n.rsc-card-pdf {\r\n  display: inline-flex; align-items: center; gap: 0.4rem;\r\n  font-size: 0.68rem; font-weight: 600; letter-spacing: 1px;\r\n  text-transform: uppercase; color: rgba(255,255,255,0.7);\r\n  transition: color 0.2s;\r\n}\r\n.rsc-card:hover .rsc-card-pdf { color: #fff; }\r\n.rsc-card-pdf svg {\r\n  width: 12px; height: 12px; stroke: currentColor; fill: none;\r\n  stroke-width: 2; stroke-linecap: round;\r\n}\r\n\r\n.rsc-card-arrow {\r\n  width: 36px; height: 36px; border-radius: 50%;\r\n  background: rgba(255,255,255,0.15);\r\n  backdrop-filter: blur(4px);\r\n  border: 1px solid rgba(255,255,255,0.25);\r\n  display: flex; align-items: center; justify-content: center;\r\n  transition: background 0.3s, transform 0.3s;\r\n}\r\n.rsc-card:hover .rsc-card-arrow {\r\n  background: #fff; transform: rotate(-45deg);\r\n}\r\n.rsc-card-arrow svg {\r\n  width: 14px; height: 14px; stroke: #fff; fill: none;\r\n  stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;\r\n  transition: stroke 0.3s;\r\n}\r\n.rsc-card:hover .rsc-card-arrow svg { stroke: #E81F6D; }\r\n\r\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n@media (max-width: 900px) {\r\n  .rsc-grid { grid-template-columns: repeat(2, 1fr); }\r\n}\r\n@media (max-width: 560px) {\r\n  .rsc { padding: 4rem 4%; }\r\n  .rsc-grid { grid-template-columns: 1fr; gap: 1rem; }\r\n  .rsc-card { aspect-ratio: 4\/3; }\r\n  .rsc-card-desc { max-height: none !important; opacity: 1 !important; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"rsc\">\r\n  <div class=\"rsc-container\">\r\n\r\n    <!-- HEADER -->\r\n    <div class=\"rsc-header\" id=\"rscHeader\">\r\n      <div class=\"rsc-label\"><span>Free Downloads<\/span><\/div>\r\n      <h2 class=\"rsc-title\">Browse our <em>resource library<\/em><\/h2>\r\n      <p class=\"rsc-subtitle\">Click any resource below to download your free PDF guide \u2014 created with love for Muslim sisters in Sheffield and beyond.<\/p>\r\n    <\/div>\r\n\r\n    <!-- GRID -->\r\n    <div class=\"rsc-grid\">\r\n\r\n      <!-- Card 1: How to Pray -->\r\n      <a class=\"rsc-card\" id=\"rscCard1\" href=\"http:\/\/muslimaat.org\/wp-content\/uploads\/2026\/04\/Prayer-for-New-Muslims.pdf\" target=\"_blank\" rel=\"noopener\">\r\n        <img decoding=\"async\" class=\"rsc-card-img\" src=\"https:\/\/images.unsplash.com\/photo-1609599006353-e629aaabfeae?w=600&h=800&fit=crop&q=80\" alt=\"How to Pray\">\r\n        <div class=\"rsc-card-overlay\"><\/div>\r\n        <div class=\"rsc-card-content\">\r\n          <div class=\"rsc-card-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 2L2 7l10 5 10-5-10-5z\"\/><path d=\"M2 17l10 5 10-5\"\/><path d=\"M2 12l10 5 10-5\"\/><\/svg>\r\n          <\/div>\r\n          <p class=\"rsc-card-cat\">Worship<\/p>\r\n          <h3 class=\"rsc-card-title\">How to Pray<\/h3>\r\n          <p class=\"rsc-card-desc\">A step-by-step illustrated guide covering wudu, the positions of salah, and what to recite in each prayer.<\/p>\r\n          <div class=\"rsc-card-footer\">\r\n            <span class=\"rsc-card-pdf\">\r\n              <svg viewBox=\"0 0 24 24\"><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\"\/><\/svg>\r\n              Free PDF\r\n            <\/span>\r\n            <span class=\"rsc-card-arrow\">\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n            <\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <!-- Card 2: Wearing Hijab -->\r\n      <a class=\"rsc-card\" id=\"rscCard2\" href=\"YOUR_PDF_LINK_HIJAB\" target=\"_blank\" rel=\"noopener\">\r\n        <img decoding=\"async\" class=\"rsc-card-img\" src=\"https:\/\/muslimaat.org\/wp-content\/uploads\/2026\/aceembelif-girl-5691576_1920.jpg\" alt=\"Wearing Hijab\">\r\n        <div class=\"rsc-card-overlay\"><\/div>\r\n        <div class=\"rsc-card-content\">\r\n          <div class=\"rsc-card-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"8\" r=\"4\"\/><path d=\"M4 20c0-4 3.6-7 8-7s8 3 8 7\"\/><\/svg>\r\n          <\/div>\r\n          <p class=\"rsc-card-cat\">Identity<\/p>\r\n          <h3 class=\"rsc-card-title\">Wearing Hijab<\/h3>\r\n          <p class=\"rsc-card-desc\">Understanding the meaning of hijab, practical styling tips, and navigating life as a hijab-wearing Muslim sister.<\/p>\r\n          <div class=\"rsc-card-footer\">\r\n            <span class=\"rsc-card-pdf\">\r\n              <svg viewBox=\"0 0 24 24\"><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\"\/><\/svg>\r\n              Free PDF\r\n            <\/span>\r\n            <span class=\"rsc-card-arrow\">\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n            <\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <!-- Card 3: Daily Duas -->\r\n      <a class=\"rsc-card\" id=\"rscCard3\" href=\"YOUR_PDF_LINK_DUAS\" target=\"_blank\" rel=\"noopener\">\r\n        <img decoding=\"async\" class=\"rsc-card-img\" src=\"https:\/\/images.unsplash.com\/photo-1585036156171-384164a8c675?w=600&h=800&fit=crop&q=80\" alt=\"Daily Duas\">\r\n        <div class=\"rsc-card-overlay\"><\/div>\r\n        <div class=\"rsc-card-content\">\r\n          <div class=\"rsc-card-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          <p class=\"rsc-card-cat\">Dhikr<\/p>\r\n          <h3 class=\"rsc-card-title\">Daily Duas & Dhikr<\/h3>\r\n          <p class=\"rsc-card-desc\">Essential daily supplications with Arabic, transliteration and English meaning \u2014 morning, evening and after prayer.<\/p>\r\n          <div class=\"rsc-card-footer\">\r\n            <span class=\"rsc-card-pdf\">\r\n              <svg viewBox=\"0 0 24 24\"><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\"\/><\/svg>\r\n              Free PDF\r\n            <\/span>\r\n            <span class=\"rsc-card-arrow\">\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n            <\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <!-- Card 4: Learning Arabic -->\r\n      <a class=\"rsc-card\" id=\"rscCard4\" href=\"YOUR_PDF_LINK_ARABIC\" target=\"_blank\" rel=\"noopener\">\r\n        <img decoding=\"async\" class=\"rsc-card-img\" src=\"https:\/\/muslimaat.org\/wp-content\/uploads\/2026\/arabic.jpg\" alt=\"Learning Arabic\">\r\n        <div class=\"rsc-card-overlay\"><\/div>\r\n        <div class=\"rsc-card-content\">\r\n          <div class=\"rsc-card-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          <p class=\"rsc-card-cat\">Language<\/p>\r\n          <h3 class=\"rsc-card-title\">Learning Arabic<\/h3>\r\n          <p class=\"rsc-card-desc\">Begin your Arabic journey with the alphabet, basic vocabulary and Quranic letters \u2014 perfect for complete beginners.<\/p>\r\n          <div class=\"rsc-card-footer\">\r\n            <span class=\"rsc-card-pdf\">\r\n              <svg viewBox=\"0 0 24 24\"><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\"\/><\/svg>\r\n              Free PDF\r\n            <\/span>\r\n            <span class=\"rsc-card-arrow\">\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n            <\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <!-- Card 5: Taking Shahada -->\r\n      <a class=\"rsc-card\" id=\"rscCard5\" href=\"YOUR_PDF_LINK_SHAHADA\" target=\"_blank\" rel=\"noopener\">\r\n        <img decoding=\"async\" class=\"rsc-card-img\" src=\"https:\/\/muslimaat.org\/wp-content\/uploads\/2026\/s.jpg\" alt=\"Taking Shahada\">\r\n        <div class=\"rsc-card-overlay\"><\/div>\r\n        <div class=\"rsc-card-content\">\r\n          <div class=\"rsc-card-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n          <\/div>\r\n          <p class=\"rsc-card-cat\">New Muslim<\/p>\r\n          <h3 class=\"rsc-card-title\">Taking Shahada<\/h3>\r\n          <p class=\"rsc-card-desc\">Everything you need to know before and after taking your Shahada \u2014 your first steps on this beautiful journey.<\/p>\r\n          <div class=\"rsc-card-footer\">\r\n            <span class=\"rsc-card-pdf\">\r\n              <svg viewBox=\"0 0 24 24\"><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\"\/><\/svg>\r\n              Free PDF\r\n            <\/span>\r\n            <span class=\"rsc-card-arrow\">\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n            <\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/a>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\nconst rscObs = new IntersectionObserver(entries => {\r\n  entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('visible'); rscObs.unobserve(e.target); }});\r\n}, { threshold: 0.08 });\r\n['rscHeader','rscCard1','rscCard2','rscCard3','rscCard4','rscCard5'].forEach((id, i) => {\r\n  const el = document.getElementById(id);\r\n  if (el) { el.style.transitionDelay = (i * 0.08) + 's'; rscObs.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-d0c0701 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d0c0701\" 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-cd8b516\" data-id=\"cd8b516\" 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-a22c70b elementor-widget elementor-widget-html\" data-id=\"a22c70b\" 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&family=Amiri:wght@400&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.rct *, .rct *::before, .rct *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n.rct {\r\n  width: 100%; background: #fff;\r\n  padding: 6rem 5%; font-family: 'Jost', sans-serif;\r\n  position: relative; overflow: hidden;\r\n}\r\n\r\n.rct::before {\r\n  content: '';\r\n  position: absolute; top: -200px; left: 50%;\r\n  transform: translateX(-50%);\r\n  width: 600px; height: 600px;\r\n  background: radial-gradient(circle, rgba(232,31,109,0.05) 0%, transparent 70%);\r\n  pointer-events: none;\r\n}\r\n\r\n.rct-container {\r\n  max-width: 900px; margin: 0 auto;\r\n  display: flex; flex-direction: column; align-items: center;\r\n  text-align: center; position: relative; z-index: 1;\r\n  opacity: 0; transform: translateY(24px);\r\n  transition: opacity 0.7s ease, transform 0.7s ease;\r\n}\r\n.rct-container.visible { opacity: 1; transform: translateY(0); }\r\n\r\n.rct-label {\r\n  display: inline-flex; align-items: center; gap: 0.6rem;\r\n  background: #FDEEF5; border: 1px solid #fbcfe8;\r\n  border-radius: 9999px; padding: 0.3rem 1rem;\r\n  margin-bottom: 2rem;\r\n}\r\n.rct-label span {\r\n  font-size: 0.68rem; font-weight: 600; letter-spacing: 2px;\r\n  text-transform: uppercase; color: #E81F6D;\r\n}\r\n\r\n.rct-arabic {\r\n  font-family: 'Amiri', serif;\r\n  font-size: 1.1rem; color: rgba(0,0,0,0.15);\r\n  direction: rtl; margin-bottom: 1rem; letter-spacing: 2px;\r\n}\r\n\r\n.rct-title {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: clamp(2.2rem, 4vw, 3.5rem);\r\n  font-weight: 300; color: #09090b; line-height: 1.1;\r\n  letter-spacing: -1px; margin-bottom: 1.25rem;\r\n}\r\n.rct-title em { font-style: italic; font-weight: 600; color: #E81F6D; }\r\n\r\n.rct-desc {\r\n  font-size: 0.88rem; color: #71717a;\r\n  font-weight: 300; line-height: 1.9;\r\n  max-width: 520px; margin-bottom: 3rem;\r\n}\r\n\r\n.rct-btns {\r\n  display: flex; align-items: center; justify-content: center;\r\n  gap: 1rem; flex-wrap: wrap; margin-bottom: 3rem;\r\n}\r\n\r\n.rct-btn-primary {\r\n  display: inline-flex; align-items: center; gap: 0.5rem;\r\n  background: #E81F6D; color: #fff; text-decoration: none;\r\n  padding: 0.85rem 2rem; border-radius: 10px;\r\n  font-size: 0.82rem; font-weight: 600; font-family: 'Jost', sans-serif;\r\n  transition: all 0.25s; box-shadow: 0 4px 20px rgba(232,31,109,0.28);\r\n}\r\n.rct-btn-primary:hover {\r\n  background: #B8155A; transform: translateY(-2px);\r\n  box-shadow: 0 8px 28px rgba(232,31,109,0.4); color: #fff;\r\n}\r\n.rct-btn-primary svg {\r\n  width: 15px; height: 15px; stroke: currentColor; fill: none;\r\n  stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;\r\n}\r\n\r\n.rct-btn-secondary {\r\n  display: inline-flex; align-items: center; gap: 0.5rem;\r\n  background: transparent; color: #09090b;\r\n  text-decoration: none; padding: 0.85rem 2rem; border-radius: 10px;\r\n  font-size: 0.82rem; font-weight: 500; font-family: 'Jost', sans-serif;\r\n  transition: all 0.25s; border: 1px solid #e4e4e7;\r\n}\r\n.rct-btn-secondary:hover {\r\n  border-color: #E81F6D; color: #E81F6D; transform: translateY(-2px);\r\n}\r\n.rct-btn-secondary svg {\r\n  width: 15px; height: 15px; stroke: currentColor; fill: none;\r\n  stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;\r\n}\r\n\r\n\/* Stats row *\/\r\n.rct-stats {\r\n  display: flex; align-items: center;\r\n  flex-wrap: wrap;\r\n  border-top: 1px solid #f4f4f5;\r\n  padding-top: 2.5rem; width: 100%;\r\n  justify-content: center;\r\n}\r\n.rct-stat {\r\n  flex: 1; min-width: 140px;\r\n  padding: 0 2rem; text-align: center;\r\n  border-right: 1px solid #f4f4f5;\r\n}\r\n.rct-stat:last-child { border-right: none; }\r\n.rct-stat-num {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: 2.2rem; font-weight: 600; color: #09090b;\r\n  line-height: 1; margin-bottom: 0.3rem;\r\n}\r\n.rct-stat-num span { color: #E81F6D; }\r\n.rct-stat-label {\r\n  font-size: 0.68rem; font-weight: 400; letter-spacing: 1.5px;\r\n  text-transform: uppercase; color: #a1a1aa;\r\n}\r\n\r\n@media (max-width: 640px) {\r\n  .rct { padding: 4rem 4%; }\r\n  .rct-stats { gap: 1.5rem; border-top: none; padding-top: 0; }\r\n  .rct-stat { border-right: none; border-bottom: 1px solid #f4f4f5; padding: 1rem; }\r\n  .rct-stat:last-child { border-bottom: none; }\r\n  .rct-btns { flex-direction: column; width: 100%; }\r\n  .rct-btn-primary, .rct-btn-secondary { width: 100%; justify-content: center; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"rct\">\r\n  <div class=\"rct-container\" id=\"rctContainer\">\r\n\r\n    <div class=\"rct-label\">\r\n      <span>Need more support?<\/span>\r\n    <\/div>\r\n\r\n    <p class=\"rct-arabic\">\u0648\u064e\u0639\u064e\u0644\u064e\u0651\u0645\u064e\u0643\u064e \u0645\u064e\u0627 \u0644\u064e\u0645\u0652 \u062a\u064e\u0643\u064f\u0646 \u062a\u064e\u0639\u0652\u0644\u064e\u0645\u064f<\/p>\r\n\r\n    <h2 class=\"rct-title\">Can't find what<br>you're <em>looking for?<\/em><\/h2>\r\n\r\n    <p class=\"rct-desc\">Our sisters are here to help. Whether you have a question about Islam, need a specific resource or just want to talk \u2014 reach out and we will get back to you within 48 hours.<\/p>\r\n\r\n    <div class=\"rct-btns\">\r\n      <a href=\"\/contact\" class=\"rct-btn-primary\">\r\n        Get in touch\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n      <\/a>\r\n      <a href=\"\/services\" class=\"rct-btn-secondary\">\r\n        View our services\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <div class=\"rct-stats\">\r\n      <div class=\"rct-stat\">\r\n        <div class=\"rct-stat-num\">10<span>+<\/span><\/div>\r\n        <div class=\"rct-stat-label\">Free Guides<\/div>\r\n      <\/div>\r\n      <div class=\"rct-stat\">\r\n        <div class=\"rct-stat-num\">1000<span>+<\/span><\/div>\r\n        <div class=\"rct-stat-label\">Sisters Helped<\/div>\r\n      <\/div>\r\n      <div class=\"rct-stat\">\r\n        <div class=\"rct-stat-num\">30<span>+<\/span><\/div>\r\n        <div class=\"rct-stat-label\">Years Supporting<\/div>\r\n      <\/div>\r\n      <div class=\"rct-stat\">\r\n        <div class=\"rct-stat-num\">48<span>h<\/span><\/div>\r\n        <div class=\"rct-stat-label\">Response Time<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\nconst rctObs = new IntersectionObserver(entries => {\r\n  entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('visible'); rctObs.unobserve(e.target); }});\r\n}, { threshold: 0.1 });\r\nconst rctEl = document.getElementById('rctContainer');\r\nif (rctEl) rctObs.observe(rctEl);\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-a461f50 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a461f50\" 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-1cf72a2\" data-id=\"1cf72a2\" 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-823a16a elementor-widget elementor-widget-html\" data-id=\"823a16a\" 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&family=Amiri:wght@400;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.msl-cta-wrap * { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n.msl-cta-wrap {\r\n  position: relative;\r\n  width: 100%;\r\n  min-height: 500px;\r\n  padding: 5rem 2rem 4rem;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  overflow: hidden;\r\n  font-family: 'Jost', sans-serif;\r\n}\r\n\r\n#mslFractalCanvas {\r\n  position: absolute;\r\n  inset: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  background: #ffffff;\r\n  z-index: 0;\r\n}\r\n\r\n.msl-cta-fade {\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(to top, #ffffff 0%, transparent 50%, transparent 100%);\r\n  z-index: 1;\r\n  pointer-events: none;\r\n}\r\n\r\n.msl-cta-content {\r\n  position: relative;\r\n  z-index: 2;\r\n  text-align: center;\r\n  padding: 2rem;\r\n  max-width: 700px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.msl-cta-badge {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 0.5rem;\r\n  background: rgba(232,31,109,0.08);\r\n  border: 1px solid rgba(232,31,109,0.2);\r\n  border-radius: 50px;\r\n  padding: 0.4rem 1.2rem;\r\n  margin-bottom: 1.75rem;\r\n  backdrop-filter: blur(8px);\r\n  opacity: 0;\r\n  transform: translateY(20px);\r\n  transition: opacity 0.8s ease 1.5s, transform 0.8s ease 1.5s;\r\n}\r\n.msl-cta-badge.visible { opacity: 1; transform: translateY(0); }\r\n\r\n.msl-cta-badge-dot {\r\n  width: 6px; height: 6px;\r\n  border-radius: 50%; background: #E81F6D;\r\n}\r\n\r\n.msl-cta-title {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: clamp(2.5rem, 6vw, 5rem);\r\n  font-weight: 600;\r\n  line-height: 1.1;\r\n  margin-bottom: 1.25rem;\r\n  background: linear-gradient(to bottom, #1E1E1E 0%, rgba(30,30,30,0.7) 100%);\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  background-clip: text;\r\n  opacity: 0;\r\n  transform: translateY(20px);\r\n  transition: opacity 0.8s ease 1.7s, transform 0.8s ease 1.7s;\r\n}\r\n.msl-cta-title.visible { opacity: 1; transform: translateY(0); }\r\n.msl-cta-title em {\r\n  font-style: italic;\r\n  background: linear-gradient(to right, #E81F6D, #F7A8C4);\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  background-clip: text;\r\n}\r\n\r\n.msl-cta-desc {\r\n  font-size: 1rem;\r\n  color: #6B6B6B;\r\n  line-height: 1.85;\r\n  font-weight: 300;\r\n  max-width: 480px;\r\n  margin: 0 auto 2.5rem;\r\n  opacity: 0;\r\n  transform: translateY(20px);\r\n  transition: opacity 0.8s ease 1.9s, transform 0.8s ease 1.9s;\r\n}\r\n.msl-cta-desc.visible { opacity: 1; transform: translateY(0); }\r\n\r\n.msl-cta-btns {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 1rem;\r\n  flex-wrap: wrap;\r\n  opacity: 0;\r\n  transform: translateY(20px);\r\n  transition: opacity 0.8s ease 2.1s, transform 0.8s ease 2.1s;\r\n}\r\n.msl-cta-btns.visible { opacity: 1; transform: translateY(0); }\r\n\r\n.msl-cta-btn-primary {\r\n  display: inline-flex; align-items: center; gap: 0.5rem;\r\n  background: #E81F6D; color: white; text-decoration: none;\r\n  padding: 0.9rem 2.2rem; border-radius: 10px;\r\n  font-size: 0.9rem; font-weight: 600; font-family: 'Jost', sans-serif;\r\n  transition: all 0.3s; box-shadow: 0 4px 20px rgba(232,31,109,0.4);\r\n}\r\n.msl-cta-btn-primary:hover {\r\n  background: #B8155A; transform: translateY(-2px);\r\n  box-shadow: 0 8px 30px rgba(232,31,109,0.5); color: white;\r\n}\r\n\r\n.msl-cta-btn-secondary {\r\n  display: inline-flex; align-items: center; gap: 0.5rem;\r\n  background: rgba(232,31,109,0.06); color: #E81F6D; text-decoration: none;\r\n  padding: 0.9rem 2.2rem; border-radius: 10px;\r\n  font-size: 0.9rem; font-weight: 500; font-family: 'Jost', sans-serif;\r\n  transition: all 0.3s; border: 1px solid #F7C4DC;\r\n}\r\n.msl-cta-btn-secondary:hover {\r\n  background: rgba(232,31,109,0.12); transform: translateY(-2px);\r\n}\r\n\r\n.msl-cta-arrow {\r\n  width: 16px; height: 16px; stroke: currentColor; fill: none;\r\n  stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;\r\n}\r\n<\/style>\r\n\r\n<div class=\"msl-cta-wrap\">\r\n  <canvas id=\"mslFractalCanvas\"><\/canvas>\r\n  <div class=\"msl-cta-fade\"><\/div>\r\n\r\n  <div class=\"msl-cta-content\">\r\n\r\n    <div class=\"msl-cta-badge\" id=\"mslCtaBadge\">\r\n      <span class=\"msl-cta-badge-dot\"><\/span>\r\n      <span style=\"font-family:'Amiri',serif;font-size:1rem;\">\u0628\u0650\u0633\u0652\u0645\u0650 \u0627\u0644\u0644\u0647\u0650 \u0627\u0644\u0631\u064e\u0651\u062d\u0652\u0645\u0670\u0646\u0650 \u0627\u0644\u0631\u064e\u0651\u062d\u0650\u064a\u0652\u0645\u0650<\/span>\r\n    <\/div>\r\n\r\n    <h2 class=\"msl-cta-title\" id=\"mslCtaTitle\">\r\n      A home for every <em>Muslim sister<\/em><br>in Sheffield\r\n    <\/h2>\r\n\r\n    <p class=\"msl-cta-desc\" id=\"mslCtaDesc\">\r\n      Whether you are a new Muslim, want to deepen your faith, join a Tajweed class or simply connect with a community of sisters \u2014 Muslimaat is here for you. No pressure, no judgement. Just sisterhood.\r\n    <\/p>\r\n\r\n    <div class=\"msl-cta-btns\" id=\"mslCtaBtns\">\r\n      <a href=\"\/contact\" class=\"msl-cta-btn-primary\">\r\n        Get in touch\r\n        <svg class=\"msl-cta-arrow\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n      <\/a>\r\n      <a href=\"\/about\" class=\"msl-cta-btn-secondary\">\r\n        Learn about us\r\n        <svg class=\"msl-cta-arrow\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n  const canvas = document.getElementById('mslFractalCanvas');\r\n  const ctx = canvas.getContext('2d');\r\n  const mouse = { x: 0, y: 0 };\r\n  let currentDepth = 0;\r\n  const maxDepth = 9;\r\n\r\n  function resize() {\r\n    canvas.width  = canvas.offsetWidth;\r\n    canvas.height = canvas.offsetHeight;\r\n    mouse.x = canvas.width \/ 2;\r\n    mouse.y = canvas.height;\r\n  }\r\n\r\n  function drawBranch(x, y, angle, length, depth) {\r\n    if (depth > currentDepth) return;\r\n    const endX = x + Math.cos(angle) * length;\r\n    const endY = y + Math.sin(angle) * length;\r\n    ctx.beginPath();\r\n    ctx.moveTo(x, y);\r\n    ctx.lineTo(endX, endY);\r\n    const opacity = (1 - depth \/ maxDepth) * 0.75;\r\n    ctx.strokeStyle = 'rgba(232,31,109,' + opacity + ')';\r\n    ctx.lineWidth = Math.max(0.5, 1.5 - (depth \/ maxDepth));\r\n    ctx.stroke();\r\n    const dist = Math.hypot(endX - mouse.x, endY - mouse.y);\r\n    const effect = Math.max(0, 1 - dist \/ (canvas.height \/ 2));\r\n    const offset = (Math.PI \/ 10) * effect;\r\n    drawBranch(endX, endY, angle - Math.PI \/ 10 - offset, length * 0.78, depth + 1);\r\n    drawBranch(endX, endY, angle + Math.PI \/ 10 + offset, length * 0.78, depth + 1);\r\n  }\r\n\r\n  function animate() {\r\n    ctx.fillStyle = 'rgba(255,255,255,0.25)';\r\n    ctx.fillRect(0, 0, canvas.width, canvas.height);\r\n    drawBranch(canvas.width \/ 2, canvas.height, -Math.PI \/ 2, canvas.height \/ 5, 0);\r\n    if (currentDepth < maxDepth) currentDepth += 0.025;\r\n    requestAnimationFrame(animate);\r\n  }\r\n\r\n  window.addEventListener('resize', resize);\r\n  canvas.closest('.msl-cta-wrap').addEventListener('mousemove', function(e) {\r\n    const rect = canvas.getBoundingClientRect();\r\n    mouse.x = e.clientX - rect.left;\r\n    mouse.y = e.clientY - rect.top;\r\n  });\r\n\r\n  resize();\r\n  animate();\r\n\r\n  const els = ['mslCtaBadge','mslCtaTitle','mslCtaDesc','mslCtaBtns'];\r\n  const obs = new IntersectionObserver(function(entries) {\r\n    entries.forEach(function(entry) {\r\n      if (entry.isIntersecting) {\r\n        els.forEach(function(id) { document.getElementById(id).classList.add('visible'); });\r\n        obs.disconnect();\r\n      }\r\n    });\r\n  }, { threshold: 0.2 });\r\n  obs.observe(document.querySelector('.msl-cta-wrap'));\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-603277e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"603277e\" 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-8297f45\" data-id=\"8297f45\" 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-b507b20 elementor-widget elementor-widget-html\" data-id=\"b507b20\" 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\r\n<div style=\"width:100%;background:#ffffff;border-top:2px solid #E81F6D;font-family:'Jost',Arial,sans-serif\">\r\n\r\n  <!-- NEWSLETTER BAR -->\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;gap:8px\">\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;font-family:Jost,sans-serif\">\r\n        <button style=\"background:#E81F6D;color:#fff;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  <!-- MAIN FOOTER -->\r\n  <div style=\"max-width:1200px;margin:0 auto;padding:50px 5% 40px;display:flex;flex-wrap:wrap\">\r\n\r\n    <!-- COL 1: Brand + Socials -->\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;gap:8px\">\r\n        <!-- Facebook -->\r\n        <a href=\"https:\/\/www.facebook.com\/p\/Muslimaat-Association-61578304550678\" target=\"_blank\" rel=\"noopener\" 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\">f<\/a>\r\n        <!-- Instagram -->\r\n        <a href=\"https:\/\/www.instagram.com\/muslimaatassociation\" target=\"_blank\" rel=\"noopener\" 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:11px;font-weight:700;font-family:'Jost',sans-serif\">ig<\/a>\r\n        <!-- TikTok -->\r\n        <a href=\"https:\/\/tiktok.com\/@muslimaatassociation\" target=\"_blank\" rel=\"noopener\" 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:11px;font-weight:700;font-family:'Jost',sans-serif\">tt<\/a>\r\n        <!-- Twitter\/X -->\r\n        <a href=\"https:\/\/x.com\/MusimaatAssoc\" target=\"_blank\" rel=\"noopener\" 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\">\ud835\udd4f<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- COL 2: Quick Links -->\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=\"\/resources\" style=\"text-decoration:none;color:#6B6B6B;font-size:13px;margin-bottom:10px;font-weight:300\">Resources<\/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    <!-- COL 3: Resources -->\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\" style=\"text-decoration:none;color:#6B6B6B;font-size:13px;margin-bottom:10px;font-weight:300\">How to Pray<\/a>\r\n        <a href=\"\/resources\" style=\"text-decoration:none;color:#6B6B6B;font-size:13px;margin-bottom:10px;font-weight:300\">Wearing Hijab<\/a>\r\n        <a href=\"\/resources\" style=\"text-decoration:none;color:#6B6B6B;font-size:13px;margin-bottom:10px;font-weight:300\">Understanding Ramadan<\/a>\r\n        <a href=\"\/resources\" 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\" 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 \u2192<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- COL 4: Contact -->\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\r\n      <div style=\"margin-bottom:14px\">\r\n        <p style=\"font-size:11px;font-weight:600;color:#1E1E1E;letter-spacing:1px;margin-bottom:4px;font-family:'Jost',sans-serif\">Address<\/p>\r\n        <p style=\"font-size:13px;color:#6B6B6B;font-weight:300;line-height:1.7\">Floor 4 | Don Valley House<br>Savile Street, Sheffield<br>S4 7UQ, United Kingdom<\/p>\r\n      <\/div>\r\n\r\n      <div style=\"margin-bottom:14px\">\r\n        <p style=\"font-size:11px;font-weight:600;color:#1E1E1E;letter-spacing:1px;margin-bottom:4px;font-family:'Jost',sans-serif\">Email<\/p>\r\n        <a href=\"mailto:reannetaylor@muslimaat.org\" style=\"font-size:13px;color:#6B6B6B;font-weight:300;text-decoration:none\">reannetaylor@muslimaat.org<\/a>\r\n      <\/div>\r\n\r\n      <div>\r\n        <p style=\"font-size:11px;font-weight:600;color:#1E1E1E;letter-spacing:1px;margin-bottom:4px;font-family:'Jost',sans-serif\">WhatsApp<\/p>\r\n        <a href=\"https:\/\/wa.me\/447427734324\" target=\"_blank\" rel=\"noopener\" style=\"font-size:13px;color:#6B6B6B;font-weight:300;text-decoration:none\">+44 7427 734324<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- DIVIDER -->\r\n  <div style=\"border-top:1px solid #F7C4DC;margin:0 5%\"><\/div>\r\n\r\n  <!-- BOTTOM BAR -->\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;gap:10px\">\r\n    <p style=\"font-size:12px;color:#6B6B6B;font-weight:300;font-family:'Jost',sans-serif\">\u00a9 2026 <a href=\"\/\" style=\"color:#E81F6D;text-decoration:none;font-weight:500\">Muslimaat<\/a> \u2014 Made with love for new Muslim sisters in Sheffield.<\/p>\r\n    <div style=\"display:flex;flex-wrap:wrap;gap:16px\">\r\n      <a href=\"\/privacy\" style=\"font-size:12px;color:#6B6B6B;text-decoration:none;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;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;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>Free resources Islamic Resources \u0627\u0642\u0652\u0631\u064e\u0623\u0652 \u0628\u0650\u0627\u0633\u0652\u0645\u0650 \u0631\u064e\u0628\u0650\u0651\u0643\u064e \u0627\u0644\u064e\u0651\u0630\u0650\u064a \u062e\u064e\u0644\u064e\u0642\u064e A collection of free guides, prayer charts and learning materials created especially for Muslim sisters to help you grow in your [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_price":"","_stock":"","_tribe_ticket_header":"","_tribe_default_ticket_provider":"","_tribe_ticket_capacity":"0","_ticket_start_date":"","_ticket_end_date":"","_tribe_ticket_show_description":"","_tribe_ticket_show_not_going":false,"_tribe_ticket_use_global_stock":"","_tribe_ticket_global_stock_level":"","_global_stock_mode":"","_global_stock_cap":"","_tribe_rsvp_for_event":"","_tribe_ticket_going_count":"","_tribe_ticket_not_going_count":"","_tribe_tickets_list":"[]","_tribe_ticket_has_attendee_info_fields":false,"footnotes":"","_tec_slr_enabled":"","_tec_slr_layout":""},"class_list":["post-2532","page","type-page","status-publish","hentry"],"ticketed":false,"_links":{"self":[{"href":"https:\/\/muslimaat.org\/ar\/wp-json\/wp\/v2\/pages\/2532","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/muslimaat.org\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/muslimaat.org\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/muslimaat.org\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/muslimaat.org\/ar\/wp-json\/wp\/v2\/comments?post=2532"}],"version-history":[{"count":43,"href":"https:\/\/muslimaat.org\/ar\/wp-json\/wp\/v2\/pages\/2532\/revisions"}],"predecessor-version":[{"id":3022,"href":"https:\/\/muslimaat.org\/ar\/wp-json\/wp\/v2\/pages\/2532\/revisions\/3022"}],"wp:attachment":[{"href":"https:\/\/muslimaat.org\/ar\/wp-json\/wp\/v2\/media?parent=2532"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}