{"id":2252,"date":"2026-03-06T00:19:15","date_gmt":"2026-03-06T00:19:15","guid":{"rendered":"https:\/\/muslimaat.org\/?page_id=2252"},"modified":"2026-04-26T22:44:53","modified_gmt":"2026-04-26T21:44:53","slug":"about","status":"publish","type":"page","link":"https:\/\/muslimaat.org\/ar\/about\/","title":{"rendered":"About"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2252\" class=\"elementor elementor-2252\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-51f9180 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"51f9180\" 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-64e14ff\" data-id=\"64e14ff\" 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-b70bc0a elementor-widget elementor-widget-html\" data-id=\"b70bc0a\" 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;600&family=Amiri:ital@1&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.ah3 *, .ah3 *::before, .ah3 *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n.ah3 {\r\n  width: 100%;\r\n  min-height: 60vh;\r\n  background: #fff;\r\n  font-family: 'Jost', sans-serif;\r\n  position: relative;\r\n  overflow: hidden;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.ah3-circle-1, .ah3-circle-2, .ah3-circle-3, .ah3-hline-1 { display: none; }\r\n.ah3-nav { display: none; }\r\n\r\n.ah3-nav-brand {\r\n  display: flex; align-items: center; gap: 0.6rem;\r\n  font-size: 0.62rem; letter-spacing: 4px;\r\n  text-transform: uppercase; color: #AAAAAA; font-weight: 400;\r\n}\r\n.ah3-nav-brand-dot { width: 6px; height: 6px; border-radius: 50%; background: #E81F6D; }\r\n.ah3-nav-crumb {\r\n  font-size: 0.62rem; letter-spacing: 2px; text-transform: uppercase;\r\n  color: #CCCCCC; display: flex; align-items: center; gap: 0.4rem;\r\n}\r\n.ah3-nav-crumb a { color: #CCCCCC; text-decoration: none; transition: color 0.2s; }\r\n.ah3-nav-crumb a:hover { color: #E81F6D; }\r\n.ah3-nav-crumb-sep { color: #E8DDE4; }\r\n.ah3-nav-crumb-cur { color: #E81F6D; }\r\n\r\n.ah3-main {\r\n  flex: 1;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  text-align: center;\r\n  padding: 4rem 5% 1.5rem;\r\n  position: relative; z-index: 2;\r\n  max-width: 960px;\r\n  margin: 0 auto;\r\n  width: 100%;\r\n}\r\n\r\n.ah3-label {\r\n  display: flex; align-items: center; gap: 1rem;\r\n  margin-bottom: 2.5rem;\r\n  opacity: 0; animation: ah3Up 0.6s 0.35s ease forwards;\r\n}\r\n.ah3-label-line { width: 32px; height: 1px; background: #E81F6D; }\r\n.ah3-label-text {\r\n  font-size: 0.65rem; letter-spacing: 4px; text-transform: uppercase;\r\n  color: #E81F6D; font-weight: 600;\r\n}\r\n\r\n.ah3-title { font-family: 'Cormorant Garamond', serif; margin-bottom: 0.2em; }\r\n.ah3-title-row { display: block; overflow: hidden; }\r\n.ah3-title-inner {\r\n  display: block;\r\n  opacity: 0; transform: translateY(70px);\r\n  animation: ah3Reveal 1s ease forwards;\r\n}\r\n.ah3-title-row:nth-child(1) .ah3-title-inner {\r\n  font-size: clamp(4rem, 10vw, 10rem);\r\n  font-weight: 300; color: #1A1A1A;\r\n  letter-spacing: -3px; line-height: 0.9;\r\n  animation-delay: 0.45s;\r\n}\r\n.ah3-title-row:nth-child(2) .ah3-title-inner {\r\n  font-size: clamp(4rem, 10vw, 10rem);\r\n  font-weight: 600; font-style: italic;\r\n  color: #E81F6D; letter-spacing: -3px; line-height: 0.95;\r\n  animation-delay: 0.62s;\r\n}\r\n\r\n.ah3-arabic {\r\n  font-family: 'Amiri', serif;\r\n  font-style: italic;\r\n  font-size: 1.2rem;\r\n  color: rgba(232,31,109,0.35);\r\n  direction: rtl;\r\n  margin: 1.75rem 0 2.25rem;\r\n  opacity: 0; animation: ah3Up 0.6s 0.85s ease forwards;\r\n  letter-spacing: 1px;\r\n}\r\n\r\n.ah3-divider {\r\n  display: flex; align-items: center; gap: 1rem;\r\n  width: 100%; max-width: 480px;\r\n  margin-bottom: 2rem;\r\n  opacity: 0; animation: ah3Fade 0.6s 0.95s ease forwards;\r\n}\r\n.ah3-divider-l { flex: 1; height: 1px; background: #EEEAEC; }\r\n.ah3-divider-dot { width: 5px; height: 5px; border-radius: 50%; background: #E81F6D; flex-shrink: 0; }\r\n.ah3-divider-r { flex: 1; height: 1px; background: #EEEAEC; }\r\n\r\n.ah3-desc {\r\n  font-size: clamp(0.88rem, 1.5vw, 1rem);\r\n  color: #888; line-height: 1.9; font-weight: 300;\r\n  max-width: 560px; margin-bottom: 2.75rem;\r\n  opacity: 0; animation: ah3Up 0.6s 1.05s ease forwards;\r\n}\r\n\r\n.ah3-ctas {\r\n  display: none;\r\n}\r\n\r\n.ah3-ticker {\r\n  position: relative; z-index: 2;\r\n  background: #E81F6D;\r\n  padding: 0.9rem 0;\r\n  overflow: hidden;\r\n  opacity: 0; animation: ah3Fade 0.6s 1.5s ease forwards;\r\n}\r\n.ah3-ticker-track {\r\n  display: flex; gap: 3.5rem; align-items: center;\r\n  animation: ah3TickerMove 22s linear infinite;\r\n  white-space: nowrap;\r\n}\r\n.ah3-ticker-item {\r\n  display: flex; align-items: center; gap: 0.75rem;\r\n  flex-shrink: 0;\r\n  font-size: 0.62rem; letter-spacing: 3px; text-transform: uppercase;\r\n  color: rgba(255,255,255,0.75); font-weight: 400;\r\n}\r\n.ah3-ticker-item-dot { width: 4px; height: 4px; border-radius: 50%; background: rgba(255,255,255,0.5); flex-shrink: 0; }\r\n\r\n@keyframes ah3TickerMove {\r\n  from { transform: translateX(0); }\r\n  to   { transform: translateX(-50%); }\r\n}\r\n@keyframes ah3Fade { from{opacity:0} to{opacity:1} }\r\n@keyframes ah3Up {\r\n  from { opacity:0; transform:translateY(18px); }\r\n  to   { opacity:1; transform:translateY(0); }\r\n}\r\n@keyframes ah3Reveal {\r\n  from { opacity:0; transform:translateY(70px); }\r\n  to   { opacity:1; transform:translateY(0); }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .ah3-main { padding: 3rem 5% 2.5rem; }\r\n  .ah3-title-row:nth-child(1) .ah3-title-inner,\r\n  .ah3-title-row:nth-child(2) .ah3-title-inner { letter-spacing: -1px; }\r\n}\r\n@media (max-width: 480px) {\r\n  .ah3-main { padding: 2.5rem 4% 2rem; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"ah3\">\r\n\r\n  <div class=\"ah3-circle-1\"><\/div>\r\n  <div class=\"ah3-circle-2\"><\/div>\r\n  <div class=\"ah3-circle-3\"><\/div>\r\n  <div class=\"ah3-hline-1\"><\/div>\r\n\r\n  <div class=\"ah3-nav\">\r\n    <div class=\"ah3-nav-brand\">\r\n      <span class=\"ah3-nav-brand-dot\"><\/span>\r\n      Muslimaat Association\r\n    <\/div>\r\n    <div class=\"ah3-nav-crumb\">\r\n      <a href=\"\/\">Home<\/a>\r\n      <span class=\"ah3-nav-crumb-sep\">\/<\/span>\r\n      <span class=\"ah3-nav-crumb-cur\">About Us<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"ah3-main\">\r\n\r\n    <!-- \u2705 Est. 1996 -->\r\n    <div class=\"ah3-label\">\r\n      <div class=\"ah3-label-line\"><\/div>\r\n      <span class=\"ah3-label-text\">Sheffield \u00b7 Est. 1996<\/span>\r\n      <div class=\"ah3-label-line\"><\/div>\r\n    <\/div>\r\n\r\n    <h1 class=\"ah3-title\">\r\n      <span class=\"ah3-title-row\"><span class=\"ah3-title-inner\">About<\/span><\/span>\r\n      <span class=\"ah3-title-row\"><span class=\"ah3-title-inner\">Muslimaat<\/span><\/span>\r\n    <\/h1>\r\n\r\n    <div class=\"ah3-arabic\">\u062c\u0645\u0639\u064a\u0629 \u0645\u0633\u0644\u0645\u0627\u062a \u0634\u064a\u0641\u064a\u0644\u062f<\/div>\r\n\r\n    <div class=\"ah3-divider\">\r\n      <div class=\"ah3-divider-l\"><\/div>\r\n      <div class=\"ah3-divider-dot\"><\/div>\r\n      <div class=\"ah3-divider-r\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- \u2705 Updated description \u2014 broader, all Muslim women & girls -->\r\n    <p class=\"ah3-desc\">Empowering Muslim women, girls and new Muslims in Sheffield through knowledge, faith and connection \u2014 since 1996. A home for every sister to learn, grow and belong.<\/p>\r\n\r\n    <div class=\"ah3-ctas\">\r\n      <a href=\"\/contact\" class=\"ah3-btn\">Get in touch<\/a>\r\n      <a href=\"#our-story\" class=\"ah3-btn-outline\">Read our story \u2192<\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- \u2705 Updated ticker \u2014 reflects full range of activities -->\r\n  <div class=\"ah3-ticker\">\r\n    <div class=\"ah3-ticker-track\">\r\n      <span class=\"ah3-ticker-item\"><span class=\"ah3-ticker-item-dot\"><\/span>Muslim Women & Girls<\/span>\r\n      <span class=\"ah3-ticker-item\"><span class=\"ah3-ticker-item-dot\"><\/span>New Muslim Support<\/span>\r\n      <span class=\"ah3-ticker-item\"><span class=\"ah3-ticker-item-dot\"><\/span>Qur'an Tafseer<\/span>\r\n      <span class=\"ah3-ticker-item\"><span class=\"ah3-ticker-item-dot\"><\/span>Tajweed Classes<\/span>\r\n      <span class=\"ah3-ticker-item\"><span class=\"ah3-ticker-item-dot\"><\/span>1:1 Drop-In Sessions<\/span>\r\n      <span class=\"ah3-ticker-item\"><span class=\"ah3-ticker-item-dot\"><\/span>Community Events<\/span>\r\n      <span class=\"ah3-ticker-item\"><span class=\"ah3-ticker-item-dot\"><\/span>Wellbeing Support<\/span>\r\n      <span class=\"ah3-ticker-item\"><span class=\"ah3-ticker-item-dot\"><\/span>Est. 1996 \u00b7 Sheffield<\/span>\r\n      <span class=\"ah3-ticker-item\"><span class=\"ah3-ticker-item-dot\"><\/span>Charity #1052325<\/span>\r\n      <!-- duplicate for seamless loop -->\r\n      <span class=\"ah3-ticker-item\"><span class=\"ah3-ticker-item-dot\"><\/span>Muslim Women & Girls<\/span>\r\n      <span class=\"ah3-ticker-item\"><span class=\"ah3-ticker-item-dot\"><\/span>New Muslim Support<\/span>\r\n      <span class=\"ah3-ticker-item\"><span class=\"ah3-ticker-item-dot\"><\/span>Qur'an Tafseer<\/span>\r\n      <span class=\"ah3-ticker-item\"><span class=\"ah3-ticker-item-dot\"><\/span>Tajweed Classes<\/span>\r\n      <span class=\"ah3-ticker-item\"><span class=\"ah3-ticker-item-dot\"><\/span>1:1 Drop-In Sessions<\/span>\r\n      <span class=\"ah3-ticker-item\"><span class=\"ah3-ticker-item-dot\"><\/span>Community Events<\/span>\r\n      <span class=\"ah3-ticker-item\"><span class=\"ah3-ticker-item-dot\"><\/span>Wellbeing Support<\/span>\r\n      <span class=\"ah3-ticker-item\"><span class=\"ah3-ticker-item-dot\"><\/span>Est. 1996 \u00b7 Sheffield<\/span>\r\n      <span class=\"ah3-ticker-item\"><span class=\"ah3-ticker-item-dot\"><\/span>Charity #1052325<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/section>\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-72fa4e3 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"72fa4e3\" 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-881dfc5\" data-id=\"881dfc5\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\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-c6faec5 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c6faec5\" 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-0f8565b\" data-id=\"0f8565b\" 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-afc15c6 elementor-widget elementor-widget-html\" data-id=\"afc15c6\" 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<style>\r\n.msl-stats *, .msl-stats *::before, .msl-stats *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n.msl-stats {\r\n  width: 100%;\r\n  background: #ffffff;\r\n  padding: 5rem 5%;\r\n  font-family: 'Jost', sans-serif;\r\n  overflow: hidden;\r\n  position: relative;\r\n}\r\n\r\n.msl-stats-glow {\r\n  position: absolute; border-radius: 50%;\r\n  filter: blur(100px); pointer-events: none;\r\n}\r\n.msl-stats-glow-1 { width: 400px; height: 400px; background: rgba(232,31,109,0.06); top: -100px; left: -80px; }\r\n.msl-stats-glow-2 { width: 300px; height: 300px; background: rgba(232,31,109,0.04); bottom: -80px; right: -60px; }\r\n\r\n.msl-stats-container { max-width: 1200px; margin: 0 auto; position: relative; z-index: 1; }\r\n\r\n.msl-stats-header {\r\n  text-align: center; margin-bottom: 4rem;\r\n  opacity: 0; transform: translateY(20px);\r\n  transition: opacity 0.7s ease, transform 0.7s ease;\r\n}\r\n.msl-stats-header.visible { opacity: 1; transform: translateY(0); }\r\n\r\n.msl-stats-tag {\r\n  display: flex; align-items: center; justify-content: center;\r\n  gap: 0.75rem; margin-bottom: 1rem;\r\n}\r\n.msl-stats-tag::before, .msl-stats-tag::after {\r\n  content: ''; display: block; width: 30px; height: 1px; background: #E81F6D;\r\n}\r\n.msl-stats-tag span {\r\n  font-size: 0.72rem; font-weight: 600; letter-spacing: 3px;\r\n  text-transform: uppercase; color: #E81F6D;\r\n}\r\n\r\n.msl-stats-title {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: clamp(2rem, 3vw, 2.8rem);\r\n  font-weight: 600; color: #1E1E1E; line-height: 1.2;\r\n}\r\n.msl-stats-title em { font-style: italic; color: #E81F6D; }\r\n\r\n.msl-stats-grid {\r\n  display: grid; grid-template-columns: repeat(4, 1fr);\r\n  gap: 0; border: 1px solid #F7C4DC; border-radius: 20px; overflow: hidden;\r\n  opacity: 0; transform: translateY(24px);\r\n  transition: opacity 0.7s ease 0.15s, transform 0.7s ease 0.15s;\r\n}\r\n.msl-stats-grid.visible { opacity: 1; transform: translateY(0); }\r\n\r\n.msl-stat-card {\r\n  padding: 2.5rem 2rem; border-right: 1px solid #F7C4DC;\r\n  position: relative; overflow: hidden; background: #fff; transition: background 0.4s ease;\r\n}\r\n.msl-stat-card:last-child { border-right: none; }\r\n.msl-stat-card::before {\r\n  content: ''; position: absolute; bottom: 0; left: 0; right: 0;\r\n  height: 2px; background: #E81F6D;\r\n  transform: scaleX(0); transform-origin: left; transition: transform 0.5s ease;\r\n}\r\n.msl-stat-card:hover { background: #FDEEF5; }\r\n.msl-stat-card:hover::before { transform: scaleX(1); }\r\n\r\n.msl-stat-icon {\r\n  width: 44px; height: 44px; background: #FDEEF5; border-radius: 12px;\r\n  display: flex; align-items: center; justify-content: center;\r\n  margin-bottom: 1.5rem; transition: background 0.3s;\r\n}\r\n.msl-stat-card:hover .msl-stat-icon { background: rgba(232,31,109,0.18); }\r\n.msl-stat-icon svg {\r\n  width: 20px; height: 20px; stroke: #E81F6D; fill: none;\r\n  stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;\r\n}\r\n\r\n.msl-stat-number {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: clamp(2.8rem, 4vw, 4rem);\r\n  font-weight: 600; color: #1E1E1E; line-height: 1;\r\n  margin-bottom: 0.5rem;\r\n  display: flex; align-items: flex-end; gap: 0.1rem;\r\n}\r\n.msl-stat-number span { color: #E81F6D; font-style: italic; font-size: 0.65em; }\r\n\r\n.msl-stat-label { font-size: 0.85rem; font-weight: 500; color: #1E1E1E; margin-bottom: 0.4rem; line-height: 1.3; }\r\n.msl-stat-desc { font-size: 0.78rem; color: #6B6B6B; font-weight: 300; line-height: 1.6; }\r\n\r\n.msl-stats-strip {\r\n  margin-top: 3rem; background: #1E1E1E; border-radius: 14px;\r\n  padding: 1.75rem 2.5rem; display: flex; align-items: center;\r\n  justify-content: space-between; gap: 2rem;\r\n  opacity: 0; transform: translateY(20px);\r\n  transition: opacity 0.7s ease 0.3s, transform 0.7s ease 0.3s;\r\n}\r\n.msl-stats-strip.visible { opacity: 1; transform: translateY(0); }\r\n\r\n.msl-stats-strip-text {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: clamp(1.2rem, 2vw, 1.6rem);\r\n  font-weight: 600; color: #ffffff; line-height: 1.4;\r\n}\r\n.msl-stats-strip-text em { font-style: italic; color: #F7C4DC; }\r\n\r\n.msl-stats-strip-dots { display: flex; align-items: center; gap: 0.5rem; flex-shrink: 0; }\r\n.msl-stats-dot { width: 8px; height: 8px; border-radius: 50%; background: rgba(232,31,109,0.3); }\r\n.msl-stats-dot.active { background: #E81F6D; }\r\n\r\n.msl-stats-strip-btn {\r\n  display: inline-flex; align-items: center; gap: 0.5rem;\r\n  background: #E81F6D; color: white; text-decoration: none;\r\n  padding: 0.75rem 1.75rem; border-radius: 50px;\r\n  font-size: 0.82rem; font-weight: 600; font-family: 'Jost', sans-serif;\r\n  white-space: nowrap; transition: all 0.3s; flex-shrink: 0;\r\n  box-shadow: 0 4px 16px rgba(232,31,109,0.3);\r\n}\r\n.msl-stats-strip-btn:hover { background: #B8155A; transform: translateY(-2px); color: white; }\r\n\r\n@media (max-width: 900px) {\r\n  .msl-stats { padding: 4rem 5%; }\r\n  .msl-stats-grid { grid-template-columns: repeat(2, 1fr); }\r\n  .msl-stat-card { border-bottom: 1px solid #F7C4DC; }\r\n  .msl-stat-card:nth-child(2n) { border-right: none; }\r\n  .msl-stat-card:nth-last-child(-n+2) { border-bottom: none; }\r\n  .msl-stats-strip { flex-direction: column; text-align: center; padding: 1.5rem; }\r\n  .msl-stats-strip-btn { width: 100%; justify-content: center; }\r\n  .msl-stats-strip-dots { justify-content: center; }\r\n}\r\n@media (max-width: 560px) {\r\n  .msl-stats { padding: 3rem 4%; }\r\n  .msl-stats-header { margin-bottom: 2.5rem; }\r\n  .msl-stats-grid { grid-template-columns: repeat(2, 1fr); border-radius: 14px; }\r\n  .msl-stat-card { padding: 1.75rem 1.25rem; }\r\n  .msl-stat-number { font-size: 2.5rem; }\r\n  .msl-stat-icon { width: 36px; height: 36px; margin-bottom: 1rem; }\r\n  .msl-stat-icon svg { width: 16px; height: 16px; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"msl-stats\">\r\n  <div class=\"msl-stats-glow msl-stats-glow-1\"><\/div>\r\n  <div class=\"msl-stats-glow msl-stats-glow-2\"><\/div>\r\n\r\n  <div class=\"msl-stats-container\">\r\n\r\n    <div class=\"msl-stats-header\" id=\"mslStatsHeader\">\r\n      <div class=\"msl-stats-tag\"><span>Our Impact<\/span><\/div>\r\n      <h2 class=\"msl-stats-title\">The difference we've made <em>together<\/em><\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"msl-stats-grid\" id=\"mslStatsGrid\">\r\n\r\n      <!-- Stat 1 -->\r\n      <div class=\"msl-stat-card\">\r\n        <div class=\"msl-stat-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=\"msl-stat-number\" id=\"mslCount1\">0<span>+<\/span><\/div>\r\n        <div class=\"msl-stat-label\">Women & Girls Supported<\/div>\r\n        <!-- \u2705 Updated: broader than new Muslims, since 1996 -->\r\n        <div class=\"msl-stat-desc\">Muslim women, girls and new Muslims welcomed into our community since 1996<\/div>\r\n      <\/div>\r\n\r\n      <!-- Stat 2 -->\r\n      <div class=\"msl-stat-card\">\r\n        <div class=\"msl-stat-icon\">\r\n          <svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"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        <\/div>\r\n        <div class=\"msl-stat-number\" id=\"mslCount2\">0<span>+<\/span><\/div>\r\n        <div class=\"msl-stat-label\">Events & Programmes<\/div>\r\n        <!-- \u2705 Updated: includes full range -->\r\n        <div class=\"msl-stat-desc\">Workshops, Tajweed classes, study circles, drop-ins and Eid & Ramadan gatherings<\/div>\r\n      <\/div>\r\n\r\n      <!-- Stat 3 -->\r\n      <div class=\"msl-stat-card\">\r\n        <div class=\"msl-stat-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=\"msl-stat-number\" id=\"mslCount3\">0<span>+<\/span><\/div>\r\n        <div class=\"msl-stat-label\">Free Resources<\/div>\r\n        <!-- \u2705 Updated: broader -->\r\n        <div class=\"msl-stat-desc\">Guides, videos and learning materials for Muslim women and new Muslims<\/div>\r\n      <\/div>\r\n\r\n      <!-- Stat 4 -->\r\n      <div class=\"msl-stat-card\">\r\n        <div class=\"msl-stat-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        <!-- \u2705 Updated: 30 years (2026-1996) -->\r\n        <div class=\"msl-stat-number\" id=\"mslCount4\">0<span> yrs<\/span><\/div>\r\n        <div class=\"msl-stat-label\">Years of Service<\/div>\r\n        <!-- \u2705 Updated: since 1996 -->\r\n        <div class=\"msl-stat-desc\">Serving the Sheffield community with love and dedication since 1996<\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\nvar mslCounters = [\r\n  { id: 'mslCount1', target: 1000, suffix: '+' },\r\n  { id: 'mslCount2', target: 50,  suffix: '+' },\r\n  { id: 'mslCount3', target: 10,  suffix: '+' },\r\n  { id: 'mslCount4', target: 30,  suffix: ' yrs' }, \/* \u2705 30 years since 1996 *\/\r\n];\r\n\r\nfunction mslAnimateCount(el, target, suffix, duration) {\r\n  duration = duration || 1800;\r\n  var start = 0;\r\n  var step = target \/ (duration \/ 16);\r\n  var timer = setInterval(function() {\r\n    start += step;\r\n    if (start >= target) { start = target; clearInterval(timer); }\r\n    el.innerHTML = Math.floor(start) + '<span>' + suffix + '<\/span>';\r\n  }, 16);\r\n}\r\n\r\nvar mslStatsObs = new IntersectionObserver(function(entries) {\r\n  entries.forEach(function(entry) {\r\n    if (entry.isIntersecting) {\r\n      entry.target.classList.add('visible');\r\n      if (entry.target.id === 'mslStatsGrid') {\r\n        mslCounters.forEach(function(c) {\r\n          var el = document.getElementById(c.id);\r\n          if (el) mslAnimateCount(el, c.target, c.suffix);\r\n        });\r\n      }\r\n      mslStatsObs.unobserve(entry.target);\r\n    }\r\n  });\r\n}, { threshold: 0.2 });\r\n\r\ndocument.querySelectorAll('#mslStatsHeader, #mslStatsGrid, #mslStatsStrip')\r\n  .forEach(function(el) { mslStatsObs.observe(el); });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-608e92a elementor-widget elementor-widget-html\" data-id=\"608e92a\" 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:ital,wght@0,400;1,400&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.msl-mv *, .msl-mv *::before, .msl-mv *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n.msl-mv {\r\n  width: 100%;\r\n  background: #ffffff;\r\n  padding: 6rem 5%;\r\n  font-family: 'Jost', sans-serif;\r\n  overflow: hidden;\r\n}\r\n\r\n.msl-mv-container { max-width: 1200px; margin: 0 auto; }\r\n\r\n.msl-mv-header {\r\n  text-align: center; margin-bottom: 5rem;\r\n  opacity: 0; transform: translateY(20px);\r\n  transition: opacity 0.7s ease, transform 0.7s ease;\r\n}\r\n.msl-mv-header.visible { opacity: 1; transform: translateY(0); }\r\n\r\n.msl-mv-tag {\r\n  display: flex; align-items: center; justify-content: center;\r\n  gap: 0.75rem; margin-bottom: 1rem;\r\n}\r\n.msl-mv-tag::before, .msl-mv-tag::after {\r\n  content: ''; display: block; width: 30px; height: 1.5px; background: #E81F6D;\r\n}\r\n.msl-mv-tag span {\r\n  font-size: 0.72rem; font-weight: 600; letter-spacing: 3px;\r\n  text-transform: uppercase; color: #E81F6D;\r\n}\r\n\r\n.msl-mv-title {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: clamp(2.2rem, 3.5vw, 3.2rem);\r\n  font-weight: 600; color: #1E1E1E; line-height: 1.2; margin-bottom: 1rem;\r\n}\r\n.msl-mv-title em { font-style: italic; color: #E81F6D; }\r\n\r\n.msl-mv-intro {\r\n  font-size: 0.95rem; color: #6B6B6B; line-height: 1.85;\r\n  font-weight: 300; max-width: 600px; margin: 0 auto;\r\n}\r\n\r\n\/* \u2500\u2500 MISSION BLOCK \u2500\u2500 *\/\r\n.msl-mv-mission {\r\n  display: grid; grid-template-columns: 1fr 1fr;\r\n  gap: 4rem; align-items: center; margin-bottom: 5rem;\r\n  opacity: 0; transform: translateY(24px);\r\n  transition: opacity 0.7s ease 0.1s, transform 0.7s ease 0.1s;\r\n}\r\n.msl-mv-mission.visible { opacity: 1; transform: translateY(0); }\r\n\r\n.msl-mv-section-label {\r\n  display: inline-flex; align-items: center; gap: 0.5rem;\r\n  font-size: 0.72rem; font-weight: 600; letter-spacing: 2.5px;\r\n  text-transform: uppercase; color: #E81F6D; margin-bottom: 1.25rem;\r\n}\r\n.msl-mv-section-label::before {\r\n  content: ''; display: block; width: 20px; height: 1.5px; background: #E81F6D;\r\n}\r\n\r\n.msl-mv-mission-title {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: clamp(1.8rem, 2.5vw, 2.4rem);\r\n  font-weight: 600; color: #1E1E1E; line-height: 1.25; margin-bottom: 1.25rem;\r\n}\r\n.msl-mv-mission-title em { font-style: italic; color: #E81F6D; }\r\n\r\n.msl-mv-mission-body {\r\n  font-size: 0.92rem; color: #6B6B6B; line-height: 1.9;\r\n  font-weight: 300; margin-bottom: 1.75rem;\r\n}\r\n\r\n.msl-mv-verse {\r\n  background: #FDEEF5; border-left: 3px solid #E81F6D;\r\n  border-radius: 0 12px 12px 0; padding: 1.25rem 1.5rem;\r\n}\r\n.msl-mv-verse-arabic {\r\n  font-family: 'Amiri', serif; font-size: 1.3rem; color: #E81F6D;\r\n  text-align: right; line-height: 2; margin-bottom: 0.5rem; direction: rtl;\r\n}\r\n.msl-mv-verse-text {\r\n  font-family: 'Cormorant Garamond', serif; font-size: 1rem;\r\n  font-style: italic; color: #1E1E1E; line-height: 1.7; margin-bottom: 0.3rem;\r\n}\r\n.msl-mv-verse-ref {\r\n  font-size: 0.72rem; font-weight: 600; color: #E81F6D;\r\n  letter-spacing: 1px; text-transform: uppercase;\r\n}\r\n\r\n.msl-mv-mission-img { position: relative; }\r\n.msl-mv-mission-img::before {\r\n  content: ''; position: absolute; top: -16px; right: -16px;\r\n  width: 70%; height: 70%; background: #FDEEF5;\r\n  border-radius: 20px; z-index: 0;\r\n}\r\n.msl-mv-mission-img-wrap {\r\n  position: relative; z-index: 1; border-radius: 20px; overflow: hidden;\r\n  box-shadow: 0 24px 60px rgba(232,31,109,0.12);\r\n}\r\n.msl-mv-mission-img-wrap img { width: 100%; height: auto; display: block; }\r\n\r\n\/* \u2500\u2500 VALUES GRID \u2500\u2500 *\/\r\n.msl-mv-values {\r\n  opacity: 0; transform: translateY(24px);\r\n  transition: opacity 0.7s ease 0.2s, transform 0.7s ease 0.2s;\r\n}\r\n.msl-mv-values.visible { opacity: 1; transform: translateY(0); }\r\n\r\n.msl-mv-values-header { text-align: center; margin-bottom: 3rem; }\r\n.msl-mv-values-title {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: clamp(1.8rem, 2.5vw, 2.4rem);\r\n  font-weight: 600; color: #1E1E1E; line-height: 1.2; margin-bottom: 0.75rem;\r\n}\r\n.msl-mv-values-title em { font-style: italic; color: #E81F6D; }\r\n.msl-mv-values-sub { font-size: 0.9rem; color: #6B6B6B; font-weight: 300; line-height: 1.7; }\r\n\r\n.msl-mv-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }\r\n\r\n.msl-mv-card {\r\n  background: white; border: 1px solid #F7C4DC; border-radius: 20px;\r\n  padding: 2rem 1.75rem; transition: box-shadow 0.3s, transform 0.3s, border-color 0.3s;\r\n  position: relative; overflow: hidden;\r\n}\r\n.msl-mv-card::before {\r\n  content: ''; position: absolute; top: 0; left: 0; right: 0;\r\n  height: 3px; background: #E81F6D;\r\n  transform: scaleX(0); transform-origin: left; transition: transform 0.4s ease;\r\n}\r\n.msl-mv-card:hover { box-shadow: 0 12px 40px rgba(232,31,109,0.10); transform: translateY(-4px); border-color: #E81F6D; }\r\n.msl-mv-card:hover::before { transform: scaleX(1); }\r\n\r\n.msl-mv-card.featured { background: #E81F6D; border-color: #E81F6D; }\r\n.msl-mv-card.featured::before { background: rgba(255,255,255,0.4); }\r\n.msl-mv-card.featured:hover { box-shadow: 0 16px 48px rgba(232,31,109,0.3); }\r\n\r\n.msl-mv-card-icon {\r\n  width: 52px; height: 52px; background: #FDEEF5; border-radius: 14px;\r\n  display: flex; align-items: center; justify-content: center;\r\n  font-size: 1.5rem; margin-bottom: 1.25rem; transition: background 0.3s;\r\n}\r\n.msl-mv-card.featured .msl-mv-card-icon { background: rgba(255,255,255,0.2); }\r\n\r\n.msl-mv-card-title {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: 1.3rem; font-weight: 600; color: #1E1E1E; margin-bottom: 0.65rem; line-height: 1.3;\r\n}\r\n.msl-mv-card.featured .msl-mv-card-title { color: white; }\r\n.msl-mv-card-desc { font-size: 0.85rem; color: #6B6B6B; line-height: 1.75; font-weight: 300; }\r\n.msl-mv-card.featured .msl-mv-card-desc { color: rgba(255,255,255,0.88); }\r\n\r\n\/* \u2500\u2500 VISION STRIP \u2500\u2500 *\/\r\n.msl-mv-vision {\r\n  margin-top: 4rem; background: #1E1E1E; border-radius: 20px;\r\n  padding: 3.5rem 4rem; display: grid;\r\n  grid-template-columns: 1fr auto; align-items: center; gap: 3rem;\r\n  opacity: 0; transform: translateY(24px);\r\n  transition: opacity 0.7s ease 0.3s, transform 0.7s ease 0.3s;\r\n}\r\n.msl-mv-vision.visible { opacity: 1; transform: translateY(0); }\r\n\r\n.msl-mv-vision-label {\r\n  font-size: 0.72rem; font-weight: 600; letter-spacing: 3px;\r\n  text-transform: uppercase; color: #E81F6D; margin-bottom: 0.75rem;\r\n}\r\n.msl-mv-vision-text {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: clamp(1.6rem, 2.5vw, 2.2rem);\r\n  font-weight: 600; color: white; line-height: 1.35;\r\n}\r\n.msl-mv-vision-text em { font-style: italic; color: #F7C4DC; }\r\n\r\n.msl-mv-vision-btn {\r\n  display: inline-flex; align-items: center; gap: 0.6rem;\r\n  background: #E81F6D; color: white; text-decoration: none;\r\n  padding: 0.9rem 2rem; border-radius: 50px;\r\n  font-size: 0.85rem; font-weight: 600; font-family: 'Jost', sans-serif;\r\n  white-space: nowrap; transition: all 0.3s;\r\n  box-shadow: 0 4px 20px rgba(232,31,109,0.35); flex-shrink: 0;\r\n}\r\n.msl-mv-vision-btn:hover { background: #B8155A; transform: translateY(-2px); color: white; }\r\n\r\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n@media (max-width: 900px) {\r\n  .msl-mv { padding: 4rem 5%; }\r\n  .msl-mv-header { margin-bottom: 3rem; }\r\n  .msl-mv-mission { grid-template-columns: 1fr; gap: 2.5rem; margin-bottom: 3.5rem; }\r\n  .msl-mv-mission-img { order: -1; }\r\n  .msl-mv-mission-img::before { display: none; }\r\n  .msl-mv-cards { grid-template-columns: 1fr 1fr; }\r\n  .msl-mv-vision { grid-template-columns: 1fr; padding: 2.5rem; gap: 2rem; text-align: center; }\r\n  .msl-mv-vision-btn { width: 100%; justify-content: center; }\r\n}\r\n@media (max-width: 600px) {\r\n  .msl-mv { padding: 3rem 4%; }\r\n  .msl-mv-cards { grid-template-columns: 1fr; }\r\n  .msl-mv-vision { padding: 2rem 1.5rem; }\r\n  .msl-mv-vision-text { font-size: 1.5rem; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"msl-mv\">\r\n  <div class=\"msl-mv-container\">\r\n\r\n    <!-- HEADER -->\r\n    <div class=\"msl-mv-header\" id=\"mslMvHeader\">\r\n      <div class=\"msl-mv-tag\"><span>Who We Are<\/span><\/div>\r\n      <h2 class=\"msl-mv-title\">Our mission, vision &amp; <em>core values<\/em><\/h2>\r\n      <!-- \u2705 Updated: broader than new Muslims -->\r\n      <p class=\"msl-mv-intro\">Muslimaat exists to empower Muslim women, girls and new Muslims through knowledge, faith and connection \u2014 so that every sister in Sheffield has a place to learn, grow and truly belong.<\/p>\r\n    <\/div>\r\n\r\n    <!-- MISSION -->\r\n    <div class=\"msl-mv-mission\" id=\"mslMvMission\">\r\n      <div class=\"msl-mv-mission-text\">\r\n        <div class=\"msl-mv-section-label\">Our Mission<\/div>\r\n        <!-- \u2705 Updated title -->\r\n        <h3 class=\"msl-mv-mission-title\">Empowering Muslim women &amp; girls through <em>faith and community<\/em><\/h3>\r\n        <!-- \u2705 Updated body -->\r\n        <p class=\"msl-mv-mission-body\">Muslimaat was founded to ensure every Muslim woman and girl in Sheffield has somewhere warm, safe and supportive to turn. We provide inspiring programmes, 1:1 drop-in sessions, Qur'an Tafseer, Tajweed classes, new Muslim mentorship and community events \u2014 because every sister deserves to feel at home in her faith and her community.<\/p>\r\n\r\n        <div class=\"msl-mv-verse\">\r\n          <div class=\"msl-mv-verse-arabic\">\u0648\u064e\u0671\u0639\u0652\u062a\u064e\u0635\u0650\u0645\u064f\u0648\u0627\u06df \u0628\u0650\u062d\u064e\u0628\u0652\u0644\u0650 \u0671\u0644\u0644\u064e\u0651\u0647\u0650 \u062c\u064e\u0645\u0650\u064a\u0639\u064b\u0627 \u0648\u064e\u0644\u064e\u0627 \u062a\u064e\u0641\u064e\u0631\u064e\u0651\u0642\u064f\u0648\u0627\u06df<\/div>\r\n          <p class=\"msl-mv-verse-text\">\"Hold firmly to the rope of Allah all together, and do not become divided.\"<\/p>\r\n          <span class=\"msl-mv-verse-ref\">Surah Al-Imran 3:103<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"msl-mv-mission-img\">\r\n        <div class=\"msl-mv-mission-img-wrap\">\r\n          <img decoding=\"async\" src=\"https:\/\/muslimaat.org\/wp-content\/uploads\/2026\/about.png\" alt=\"Muslimaat sisters\">\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- VALUES CARDS -->\r\n    <div class=\"msl-mv-values\" id=\"mslMvValues\">\r\n\r\n      <div class=\"msl-mv-values-header\">\r\n        <h3 class=\"msl-mv-values-title\">The values that <em>guide us<\/em><\/h3>\r\n        <p class=\"msl-mv-values-sub\">Everything we do flows from these six principles rooted in Islam and sisterhood<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"msl-mv-cards\">\r\n\r\n        <div class=\"msl-mv-card featured\">\r\n          <div class=\"msl-mv-card-icon\">\ud83e\udd1d<\/div>\r\n          <h4 class=\"msl-mv-card-title\">Sisterhood<\/h4>\r\n          <p class=\"msl-mv-card-desc\">We believe in the unbreakable bond between Muslim sisters \u2014 building friendships that last for the sake of Allah.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"msl-mv-card\">\r\n          <div class=\"msl-mv-card-icon\">\ud83d\udc9b<\/div>\r\n          <h4 class=\"msl-mv-card-title\">Compassion<\/h4>\r\n          <!-- \u2705 Updated: not journey-specific -->\r\n          <p class=\"msl-mv-card-desc\">Every sister is welcomed with empathy and patience, exactly where she is in her life \u2014 no judgement, ever.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"msl-mv-card\">\r\n          <div class=\"msl-mv-card-icon\">\ud83d\udcd6<\/div>\r\n          <h4 class=\"msl-mv-card-title\">Knowledge<\/h4>\r\n          <!-- \u2705 Updated: broader -->\r\n          <p class=\"msl-mv-card-desc\">We share authentic Islamic knowledge through Tafseer, Tajweed and learning circles \u2014 helping sisters grow with confidence.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"msl-mv-card\">\r\n          <div class=\"msl-mv-card-icon\">\ud83c\udf38<\/div>\r\n          <h4 class=\"msl-mv-card-title\">Inclusivity<\/h4>\r\n          <!-- \u2705 Updated: explicitly includes all -->\r\n          <p class=\"msl-mv-card-desc\">Muslimaat is for every Muslim woman, girl and new Muslim \u2014 regardless of background, culture or stage of faith. You are always welcome here.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"msl-mv-card\">\r\n          <div class=\"msl-mv-card-icon\">\u2728<\/div>\r\n          <h4 class=\"msl-mv-card-title\">Empowerment<\/h4>\r\n          <p class=\"msl-mv-card-desc\">We uplift sisters to stand confidently in their identity as Muslim women, proud of their faith and their choices.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"msl-mv-card\">\r\n          <div class=\"msl-mv-card-icon\">\ud83d\udd4a\ufe0f<\/div>\r\n          <h4 class=\"msl-mv-card-title\">Sincerity<\/h4>\r\n          <p class=\"msl-mv-card-desc\">All our work is done purely for the pleasure of Allah \u2014 with honesty, integrity and a genuine love for our sisters.<\/p>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- VISION STRIP -->\r\n    <div class=\"msl-mv-vision\" id=\"mslMvVision\">\r\n      <div>\r\n        <div class=\"msl-mv-vision-label\">Our Vision<\/div>\r\n        <!-- \u2705 Updated: broader vision -->\r\n        <div class=\"msl-mv-vision-text\">A Sheffield where every <em>Muslim woman and girl<\/em> has a place to learn, grow and belong<\/div>\r\n      <\/div>\r\n      <a href=\"\/contact\" class=\"msl-mv-vision-btn\">Join our community<\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\nvar mslMvObs = new IntersectionObserver(function(entries) {\r\n  entries.forEach(function(entry) {\r\n    if (entry.isIntersecting) {\r\n      entry.target.classList.add('visible');\r\n      mslMvObs.unobserve(entry.target);\r\n    }\r\n  });\r\n}, { threshold: 0.1 });\r\n\r\ndocument.querySelectorAll('#mslMvHeader, #mslMvMission, #mslMvValues, #mslMvVision')\r\n  .forEach(function(el) { mslMvObs.observe(el); });\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-2b5ebe3 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2b5ebe3\" 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-306dcfb\" data-id=\"306dcfb\" 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-41135a7 elementor-widget elementor-widget-html\" data-id=\"41135a7\" 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,400;0,600;1,300;1,400&family=Jost:wght@200;300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.msl-ctr *, .msl-ctr *::before, .msl-ctr *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n.msl-ctr {\r\n  width: 100%; background: #fff;\r\n  padding: 6rem 5%; font-family: 'Jost', sans-serif;\r\n  overflow: hidden;\r\n}\r\n\r\n.msl-ctr-container { max-width: 1200px; margin: 0 auto; }\r\n\r\n\/* \u2500\u2500 HEADER \u2500\u2500 *\/\r\n.msl-ctr-header {\r\n  display: grid; grid-template-columns: 1fr 1fr;\r\n  gap: 4rem; align-items: end;\r\n  margin-bottom: 4rem;\r\n  opacity: 0; transform: translateY(20px);\r\n  transition: opacity 0.7s ease, transform 0.7s ease;\r\n}\r\n.msl-ctr-header.visible { opacity: 1; transform: translateY(0); }\r\n\r\n.msl-ctr-tag {\r\n  display: flex; align-items: center; gap: 0.75rem; margin-bottom: 1rem;\r\n}\r\n.msl-ctr-tag::before {\r\n  content: ''; display: block; width: 30px; height: 1.5px; background: #E81F6D;\r\n}\r\n.msl-ctr-tag span {\r\n  font-size: 0.72rem; font-weight: 600; letter-spacing: 3px;\r\n  text-transform: uppercase; color: #E81F6D;\r\n}\r\n\r\n.msl-ctr-title {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: clamp(2rem, 3.5vw, 3.2rem);\r\n  font-weight: 300; color: #09090b; line-height: 1.1; margin-bottom: 0.5rem;\r\n}\r\n.msl-ctr-title em { font-style: italic; font-weight: 600; color: #E81F6D; }\r\n\r\n.msl-ctr-header-right {\r\n  display: flex; flex-direction: column; justify-content: flex-end; gap: 1.5rem;\r\n}\r\n\r\n.msl-ctr-desc {\r\n  font-size: 0.88rem; color: #71717a; line-height: 1.9; font-weight: 300;\r\n}\r\n\r\n.msl-ctr-address {\r\n  display: flex; align-items: flex-start; gap: 0.75rem;\r\n  background: #FDEEF5; border: 1px solid #F7C4DC;\r\n  border-radius: 12px; padding: 1rem 1.25rem;\r\n}\r\n.msl-ctr-address svg {\r\n  width: 16px; height: 16px; stroke: #E81F6D; fill: none;\r\n  stroke-width: 2; stroke-linecap: round; flex-shrink: 0; margin-top: 2px;\r\n}\r\n.msl-ctr-address-text {\r\n  font-size: 0.82rem; color: #71717a; line-height: 1.7; font-weight: 300;\r\n}\r\n.msl-ctr-address-text strong { color: #09090b; font-weight: 500; display: block; margin-bottom: 0.2rem; }\r\n\r\n.msl-ctr-grid {\r\n  opacity: 0; transform: translateY(24px);\r\n  transition: opacity 0.7s ease 0.15s, transform 0.7s ease 0.15s;\r\n}\r\n.msl-ctr-grid.visible { opacity: 1; transform: translateY(0); }\r\n\r\n\/* \u2500\u2500 PHOTO CELL \u2500\u2500 *\/\r\n.msl-ctr-photo {\r\n  position: relative; overflow: hidden; border-radius: 16px;\r\n  cursor: pointer; background: #f4f4f5;\r\n}\r\n\r\n.msl-ctr-photo img {\r\n  width: 100%; height: 100%;\r\n  object-fit: cover; display: block;\r\n  transition: transform 0.6s ease;\r\n}\r\n.msl-ctr-photo:hover img { transform: scale(1.06); }\r\n\r\n\/* Overlay on hover *\/\r\n.msl-ctr-photo-overlay {\r\n  position: absolute; inset: 0;\r\n  background: linear-gradient(to top, rgba(232,31,109,0.7) 0%, transparent 60%);\r\n  opacity: 0; transition: opacity 0.4s ease;\r\n  display: flex; align-items: flex-end; padding: 1.25rem;\r\n}\r\n.msl-ctr-photo:hover .msl-ctr-photo-overlay { opacity: 1; }\r\n\r\n.msl-ctr-photo-label {\r\n  font-size: 0.78rem; font-weight: 500; color: #fff;\r\n  letter-spacing: 0.5px;\r\n}\r\n\r\n\/* Featured first photo \u2014 spans 2 rows *\/\r\n.msl-ctr-photo-featured {\r\n  grid-row: span 2;\r\n}\r\n\r\n\/* \u2500\u2500 SINGLE IMAGE \u2500\u2500 *\/\r\n.msl-ctr-single {\r\n  position: relative; overflow: hidden; border-radius: 20px;\r\n  cursor: pointer; background: #f4f4f5;\r\n  margin-bottom: 0.75rem;\r\n  box-shadow: 0 12px 48px rgba(232,31,109,0.10);\r\n}\r\n.msl-ctr-single img {\r\n  width: 100%; height: auto; display: block;\r\n  transition: transform 0.6s ease;\r\n}\r\n.msl-ctr-single:hover img { transform: scale(1.02); }\r\n.msl-ctr-single .msl-ctr-photo-overlay {\r\n  position: absolute; inset: 0;\r\n  background: linear-gradient(to top, rgba(232,31,109,0.5) 0%, transparent 50%);\r\n  opacity: 0; transition: opacity 0.4s ease;\r\n  display: flex; align-items: flex-end; padding: 2rem;\r\n}\r\n.msl-ctr-single:hover .msl-ctr-photo-overlay { opacity: 1; }\r\n.msl-ctr-single .msl-ctr-photo-label {\r\n  font-size: 0.9rem; font-weight: 500; color: #fff; letter-spacing: 0.5px;\r\n}\r\n\r\n\/* \u2500\u2500 STATS ROW \u2500\u2500 *\/\r\n.msl-ctr-stats {\r\n  display: grid; grid-template-columns: repeat(4, 1fr);\r\n  gap: 0; border: 1px solid #F7C4DC;\r\n  border-radius: 16px; overflow: hidden; margin-top: 3rem;\r\n  opacity: 0; transform: translateY(20px);\r\n  transition: opacity 0.7s ease 0.3s, transform 0.7s ease 0.3s;\r\n}\r\n.msl-ctr-stats.visible { opacity: 1; transform: translateY(0); }\r\n\r\n.msl-ctr-stat {\r\n  padding: 1.75rem 2rem; text-align: center;\r\n  border-right: 1px solid #F7C4DC;\r\n  transition: background 0.3s;\r\n}\r\n.msl-ctr-stat:last-child { border-right: none; }\r\n.msl-ctr-stat:hover { background: #FDEEF5; }\r\n\r\n.msl-ctr-stat-num {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: 2.2rem; font-weight: 600; color: #09090b;\r\n  line-height: 1; margin-bottom: 0.3rem;\r\n}\r\n.msl-ctr-stat-num span { color: #E81F6D; font-style: italic; }\r\n.msl-ctr-stat-label {\r\n  font-size: 0.72rem; color: #a1a1aa; font-weight: 400;\r\n  letter-spacing: 0.5px; text-transform: uppercase;\r\n}\r\n\r\n\/* \u2500\u2500 LIGHTBOX \u2500\u2500 *\/\r\n.msl-ctr-lightbox {\r\n  position: fixed; inset: 0; z-index: 99999;\r\n  background: rgba(0,0,0,0.92);\r\n  display: flex; align-items: center; justify-content: center;\r\n  opacity: 0; pointer-events: none;\r\n  transition: opacity 0.3s ease;\r\n}\r\n.msl-ctr-lightbox.open { opacity: 1; pointer-events: all; }\r\n\r\n.msl-ctr-lightbox img {\r\n  max-width: 90vw; max-height: 85vh;\r\n  object-fit: contain; border-radius: 12px;\r\n  box-shadow: 0 32px 80px rgba(0,0,0,0.5);\r\n}\r\n\r\n.msl-ctr-lightbox-close {\r\n  position: absolute; top: 1.5rem; right: 1.5rem;\r\n  width: 44px; height: 44px; border-radius: 50%;\r\n  background: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.2);\r\n  cursor: pointer; display: flex; align-items: center; justify-content: center;\r\n  color: #fff; font-size: 1.2rem; transition: background 0.2s;\r\n}\r\n.msl-ctr-lightbox-close:hover { background: #E81F6D; }\r\n\r\n.msl-ctr-lightbox-label {\r\n  position: absolute; bottom: 2rem; left: 50%; transform: translateX(-50%);\r\n  font-size: 0.8rem; color: rgba(255,255,255,0.6);\r\n  font-family: 'Jost', sans-serif; font-weight: 300; letter-spacing: 1px;\r\n}\r\n\r\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n@media (max-width: 900px) {\r\n  .msl-ctr { padding: 4rem 5%; }\r\n  .msl-ctr-header { grid-template-columns: 1fr; gap: 2rem; }\r\n  .msl-ctr-grid {\r\n    grid-template-columns: 1fr 1fr;\r\n    grid-template-rows: 220px 220px 220px;\r\n  }\r\n  .msl-ctr-photo-featured { grid-row: span 1; }\r\n  .msl-ctr-grid-bottom { grid-template-columns: 1fr 1fr; }\r\n  .msl-ctr-stats { grid-template-columns: repeat(2, 1fr); }\r\n  .msl-ctr-stat:nth-child(2) { border-right: none; }\r\n  .msl-ctr-stat:nth-child(3) { border-top: 1px solid #F7C4DC; }\r\n  .msl-ctr-stat:nth-child(4) { border-top: 1px solid #F7C4DC; border-right: none; }\r\n}\r\n\r\n@media (max-width: 560px) {\r\n  .msl-ctr { padding: 3rem 4%; }\r\n  .msl-ctr-grid { grid-template-columns: 1fr; grid-template-rows: auto; gap: 0.5rem; }\r\n  .msl-ctr-grid-bottom { grid-template-columns: 1fr; gap: 0.5rem; }\r\n  .msl-ctr-photo { height: 220px; }\r\n  .msl-ctr-stats { grid-template-columns: repeat(2, 1fr); border-radius: 12px; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"msl-ctr\">\r\n  <div class=\"msl-ctr-container\">\r\n\r\n    <!-- HEADER -->\r\n    <div class=\"msl-ctr-header\" id=\"mslCtrHeader\">\r\n      <div>\r\n        <div class=\"msl-ctr-tag\"><span>Our Space<\/span><\/div>\r\n        <h2 class=\"msl-ctr-title\">Welcome to the<br><em>Muslimaat Centre<\/em><\/h2>\r\n      <\/div>\r\n      <div class=\"msl-ctr-header-right\">\r\n        <p class=\"msl-ctr-desc\">Our centre at Don Valley House is a dedicated, welcoming space for Muslim women and girls in Sheffield. Equipped with a library, meeting rooms, a learning space and a comfortable lounge \u2014 everything our community needs under one roof.<\/p>\r\n        <div class=\"msl-ctr-address\">\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          <div class=\"msl-ctr-address-text\">\r\n            <strong>Muslimaat Centre<\/strong>\r\n            Floor 4 \u00b7 Don Valley House \u00b7 Savile Street East \u00b7 Sheffield \u00b7 S4 7UQ\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- SINGLE CENTRE IMAGE -->\r\n    <div class=\"msl-ctr-single\" id=\"mslCtrGrid\" onclick=\"mslCtrOpen(this)\">\r\n      <img decoding=\"async\" src=\"http:\/\/muslimaat.org\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-14-at-5.19.04-PM.jpeg\" alt=\"Muslimaat Centre \u2014 Don Valley House Sheffield\">\r\n      <div class=\"msl-ctr-photo-overlay\">\r\n        <span class=\"msl-ctr-photo-label\">Muslimaat Centre \u00b7 Floor 4 \u00b7 Don Valley House<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- STATS ROW -->\r\n    <div class=\"msl-ctr-stats\" id=\"mslCtrStats\">\r\n      <div class=\"msl-ctr-stat\">\r\n        <div class=\"msl-ctr-stat-num\">4<span>th<\/span><\/div>\r\n        <div class=\"msl-ctr-stat-label\">Floor, Don Valley House<\/div>\r\n      <\/div>\r\n      <div class=\"msl-ctr-stat\">\r\n        <div class=\"msl-ctr-stat-num\">5<span>+<\/span><\/div>\r\n        <div class=\"msl-ctr-stat-label\">Dedicated Rooms<\/div>\r\n      <\/div>\r\n      <div class=\"msl-ctr-stat\">\r\n        <div class=\"msl-ctr-stat-num\">1000<span>+<\/span><\/div>\r\n        <div class=\"msl-ctr-stat-label\">Books in Library<\/div>\r\n      <\/div>\r\n      <div class=\"msl-ctr-stat\">\r\n        <div class=\"msl-ctr-stat-num\">Free<span><\/span><\/div>\r\n        <div class=\"msl-ctr-stat-label\">Access for All Sisters<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- LIGHTBOX -->\r\n<div class=\"msl-ctr-lightbox\" id=\"mslCtrLightbox\" onclick=\"mslCtrClose()\">\r\n  <div class=\"msl-ctr-lightbox-close\" onclick=\"mslCtrClose()\">\u2715<\/div>\r\n  <img decoding=\"async\" id=\"mslCtrLightboxImg\" src=\"\" alt=\"\">\r\n  <div class=\"msl-ctr-lightbox-label\" id=\"mslCtrLightboxLabel\"><\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n  \/\/ Lightbox\r\n  window.mslCtrOpen = function(cell) {\r\n    var img = cell.querySelector('img');\r\n    var label = cell.querySelector('.msl-ctr-photo-label');\r\n    var lb = document.getElementById('mslCtrLightbox');\r\n    var lbImg = document.getElementById('mslCtrLightboxImg');\r\n    var lbLabel = document.getElementById('mslCtrLightboxLabel');\r\n    lbImg.src = img.src;\r\n    lbImg.alt = img.alt;\r\n    lbLabel.textContent = label ? label.textContent : '';\r\n    lb.classList.add('open');\r\n    document.body.style.overflow = 'hidden';\r\n  };\r\n\r\n  window.mslCtrClose = function() {\r\n    document.getElementById('mslCtrLightbox').classList.remove('open');\r\n    document.body.style.overflow = '';\r\n  };\r\n\r\n  document.addEventListener('keydown', function(e) {\r\n    if (e.key === 'Escape') mslCtrClose();\r\n  });\r\n\r\n  \/\/ Stop lightbox closing when clicking image\r\n  var lbImg = document.getElementById('mslCtrLightboxImg');\r\n  if (lbImg) lbImg.addEventListener('click', function(e) { e.stopPropagation(); });\r\n\r\n  \/\/ Scroll reveal\r\n  var obs = new IntersectionObserver(function(entries) {\r\n    entries.forEach(function(e) {\r\n      if (e.isIntersecting) { e.target.classList.add('visible'); obs.unobserve(e.target); }\r\n    });\r\n  }, { threshold: 0.1 });\r\n\r\n  ['mslCtrHeader','mslCtrGrid','mslCtrGridBottom','mslCtrStats'].forEach(function(id) {\r\n    var el = document.getElementById(id); if (el) obs.observe(el);\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-3f9b362 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3f9b362\" 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-3196415\" data-id=\"3196415\" 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-2b6a02a elementor-widget elementor-widget-html\" data-id=\"2b6a02a\" 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,400;0,600;1,300;1,400&family=Jost:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.msl-tl *, .msl-tl *::before, .msl-tl *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n.msl-tl {\r\n  width: 100%;\r\n  background: #ffffff;\r\n  font-family: 'Jost', sans-serif;\r\n  padding: 0 5% 6rem;\r\n}\r\n\r\n.msl-tl-header {\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  padding: 5rem 0 4rem;\r\n}\r\n\r\n.msl-tl-tag {\r\n  display: flex; align-items: center; gap: 0.75rem; margin-bottom: 0.85rem;\r\n}\r\n.msl-tl-tag::before, .msl-tl-tag::after {\r\n  content: ''; display: block; width: 30px; height: 1.5px; background: #E81F6D;\r\n}\r\n.msl-tl-tag span {\r\n  font-size: 0.72rem; font-weight: 600; letter-spacing: 3px;\r\n  text-transform: uppercase; color: #E81F6D;\r\n}\r\n\r\n.msl-tl-title {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: clamp(2rem, 3.5vw, 3rem);\r\n  font-weight: 600; color: #1E1E1E; line-height: 1.2; margin-bottom: 1rem;\r\n}\r\n.msl-tl-title em { font-style: italic; color: #E81F6D; }\r\n\r\n.msl-tl-subtitle {\r\n  font-size: 0.95rem; color: #6B6B6B; line-height: 1.85;\r\n  font-weight: 300; max-width: 480px;\r\n}\r\n\r\n.msl-tl-wrap {\r\n  position: relative; max-width: 1200px; margin: 0 auto; padding-bottom: 4rem;\r\n}\r\n\r\n.msl-tl-line-track {\r\n  position: absolute; left: 32px; top: 0; bottom: 0; width: 2px;\r\n  background: linear-gradient(to bottom, transparent 0%, #F7C4DC 8%, #F7C4DC 92%, transparent 100%);\r\n  z-index: 0;\r\n}\r\n.msl-tl-line-fill {\r\n  position: absolute; top: 0; left: 0; width: 100%;\r\n  background: linear-gradient(to bottom, #E81F6D, #F7A8C4);\r\n  border-radius: 2px; height: 0%; transition: height 0.1s linear;\r\n}\r\n\r\n.msl-tl-entry {\r\n  display: flex; align-items: flex-start; gap: 3rem;\r\n  padding-top: 4rem; position: relative; z-index: 1;\r\n  opacity: 0; transform: translateY(24px);\r\n  transition: opacity 0.7s ease, transform 0.7s ease;\r\n}\r\n.msl-tl-entry.visible { opacity: 1; transform: translateY(0); }\r\n\r\n.msl-tl-year-col {\r\n  position: sticky; top: 120px; width: 160px; flex-shrink: 0;\r\n  display: flex; flex-direction: column; align-items: center; align-self: flex-start;\r\n}\r\n\r\n.msl-tl-dot {\r\n  width: 44px; height: 44px; border-radius: 50%;\r\n  background: #fff; border: 2px solid #F7C4DC;\r\n  display: flex; align-items: center; justify-content: center;\r\n  margin-bottom: 0.75rem; transition: border-color 0.3s, box-shadow 0.3s; flex-shrink: 0;\r\n}\r\n.msl-tl-dot-inner {\r\n  width: 14px; height: 14px; border-radius: 50%; background: #F7C4DC;\r\n  transition: background 0.3s, transform 0.3s;\r\n}\r\n.msl-tl-entry.visible .msl-tl-dot { border-color: #E81F6D; box-shadow: 0 0 0 6px rgba(232,31,109,0.08); }\r\n.msl-tl-entry.visible .msl-tl-dot-inner { background: #E81F6D; transform: scale(1.1); }\r\n\r\n.msl-tl-year {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: 2.8rem; font-weight: 700; color: #F7C4DC;\r\n  line-height: 1; transition: color 0.3s; text-align: center;\r\n}\r\n.msl-tl-entry.visible .msl-tl-year { color: #1E1E1E; }\r\n\r\n.msl-tl-content { flex: 1; padding-bottom: 2rem; }\r\n\r\n.msl-tl-content-title {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: 1.6rem; font-weight: 600; color: #1E1E1E;\r\n  margin-bottom: 0.75rem; line-height: 1.3;\r\n}\r\n.msl-tl-content-title em { font-style: italic; color: #E81F6D; }\r\n\r\n.msl-tl-content-text {\r\n  font-size: 0.9rem; color: #6B6B6B; line-height: 1.9;\r\n  font-weight: 300; margin-bottom: 1.5rem; max-width: 580px;\r\n}\r\n\r\n.msl-tl-img {\r\n  margin-top: 1.5rem; max-width: 520px;\r\n  border-radius: 16px; overflow: hidden;\r\n  box-shadow: 0 12px 40px rgba(232,31,109,0.1);\r\n}\r\n.msl-tl-img img {\r\n  width: 100%; height: 340px; object-fit: cover; display: block;\r\n  transition: transform 0.5s ease;\r\n}\r\n.msl-tl-img:hover img { transform: scale(1.04); }\r\n\r\n\/* Certificate \u2014 show full image, no crop *\/\r\n.msl-tl-img-cert {\r\n  background: #fafafa;\r\n  border: 1px solid #F7C4DC;\r\n}\r\n.msl-tl-img-cert img {\r\n  height: auto !important;\r\n  max-height: none !important;\r\n  object-fit: contain !important;\r\n  background: #fff;\r\n  padding: 1.5rem;\r\n}\r\n\r\n.msl-tl-milestone {\r\n  display: inline-flex; align-items: center; gap: 0.5rem;\r\n  background: #FDEEF5; border: 1px solid #F7C4DC;\r\n  border-radius: 50px; padding: 0.4rem 1rem;\r\n  font-size: 0.75rem; font-weight: 500; color: #E81F6D;\r\n  margin-bottom: 1rem; letter-spacing: 0.5px;\r\n}\r\n.msl-tl-milestone::before {\r\n  content: ''; display: block; width: 6px; height: 6px;\r\n  border-radius: 50%; background: #E81F6D; flex-shrink: 0;\r\n}\r\n\r\n.msl-tl-list {\r\n  list-style: none; display: flex; flex-direction: column;\r\n  gap: 0.5rem; margin-bottom: 1.5rem;\r\n}\r\n.msl-tl-list li {\r\n  display: flex; align-items: center; gap: 0.65rem;\r\n  font-size: 0.88rem; color: #6B6B6B; font-weight: 300;\r\n}\r\n.msl-tl-list li::before {\r\n  content: ''; width: 18px; height: 18px; border-radius: 50%;\r\n  background: #FDEEF5; border: 1px solid #F7C4DC;\r\n  display: flex; align-items: center; justify-content: center;\r\n  flex-shrink: 0;\r\n  background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23E81F6D' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'\/%3E%3C\/svg%3E\");\r\n  background-repeat: no-repeat; background-position: center; background-size: 10px;\r\n}\r\n\r\n@media (max-width: 700px) {\r\n  .msl-tl-entry { gap: 1.5rem; }\r\n  .msl-tl-year { font-size: 1.8rem; }\r\n  .msl-tl-year-col { width: 80px; top: 80px; }\r\n  .msl-tl-img img { height: 200px; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"msl-tl\">\r\n\r\n  <div class=\"msl-tl-header\">\r\n    <div class=\"msl-tl-tag\"><span>Our Story<\/span><\/div>\r\n    <h2 class=\"msl-tl-title\">How Muslimaat <em>began<\/em><\/h2>\r\n    <p class=\"msl-tl-subtitle\">From a small circle of sisters sharing tea and questions in 1996, to a thriving community supporting Muslim women and girls across Sheffield.<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"msl-tl-wrap\" id=\"mslTlWrap\">\r\n\r\n    <div class=\"msl-tl-line-track\">\r\n      <div class=\"msl-tl-line-fill\" id=\"mslTlFill\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- \u2500\u2500 1996 \u2014 FOUNDED & REGISTERED \u2500\u2500 -->\r\n    <div class=\"msl-tl-entry\" id=\"mslTlE1\">\r\n      <div class=\"msl-tl-year-col\">\r\n        <div class=\"msl-tl-dot\"><div class=\"msl-tl-dot-inner\"><\/div><\/div>\r\n        <span class=\"msl-tl-year\">1996<\/span>\r\n      <\/div>\r\n      <div class=\"msl-tl-content\">\r\n        <span class=\"msl-tl-milestone\">Founded & Registered<\/span>\r\n        <h3 class=\"msl-tl-content-title\">Muslimaat is <em>founded and registered<\/em><\/h3>\r\n        <p class=\"msl-tl-content-text\">In 1996, Muslimaat Association was formally founded and registered as an organisation in Sheffield. Born from a heartfelt desire to support Muslim women and girls, our founders established a safe, welcoming space rooted in faith and sisterhood.<\/p>\r\n        <p class=\"msl-tl-content-text\">From day one, the mission was clear \u2014 to ensure every Muslim woman in Sheffield had somewhere to turn for guidance, community and belonging.<\/p>\r\n        <ul class=\"msl-tl-list\">\r\n          <li>Officially founded and registered in Sheffield<\/li>\r\n          <li>Mission established \u2014 supporting Muslim women & girls<\/li>\r\n          <li>First community gatherings held<\/li>\r\n          <li>Charity #1052325 registered<\/li>\r\n        <\/ul>\r\n        <div class=\"msl-tl-img msl-tl-img-cert\">\r\n          <img decoding=\"async\" src=\"http:\/\/muslimaat.org\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-14-at-5.58.40-PM.jpeg\">\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u2500\u2500 2005 \u2014 FIRST WORKSHOPS \u2500\u2500 -->\r\n    <div class=\"msl-tl-entry\" id=\"mslTlE2\">\r\n      <div class=\"msl-tl-year-col\">\r\n        <div class=\"msl-tl-dot\"><div class=\"msl-tl-dot-inner\"><\/div><\/div>\r\n        <span class=\"msl-tl-year\">2005<\/span>\r\n      <\/div>\r\n      <div class=\"msl-tl-content\">\r\n        <span class=\"msl-tl-milestone\">Growing the Sisterhood<\/span>\r\n        <h3 class=\"msl-tl-content-title\">Our first <em>workshops<\/em> and events<\/h3>\r\n        <p class=\"msl-tl-content-text\">Word spread quickly. More sisters started reaching out \u2014 some brand new to Islam, others exploring the faith for the first time. We launched our first official prayer workshops and drop-in sessions across Sheffield.<\/p>\r\n        <ul class=\"msl-tl-list\">\r\n          <li>First prayer workshop held in Sheffield<\/li>\r\n          <li>Weekly drop-in sessions launched<\/li>\r\n          <li>One-to-one support programme started<\/li>\r\n          <li>Growing community of supported sisters<\/li>\r\n        <\/ul>\r\n        <div class=\"msl-tl-img\">\r\n          <img decoding=\"async\" src=\"http:\/\/muslimaat.org\/wp-content\/uploads\/2024\/01\/Muslimaat-3.jpeg\" alt=\"Muslimaat workshops 2005\">\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u2500\u2500 2015 \u2014 MUSLIMAAT GROWS \u2500\u2500 -->\r\n    <div class=\"msl-tl-entry\" id=\"mslTlE3\">\r\n      <div class=\"msl-tl-year-col\">\r\n        <div class=\"msl-tl-dot\"><div class=\"msl-tl-dot-inner\"><\/div><\/div>\r\n        <span class=\"msl-tl-year\">2015<\/span>\r\n      <\/div>\r\n      <div class=\"msl-tl-content\">\r\n        <span class=\"msl-tl-milestone\">Muslimaat Grows<\/span>\r\n        <h3 class=\"msl-tl-content-title\">Expanding our <em>reach and impact<\/em><\/h3>\r\n        <p class=\"msl-tl-content-text\">By 2015, Muslimaat had grown significantly \u2014 expanding its programmes, team and reach across Sheffield. With a dedicated space, a growing team of volunteers and an ever-increasing number of sisters coming through our doors, we were able to do more than ever before.<\/p>\r\n        <ul class=\"msl-tl-list\">\r\n          <li>Dedicated Muslimaat Centre established<\/li>\r\n          <li>Expanded team of sisters and volunteers<\/li>\r\n          <li>Tajweed, Tafseer and study circles launched<\/li>\r\n          <li>100+ sisters supported annually<\/li>\r\n        <\/ul>\r\n        <div class=\"msl-tl-img\">\r\n          <img decoding=\"async\" src=\"https:\/\/muslimaat.org\/wp-content\/uploads\/2026\/slider10.png\" alt=\"Muslimaat grows 2015\">\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u2500\u2500 2026 \u2014 TODAY \u2500\u2500 -->\r\n    <div class=\"msl-tl-entry\" id=\"mslTlE4\">\r\n      <div class=\"msl-tl-year-col\">\r\n        <div class=\"msl-tl-dot\"><div class=\"msl-tl-dot-inner\"><\/div><\/div>\r\n        <span class=\"msl-tl-year\">2026<\/span>\r\n      <\/div>\r\n      <div class=\"msl-tl-content\">\r\n        <span class=\"msl-tl-milestone\">Today<\/span>\r\n        <h3 class=\"msl-tl-content-title\">A thriving <em>communitys<\/h3>\r\n        <p class=\"msl-tl-content-text\">Today Muslimaat is a thriving community of sisters in Sheffield. Over 30 years on from our founding, we offer free one-to-one support, prayer workshops, Tajweed classes, drop-in sessions and online resources \u2014 all completely free, all rooted in sisterhood and love.<\/p>\r\n        <ul class=\"msl-tl-list\">\r\n          <li>100+ sisters supported annually<\/li>\r\n          <li>50+ events and programmes held<\/li>\r\n          <li>Free resources for Muslim women & new Muslims<\/li>\r\n          <li>Sheffield community and beyond<\/li>\r\n        <\/ul>\r\n        <div class=\"msl-tl-img\">\r\n          <img decoding=\"async\" src=\"http:\/\/muslimaat.org\/wp-content\/uploads\/2026\/04\/G4.jpg\" alt=\"Muslimaat today 2026\">\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\nvar mslTlObs = new IntersectionObserver(function(entries) {\r\n  entries.forEach(function(entry) {\r\n    if (entry.isIntersecting) entry.target.classList.add('visible');\r\n  });\r\n}, { threshold: 0.15 });\r\n\r\ndocument.querySelectorAll('.msl-tl-entry').forEach(function(el) { mslTlObs.observe(el); });\r\n\r\nfunction mslUpdateLine() {\r\n  var wrap = document.getElementById('mslTlWrap');\r\n  var fill = document.getElementById('mslTlFill');\r\n  if (!wrap || !fill) return;\r\n  var rect = wrap.getBoundingClientRect();\r\n  var scrolled = window.innerHeight * 0.5 - rect.top;\r\n  var pct = Math.min(100, Math.max(0, (scrolled \/ (rect.bottom - rect.top)) * 100));\r\n  fill.style.height = pct + '%';\r\n}\r\n\r\nwindow.addEventListener('scroll', mslUpdateLine, { passive: true });\r\nmslUpdateLine();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7d1fd66 elementor-widget elementor-widget-html\" data-id=\"7d1fd66\" 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<style>\r\n.msl-team *, .msl-team *::before, .msl-team *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n.msl-team {\r\n  width: 100%;\r\n  background: #ffffff;\r\n  padding: 6rem 5%;\r\n  font-family: 'Jost', sans-serif;\r\n  overflow: hidden;\r\n}\r\n\r\n\/* \u2500\u2500 HERO STRIP \u2500\u2500 *\/\r\n.msl-team-hero {\r\n  background: linear-gradient(to bottom, rgba(232,31,109,0.07), #ffffff);\r\n  margin: -6rem -5% 0;\r\n  padding: 5rem 5% 4rem;\r\n  text-align: center;\r\n  margin-bottom: 5rem;\r\n  opacity: 0;\r\n  transform: translateY(20px);\r\n  transition: opacity 0.7s ease, transform 0.7s ease;\r\n}\r\n.msl-team-hero.visible { opacity: 1; transform: translateY(0); }\r\n\r\n.msl-team-badge {\r\n  display: inline-flex; align-items: center; gap: 0.5rem;\r\n  background: rgba(232,31,109,0.1);\r\n  color: #E81F6D; font-size: 0.78rem; font-weight: 600;\r\n  letter-spacing: 2px; text-transform: uppercase;\r\n  padding: 0.45rem 1.1rem; border-radius: 50px;\r\n  margin-bottom: 1.5rem;\r\n}\r\n\r\n.msl-team-hero-title {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: clamp(2.5rem, 5vw, 4.5rem);\r\n  font-weight: 600; color: #1E1E1E; line-height: 1.15; margin-bottom: 1.25rem;\r\n}\r\n.msl-team-hero-title span { display: block; color: #E81F6D; font-style: italic; }\r\n\r\n.msl-team-hero-desc {\r\n  font-size: 1rem; color: #6B6B6B; line-height: 1.85;\r\n  font-weight: 300; max-width: 620px; margin: 0 auto;\r\n}\r\n\r\n\/* \u2500\u2500 CONTAINER \u2500\u2500 *\/\r\n.msl-team-container { max-width: 1100px; margin: 0 auto; }\r\n\r\n.msl-team-intro {\r\n  border-top: 1px solid #F7C4DC;\r\n  padding-top: 3rem;\r\n  display: grid; grid-template-columns: 1fr 1fr;\r\n  gap: 3rem; margin-bottom: 4rem;\r\n  opacity: 0; transform: translateY(20px);\r\n  transition: opacity 0.7s ease 0.1s, transform 0.7s ease 0.1s;\r\n}\r\n.msl-team-intro.visible { opacity: 1; transform: translateY(0); }\r\n\r\n.msl-team-intro-title {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: clamp(1.8rem, 2.5vw, 2.4rem);\r\n  font-weight: 600; color: #1E1E1E; line-height: 1.2;\r\n}\r\n.msl-team-intro-title em { font-style: italic; color: #E81F6D; }\r\n\r\n.msl-team-intro-desc {\r\n  font-size: 0.9rem; color: #6B6B6B; line-height: 1.85;\r\n  font-weight: 300; align-self: center;\r\n}\r\n\r\n\/* \u2500\u2500 SECTION LABEL \u2500\u2500 *\/\r\n.msl-team-section-label {\r\n  display: flex; align-items: center; gap: 0.75rem;\r\n  margin-bottom: 2.5rem;\r\n  opacity: 0; transform: translateY(16px);\r\n  transition: opacity 0.6s ease 0.15s, transform 0.6s ease 0.15s;\r\n}\r\n.msl-team-section-label.visible { opacity: 1; transform: translateY(0); }\r\n.msl-team-section-label span {\r\n  font-size: 0.85rem; font-weight: 500; color: #1E1E1E;\r\n  display: flex; align-items: center; gap: 0.5rem;\r\n}\r\n\r\n\/* \u2500\u2500 GRID \u2500\u2500 *\/\r\n.msl-team-grid {\r\n  display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.75rem;\r\n  opacity: 0; transform: translateY(24px);\r\n  transition: opacity 0.7s ease 0.2s, transform 0.7s ease 0.2s;\r\n}\r\n.msl-team-grid.visible { opacity: 1; transform: translateY(0); }\r\n\r\n\/* \u2500\u2500 CARD \u2500\u2500 *\/\r\n.msl-team-card { cursor: pointer; user-select: none; }\r\n\r\n.msl-team-card-img-wrap {\r\n  overflow: hidden; border-radius: 10px; height: 320px;\r\n  transition: border-radius 0.5s ease, height 0.5s ease;\r\n}\r\n.msl-team-card:hover .msl-team-card-img-wrap,\r\n.msl-team-card.tapped .msl-team-card-img-wrap { height: 300px; border-radius: 14px; }\r\n\r\n.msl-team-card-img-wrap img {\r\n  width: 100%; height: 100%;\r\n  object-fit: cover; object-position: top center; display: block;\r\n  transition: transform 0.5s ease;\r\n}\r\n.msl-team-card:hover .msl-team-card-img-wrap img,\r\n.msl-team-card.tapped .msl-team-card-img-wrap img { transform: scale(1.03); }\r\n\r\n.msl-team-card-info { padding: 0.85rem 0.25rem 0; }\r\n\r\n.msl-team-card-top {\r\n  display: flex; justify-content: space-between; align-items: flex-start;\r\n  margin-bottom: 0.3rem;\r\n}\r\n\r\n.msl-team-card-name {\r\n  font-size: 0.95rem; font-weight: 500; color: #1E1E1E;\r\n  transition: letter-spacing 0.5s ease;\r\n}\r\n.msl-team-card:hover .msl-team-card-name,\r\n.msl-team-card.tapped .msl-team-card-name { letter-spacing: 0.05em; }\r\n\r\n.msl-team-card-num { font-size: 0.72rem; color: #B0B0B0; font-weight: 400; }\r\n\r\n.msl-team-card-role {\r\n  font-size: 0.82rem; color: #6B6B6B; font-weight: 300;\r\n  line-height: 1.5; margin-bottom: 0.5rem;\r\n}\r\n\r\n.msl-team-card-link {\r\n  display: inline-block;\r\n  font-size: 0.82rem; color: #E81F6D; font-weight: 500;\r\n  text-decoration: none; letter-spacing: 0.05em;\r\n  transition: opacity 0.5s ease, transform 0.5s ease;\r\n  opacity: 1; transform: translateY(0);\r\n}\r\n@media (min-width: 769px) {\r\n  .msl-team-card-link { opacity: 0; transform: translateY(8px); }\r\n  .msl-team-card:hover .msl-team-card-link,\r\n  .msl-team-card.tapped .msl-team-card-link { opacity: 1; transform: translateY(0); }\r\n}\r\n.msl-team-card-link:hover { text-decoration: underline; }\r\n\r\n\/* \u2500\u2500 VOLUNTEERS DIVIDER \u2500\u2500 *\/\r\n.msl-team-vol-divider {\r\n  border-top: 1px solid #F7C4DC;\r\n  margin: 4rem 0 3rem;\r\n  padding-top: 3rem;\r\n  opacity: 0; transform: translateY(16px);\r\n  transition: opacity 0.6s ease, transform 0.6s ease;\r\n}\r\n.msl-team-vol-divider.visible { opacity: 1; transform: translateY(0); }\r\n\r\n.msl-team-vol-header {\r\n  display: flex; align-items: center; gap: 0.75rem; margin-bottom: 2.5rem;\r\n}\r\n.msl-team-vol-header span {\r\n  font-size: 0.85rem; font-weight: 500; color: #1E1E1E;\r\n  display: flex; align-items: center; gap: 0.5rem;\r\n}\r\n\r\n\/* Volunteers grid \u2014 smaller cards *\/\r\n.msl-team-vol-grid {\r\n  display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.75rem;\r\n  opacity: 0; transform: translateY(24px);\r\n  transition: opacity 0.7s ease 0.1s, transform 0.7s ease 0.1s;\r\n}\r\n.msl-team-vol-grid.visible { opacity: 1; transform: translateY(0); }\r\n\r\n.msl-team-vol-card { cursor: pointer; user-select: none; }\r\n\r\n.msl-team-vol-card-img-wrap {\r\n  overflow: hidden; border-radius: 10px; height: 260px;\r\n  transition: border-radius 0.5s ease, height 0.5s ease;\r\n  position: relative;\r\n}\r\n.msl-team-vol-card:hover .msl-team-vol-card-img-wrap,\r\n.msl-team-vol-card.tapped .msl-team-vol-card-img-wrap { height: 245px; border-radius: 14px; }\r\n\r\n.msl-team-vol-card-img-wrap img {\r\n  width: 100%; height: 100%;\r\n  object-fit: cover; object-position: top center; display: block;\r\n  transition: transform 0.5s ease;\r\n}\r\n.msl-team-vol-card:hover .msl-team-vol-card-img-wrap img,\r\n.msl-team-vol-card.tapped .msl-team-vol-card-img-wrap img { transform: scale(1.03); }\r\n\r\n\/* Pink volunteer badge on image *\/\r\n.msl-team-vol-badge {\r\n  position: absolute; top: 10px; left: 10px;\r\n  background: #E81F6D; color: #fff;\r\n  font-size: 0.6rem; font-weight: 600; letter-spacing: 1.5px;\r\n  text-transform: uppercase; padding: 0.25rem 0.65rem;\r\n  border-radius: 50px;\r\n}\r\n\r\n.msl-team-vol-card-info { padding: 0.75rem 0.25rem 0; }\r\n\r\n.msl-team-vol-card-top {\r\n  display: flex; justify-content: space-between; align-items: flex-start;\r\n  margin-bottom: 0.3rem;\r\n}\r\n.msl-team-vol-card-name {\r\n  font-size: 0.92rem; font-weight: 500; color: #1E1E1E;\r\n  transition: letter-spacing 0.5s ease;\r\n}\r\n.msl-team-vol-card:hover .msl-team-vol-card-name,\r\n.msl-team-vol-card.tapped .msl-team-vol-card-name { letter-spacing: 0.05em; }\r\n\r\n.msl-team-vol-card-num { font-size: 0.72rem; color: #B0B0B0; font-weight: 400; }\r\n.msl-team-vol-card-role {\r\n  font-size: 0.78rem; color: #6B6B6B; font-weight: 300; line-height: 1.5;\r\n}\r\n\r\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n@media (max-width: 900px) {\r\n  .msl-team { padding: 4rem 5%; }\r\n  .msl-team-hero { padding: 4rem 5% 3rem; margin-bottom: 3rem; }\r\n  .msl-team-intro { grid-template-columns: 1fr; gap: 1rem; }\r\n  .msl-team-grid { grid-template-columns: repeat(2, 1fr); gap: 1.5rem; }\r\n  .msl-team-card-img-wrap { height: 280px; }\r\n  .msl-team-vol-grid { grid-template-columns: repeat(2, 1fr); gap: 1.25rem; }\r\n  .msl-team-vol-card-img-wrap { height: 220px; }\r\n}\r\n@media (max-width: 560px) {\r\n  .msl-team { padding: 3rem 4%; }\r\n  .msl-team-hero { padding: 3rem 4% 2.5rem; margin-bottom: 2.5rem; }\r\n  .msl-team-hero-title { font-size: 2.5rem; }\r\n  .msl-team-grid { grid-template-columns: repeat(2, 1fr); gap: 1rem; }\r\n  .msl-team-card-img-wrap { height: 200px; }\r\n  .msl-team-card-name { font-size: 0.85rem; }\r\n  .msl-team-card-role { font-size: 0.75rem; }\r\n  .msl-team-vol-grid { grid-template-columns: repeat(2, 1fr); gap: 1rem; }\r\n  .msl-team-vol-card-img-wrap { height: 180px; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"msl-team\">\r\n\r\n  <!-- HERO -->\r\n  <div class=\"msl-team-hero\" id=\"mslTeamHero\">\r\n    <div class=\"msl-team-badge\">\r\n      <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><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      Muslimaat Association\r\n    <\/div>\r\n    <h1 class=\"msl-team-hero-title\">\r\n      Meet the\r\n      <span>Team<\/span>\r\n    <\/h1>\r\n    <p class=\"msl-team-hero-desc\">Meet the dedicated sisters and advisors who work tirelessly to support Muslimaat's mission \u2014 building a home for every Muslim woman and girl in Sheffield.<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"msl-team-container\">\r\n\r\n    <!-- INTRO -->\r\n    <div class=\"msl-team-intro\" id=\"mslTeamIntro\">\r\n      <div>\r\n        <h2 class=\"msl-team-intro-title\">The people behind <em>our community<\/em><\/h2>\r\n      <\/div>\r\n      <p class=\"msl-team-intro-desc\">Our team combines faith, dedication and professional expertise to ensure every sister who comes to Muslimaat feels welcomed, supported and never alone on her journey.<\/p>\r\n    <\/div>\r\n\r\n    <!-- TEAM LABEL -->\r\n    <div class=\"msl-team-section-label\" id=\"mslTeamLabel\">\r\n      <span>\r\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#E81F6D\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><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        Team Members\r\n      <\/span>\r\n    <\/div>\r\n\r\n    <!-- TEAM GRID -->\r\n    <div class=\"msl-team-grid\" id=\"mslTeamGrid\">\r\n\r\n      <div class=\"msl-team-card\" onclick=\"mslTap(this)\">\r\n        <div class=\"msl-team-card-img-wrap\">\r\n          <img decoding=\"async\" src=\"https:\/\/muslimaat.org\/wp-content\/uploads\/2026\/4.png\" alt=\"Abdur Razek\">\r\n        <\/div>\r\n        <div class=\"msl-team-card-info\">\r\n          <div class=\"msl-team-card-top\">\r\n            <span class=\"msl-team-card-name\">Abdur Razek<\/span>\r\n            <span class=\"msl-team-card-num\">_01<\/span>\r\n          <\/div>\r\n          <p class=\"msl-team-card-role\">Trustee<\/p>\r\n          <a href=\"#\" class=\"msl-team-card-link\" onclick=\"event.stopPropagation()\">Profile \u2192<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"msl-team-card\" onclick=\"mslTap(this)\">\r\n        <div class=\"msl-team-card-img-wrap\">\r\n          <img decoding=\"async\" src=\"https:\/\/muslimaat.org\/wp-content\/uploads\/2026\/1.png\" alt=\"Reanne Taylor\">\r\n        <\/div>\r\n        <div class=\"msl-team-card-info\">\r\n          <div class=\"msl-team-card-top\">\r\n            <span class=\"msl-team-card-name\">Reanne Taylor<\/span>\r\n            <span class=\"msl-team-card-num\">_02<\/span>\r\n          <\/div>\r\n          <p class=\"msl-team-card-role\">Coordinator and Revert Support<\/p>\r\n          <a href=\"#\" class=\"msl-team-card-link\" onclick=\"event.stopPropagation()\">Profile \u2192<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"msl-team-card\" onclick=\"mslTap(this)\">\r\n        <div class=\"msl-team-card-img-wrap\">\r\n          <img decoding=\"async\" src=\"https:\/\/muslimaat.org\/wp-content\/uploads\/2026\/3.png\" alt=\"Ansar Al Kayani\">\r\n        <\/div>\r\n        <div class=\"msl-team-card-info\">\r\n          <div class=\"msl-team-card-top\">\r\n            <span class=\"msl-team-card-name\">Ansar Al Kayani<\/span>\r\n            <span class=\"msl-team-card-num\">_03<\/span>\r\n          <\/div>\r\n          <p class=\"msl-team-card-role\">Lead Coordinator<\/p>\r\n          <a href=\"#\" class=\"msl-team-card-link\" onclick=\"event.stopPropagation()\">Profile \u2192<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"msl-team-card\" onclick=\"mslTap(this)\">\r\n        <div class=\"msl-team-card-img-wrap\">\r\n          <img decoding=\"async\" src=\"https:\/\/muslimaat.org\/wp-content\/uploads\/2026\/2.png\" alt=\"Ali Albatati\">\r\n        <\/div>\r\n        <div class=\"msl-team-card-info\">\r\n          <div class=\"msl-team-card-top\">\r\n            <span class=\"msl-team-card-name\">Ali Albatati<\/span>\r\n            <span class=\"msl-team-card-num\">_04<\/span>\r\n          <\/div>\r\n          <p class=\"msl-team-card-role\">Coordinator<\/p>\r\n          <a href=\"#\" class=\"msl-team-card-link\" onclick=\"event.stopPropagation()\">Profile \u2192<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- \u2500\u2500 VOLUNTEERS SECTION \u2500\u2500 -->\r\n    <div class=\"msl-team-vol-divider\" id=\"mslVolDivider\">\r\n\r\n      <div class=\"msl-team-vol-header\">\r\n        <span>\r\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#E81F6D\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><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          Our Volunteers\r\n        <\/span>\r\n      <\/div>\r\n\r\n      <div class=\"msl-team-vol-grid\" id=\"mslVolGrid\">\r\n\r\n        <div class=\"msl-team-vol-card\" onclick=\"mslVolTap(this)\">\r\n          <div class=\"msl-team-vol-card-img-wrap\">\r\n            <img decoding=\"async\" src=\"https:\/\/muslimaat.org\/wp-content\/uploads\/2026\/4.png\" alt=\"Volunteer\">\r\n            \r\n          <\/div>\r\n          <div class=\"msl-team-vol-card-info\">\r\n            <div class=\"msl-team-vol-card-top\">\r\n              <span class=\"msl-team-vol-card-name\">Sister A.<\/span>\r\n              <span class=\"msl-team-vol-card-num\">_V1<\/span>\r\n            <\/div>\r\n            <p class=\"msl-team-vol-card-role\">Volunteer<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"msl-team-vol-card\" onclick=\"mslVolTap(this)\">\r\n          <div class=\"msl-team-vol-card-img-wrap\">\r\n            <img decoding=\"async\" src=\"https:\/\/muslimaat.org\/wp-content\/uploads\/2026\/4.png\" alt=\"Volunteer\">\r\n            \r\n          <\/div>\r\n          <div class=\"msl-team-vol-card-info\">\r\n            <div class=\"msl-team-vol-card-top\">\r\n              <span class=\"msl-team-vol-card-name\">Sister B.<\/span>\r\n              <span class=\"msl-team-vol-card-num\">_V2<\/span>\r\n            <\/div>\r\n            <p class=\"msl-team-vol-card-role\">Volunteer<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"msl-team-vol-card\" onclick=\"mslVolTap(this)\">\r\n          <div class=\"msl-team-vol-card-img-wrap\">\r\n            <img decoding=\"async\" src=\"https:\/\/muslimaat.org\/wp-content\/uploads\/2026\/4.png\" alt=\"Volunteer\">\r\n            \r\n          <\/div>\r\n          <div class=\"msl-team-vol-card-info\">\r\n            <div class=\"msl-team-vol-card-top\">\r\n              <span class=\"msl-team-vol-card-name\">Sister C.<\/span>\r\n              <span class=\"msl-team-vol-card-num\">_V3<\/span>\r\n            <\/div>\r\n            <p class=\"msl-team-vol-card-role\">Volunteer<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"msl-team-vol-card\" onclick=\"mslVolTap(this)\">\r\n          <div class=\"msl-team-vol-card-img-wrap\">\r\n            <img decoding=\"async\" src=\"https:\/\/muslimaat.org\/wp-content\/uploads\/2026\/4.png\" alt=\"Volunteer\">\r\n            \r\n          <\/div>\r\n          <div class=\"msl-team-vol-card-info\">\r\n            <div class=\"msl-team-vol-card-top\">\r\n              <span class=\"msl-team-vol-card-name\">Sister D.<\/span>\r\n              <span class=\"msl-team-vol-card-num\">_V4<\/span>\r\n            <\/div>\r\n            <p class=\"msl-team-vol-card-role\">Volunteer<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\nfunction mslTap(card) {\r\n  var allCards = document.querySelectorAll('.msl-team-card');\r\n  allCards.forEach(function(c) { if (c !== card) c.classList.remove('tapped'); });\r\n  card.classList.toggle('tapped');\r\n}\r\n\r\nfunction mslVolTap(card) {\r\n  var allCards = document.querySelectorAll('.msl-team-vol-card');\r\n  allCards.forEach(function(c) { if (c !== card) c.classList.remove('tapped'); });\r\n  card.classList.toggle('tapped');\r\n}\r\n\r\nvar mslTeamObs = new IntersectionObserver(function(entries) {\r\n  entries.forEach(function(entry) {\r\n    if (entry.isIntersecting) {\r\n      entry.target.classList.add('visible');\r\n      mslTeamObs.unobserve(entry.target);\r\n    }\r\n  });\r\n}, { threshold: 0.1 });\r\n\r\ndocument.querySelectorAll('#mslTeamHero, #mslTeamIntro, #mslTeamLabel, #mslTeamGrid, #mslVolDivider, #mslVolGrid')\r\n  .forEach(function(el) { mslTeamObs.observe(el); });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f4f494a elementor-widget elementor-widget-html\" data-id=\"f4f494a\" 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<div class=\"elementor-element elementor-element-689b294 elementor-widget elementor-widget-html\" data-id=\"689b294\" 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 Muslimaat 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 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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-abd421f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"abd421f\" 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-e77775d\" data-id=\"e77775d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\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-d6f1b9c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d6f1b9c\" 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-59e0866\" data-id=\"59e0866\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\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 Association Home \/ About Us Sheffield \u00b7 Est. 1996 About Muslimaat \u062c\u0645\u0639\u064a\u0629 \u0645\u0633\u0644\u0645\u0627\u062a \u0634\u064a\u0641\u064a\u0644\u062f Empowering Muslim women, girls and new Muslims in Sheffield through knowledge, faith and connection \u2014 [&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-2252","page","type-page","status-publish","hentry"],"ticketed":false,"_links":{"self":[{"href":"https:\/\/muslimaat.org\/ar\/wp-json\/wp\/v2\/pages\/2252","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=2252"}],"version-history":[{"count":130,"href":"https:\/\/muslimaat.org\/ar\/wp-json\/wp\/v2\/pages\/2252\/revisions"}],"predecessor-version":[{"id":3026,"href":"https:\/\/muslimaat.org\/ar\/wp-json\/wp\/v2\/pages\/2252\/revisions\/3026"}],"wp:attachment":[{"href":"https:\/\/muslimaat.org\/ar\/wp-json\/wp\/v2\/media?parent=2252"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}