{"id":2434,"date":"2026-03-06T23:08:58","date_gmt":"2026-03-06T23:08:58","guid":{"rendered":"https:\/\/muslimaat.org\/?page_id=2434"},"modified":"2026-04-26T22:24:39","modified_gmt":"2026-04-26T21:24:39","slug":"services","status":"publish","type":"page","link":"https:\/\/muslimaat.org\/ar\/services\/","title":{"rendered":"Services"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2434\" class=\"elementor elementor-2434\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4b07c93 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4b07c93\" 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-d931149\" data-id=\"d931149\" 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-bb8ffc3 elementor-widget elementor-widget-html\" data-id=\"bb8ffc3\" 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,300;1,600&family=Jost:wght@200;300;400;500&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.msv-hero *, .msv-hero *::before, .msv-hero *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n\/* Total scroll height = 4 \u00d7 100vh *\/\r\n.msv-hero {\r\n  height: 400vh;\r\n  font-family: 'Jost', sans-serif;\r\n  position: relative;\r\n}\r\n\r\n\/* Each section is sticky *\/\r\n.msv-section {\r\n  position: sticky;\r\n  top: 0;\r\n  width: 100%;\r\n  height: 100vh;\r\n  overflow: hidden;\r\n}\r\n\r\n\/* Background image fills section *\/\r\n.msv-bg {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: 0;\r\n}\r\n.msv-bg img {\r\n  width: 100%; height: 100%;\r\n  object-fit: cover;\r\n  object-position: center;\r\n  display: block;\r\n  transform: scale(1.06);\r\n  transition: transform 1.2s ease;\r\n}\r\n.msv-section.active .msv-bg img {\r\n  transform: scale(1);\r\n}\r\n\r\n\/* Dark overlay *\/\r\n.msv-overlay {\r\n  position: absolute; inset: 0;\r\n  background: linear-gradient(\r\n    to bottom,\r\n    rgba(10,8,9,0.35) 0%,\r\n    rgba(10,8,9,0.15) 40%,\r\n    rgba(10,8,9,0.65) 100%\r\n  );\r\n  z-index: 1;\r\n}\r\n\r\n\/* Pink tint overlay *\/\r\n.msv-tint {\r\n  position: absolute; inset: 0;\r\n  background: rgba(232,31,109,0.08);\r\n  z-index: 1;\r\n}\r\n\r\n\/* Centre title *\/\r\n.msv-title-wrap {\r\n  position: absolute; inset: 0;\r\n  z-index: 5;\r\n  display: flex; flex-direction: column;\r\n  align-items: center; justify-content: center;\r\n  text-align: center;\r\n  padding: 0 5%;\r\n  opacity: 0;\r\n  transition: opacity 0.6s ease;\r\n  pointer-events: none;\r\n}\r\n.msv-section.active .msv-title-wrap {\r\n  opacity: 1;\r\n}\r\n\r\n.msv-title-label {\r\n  font-size: 0.65rem; letter-spacing: 5px; text-transform: uppercase;\r\n  color: rgba(255,255,255,0.6); font-weight: 300;\r\n  margin-bottom: 1.5rem;\r\n  display: flex; align-items: center; gap: 1rem;\r\n}\r\n.msv-title-label::before, .msv-title-label::after {\r\n  content: ''; display: block; width: 30px; height: 1px;\r\n  background: rgba(255,255,255,0.3);\r\n}\r\n\r\n.msv-title {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: clamp(3.5rem, 10vw, 10rem);\r\n  font-weight: 300;\r\n  color: #fff;\r\n  line-height: 0.9;\r\n  letter-spacing: -2px;\r\n}\r\n.msv-title em {\r\n  display: block;\r\n  font-style: italic;\r\n  font-weight: 600;\r\n  color: #F7C4DC;\r\n}\r\n\r\n.msv-title-sub {\r\n  font-size: clamp(0.85rem, 1.5vw, 1rem);\r\n  color: rgba(255,255,255,0.55);\r\n  font-weight: 300; line-height: 1.8;\r\n  max-width: 480px;\r\n  margin-top: 1.75rem;\r\n}\r\n\r\n\/* Scroll indicator \u2014 shown only on first section *\/\r\n.msv-scroll-hint {\r\n  position: absolute;\r\n  bottom: 2.5rem; left: 50%; transform: translateX(-50%);\r\n  z-index: 10;\r\n  display: flex; flex-direction: column; align-items: center; gap: 0.5rem;\r\n  opacity: 0; transition: opacity 0.5s;\r\n}\r\n.msv-section:first-child.active .msv-scroll-hint { opacity: 1; }\r\n\r\n.msv-scroll-mouse {\r\n  width: 22px; height: 34px;\r\n  border: 1.5px solid rgba(255,255,255,0.35);\r\n  border-radius: 12px;\r\n  display: flex; justify-content: center; padding-top: 5px;\r\n}\r\n.msv-scroll-wheel {\r\n  width: 3px; height: 7px;\r\n  border-radius: 2px;\r\n  background: #E81F6D;\r\n  animation: msvWheel 1.6s ease-in-out infinite;\r\n}\r\n@keyframes msvWheel {\r\n  0%   { transform: translateY(0); opacity: 1; }\r\n  100% { transform: translateY(10px); opacity: 0; }\r\n}\r\n.msv-scroll-text {\r\n  font-size: 0.58rem; letter-spacing: 3px; text-transform: uppercase;\r\n  color: rgba(255,255,255,0.3);\r\n}\r\n\r\n\/* Progress dots \u2014 right side *\/\r\n.msv-dots {\r\n  position: fixed;\r\n  right: 2.5rem; top: 50%;\r\n  transform: translateY(-50%);\r\n  z-index: 100;\r\n  display: flex; flex-direction: column; gap: 0.75rem;\r\n  opacity: 0; transition: opacity 0.4s;\r\n}\r\n.msv-dots.show { opacity: 1; }\r\n\r\n.msv-dot {\r\n  width: 8px; height: 8px;\r\n  border-radius: 50%;\r\n  background: rgba(255,255,255,0.3);\r\n  border: 1.5px solid rgba(255,255,255,0.4);\r\n  cursor: pointer;\r\n  transition: all 0.3s;\r\n}\r\n.msv-dot.active {\r\n  background: #E81F6D;\r\n  border-color: #E81F6D;\r\n  transform: scale(1.3);\r\n}\r\n\r\n\/* Index number bottom-left *\/\r\n.msv-index {\r\n  position: absolute;\r\n  bottom: 2.5rem; left: 5%;\r\n  z-index: 10;\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: 0.75rem; letter-spacing: 3px;\r\n  color: rgba(255,255,255,0.3);\r\n}\r\n\r\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n@media (max-width: 600px) {\r\n  .msv-title { letter-spacing: -1px; }\r\n  .msv-dots { right: 1rem; }\r\n  .msv-title-sub { display: none; }\r\n}\r\n<\/style>\r\n\r\n<!-- Progress dots -->\r\n<div class=\"msv-dots\" id=\"msvDots\">\r\n  <div class=\"msv-dot active\" onclick=\"msvScrollTo(0)\"><\/div>\r\n  <div class=\"msv-dot\" onclick=\"msvScrollTo(1)\"><\/div>\r\n  <div class=\"msv-dot\" onclick=\"msvScrollTo(2)\"><\/div>\r\n  <div class=\"msv-dot\" onclick=\"msvScrollTo(3)\"><\/div>\r\n<\/div>\r\n\r\n<div class=\"msv-hero\" id=\"msvHero\">\r\n\r\n  <!-- SECTION 0 -->\r\n  <div class=\"msv-section active\" id=\"msvSec0\">\r\n    <div class=\"msv-bg\">\r\n      <img decoding=\"async\" src=\"https:\/\/muslimaat.org\/wp-content\/uploads\/2026\/g10.jpeg\" alt=\"Our Services\">\r\n    <\/div>\r\n    <div class=\"msv-overlay\"><\/div>\r\n    <div class=\"msv-tint\"><\/div>\r\n    <div class=\"msv-title-wrap\">\r\n      <div class=\"msv-title-label\">Muslimaat<\/div>\r\n      <h1 class=\"msv-title\">\r\n        Our\r\n        <em>Services<\/em>\r\n      <\/h1>\r\n      <p class=\"msv-title-sub\">Everything we offer is completely free \u2014 built with love for every new Muslim sister in Sheffield.<\/p>\r\n    <\/div>\r\n    <div class=\"msv-scroll-hint\">\r\n      <div class=\"msv-scroll-mouse\"><div class=\"msv-scroll-wheel\"><\/div><\/div>\r\n      <span class=\"msv-scroll-text\">Scroll to explore<\/span>\r\n    <\/div>\r\n    <div class=\"msv-index\">01 \/ 04<\/div>\r\n  <\/div>\r\n\r\n  <!-- SECTION 1 -->\r\n  <div class=\"msv-section\" id=\"msvSec1\">\r\n    <div class=\"msv-bg\">\r\n      <img decoding=\"async\" src=\"http:\/\/muslimaat.org\/wp-content\/uploads\/2021\/07\/Eid-Festival.jpeg\" alt=\"Sisterhood & Community\">\r\n    <\/div>\r\n    <div class=\"msv-overlay\"><\/div>\r\n    <div class=\"msv-tint\"><\/div>\r\n    <div class=\"msv-title-wrap\">\r\n      <div class=\"msv-title-label\">Community<\/div>\r\n      <h2 class=\"msv-title\">\r\n        Sisterhood\r\n        <em>&amp; Support<\/em>\r\n      <\/h2>\r\n      <p class=\"msv-title-sub\">From one-to-one mentoring to group circles \u2014 you will never walk your journey alone.<\/p>\r\n    <\/div>\r\n    <div class=\"msv-index\">02 \/ 04<\/div>\r\n  <\/div>\r\n\r\n  <!-- SECTION 2 -->\r\n  <div class=\"msv-section\" id=\"msvSec2\">\r\n    <div class=\"msv-bg\">\r\n      <img decoding=\"async\" src=\"https:\/\/muslimaat.org\/wp-content\/uploads\/2026\/g7.jpeg\" alt=\"Learning & Growth\">\r\n    <\/div>\r\n    <div class=\"msv-overlay\"><\/div>\r\n    <div class=\"msv-tint\"><\/div>\r\n    <div class=\"msv-title-wrap\">\r\n      <div class=\"msv-title-label\">Learning<\/div>\r\n      <h2 class=\"msv-title\">\r\n        Guidance\r\n        <em>&amp; Growth<\/em>\r\n      <\/h2>\r\n      <p class=\"msv-title-sub\">Prayer classes, Islamic resources and workshops \u2014 gentle, accessible and designed for you.<\/p>\r\n    <\/div>\r\n    <div class=\"msv-index\">03 \/ 04<\/div>\r\n  <\/div>\r\n\r\n  <!-- SECTION 3 -->\r\n  <div class=\"msv-section\" id=\"msvSec3\">\r\n    <div class=\"msv-bg\">\r\n      <img decoding=\"async\" src=\"http:\/\/muslimaat.org\/wp-content\/uploads\/2026\/04\/G4.jpg\" alt=\"Always Free\">\r\n    <\/div>\r\n    <div class=\"msv-overlay\"><\/div>\r\n    <div class=\"msv-tint\"><\/div>\r\n    <div class=\"msv-title-wrap\">\r\n      <div class=\"msv-title-label\">Sheffield &amp; Beyond<\/div>\r\n      <h2 class=\"msv-title\">\r\n        Always\r\n        <em>Accessible<\/em>\r\n      <\/h2>\r\n      <p class=\"msv-title-sub\">Every service, every session, every resource \u2014 offered freely to any sister who needs us.<\/p>\r\n    <\/div>\r\n    <div class=\"msv-index\">04 \/ 04<\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function () {\r\n  const hero    = document.getElementById('msvHero');\r\n  const dots    = document.getElementById('msvDots');\r\n  const sections = [0,1,2,3].map(i => document.getElementById('msvSec' + i));\r\n  const dotEls   = dots.querySelectorAll('.msv-dot');\r\n  let current = -1;\r\n\r\n  function update() {\r\n    const heroTop    = hero.getBoundingClientRect().top;\r\n    const heroHeight = hero.offsetHeight;\r\n    const vh         = window.innerHeight;\r\n\r\n    \/\/ Show dots only while hero is in viewport\r\n    const inView = heroTop < vh && heroTop + heroHeight > 0;\r\n    dots.classList.toggle('show', inView);\r\n\r\n    if (!inView) return;\r\n\r\n    \/\/ Which section (0\u20133) are we on?\r\n    const scrolled    = -heroTop;\r\n    const totalScroll = heroHeight - vh;\r\n    const progress    = Math.max(0, Math.min(1, scrolled \/ totalScroll));\r\n    const idx         = Math.min(3, Math.floor(progress * 4));\r\n\r\n    if (idx === current) return;\r\n    current = idx;\r\n\r\n    sections.forEach((s, i) => s.classList.toggle('active', i === idx));\r\n    dotEls.forEach((d, i)   => d.classList.toggle('active', i === idx));\r\n  }\r\n\r\n  window.addEventListener('scroll', update, { passive: true });\r\n  update();\r\n\r\n  \/\/ Dot click \u2014 scroll to that section\r\n  window.msvScrollTo = function(idx) {\r\n    const heroTop   = hero.getBoundingClientRect().top + window.scrollY;\r\n    const vh        = window.innerHeight;\r\n    const perSlide  = (hero.offsetHeight - vh) \/ 4;\r\n    window.scrollTo({ top: heroTop + idx * perSlide, behavior: 'smooth' });\r\n  };\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-e25759f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"e25759f\" 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-39c4cca\" data-id=\"39c4cca\" 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-91e9911 elementor-widget elementor-widget-html\" data-id=\"91e9911\" 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&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.stl *, .stl *::before, .stl *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n.stl {\r\n  width: 100%;\r\n  background: #fafafa;\r\n  padding: 7rem 5%;\r\n  font-family: 'Jost', sans-serif;\r\n}\r\n\r\n.stl-container { max-width: 900px; margin: 0 auto; }\r\n\r\n\/* \u2500\u2500 HEADER \u2500\u2500 *\/\r\n.stl-header {\r\n  margin-bottom: 5rem;\r\n  opacity: 0; transform: translateY(20px);\r\n  transition: opacity 0.6s ease, transform 0.6s ease;\r\n}\r\n.stl-header.visible { opacity: 1; transform: translateY(0); }\r\n\r\n.stl-eyebrow {\r\n  display: inline-flex; align-items: center; gap: 0.6rem;\r\n  background: #fff; border: 1px solid #e4e4e7;\r\n  border-radius: 9999px; padding: 0.3rem 0.9rem 0.3rem 0.5rem;\r\n  margin-bottom: 1.25rem;\r\n  box-shadow: 0 1px 3px rgba(0,0,0,0.05);\r\n}\r\n.stl-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; flex-shrink: 0;\r\n}\r\n.stl-eyebrow-dot::after {\r\n  content: ''; width: 7px; height: 7px; border-radius: 50%; background: #fff;\r\n}\r\n.stl-eyebrow-text { font-size: 0.7rem; font-weight: 500; color: #71717a; }\r\n\r\n.stl-title {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: clamp(2.4rem, 3.5vw, 4rem);\r\n  font-weight: 300; color: #09090b; line-height: 1.05;\r\n  letter-spacing: -1px; margin-bottom: 1rem;\r\n}\r\n.stl-title em { font-style: italic; font-weight: 600; color: #E81F6D; }\r\n\r\n.stl-subtitle {\r\n  font-size: 0.9rem; color: #71717a; font-weight: 300; line-height: 1.8;\r\n  max-width: 560px;\r\n}\r\n\r\n\/* \u2500\u2500 ENTRIES \u2500\u2500 *\/\r\n.stl-entries {\r\n  display: flex; flex-direction: column; gap: 5rem;\r\n}\r\n\r\n\/* Single entry row *\/\r\n.stl-entry {\r\n  display: flex; flex-direction: row; gap: 4rem; align-items: flex-start;\r\n  position: relative;\r\n}\r\n\r\n\/* \u2500\u2500 LEFT STICKY META \u2500\u2500 *\/\r\n.stl-meta {\r\n  position: sticky; top: 6rem;\r\n  width: 220px; flex-shrink: 0;\r\n  display: flex; align-items: flex-start; gap: 0.85rem;\r\n  height: min-content;\r\n}\r\n\r\n.stl-meta-icon {\r\n  width: 36px; height: 36px; border-radius: 9px; flex-shrink: 0;\r\n  display: flex; align-items: center; justify-content: center;\r\n  background: #f4f4f5; border: 1px solid #e4e4e7;\r\n  transition: background 0.3s, border-color 0.3s;\r\n}\r\n.stl-meta-icon svg {\r\n  width: 16px; height: 16px; stroke: #a1a1aa; fill: none;\r\n  stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;\r\n  transition: stroke 0.3s;\r\n}\r\n\r\n.stl-entry.active .stl-meta-icon {\r\n  background: #E81F6D; border-color: #E81F6D;\r\n}\r\n.stl-entry.active .stl-meta-icon svg { stroke: #fff; }\r\n\r\n.stl-meta-info { display: flex; flex-direction: column; gap: 0.15rem; padding-top: 0.1rem; }\r\n\r\n.stl-meta-title {\r\n  font-size: 0.82rem; font-weight: 500; color: #09090b;\r\n  line-height: 1.3; transition: color 0.3s;\r\n}\r\n.stl-entry:not(.active) .stl-meta-title { color: #71717a; }\r\n\r\n.stl-meta-sub {\r\n  font-size: 0.72rem; color: #a1a1aa; font-weight: 300;\r\n}\r\n\r\n.stl-meta-badge {\r\n  display: inline-flex; align-items: center; gap: 0.3rem;\r\n  font-size: 0.6rem; font-weight: 600; letter-spacing: 0.5px;\r\n  padding: 0.2rem 0.55rem; border-radius: 9999px; margin-top: 0.4rem;\r\n  width: fit-content;\r\n}\r\n.stl-meta-badge-free { background: #dcfce7; color: #16a34a; }\r\n.stl-meta-badge-paid { background: #fdf2f8; color: #E81F6D; border: 1px solid #fbcfe8; }\r\n\r\n\/* \u2500\u2500 RIGHT CARD \u2500\u2500 *\/\r\n.stl-card {\r\n  flex: 1;\r\n  background: #fff;\r\n  border: 1px solid #e4e4e7;\r\n  border-radius: 16px;\r\n  overflow: hidden;\r\n  transition: border-color 0.3s, box-shadow 0.3s;\r\n  box-shadow: 0 1px 3px rgba(0,0,0,0.04);\r\n}\r\n.stl-entry.active .stl-card {\r\n  border-color: #fda4cf;\r\n  box-shadow: 0 8px 32px rgba(232,31,109,0.1), 0 2px 8px rgba(0,0,0,0.06);\r\n}\r\n\r\n.stl-card-img {\r\n  width: 100%; height: 260px; overflow: hidden; position: relative;\r\n}\r\n.stl-card-img img {\r\n  width: 100%; height: 100%; object-fit: cover; object-position: center 20%;\r\n  display: block;\r\n  transition: transform 0.5s ease, filter 0.4s ease;\r\n  filter: grayscale(25%);\r\n}\r\n.stl-entry.active .stl-card-img img {\r\n  transform: scale(1.03); filter: grayscale(0%);\r\n}\r\n\r\n.stl-img-badges {\r\n  position: absolute; bottom: 0.85rem;\r\n  left: 0.85rem; right: 0.85rem;\r\n  display: flex; align-items: center; justify-content: space-between;\r\n}\r\n.stl-cat-pill {\r\n  background: rgba(9,9,11,0.65); backdrop-filter: blur(8px);\r\n  color: rgba(255,255,255,0.9);\r\n  font-size: 0.6rem; font-weight: 600; letter-spacing: 2px;\r\n  text-transform: uppercase; padding: 0.28rem 0.75rem; border-radius: 9999px;\r\n}\r\n.stl-price-wrap { display: flex; align-items: center; gap: 0.3rem; }\r\n.stl-paid-tag {\r\n  background: #09090b; color: #fff;\r\n  font-size: 0.55rem; font-weight: 700; letter-spacing: 1.5px;\r\n  text-transform: uppercase; padding: 0.25rem 0.55rem; border-radius: 9999px;\r\n}\r\n.stl-price-tag {\r\n  background: #E81F6D; color: #fff; font-size: 0.75rem; font-weight: 700;\r\n  padding: 0.25rem 0.7rem; border-radius: 9999px;\r\n}\r\n.stl-price-tag small { font-size: 0.58rem; font-weight: 400; opacity: 0.88; }\r\n.stl-free-tag {\r\n  background: rgba(22,163,74,0.85); color: #fff;\r\n  font-size: 0.6rem; font-weight: 600; letter-spacing: 1px;\r\n  text-transform: uppercase; padding: 0.25rem 0.7rem; border-radius: 9999px;\r\n}\r\n\r\n.stl-card-body { padding: 1.75rem; }\r\n\r\n.stl-card-title {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: 1.5rem; font-weight: 600; color: #09090b;\r\n  line-height: 1.2; margin-bottom: 0.5rem;\r\n  transition: color 0.3s;\r\n}\r\n.stl-entry:not(.active) .stl-card-title { color: #71717a; }\r\n\r\n.stl-card-desc {\r\n  font-size: 0.83rem; color: #71717a; line-height: 1.85;\r\n  font-weight: 300;\r\n  display: -webkit-box;\r\n  -webkit-line-clamp: 2;\r\n  -webkit-box-orient: vertical;\r\n  overflow: hidden;\r\n  transition: all 0.4s ease;\r\n}\r\n.stl-entry.active .stl-card-desc {\r\n  -webkit-line-clamp: unset;\r\n  overflow: visible;\r\n}\r\n\r\n.stl-expand {\r\n  display: grid;\r\n  grid-template-rows: 0fr;\r\n  opacity: 0;\r\n  transition: grid-template-rows 0.45s ease, opacity 0.4s ease;\r\n  margin-top: 0;\r\n}\r\n.stl-entry.active .stl-expand {\r\n  grid-template-rows: 1fr;\r\n  opacity: 1;\r\n  margin-top: 1.25rem;\r\n}\r\n.stl-expand-inner { overflow: hidden; }\r\n\r\n.stl-items {\r\n  background: #fafafa; border: 1px solid #f4f4f5;\r\n  border-radius: 10px; padding: 1rem 1.25rem;\r\n  margin-bottom: 1.25rem;\r\n  list-style: none; display: flex; flex-direction: column; gap: 0.65rem;\r\n}\r\n.stl-item {\r\n  display: flex; align-items: flex-start; gap: 0.6rem;\r\n  font-size: 0.82rem; color: #71717a; line-height: 1.6; font-weight: 300;\r\n}\r\n.stl-item-dot {\r\n  width: 6px; height: 6px; border-radius: 50%;\r\n  background: rgba(232,31,109,0.5); flex-shrink: 0; margin-top: 0.45rem;\r\n}\r\n\r\n.stl-card-footer {\r\n  display: flex; align-items: center; justify-content: space-between;\r\n  padding-top: 1.25rem; border-top: 1px solid #f4f4f5;\r\n}\r\n.stl-meta-row {\r\n  display: flex; align-items: center; gap: 0.4rem;\r\n  font-size: 0.7rem; color: #a1a1aa;\r\n}\r\n.stl-meta-row svg {\r\n  width: 12px; height: 12px; stroke: #E81F6D; fill: none;\r\n  stroke-width: 2; stroke-linecap: round;\r\n}\r\n\r\n.stl-btn {\r\n  display: inline-flex; align-items: center; justify-content: center; gap: 0.35rem;\r\n  border-radius: 8px; font-size: 0.72rem; font-weight: 500;\r\n  font-family: 'Jost', sans-serif; height: 34px; padding: 0 1.1rem;\r\n  text-decoration: none; white-space: nowrap;\r\n  transition: all 0.2s ease; border: none; cursor: pointer;\r\n}\r\n.stl-btn:focus-visible { outline: 2px solid #E81F6D; outline-offset: 2px; }\r\n\r\n.stl-btn-pink {\r\n  background: #E81F6D; color: #fff;\r\n  box-shadow: 0 1px 3px rgba(232,31,109,0.25);\r\n}\r\n.stl-btn-pink:hover { background: #c01859; color: #fff; }\r\n\r\n.stl-btn-dark {\r\n  background: #09090b; color: #fff;\r\n  box-shadow: 0 1px 3px rgba(0,0,0,0.15);\r\n}\r\n.stl-btn-dark:hover { background: #E81F6D; color: #fff; }\r\n\r\n.stl-btn svg {\r\n  width: 13px; height: 13px; stroke: currentColor; fill: none;\r\n  stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;\r\n  transition: transform 0.2s ease;\r\n}\r\n.stl-btn:hover svg { transform: translate(1px, -1px); }\r\n\r\n@media (max-width: 768px) {\r\n  .stl { padding: 4rem 5%; }\r\n  .stl-entry { flex-direction: column; gap: 1rem; }\r\n  .stl-meta { position: relative; top: 0; width: 100%; }\r\n  .stl-entries { gap: 3rem; }\r\n}\r\n@media (max-width: 480px) {\r\n  .stl { padding: 3rem 4%; }\r\n  .stl-card-img { height: 180px; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"stl\">\r\n  <div class=\"stl-container\">\r\n\r\n    <div class=\"stl-header\" id=\"stlHeader\">\r\n      <div class=\"stl-eyebrow\">\r\n        <span class=\"stl-eyebrow-dot\"><\/span>\r\n        <span class=\"stl-eyebrow-text\">What We Offer<\/span>\r\n      <\/div>\r\n      <h2 class=\"stl-title\">Our Services<\/em><\/h2>\r\n      <p class=\"stl-subtitle\">Everything we offer is designed for new Muslim women \u2014 gentle, accessible and built around what sisters actually need.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"stl-entries\" id=\"stlEntries\">\r\n\r\n      <!-- 1 \u2014 1-to-1 Mentoring -->\r\n      <div class=\"stl-entry\" data-index=\"0\">\r\n        <div class=\"stl-meta\">\r\n          <div class=\"stl-meta-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\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"stl-meta-info\">\r\n            <span class=\"stl-meta-title\">1-to-1 Mentoring<\/span>\r\n            <span class=\"stl-meta-sub\">Weekly \u00b7 Sheffield<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"stl-card\">\r\n          <div class=\"stl-card-img\">\r\n            <img decoding=\"async\" src=\"https:\/\/muslimaat.org\/wp-content\/uploads\/2026\/service1.png\" alt=\"1-to-1 Mentoring\">\r\n            <div class=\"stl-img-badges\">\r\n              <span class=\"stl-cat-pill\">Mentoring<\/span>\r\n              <div class=\"stl-price-wrap\">\r\n                <span class=\"stl-paid-tag\">Free<\/span>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"stl-card-body\">\r\n            <h3 class=\"stl-card-title\">1-to-1 Mentoring<\/h3>\r\n            <!-- \u2705 CHANGED -->\r\n            <p class=\"stl-card-desc\">Our drop-in space is open to Muslim women and girls, new Muslims and their families, and anyone interested in learning about Islam. We provide one-to-one guidance, support, and a welcoming space for questions and connection. A safe place to learn, grow, and belong.<\/p>\r\n            <div class=\"stl-expand\">\r\n              <div class=\"stl-expand-inner\">\r\n                <ul class=\"stl-items\">\r\n                  <li class=\"stl-item\"><span class=\"stl-item-dot\"><\/span>Personally matched mentor based on your background and needs<\/li>\r\n                  <li class=\"stl-item\"><span class=\"stl-item-dot\"><\/span>Regular one-hour weekly sessions in a private, safe setting<\/li>\r\n                  <li class=\"stl-item\"><span class=\"stl-item-dot\"><\/span>Support with learning Arabic, prayer, and Islamic practice<\/li>\r\n                  <li class=\"stl-item\"><span class=\"stl-item-dot\"><\/span>Emotional and spiritual guidance at your own pace<\/li>\r\n                <\/ul>\r\n                <div class=\"stl-card-footer\">\r\n                  <span class=\"stl-meta-row\">\r\n                    <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\r\n                    Weekly sessions available\r\n                  <\/span>\r\n                  <a href=\"https:\/\/muslimaat.org\/product\/1-to-1-mentoring-session\/\" class=\"stl-btn stl-btn-dark\">\r\n                    Register & Pay\r\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M7 17L17 7M17 7H7M17 7v10\"\/><\/svg>\r\n                  <\/a>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- 2 \u2014 Prayer Classes -->\r\n      <div class=\"stl-entry\" data-index=\"1\">\r\n        <div class=\"stl-meta\">\r\n          <div class=\"stl-meta-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 class=\"stl-meta-info\">\r\n            <span class=\"stl-meta-title\">Prayer Classes<\/span>\r\n            <span class=\"stl-meta-sub\">Regular sessions \u00b7 Sheffield<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"stl-card\">\r\n          <div class=\"stl-card-img\">\r\n            <img decoding=\"async\" src=\"https:\/\/muslimaat.org\/wp-content\/uploads\/2026\/service3.png\" alt=\"Prayer Classes\">\r\n            <div class=\"stl-img-badges\">\r\n              <span class=\"stl-cat-pill\">Learning<\/span>\r\n              <span class=\"stl-free-tag\">Free<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"stl-card-body\">\r\n            <h3 class=\"stl-card-title\">Prayer Classes<\/h3>\r\n            <!-- \u2705 CHANGED -->\r\n            <p class=\"stl-card-desc\">Learn how to pray with confidence \u2014 from wudu to full salah \u2014 in a warm, patient and judgement-free environment, and for those who are learning how to pray.<\/p>\r\n            <div class=\"stl-expand\">\r\n              <div class=\"stl-expand-inner\">\r\n                <ul class=\"stl-items\">\r\n                  <li class=\"stl-item\"><span class=\"stl-item-dot\"><\/span>Step-by-step guidance on wudu and the full salah<\/li>\r\n                  <li class=\"stl-item\"><span class=\"stl-item-dot\"><\/span>Small group classes so no one is left behind<\/li>\r\n                  <li class=\"stl-item\"><span class=\"stl-item-dot\"><\/span>Taught by knowledgeable, patient sisters<\/li>\r\n                  <li class=\"stl-item\"><span class=\"stl-item-dot\"><\/span>Completely free \u2014 no charge, ever<\/li>\r\n                <\/ul>\r\n                <div class=\"stl-card-footer\">\r\n                  <span class=\"stl-meta-row\">\r\n                    <svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>\r\n                    Regular sessions\r\n                  <\/span>\r\n                  <a href=\"https:\/\/muslimaat.org\/book-prayer-classes\/\" class=\"stl-btn stl-btn-pink\">\r\n                    Book now\r\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M7 17L17 7M17 7H7M17 7v10\"\/><\/svg>\r\n                  <\/a>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- 3 \u2014 Drop-in Sessions -->\r\n      <div class=\"stl-entry\" data-index=\"2\">\r\n        <div class=\"stl-meta\">\r\n          <div class=\"stl-meta-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"stl-meta-info\">\r\n            <span class=\"stl-meta-title\">Drop-in Sessions<\/span>\r\n            <span class=\"stl-meta-sub\">No booking needed \u00b7 Sheffield<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"stl-card\">\r\n          <div class=\"stl-card-img\">\r\n            <img decoding=\"async\" src=\"https:\/\/muslimaat.org\/wp-content\/uploads\/2026\/service2.png\" alt=\"Drop-in Sessions\">\r\n            <div class=\"stl-img-badges\">\r\n              <span class=\"stl-cat-pill\">Drop-in<\/span>\r\n              <span class=\"stl-free-tag\">Free<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"stl-card-body\">\r\n            <h3 class=\"stl-card-title\">Drop-in Sessions<\/h3>\r\n            <!-- \u2705 CHANGED -->\r\n            <p class=\"stl-card-desc\">No booking needed \u2014 just show up. Our weekly sessions are a relaxed space to ask questions, meet sisters and feel welcomed exactly as you are.<\/p>\r\n            <div class=\"stl-expand\">\r\n              <div class=\"stl-expand-inner\">\r\n                <ul class=\"stl-items\">\r\n                  <li class=\"stl-item\"><span class=\"stl-item-dot\"><\/span>Open to all \u2014 no registration or prior knowledge needed<\/li>\r\n                  <li class=\"stl-item\"><span class=\"stl-item-dot\"><\/span>Ask any question in a welcoming, non-judgemental space<\/li>\r\n                  <li class=\"stl-item\"><span class=\"stl-item-dot\"><\/span>Meet other new Muslim sisters in Sheffield<\/li>\r\n                  <li class=\"stl-item\"><span class=\"stl-item-dot\"><\/span>Held regularly \u2014 check our events for dates<\/li>\r\n                <\/ul>\r\n                <div class=\"stl-card-footer\">\r\n                  <span class=\"stl-meta-row\">\r\n                    <svg viewBox=\"0 0 24 24\"><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                    Sheffield\r\n                  <\/span>\r\n                  <a href=\"https:\/\/muslimaat.org\/book-drop-in-sessions\/\" class=\"stl-btn stl-btn-pink\">\r\n                    Book now\r\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M7 17L17 7M17 7H7M17 7v10\"\/><\/svg>\r\n                  <\/a>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- 4 \u2014 Community Events -->\r\n      <div class=\"stl-entry\" data-index=\"3\">\r\n        <div class=\"stl-meta\">\r\n          <div class=\"stl-meta-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 class=\"stl-meta-info\">\r\n            <span class=\"stl-meta-title\">Community Events<\/span>\r\n            <span class=\"stl-meta-sub\">Year-round \u00b7 Sheffield<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"stl-card\">\r\n          <div class=\"stl-card-img\">\r\n            <img decoding=\"async\" src=\"https:\/\/muslimaat.org\/wp-content\/uploads\/2026\/service4.png\" alt=\"Community Events\">\r\n            <div class=\"stl-img-badges\">\r\n              <span class=\"stl-cat-pill\">Events<\/span>\r\n              <div class=\"stl-price-wrap\">\r\n                <span class=\"stl-paid-tag\">Free<\/span>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"stl-card-body\">\r\n            <h3 class=\"stl-card-title\">Community Events<\/h3>\r\n            <p class=\"stl-card-desc\">Eid celebrations, iftar gatherings, sisters' days and more \u2014 our events bring the community together and give every new Muslim a place to belong.<\/p>\r\n            <div class=\"stl-expand\">\r\n              <div class=\"stl-expand-inner\">\r\n                <ul class=\"stl-items\">\r\n                  <li class=\"stl-item\"><span class=\"stl-item-dot\"><\/span>Eid celebrations, iftars and sisters-only gatherings<\/li>\r\n                  <li class=\"stl-item\"><span class=\"stl-item-dot\"><\/span>A warm, welcoming space to make lifelong friends<\/li>\r\n                  <li class=\"stl-item\"><span class=\"stl-item-dot\"><\/span>Events designed specifically for new Muslims<\/li>\r\n                  <li class=\"stl-item\"><span class=\"stl-item-dot\"><\/span>Pay per event \u2014 no subscription or membership needed<\/li>\r\n                <\/ul>\r\n                <div class=\"stl-card-footer\">\r\n                  <span class=\"stl-meta-row\">\r\n                    <svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>\r\n                    Throughout the year\r\n                  <\/span>\r\n                  <a href=\"https:\/\/muslimaat.org\/product\/community-events\/\" class=\"stl-btn stl-btn-dark\">\r\n                  Book Now\r\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M7 17L17 7M17 7H7M17 7v10\"\/><\/svg>\r\n                  <\/a>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function() {\r\n  const header = document.getElementById('stlHeader');\r\n  const headerObs = new IntersectionObserver(entries => {\r\n    entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('visible'); headerObs.unobserve(e.target); } });\r\n  }, { threshold: 0.1 });\r\n  headerObs.observe(header);\r\n\r\n  const entries = document.querySelectorAll('.stl-entry');\r\n  const sentinels = [];\r\n\r\n  entries.forEach((entry, i) => {\r\n    const s = document.createElement('div');\r\n    s.style.cssText = 'position:absolute;top:-96px;left:0;width:1px;height:1px;opacity:0;pointer-events:none;';\r\n    entry.style.position = 'relative';\r\n    entry.appendChild(s);\r\n    sentinels.push(s);\r\n  });\r\n\r\n  let currentActive = -1;\r\n\r\n  function updateActive() {\r\n    const centerY = window.innerHeight \/ 3;\r\n    let bestIndex = 0;\r\n    let bestDist = Infinity;\r\n\r\n    sentinels.forEach((s, i) => {\r\n      const rect = s.getBoundingClientRect();\r\n      const mid = rect.top + rect.height \/ 2;\r\n      const dist = Math.abs(mid - centerY);\r\n      if (dist < bestDist) { bestDist = dist; bestIndex = i; }\r\n    });\r\n\r\n    if (bestIndex !== currentActive) {\r\n      if (currentActive >= 0) entries[currentActive].classList.remove('active');\r\n      entries[bestIndex].classList.add('active');\r\n      currentActive = bestIndex;\r\n    }\r\n\r\n    requestAnimationFrame(updateActive);\r\n  }\r\n\r\n  const sectionObs = new IntersectionObserver(obs => {\r\n    obs.forEach(e => { if (e.isIntersecting) { requestAnimationFrame(updateActive); sectionObs.disconnect(); } });\r\n  }, { threshold: 0.05 });\r\n  sectionObs.observe(document.querySelector('.stl'));\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-7636337 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7636337\" 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-8954c1b\" data-id=\"8954c1b\" 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-7223ce2 elementor-widget elementor-widget-html\" data-id=\"7223ce2\" 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.scta *, .scta *::before, .scta *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n.scta {\r\n  width: 100%;\r\n  background: #fafafa;\r\n  padding: 2rem 5% 7rem;\r\n  font-family: 'Jost', sans-serif;\r\n  overflow: hidden;\r\n}\r\n\r\n.scta-inner {\r\n  max-width: 1100px; margin: 0 auto;\r\n  background: #fff; border-radius: 24px; overflow: hidden;\r\n  display: grid; grid-template-columns: 1fr 1fr;\r\n  min-height: 480px;\r\n  opacity: 0; transform: translateY(28px);\r\n  transition: opacity 0.7s ease, transform 0.7s ease;\r\n  box-shadow: 0 4px 32px rgba(0,0,0,0.08);\r\n  border: 1px solid #e4e4e7;\r\n}\r\n.scta-inner.visible { opacity: 1; transform: translateY(0); }\r\n\r\n\/* \u2500\u2500 LEFT \u2500\u2500 *\/\r\n.scta-left {\r\n  padding: 4.5rem 4rem;\r\n  display: flex; flex-direction: column; justify-content: center;\r\n  position: relative; z-index: 1;\r\n}\r\n\r\n.scta-blob { position: absolute; border-radius: 50%; pointer-events: none; z-index: 0; }\r\n.scta-blob-1 {\r\n  width: 280px; height: 280px;\r\n  background: radial-gradient(circle, rgba(232,31,109,0.08) 0%, transparent 70%);\r\n  top: -60px; left: -60px;\r\n}\r\n.scta-blob-2 {\r\n  width: 180px; height: 180px;\r\n  background: radial-gradient(circle, rgba(232,31,109,0.05) 0%, transparent 70%);\r\n  bottom: 20px; left: 60%;\r\n}\r\n\r\n.scta-tag {\r\n  display: inline-flex; align-items: center; gap: 0.5rem;\r\n  margin-bottom: 1.5rem; width: fit-content; position: relative; z-index: 1;\r\n}\r\n.scta-tag-dot {\r\n  width: 7px; height: 7px; border-radius: 50%; background: #E81F6D;\r\n  animation: sctaPulse 2s ease-in-out infinite;\r\n}\r\n@keyframes sctaPulse {\r\n  0%, 100% { opacity: 1; transform: scale(1); }\r\n  50% { opacity: 0.5; transform: scale(0.75); }\r\n}\r\n.scta-tag-text {\r\n  font-size: 0.68rem; letter-spacing: 3px; text-transform: uppercase;\r\n  color: #E81F6D; font-weight: 600;\r\n}\r\n\r\n.scta-title {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: clamp(2.2rem, 3.2vw, 3.4rem);\r\n  font-weight: 300; color: #09090b; line-height: 1.1;\r\n  margin-bottom: 0.75rem; position: relative; z-index: 1;\r\n}\r\n.scta-title em { font-style: italic; font-weight: 600; color: #E81F6D; }\r\n\r\n.scta-arabic {\r\n  font-family: 'Amiri', serif;\r\n  font-size: 1.15rem; color: rgba(0,0,0,0.25);\r\n  margin-bottom: 1.5rem; direction: rtl;\r\n  position: relative; z-index: 1;\r\n}\r\n\r\n.scta-desc {\r\n  font-size: 0.85rem; color: #71717a;\r\n  line-height: 1.9; font-weight: 300; margin-bottom: 2.25rem;\r\n  max-width: 400px; position: relative; z-index: 1;\r\n}\r\n\r\n.scta-btns {\r\n  display: flex; align-items: center; gap: 0.85rem; flex-wrap: wrap;\r\n  position: relative; z-index: 1;\r\n}\r\n\r\n.scta-btn {\r\n  display: inline-flex; align-items: center; gap: 0.4rem;\r\n  border-radius: 8px; font-size: 0.72rem; font-weight: 500;\r\n  font-family: 'Jost', sans-serif; height: 40px; padding: 0 1.4rem;\r\n  text-decoration: none; transition: all 0.22s ease;\r\n  letter-spacing: 0.2px; white-space: nowrap; cursor: pointer;\r\n}\r\n.scta-btn svg {\r\n  width: 13px; height: 13px; stroke: currentColor; fill: none;\r\n  stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;\r\n  transition: transform 0.2s;\r\n}\r\n.scta-btn:hover svg { transform: translate(2px, -2px); }\r\n\r\n.scta-btn-primary { background: #E81F6D; color: #fff; box-shadow: 0 4px 20px rgba(232,31,109,0.35); }\r\n.scta-btn-primary:hover { background: #c01859; color: #fff; }\r\n\r\n.scta-btn-secondary { background: transparent; color: #71717a; border: 1px solid #e4e4e7; }\r\n.scta-btn-secondary:hover { background: #f4f4f5; color: #09090b; border-color: #d4d4d8; }\r\n\r\n.scta-note {\r\n  display: flex; align-items: center; gap: 0.45rem;\r\n  margin-top: 1.5rem; position: relative; z-index: 1;\r\n}\r\n.scta-note svg {\r\n  width: 13px; height: 13px; stroke: #a1a1aa; fill: none;\r\n  stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0;\r\n}\r\n.scta-note-text { font-size: 0.7rem; color: #a1a1aa; font-weight: 300; }\r\n.scta-note-text strong { color: #71717a; font-weight: 500; }\r\n\r\n\/* \u2500\u2500 RIGHT \u2500\u2500 *\/\r\n.scta-right {\r\n  background: #E81F6D;\r\n  display: flex; flex-direction: column;\r\n  justify-content: center; align-items: center;\r\n  padding: 4rem 3rem; position: relative; overflow: hidden;\r\n}\r\n.scta-right::before {\r\n  content: ''; position: absolute; top: -80px; right: -80px;\r\n  width: 300px; height: 300px; border-radius: 50%;\r\n  background: rgba(255,255,255,0.06); pointer-events: none;\r\n}\r\n.scta-right::after {\r\n  content: ''; position: absolute; bottom: -60px; left: -60px;\r\n  width: 220px; height: 220px; border-radius: 50%;\r\n  background: rgba(255,255,255,0.05); pointer-events: none;\r\n}\r\n\r\n.scta-quote-arabic {\r\n  font-family: 'Amiri', serif;\r\n  font-size: 1.6rem; color: rgba(255,255,255,0.9);\r\n  direction: rtl; text-align: center; line-height: 1.8;\r\n  margin-bottom: 0.75rem; position: relative; z-index: 1;\r\n}\r\n.scta-quote-divider {\r\n  width: 32px; height: 1px; background: rgba(255,255,255,0.3);\r\n  margin: 0 auto 0.75rem; position: relative; z-index: 1;\r\n}\r\n.scta-quote-en {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: 1rem; font-style: italic; font-weight: 300;\r\n  color: rgba(255,255,255,0.75); text-align: center; line-height: 1.7;\r\n  margin-bottom: 2.5rem; position: relative; z-index: 1; max-width: 280px;\r\n}\r\n\r\n.scta-stats {\r\n  display: grid; grid-template-columns: 1fr 1fr;\r\n  gap: 1px; width: 100%; max-width: 280px;\r\n  background: rgba(255,255,255,0.15); border-radius: 14px; overflow: hidden;\r\n  position: relative; z-index: 1;\r\n}\r\n.scta-stat {\r\n  background: rgba(255,255,255,0.1); padding: 1.25rem 1rem;\r\n  text-align: center; transition: background 0.25s;\r\n}\r\n.scta-stat:hover { background: rgba(255,255,255,0.18); }\r\n.scta-stat-num {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: 2.2rem; font-weight: 600; color: #fff;\r\n  line-height: 1; margin-bottom: 0.3rem;\r\n}\r\n.scta-stat-label { font-size: 0.62rem; color: rgba(255,255,255,0.65); font-weight: 400; letter-spacing: 0.5px; }\r\n\r\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n@media (max-width: 900px) {\r\n  .scta-inner { grid-template-columns: 1fr; min-height: auto; }\r\n  .scta-right { padding: 3rem 2.5rem; }\r\n  .scta-stats { max-width: 100%; }\r\n}\r\n@media (max-width: 640px) {\r\n  .scta { padding: 1.5rem 4% 5rem; }\r\n  .scta-inner { border-radius: 18px; }\r\n  .scta-left { padding: 3rem 2rem; }\r\n  .scta-btns { flex-direction: column; align-items: flex-start; }\r\n  .scta-btn { width: 100%; justify-content: center; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"scta\">\r\n  <div class=\"scta-inner\" id=\"sctaInner\">\r\n\r\n    <!-- LEFT -->\r\n    <div class=\"scta-left\">\r\n      <div class=\"scta-blob scta-blob-1\"><\/div>\r\n      <div class=\"scta-blob scta-blob-2\"><\/div>\r\n\r\n      <div class=\"scta-tag\">\r\n        <span class=\"scta-tag-dot\"><\/span>\r\n        <!-- \u2705 Updated tag -->\r\n        <span class=\"scta-tag-text\">Get involved<\/span>\r\n      <\/div>\r\n\r\n      <!-- \u2705 Updated title \u2014 broader -->\r\n      <h2 class=\"scta-title\">\r\n        A place for every\r\n        <em>Muslim sister<\/em>\r\n      <\/h2>\r\n\r\n      <p class=\"scta-arabic\">\u0623\u0646\u062a\u0650 \u0644\u0633\u062a\u0650 \u0648\u062d\u062f\u0643\u0650 \u2014 \u0646\u062d\u0646 \u0647\u0646\u0627 \u0645\u0646 \u0623\u062c\u0644\u0643\u0650<\/p>\r\n\r\n      <!-- \u2705 Updated desc \u2014 covers all women, not just new Muslims -->\r\n      <p class=\"scta-desc\">Whether you are a new Muslim seeking guidance, want to deepen your knowledge of the Qur'an, join a Tajweed class, or simply connect with a community of sisters \u2014 we are here. No pressure, no judgement. Just sisterhood.<\/p>\r\n\r\n      <div class=\"scta-btns\">\r\n        <a href=\"\/contact\" class=\"scta-btn scta-btn-primary\">\r\n          Get in touch\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M7 17L17 7M17 7H7M17 7v10\"\/><\/svg>\r\n        <\/a>\r\n        <a href=\"\/services\" class=\"scta-btn scta-btn-secondary\">\r\n          View all 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      <!-- \u2705 Updated free note \u2014 broader -->\r\n      <div class=\"scta-note\">\r\n        <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n       \r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- RIGHT -->\r\n    <div class=\"scta-right\">\r\n      <p class=\"scta-quote-arabic\">\u0648\u064e\u062a\u064e\u0639\u064e\u0627\u0648\u064e\u0646\u064f\u0648\u0627 \u0639\u064e\u0644\u064e\u0649 \u0627\u0644\u0652\u0628\u0650\u0631\u0650\u0651 \u0648\u064e\u0627\u0644\u062a\u064e\u0651\u0642\u0652\u0648\u064e\u0649\u0670<\/p>\r\n      <div class=\"scta-quote-divider\"><\/div>\r\n      <p class=\"scta-quote-en\">\"Help one another in righteousness and piety\"<br><span style=\"font-size:0.82rem;opacity:0.6;\">\u2014 Al-Ma'idah 5:2<\/span><\/p>\r\n\r\n      <div class=\"scta-stats\">\r\n        <div class=\"scta-stat\">\r\n          <div class=\"scta-stat-num\">100+<\/div>\r\n          <div class=\"scta-stat-label\">Sisters supported<\/div>\r\n        <\/div>\r\n        <!-- \u2705 Updated: 30+ years since 1996 -->\r\n        <div class=\"scta-stat\">\r\n          <div class=\"scta-stat-num\">30+<\/div>\r\n          <div class=\"scta-stat-label\">Years serving<\/div>\r\n        <\/div>\r\n        <div class=\"scta-stat\">\r\n          <div class=\"scta-stat-num\">50+<\/div>\r\n          <div class=\"scta-stat-label\">Events held<\/div>\r\n        <\/div>\r\n        <div class=\"scta-stat\">\r\n          <div class=\"scta-stat-num\">Free<\/div>\r\n          <div class=\"scta-stat-label\">All services<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\nvar sctaObs = new IntersectionObserver(function(entries) {\r\n  entries.forEach(function(e) {\r\n    if (e.isIntersecting) { e.target.classList.add('visible'); sctaObs.unobserve(e.target); }\r\n  });\r\n}, { threshold: 0.1 });\r\ndocument.getElementById('sctaInner') && sctaObs.observe(document.getElementById('sctaInner'));\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-a1296d0 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a1296d0\" 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-d77af97\" data-id=\"d77af97\" 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-20ec70a elementor-widget elementor-widget-html\" data-id=\"20ec70a\" 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-5f4f360 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5f4f360\" 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-bb90418\" data-id=\"bb90418\" 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-aca0e51 elementor-widget elementor-widget-html\" data-id=\"aca0e51\" 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>Muslimaat Our Services Everything we offer is completely free \u2014 built with love for every new Muslim sister in Sheffield. Scroll to explore 01 \/ 04 Community Sisterhood &amp; Support [&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-2434","page","type-page","status-publish","hentry"],"ticketed":false,"_links":{"self":[{"href":"https:\/\/muslimaat.org\/ar\/wp-json\/wp\/v2\/pages\/2434","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=2434"}],"version-history":[{"count":76,"href":"https:\/\/muslimaat.org\/ar\/wp-json\/wp\/v2\/pages\/2434\/revisions"}],"predecessor-version":[{"id":3015,"href":"https:\/\/muslimaat.org\/ar\/wp-json\/wp\/v2\/pages\/2434\/revisions\/3015"}],"wp:attachment":[{"href":"https:\/\/muslimaat.org\/ar\/wp-json\/wp\/v2\/media?parent=2434"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}