{"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-05-06T19:40:36","modified_gmt":"2026-05-06T18:40:36","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.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.stl-entries { display: flex; flex-direction: column; gap: 5rem; }\r\n\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.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.stl-entry.active .stl-meta-icon { background: #E81F6D; border-color: #E81F6D; }\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.stl-meta-title { font-size: 0.82rem; font-weight: 500; color: #09090b; line-height: 1.3; transition: color 0.3s; }\r\n.stl-entry:not(.active) .stl-meta-title { color: #71717a; }\r\n.stl-meta-sub { font-size: 0.72rem; color: #a1a1aa; font-weight: 300; }\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; 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.stl-card {\r\n  flex: 1; background: #fff; border: 1px solid #e4e4e7; border-radius: 16px; overflow: hidden;\r\n  transition: border-color 0.3s, box-shadow 0.3s; box-shadow: 0 1px 3px rgba(0,0,0,0.04);\r\n}\r\n.stl-entry.active .stl-card { border-color: #fda4cf; box-shadow: 0 8px 32px rgba(232,31,109,0.1), 0 2px 8px rgba(0,0,0,0.06); }\r\n\r\n.stl-card-img { width: 100%; height: 260px; overflow: hidden; position: relative; }\r\n.stl-card-img img {\r\n  width: 100%; height: 100%; object-fit: cover; object-position: center 20%; display: block;\r\n  transition: transform 0.5s ease, filter 0.4s ease; filter: grayscale(25%);\r\n}\r\n.stl-entry.active .stl-card-img img { transform: scale(1.03); filter: grayscale(0%); }\r\n\r\n.stl-img-badges { position: absolute; bottom: 0.85rem; left: 0.85rem; right: 0.85rem; display: flex; align-items: center; justify-content: space-between; }\r\n.stl-cat-pill { background: rgba(9,9,11,0.65); backdrop-filter: blur(8px); color: rgba(255,255,255,0.9); font-size: 0.6rem; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; padding: 0.28rem 0.75rem; border-radius: 9999px; }\r\n.stl-price-wrap { display: flex; align-items: center; gap: 0.3rem; }\r\n.stl-paid-tag { background: #09090b; color: #fff; font-size: 0.55rem; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; padding: 0.25rem 0.55rem; border-radius: 9999px; }\r\n.stl-price-tag { background: #E81F6D; color: #fff; font-size: 0.75rem; font-weight: 700; padding: 0.25rem 0.7rem; border-radius: 9999px; }\r\n.stl-price-tag small { font-size: 0.58rem; font-weight: 400; opacity: 0.88; }\r\n.stl-free-tag { background: rgba(22,163,74,0.85); color: #fff; font-size: 0.6rem; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; padding: 0.25rem 0.7rem; border-radius: 9999px; }\r\n\r\n.stl-card-body { padding: 1.75rem; }\r\n.stl-card-title { font-family: 'Cormorant Garamond', serif; font-size: 1.5rem; font-weight: 600; color: #09090b; line-height: 1.2; margin-bottom: 0.5rem; transition: color 0.3s; }\r\n.stl-entry:not(.active) .stl-card-title { color: #71717a; }\r\n\r\n.stl-card-desc { font-size: 0.83rem; color: #71717a; line-height: 1.85; font-weight: 300; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; transition: all 0.4s ease; }\r\n.stl-entry.active .stl-card-desc { -webkit-line-clamp: unset; overflow: visible; }\r\n\r\n.stl-expand { display: grid; grid-template-rows: 0fr; opacity: 0; transition: grid-template-rows 0.45s ease, opacity 0.4s ease; margin-top: 0; }\r\n.stl-entry.active .stl-expand { grid-template-rows: 1fr; opacity: 1; margin-top: 1.25rem; }\r\n.stl-expand-inner { overflow: hidden; }\r\n\r\n.stl-items { background: #fafafa; border: 1px solid #f4f4f5; border-radius: 10px; padding: 1rem 1.25rem; margin-bottom: 1.25rem; list-style: none; display: flex; flex-direction: column; gap: 0.65rem; }\r\n.stl-item { display: flex; align-items: flex-start; gap: 0.6rem; font-size: 0.82rem; color: #71717a; line-height: 1.6; font-weight: 300; }\r\n.stl-item-dot { width: 6px; height: 6px; border-radius: 50%; background: rgba(232,31,109,0.5); flex-shrink: 0; margin-top: 0.45rem; }\r\n\r\n.stl-card-footer { display: flex; align-items: center; justify-content: space-between; padding-top: 1.25rem; border-top: 1px solid #f4f4f5; }\r\n.stl-meta-row { display: flex; align-items: center; gap: 0.4rem; font-size: 0.7rem; color: #a1a1aa; }\r\n.stl-meta-row svg { width: 12px; height: 12px; stroke: #E81F6D; fill: none; stroke-width: 2; stroke-linecap: round; }\r\n\r\n.stl-btn { display: inline-flex; align-items: center; justify-content: center; gap: 0.35rem; border-radius: 8px; font-size: 0.72rem; font-weight: 500; font-family: 'Jost', sans-serif; height: 34px; padding: 0 1.1rem; text-decoration: none; white-space: nowrap; transition: all 0.2s ease; border: none; cursor: pointer; }\r\n.stl-btn:focus-visible { outline: 2px solid #E81F6D; outline-offset: 2px; }\r\n.stl-btn-pink { background: #E81F6D; color: #fff; box-shadow: 0 1px 3px rgba(232,31,109,0.25); }\r\n.stl-btn-pink:hover { background: #c01859; color: #fff; }\r\n.stl-btn-dark { background: #09090b; color: #fff; box-shadow: 0 1px 3px rgba(0,0,0,0.15); }\r\n.stl-btn-dark:hover { background: #E81F6D; color: #fff; }\r\n.stl-btn svg { width: 13px; height: 13px; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: transform 0.2s ease; }\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      <div style=\"margin-top:2rem;padding:2rem 2.5rem;background:#FDEEF5;border:1px solid #F7C4DC;border-radius:16px;max-width:720px;\">\r\n        <p style=\"font-size:0.9rem;color:#09090b;line-height:1.9;font-weight:300;margin-bottom:1rem;\">Muslimaat offers inspiring programmes for women and girls that strengthen faith, confidence, and growth. Our activities include Qur'an Tafseer, weekly Tajweed classes, study circles, workshops, wellbeing sessions, hijab confidence support, and community gatherings such as Eid and Ramadan events.<\/p>\r\n        <p style=\"font-size:0.9rem;color:#09090b;line-height:1.9;font-weight:300;margin-bottom:1rem;\">While our focus is on women and girls, we also include men in selected initiatives to encourage broader engagement and unity.<\/p>\r\n        <p style=\"font-size:0.9rem;color:#E81F6D;line-height:1.9;font-weight:500;font-style:italic;\">Together, we nurture knowledge, connection, and belonging.<\/p>\r\n      <\/div>\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=\"http:\/\/muslimaat.org\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-May-6-2026-07_31_28-PM.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\"><span class=\"stl-paid-tag\">Free<\/span><\/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            <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\/book-a-session\" 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      <!-- 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            <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-a-session\" 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=\"http:\/\/muslimaat.org\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-May-6-2026-07_35_42-PM.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            <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 every Tuesday 9:00 AM - 11:00 AM<\/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-a-session\" 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=\"http:\/\/muslimaat.org\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-May-6-2026-07_40_02-PM.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\"><span class=\"stl-paid-tag\">Free<\/span><\/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 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 everyone<\/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\/book-a-session\" 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  let userClickedIndex = -1;\r\n  let clickLockTimeout = null;\r\n\r\n  function updateActive() {\r\n    if (userClickedIndex >= 0) { requestAnimationFrame(updateActive); return; }\r\n    const centerY = window.innerHeight \/ 3;\r\n    let bestIndex = 0;\r\n    let bestDist = Infinity;\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    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    requestAnimationFrame(updateActive);\r\n  }\r\n\r\n  entries.forEach((entry, i) => {\r\n    entry.querySelectorAll('a, button').forEach(function(el) {\r\n      el.addEventListener('click', function() {\r\n        userClickedIndex = i;\r\n        if (clickLockTimeout) clearTimeout(clickLockTimeout);\r\n        clickLockTimeout = setTimeout(function() { userClickedIndex = -1; }, 3000);\r\n      });\r\n    });\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     \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\">1000+<\/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  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 From one-to-one mentoring to group circles \u2014 you will never walk your journey alone. 02 \/ 04 Learning Guidance &amp; Growth Prayer classes, Islamic resources [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2434","page","type-page","status-publish","hentry"],"_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":115,"href":"https:\/\/muslimaat.org\/ar\/wp-json\/wp\/v2\/pages\/2434\/revisions"}],"predecessor-version":[{"id":3243,"href":"https:\/\/muslimaat.org\/ar\/wp-json\/wp\/v2\/pages\/2434\/revisions\/3243"}],"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}]}}