{"id":2141,"date":"2026-03-05T16:57:46","date_gmt":"2026-03-05T16:57:46","guid":{"rendered":"https:\/\/muslimaat.org\/?page_id=2141"},"modified":"2026-04-29T12:42:49","modified_gmt":"2026-04-29T11:42:49","slug":"home","status":"publish","type":"page","link":"https:\/\/muslimaat.org\/ar\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2141\" class=\"elementor elementor-2141\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2c66ad9 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2c66ad9\" 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-e50c24c\" data-id=\"e50c24c\" 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-67fddc3 elementor-widget elementor-widget-html\" data-id=\"67fddc3\" 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-hero *,\r\n  .msl-hero *::before,\r\n  .msl-hero *::after {\r\n    box-sizing: border-box;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n\r\n  :root {\r\n    --pink: #E81F6D;\r\n    --pink-dark: #B8155A;\r\n    --pink-light: #FDEEF5;\r\n    --pink-border: #F7C4DC;\r\n    --white: #FFFFFF;\r\n    --charcoal: #1E1E1E;\r\n    --gray: #6B6B6B;\r\n    --muted: #F4F4F5;\r\n  }\r\n\r\n  \/* \u2500\u2500 HERO \u2500\u2500 *\/\r\n  .msl-hero {\r\n    width: 100%;\r\n    overflow: hidden;\r\n    background: #ffffff;\r\n    padding: 5rem 0;\r\n    font-family: 'Jost', sans-serif;\r\n  }\r\n\r\n  .msl-hero-container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding: 0 5%;\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    align-items: center;\r\n    gap: 4rem;\r\n  }\r\n\r\n  \/* \u2500\u2500 LEFT COLUMN \u2500\u2500 *\/\r\n  .msl-hero-left {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    text-align: left;\r\n  }\r\n\r\n  .msl-hero-tag {\r\n    display: inline-block;\r\n    background: var(--pink-light);\r\n    color: var(--pink);\r\n    font-size: 0.78rem;\r\n    font-weight: 600;\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n    padding: 0.4rem 1rem;\r\n    border-radius: 50px;\r\n    margin-bottom: 1.5rem;\r\n    border: 1px solid var(--pink-border);\r\n    opacity: 0;\r\n    animation: mslFadeUp 0.7s 0.1s ease forwards;\r\n  }\r\n\r\n  .msl-hero-title {\r\n    font-family: 'Cormorant Garamond', serif;\r\n    font-size: clamp(2.5rem, 4vw, 4rem);\r\n    font-weight: 600;\r\n    line-height: 1.15;\r\n    color: var(--charcoal);\r\n    margin-bottom: 1.25rem;\r\n    opacity: 0;\r\n    animation: mslFadeUp 0.7s 0.2s ease forwards;\r\n  }\r\n\r\n  .msl-hero-title em {\r\n    font-style: italic;\r\n    color: var(--pink);\r\n  }\r\n\r\n  .msl-hero-subtitle {\r\n    font-size: 1rem;\r\n    color: var(--gray);\r\n    line-height: 1.8;\r\n    max-width: 460px;\r\n    margin-bottom: 2rem;\r\n    font-weight: 300;\r\n    opacity: 0;\r\n    animation: mslFadeUp 0.7s 0.3s ease forwards;\r\n  }\r\n\r\n  \/* \u2500\u2500 BUTTONS \u2500\u2500 *\/\r\n  .msl-hero-actions {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 1rem;\r\n    margin-bottom: 3rem;\r\n    opacity: 0;\r\n    animation: mslFadeUp 0.7s 0.4s ease forwards;\r\n  }\r\n\r\n  .msl-btn-primary {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: var(--pink);\r\n    color: white;\r\n    text-decoration: none;\r\n    padding: 0.75rem 2rem;\r\n    border-radius: 8px;\r\n    font-size: 0.9rem;\r\n    font-weight: 600;\r\n    font-family: 'Jost', sans-serif;\r\n    border: none;\r\n    cursor: pointer;\r\n    transition: all 0.3s;\r\n    box-shadow: 0 4px 16px rgba(232,31,109,0.3);\r\n    letter-spacing: 0.3px;\r\n  }\r\n\r\n  .msl-btn-primary:hover {\r\n    background: var(--pink-dark);\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 8px 24px rgba(232,31,109,0.4);\r\n    color: white;\r\n  }\r\n\r\n  .msl-btn-outline {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: transparent;\r\n    color: var(--charcoal);\r\n    text-decoration: none;\r\n    padding: 0.75rem 2rem;\r\n    border-radius: 8px;\r\n    font-size: 0.9rem;\r\n    font-weight: 500;\r\n    font-family: 'Jost', sans-serif;\r\n    border: 1.5px solid #E2E2E2;\r\n    cursor: pointer;\r\n    transition: all 0.3s;\r\n    letter-spacing: 0.3px;\r\n  }\r\n\r\n  .msl-btn-outline:hover {\r\n    border-color: var(--pink);\r\n    color: var(--pink);\r\n    background: var(--pink-light);\r\n  }\r\n\r\n  \/* \u2500\u2500 STATS \u2500\u2500 *\/\r\n  .msl-hero-stats {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 2rem;\r\n    opacity: 0;\r\n    animation: mslFadeUp 0.7s 0.5s ease forwards;\r\n  }\r\n\r\n  .msl-stat {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 0.75rem;\r\n  }\r\n\r\n  .msl-stat-icon {\r\n    width: 42px;\r\n    height: 42px;\r\n    border-radius: 50%;\r\n    background: var(--muted);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .msl-stat-icon svg {\r\n    width: 18px;\r\n    height: 18px;\r\n    stroke: var(--gray);\r\n  }\r\n\r\n  .msl-stat-value {\r\n    font-size: 1.15rem;\r\n    font-weight: 700;\r\n    color: var(--charcoal);\r\n    line-height: 1.2;\r\n    font-family: 'Jost', sans-serif;\r\n  }\r\n\r\n  .msl-stat-label {\r\n    font-size: 0.78rem;\r\n    color: var(--gray);\r\n    font-weight: 400;\r\n  }\r\n\r\n  \/* \u2500\u2500 RIGHT COLUMN \u2014 SINGLE BIG IMAGE \u2500\u2500 *\/\r\n  .msl-hero-right {\r\n    position: relative;\r\n    width: 100%;\r\n    opacity: 0;\r\n    animation: mslFadeUp 0.9s 0.4s ease forwards;\r\n  }\r\n\r\n  \/* Decorative background blob *\/\r\n  .msl-hero-right::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -30px;\r\n    right: -30px;\r\n    width: 85%;\r\n    height: 85%;\r\n    background: var(--pink-light);\r\n    border-radius: 30px;\r\n    z-index: 0;\r\n  }\r\n\r\n  \/* Decorative bottom blob *\/\r\n  .msl-hero-right::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: -20px;\r\n    left: -20px;\r\n    width: 120px;\r\n    height: 120px;\r\n    background: rgba(232,31,109,0.08);\r\n    border-radius: 50%;\r\n    z-index: 0;\r\n  }\r\n\r\n  \/* Main image wrapper *\/\r\n  .msl-hero-img-wrap {\r\n    position: relative;\r\n    z-index: 1;\r\n    border-radius: 24px;\r\n    overflow: hidden;\r\n    box-shadow: 0 30px 80px rgba(232,31,109,0.18);\r\n    width: 100%;\r\n  }\r\n\r\n  .msl-hero-img-wrap img {\r\n    width: 100%;\r\n    height: auto;\r\n    display: block;\r\n    transition: transform 0.6s ease;\r\n  }\r\n\r\n  .msl-hero-img-wrap:hover img {\r\n    transform: scale(1.03);\r\n  }\r\n\r\n  \/* Floating stat badge *\/\r\n  .msl-hero-badge {\r\n    position: absolute;\r\n    bottom: 30px;\r\n    left: -20px;\r\n    z-index: 2;\r\n    background: white;\r\n    border-radius: 16px;\r\n    padding: 1rem 1.25rem;\r\n    box-shadow: 0 15px 40px rgba(0,0,0,0.12);\r\n    border: 1px solid var(--pink-border);\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 0.75rem;\r\n    opacity: 0;\r\n    animation: mslScaleIn 0.6s 0.9s ease forwards;\r\n  }\r\n\r\n  .msl-badge-dot {\r\n    width: 10px;\r\n    height: 10px;\r\n    border-radius: 50%;\r\n    background: var(--pink);\r\n    flex-shrink: 0;\r\n    box-shadow: 0 0 0 3px rgba(232,31,109,0.2);\r\n  }\r\n\r\n  .msl-badge-text {\r\n    font-size: 0.82rem;\r\n    font-weight: 600;\r\n    color: var(--charcoal);\r\n    font-family: 'Jost', sans-serif;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  .msl-badge-sub {\r\n    font-size: 0.72rem;\r\n    color: var(--gray);\r\n    font-weight: 400;\r\n  }\r\n\r\n  \/* Floating quote card *\/\r\n  .msl-hero-quote {\r\n    position: absolute;\r\n    top: 30px;\r\n    right: -20px;\r\n    z-index: 2;\r\n    background: white;\r\n    border-radius: 16px;\r\n    padding: 1rem 1.25rem;\r\n    max-width: 200px;\r\n    box-shadow: 0 15px 40px rgba(0,0,0,0.1);\r\n    border: 1px solid var(--pink-border);\r\n    opacity: 0;\r\n    animation: mslScaleIn 0.6s 1.1s ease forwards;\r\n  }\r\n\r\n  .msl-quote-text {\r\n    font-family: 'Cormorant Garamond', serif;\r\n    font-size: 0.88rem;\r\n    font-style: italic;\r\n    color: var(--pink-dark);\r\n    line-height: 1.5;\r\n    margin-bottom: 0.3rem;\r\n  }\r\n\r\n  .msl-quote-ref {\r\n    font-size: 0.68rem;\r\n    color: var(--gray);\r\n    font-weight: 500;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.5px;\r\n  }\r\n\r\n  \/* Floating shapes *\/\r\n  .msl-shape {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    z-index: 0;\r\n    animation: mslFloat 3s ease-in-out infinite;\r\n  }\r\n\r\n  .msl-shape-1 {\r\n    top: 10%;\r\n    left: -15px;\r\n    width: 40px; height: 40px;\r\n    background: rgba(232,31,109,0.12);\r\n    animation-delay: 0s;\r\n  }\r\n\r\n  .msl-shape-2 {\r\n    bottom: 15%;\r\n    right: -10px;\r\n    width: 28px; height: 28px;\r\n    background: rgba(201,168,76,0.2);\r\n    animation-delay: 1s;\r\n  }\r\n\r\n  \/* \u2500\u2500 ANIMATIONS \u2500\u2500 *\/\r\n  @keyframes mslFadeUp {\r\n    from { opacity: 0; transform: translateY(20px); }\r\n    to   { opacity: 1; transform: translateY(0); }\r\n  }\r\n\r\n  @keyframes mslScaleIn {\r\n    from { opacity: 0; transform: scale(0.85); }\r\n    to   { opacity: 1; transform: scale(1); }\r\n  }\r\n\r\n  @keyframes mslFloat {\r\n    0%, 100% { transform: translateY(0); }\r\n    50%       { transform: translateY(-10px); }\r\n  }\r\n\r\n  \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n  @media (max-width: 900px) {\r\n    .msl-hero-container {\r\n      grid-template-columns: 1fr;\r\n      gap: 3rem;\r\n    }\r\n\r\n    .msl-hero-left {\r\n      align-items: center;\r\n      text-align: center;\r\n    }\r\n\r\n    .msl-hero-subtitle { max-width: 100%; }\r\n    .msl-hero-actions,\r\n    .msl-hero-stats { justify-content: center; }\r\n\r\n    .msl-hero-right::before { display: none; }\r\n    .msl-hero-badge { left: 10px; bottom: 10px; }\r\n    .msl-hero-quote { right: 10px; top: 10px; }\r\n  }\r\n\r\n  @media (max-width: 560px) {\r\n    .msl-hero { padding: 3rem 0; }\r\n  }\r\n<\/style>\r\n\r\n<!-- HERO SECTION -->\r\n<section class=\"msl-hero\">\r\n  <div class=\"msl-hero-container\">\r\n\r\n    <!-- LEFT: Text Content -->\r\n    <div class=\"msl-hero-left\">\r\n\r\n      <span class=\"msl-hero-tag\">Sheffield, UK \u00b7 Est. 1996<\/span>\r\n\r\n      <h1 class=\"msl-hero-title\">\r\n        Empowering Muslim women<br><em>through faith &amp; community<\/em>\r\n      <\/h1>\r\n\r\n      <p class=\"msl-hero-subtitle\">\r\n        Empowering Muslim women, girls, and new Muslims through knowledge, faith, and connection. Together, we build faith. Together, we build community.\r\n      <\/p>\r\n\r\n      <!-- BUTTONS -->\r\n      <div class=\"msl-hero-actions\">\r\n        <a href=\"\/contact\" class=\"msl-btn-primary\">Begin Your Journey<\/a>\r\n        <a href=\"\/about\" class=\"msl-btn-outline\">Learn More<\/a>\r\n      <\/div>\r\n\r\n      <!-- STATS -->\r\n      <div class=\"msl-hero-stats\">\r\n\r\n        <div class=\"msl-stat\">\r\n          <div class=\"msl-stat-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/>\r\n              <circle cx=\"9\" cy=\"7\" r=\"4\"\/>\r\n              <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/>\r\n              <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div>\r\n            <p class=\"msl-stat-value\">1000+<\/p>\r\n            <p class=\"msl-stat-label\">Women &amp; Girls Supported<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"msl-stat\">\r\n          <div class=\"msl-stat-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"\/>\r\n              <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/>\r\n              <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/>\r\n              <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div>\r\n            <p class=\"msl-stat-value\">50+<\/p>\r\n            <p class=\"msl-stat-label\">Events Held<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"msl-stat\">\r\n          <div class=\"msl-stat-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <path d=\"M4 19.5A2.5 2.5 0 0 1 6.5 17H20\"\/>\r\n              <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\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div>\r\n            <p class=\"msl-stat-value\">Free<\/p>\r\n            <p class=\"msl-stat-label\">Resources<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- RIGHT: Single Big Image -->\r\n    <div class=\"msl-hero-right\">\r\n\r\n      <!-- Floating shapes -->\r\n      <div class=\"msl-shape msl-shape-1\"><\/div>\r\n      <div class=\"msl-shape msl-shape-2\"><\/div>\r\n\r\n      <!-- MAIN IMAGE \u2014 replace src with your own image URL -->\r\n      <div class=\"msl-hero-img-wrap\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/muslimaat.org\/wp-content\/uploads\/2026\/thumbnail.png\"\r\n          alt=\"Muslimaat Sheffield \u2014 New Muslim Sisters\"\r\n        >\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\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-5034e28 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5034e28\" 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-811a012\" data-id=\"811a012\" 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-667ead3 elementor-widget elementor-widget-html\" data-id=\"667ead3\" 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;0,700;1,400&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  .msl-marquee *,\r\n  .msl-marquee *::before,\r\n  .msl-marquee *::after {\r\n    box-sizing: border-box;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n\r\n  :root {\r\n    --pink: #E81F6D;\r\n    --pink-dark: #B8155A;\r\n    --pink-light: #FDEEF5;\r\n    --pink-border: #F7C4DC;\r\n    --white: #FFFFFF;\r\n    --charcoal: #1E1E1E;\r\n    --gray: #6B6B6B;\r\n  }\r\n\r\n  \/* \u2500\u2500 SECTION \u2500\u2500 *\/\r\n  .msl-marquee {\r\n    width: 100%;\r\n    background: var(--white);\r\n    border-top: 1px solid var(--pink-border);\r\n    border-bottom: 1px solid var(--pink-border);\r\n    padding: 3.5rem 0;\r\n    overflow: hidden;\r\n    position: relative;\r\n    font-family: 'Jost', sans-serif;\r\n  }\r\n\r\n  \/* Fade edges *\/\r\n  .msl-marquee-fade-left,\r\n  .msl-marquee-fade-right {\r\n    position: absolute;\r\n    top: 0; bottom: 0;\r\n    width: 180px;\r\n    z-index: 2;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .msl-marquee-fade-left {\r\n    left: 0;\r\n    background: linear-gradient(to right, var(--white) 0%, transparent 100%);\r\n  }\r\n\r\n  .msl-marquee-fade-right {\r\n    right: 0;\r\n    background: linear-gradient(to left, var(--white) 0%, transparent 100%);\r\n  }\r\n\r\n  \/* \u2500\u2500 ROW 1 \u2014 slides left \u2500\u2500 *\/\r\n  .msl-marquee-track {\r\n    display: flex;\r\n    width: max-content;\r\n    animation: mslMarqueeLeft 80s linear infinite;\r\n  }\r\n\r\n  .msl-marquee-track:hover {\r\n    animation-play-state: paused;\r\n  }\r\n\r\n  \/* \u2500\u2500 ROW 2 \u2014 slides right \u2500\u2500 *\/\r\n  .msl-marquee-track-reverse {\r\n    display: flex;\r\n    width: max-content;\r\n    animation: mslMarqueeRight 80s linear infinite;\r\n    margin-top: 1.5rem;\r\n  }\r\n\r\n  .msl-marquee-track-reverse:hover {\r\n    animation-play-state: paused;\r\n  }\r\n\r\n  \/* \u2500\u2500 VERSE CARD \u2500\u2500 *\/\r\n  .msl-verse-card {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 2rem;\r\n    padding: 0 2.5rem;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  \/* Separator diamond *\/\r\n  .msl-verse-sep {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 0.5rem;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .msl-verse-sep-dot {\r\n    width: 5px;\r\n    height: 5px;\r\n    background: var(--pink-border);\r\n    transform: rotate(45deg);\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .msl-verse-sep-line {\r\n    width: 30px;\r\n    height: 1px;\r\n    background: var(--pink-border);\r\n  }\r\n\r\n  \/* Arabic text *\/\r\n  .msl-verse-arabic {\r\n    font-family: 'Amiri', serif;\r\n    font-size: 1.5rem;\r\n    color: var(--pink);\r\n    direction: rtl;\r\n    white-space: nowrap;\r\n    letter-spacing: 1px;\r\n    line-height: 1.4;\r\n  }\r\n\r\n  \/* English text *\/\r\n  .msl-verse-english {\r\n    font-family: 'Cormorant Garamond', serif;\r\n    font-size: 1.05rem;\r\n    font-style: italic;\r\n    color: var(--pink-dark);\r\n    white-space: nowrap;\r\n    font-weight: 300;\r\n  }\r\n\r\n  \/* Reference *\/\r\n  .msl-verse-ref {\r\n    font-size: 0.7rem;\r\n    font-weight: 600;\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n    color: var(--gray);\r\n    white-space: nowrap;\r\n    font-family: 'Jost', sans-serif;\r\n  }\r\n\r\n  \/* Vertical divider between arabic\/english\/ref *\/\r\n  .msl-verse-divider {\r\n    width: 1px;\r\n    height: 28px;\r\n    background: var(--pink-border);\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  \/* \u2500\u2500 ANIMATIONS \u2014 slow and elegant \u2500\u2500 *\/\r\n  @keyframes mslMarqueeLeft {\r\n    from { transform: translateX(0); }\r\n    to   { transform: translateX(-50%); }\r\n  }\r\n\r\n  @keyframes mslMarqueeRight {\r\n    from { transform: translateX(-50%); }\r\n    to   { transform: translateX(0); }\r\n  }\r\n\r\n  \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n  @media (max-width: 600px) {\r\n    .msl-verse-arabic { font-size: 1.2rem; }\r\n    .msl-verse-english { font-size: 0.9rem; }\r\n    .msl-marquee-fade-left,\r\n    .msl-marquee-fade-right { width: 80px; }\r\n  }\r\n<\/style>\r\n\r\n<!-- MARQUEE SECTION -->\r\n<div class=\"msl-marquee\">\r\n\r\n  <!-- Fade edges -->\r\n  <div class=\"msl-marquee-fade-left\"><\/div>\r\n  <div class=\"msl-marquee-fade-right\"><\/div>\r\n\r\n  <!-- ROW 1 \u2014 Left scrolling -->\r\n  <div class=\"msl-marquee-track\" id=\"mslRow1\"><\/div>\r\n\r\n  <!-- ROW 2 \u2014 Right scrolling -->\r\n  <div class=\"msl-marquee-track-reverse\" id=\"mslRow2\"><\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n  \/\/ \u2500\u2500 VERSE DATA \u2500\u2500\r\n  const mslVerses = [\r\n    {\r\n      arabic: '\u0641\u064e\u0625\u0650\u0646\u064e\u0651 \u0645\u064e\u0639\u064e \u0627\u0644\u0652\u0639\u064f\u0633\u0652\u0631\u0650 \u064a\u064f\u0633\u0652\u0631\u064b\u0627',\r\n      english: 'Indeed, with hardship comes ease.',\r\n      ref: 'Quran 94:5'\r\n    },\r\n    {\r\n      arabic: '\u0648\u064e\u0645\u064e\u0646 \u064a\u064e\u062a\u064e\u0648\u064e\u0643\u064e\u0651\u0644\u0652 \u0639\u064e\u0644\u064e\u0649 \u0627\u0644\u0644\u064e\u0651\u0647\u0650 \u0641\u064e\u0647\u064f\u0648\u064e \u062d\u064e\u0633\u0652\u0628\u064f\u0647\u064f',\r\n      english: 'Whoever relies upon Allah \u2014 He is sufficient for him.',\r\n      ref: 'Quran 65:3'\r\n    },\r\n    {\r\n      arabic: '\u0648\u064e\u0625\u0650\u0630\u064e\u0627 \u0633\u064e\u0623\u064e\u0644\u064e\u0643\u064e \u0639\u0650\u0628\u064e\u0627\u062f\u0650\u064a \u0639\u064e\u0646\u0650\u0651\u064a \u0641\u064e\u0625\u0650\u0646\u0650\u0651\u064a \u0642\u064e\u0631\u0650\u064a\u0628\u064c',\r\n      english: 'When My servants ask about Me \u2014 I am near.',\r\n      ref: 'Quran 2:186'\r\n    },\r\n    {\r\n      arabic: '\u0625\u0650\u0646\u064e\u0651 \u0627\u0644\u0644\u064e\u0651\u0647\u064e \u0645\u064e\u0639\u064e \u0627\u0644\u0635\u064e\u0651\u0627\u0628\u0650\u0631\u0650\u064a\u0646\u064e',\r\n      english: 'Indeed, Allah is with the patient.',\r\n      ref: 'Quran 2:153'\r\n    },\r\n    {\r\n      arabic: '\u0648\u064e\u0644\u064e\u0627 \u062a\u064e\u064a\u0652\u0623\u064e\u0633\u064f\u0648\u0627 \u0645\u0650\u0646 \u0631\u064e\u0651\u0648\u0652\u062d\u0650 \u0627\u0644\u0644\u064e\u0651\u0647\u0650',\r\n      english: 'Do not despair of the mercy of Allah.',\r\n      ref: 'Quran 12:87'\r\n    },\r\n    {\r\n      arabic: '\u0631\u064e\u0628\u064e\u0651\u0646\u064e\u0627 \u0622\u062a\u0650\u0646\u064e\u0627 \u0641\u0650\u064a \u0627\u0644\u062f\u064f\u0651\u0646\u0652\u064a\u064e\u0627 \u062d\u064e\u0633\u064e\u0646\u064e\u0629\u064b',\r\n      english: 'Our Lord, grant us good in this world and the next.',\r\n      ref: 'Quran 2:201'\r\n    },\r\n    {\r\n      arabic: '\u064a\u064f\u0631\u0650\u064a\u062f\u064f \u0627\u0644\u0644\u064e\u0651\u0647\u064f \u0628\u0650\u0643\u064f\u0645\u064f \u0627\u0644\u0652\u064a\u064f\u0633\u0652\u0631\u064e',\r\n      english: 'Allah intends ease for you.',\r\n      ref: 'Quran 2:185'\r\n    },\r\n    {\r\n      arabic: '\u0648\u064e\u0647\u064f\u0648\u064e \u0627\u0644\u0652\u063a\u064e\u0641\u064f\u0648\u0631\u064f \u0627\u0644\u0631\u064e\u0651\u062d\u0650\u064a\u0645\u064f',\r\n      english: 'He is the Most Forgiving, the Most Merciful.',\r\n      ref: 'Quran 10:107'\r\n    }\r\n  ];\r\n\r\n  function mslBuildCard(verse) {\r\n    return `\r\n      <div class=\"msl-verse-card\">\r\n        <div class=\"msl-verse-sep\">\r\n          <div class=\"msl-verse-sep-line\"><\/div>\r\n          <div class=\"msl-verse-sep-dot\"><\/div>\r\n          <div class=\"msl-verse-sep-line\"><\/div>\r\n        <\/div>\r\n        <span class=\"msl-verse-arabic\">${verse.arabic}<\/span>\r\n        <div class=\"msl-verse-divider\"><\/div>\r\n        <span class=\"msl-verse-english\">${verse.english}<\/span>\r\n        <div class=\"msl-verse-divider\"><\/div>\r\n        <span class=\"msl-verse-ref\">${verse.ref}<\/span>\r\n      <\/div>\r\n    `;\r\n  }\r\n\r\n  function mslBuildRow(rowEl, verses) {\r\n    \/\/ Duplicate for seamless infinite scroll\r\n    const html = verses.map(mslBuildCard).join('');\r\n    rowEl.innerHTML = html + html;\r\n  }\r\n\r\n  \/\/ Row 1 \u2014 all verses\r\n  mslBuildRow(document.getElementById('mslRow1'), mslVerses);\r\n\r\n  \/\/ Row 2 \u2014 reversed order for visual variety\r\n  mslBuildRow(document.getElementById('mslRow2'), [...mslVerses].reverse());\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-ec8dce6 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ec8dce6\" 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-22d67ea\" data-id=\"22d67ea\" 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-a56514b elementor-widget elementor-widget-html\" data-id=\"a56514b\" 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&family=Amiri:wght@400;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.msl-pt *, .msl-pt *::before, .msl-pt *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n.msl-pt {\r\n  width: 100%;\r\n  background: #fff;\r\n  padding: 6rem 5%;\r\n  font-family: 'Jost', sans-serif;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n\/* Subtle background pattern *\/\r\n.msl-pt::before {\r\n  content: '';\r\n  position: absolute; inset: 0;\r\n  background-image: radial-gradient(circle at 20% 20%, rgba(232,31,109,0.04) 0%, transparent 50%),\r\n                    radial-gradient(circle at 80% 80%, rgba(232,31,109,0.03) 0%, transparent 50%);\r\n  pointer-events: none;\r\n}\r\n\r\n.msl-pt-container {\r\n  max-width: 1200px; margin: 0 auto; position: relative; z-index: 1;\r\n}\r\n\r\n\/* \u2500\u2500 HEADER \u2500\u2500 *\/\r\n.msl-pt-header {\r\n  text-align: center; margin-bottom: 3rem;\r\n}\r\n\r\n.msl-pt-tag {\r\n  display: inline-flex; align-items: center; gap: 0.75rem; margin-bottom: 0.75rem;\r\n}\r\n.msl-pt-tag::before, .msl-pt-tag::after {\r\n  content: ''; display: block; width: 30px; height: 1.5px; background: #E81F6D;\r\n}\r\n.msl-pt-tag span {\r\n  font-size: 0.68rem; font-weight: 600; letter-spacing: 3px;\r\n  text-transform: uppercase; color: #E81F6D;\r\n}\r\n\r\n.msl-pt-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-pt-title em { font-style: italic; font-weight: 600; color: #E81F6D; }\r\n\r\n.msl-pt-subtitle {\r\n  font-size: 0.85rem; color: #a1a1aa; font-weight: 300;\r\n}\r\n\r\n\/* \u2500\u2500 DATE ROW \u2500\u2500 *\/\r\n.msl-pt-date-row {\r\n  display: flex; align-items: center; justify-content: center; gap: 2rem;\r\n  margin-bottom: 2.5rem; flex-wrap: wrap;\r\n}\r\n.msl-pt-date {\r\n  font-size: 0.82rem; color: #71717a; font-weight: 300;\r\n}\r\n.msl-pt-date-sep {\r\n  width: 4px; height: 4px; border-radius: 50%; background: #E81F6D;\r\n}\r\n.msl-pt-hijri {\r\n  font-family: 'Amiri', serif;\r\n  font-size: 1rem; color: #E81F6D; direction: rtl;\r\n}\r\n\r\n\/* \u2500\u2500 NEXT PRAYER BANNER \u2500\u2500 *\/\r\n.msl-pt-next {\r\n  background: linear-gradient(135deg, #E81F6D 0%, #B8155A 100%);\r\n  border-radius: 24px; padding: 2rem 2.5rem;\r\n  display: flex; align-items: center; justify-content: space-between;\r\n  margin-bottom: 2rem; flex-wrap: wrap; gap: 1.5rem;\r\n  box-shadow: 0 16px 48px rgba(232,31,109,0.25), 0 4px 16px rgba(232,31,109,0.15);\r\n  position: relative; overflow: hidden;\r\n}\r\n\r\n\/* Decorative circle on banner *\/\r\n.msl-pt-next::before {\r\n  content: '';\r\n  position: absolute; right: -60px; top: -60px;\r\n  width: 220px; height: 220px; border-radius: 50%;\r\n  background: rgba(255,255,255,0.08); pointer-events: none;\r\n}\r\n.msl-pt-next::after {\r\n  content: '';\r\n  position: absolute; left: -40px; bottom: -40px;\r\n  width: 150px; height: 150px; border-radius: 50%;\r\n  background: rgba(255,255,255,0.05); pointer-events: none;\r\n}\r\n\r\n.msl-pt-next-left { position: relative; z-index: 1; }\r\n.msl-pt-next-label {\r\n  font-size: 0.62rem; font-weight: 600; letter-spacing: 3px;\r\n  text-transform: uppercase; color: rgba(255,255,255,0.65);\r\n  margin-bottom: 0.4rem;\r\n}\r\n.msl-pt-next-name {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: 2.2rem; font-weight: 600; color: #fff; line-height: 1;\r\n  margin-bottom: 0.2rem;\r\n}\r\n.msl-pt-next-arabic {\r\n  font-family: 'Amiri', serif;\r\n  font-size: 1.1rem; color: rgba(255,255,255,0.55);\r\n  direction: rtl;\r\n}\r\n\r\n.msl-pt-next-center {\r\n  text-align: center; position: relative; z-index: 1;\r\n}\r\n.msl-pt-next-time {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: 3.5rem; font-weight: 600; color: #fff;\r\n  letter-spacing: -2px; line-height: 1;\r\n}\r\n\r\n.msl-pt-next-right {\r\n  text-align: right; position: relative; z-index: 1;\r\n}\r\n.msl-pt-countdown-label {\r\n  font-size: 0.62rem; color: rgba(255,255,255,0.55);\r\n  letter-spacing: 2px; text-transform: uppercase; margin-bottom: 0.4rem;\r\n}\r\n.msl-pt-countdown-time {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: 1.75rem; font-weight: 600; color: rgba(255,255,255,0.92);\r\n  letter-spacing: 1px;\r\n}\r\n\r\n\/* \u2500\u2500 PRAYER GRID \u2500\u2500 *\/\r\n.msl-pt-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(5, 1fr);\r\n  gap: 1rem;\r\n  margin-bottom: 2rem;\r\n}\r\n\r\n.msl-pt-card {\r\n  background: #fff;\r\n  border: 1px solid #f4f4f5;\r\n  border-radius: 20px;\r\n  padding: 1.75rem 1rem;\r\n  text-align: center;\r\n  transition: all 0.3s ease;\r\n  position: relative; overflow: hidden;\r\n  box-shadow: 0 2px 8px rgba(0,0,0,0.04);\r\n  cursor: default;\r\n}\r\n.msl-pt-card::after {\r\n  content: ''; position: absolute;\r\n  bottom: 0; left: 0; right: 0; height: 3px;\r\n  background: linear-gradient(to right, #E81F6D, #F7A8C4);\r\n  transform: scaleX(0); transform-origin: left;\r\n  transition: transform 0.4s ease;\r\n  border-radius: 0 0 20px 20px;\r\n}\r\n.msl-pt-card:hover {\r\n  border-color: #fbcfe8;\r\n  box-shadow: 0 8px 24px rgba(232,31,109,0.1);\r\n  transform: translateY(-4px);\r\n}\r\n.msl-pt-card:hover::after { transform: scaleX(1); }\r\n\r\n\/* Active card *\/\r\n.msl-pt-card.active {\r\n  background: #FDEEF5;\r\n  border-color: #F7C4DC;\r\n  box-shadow: 0 8px 32px rgba(232,31,109,0.15);\r\n  transform: translateY(-4px);\r\n}\r\n.msl-pt-card.active::after { transform: scaleX(1); }\r\n\r\n\/* Past prayer *\/\r\n.msl-pt-card.past { opacity: 0.65; }\r\n.msl-pt-card.past:hover { transform: none; box-shadow: 0 2px 8px rgba(0,0,0,0.04); }\r\n\r\n.msl-pt-card-arabic {\r\n  font-family: 'Amiri', serif;\r\n  font-size: 1.2rem; color: rgba(232,31,109,0.75);\r\n  direction: rtl; margin-bottom: 0.5rem;\r\n  min-height: 1.8rem;\r\n}\r\n.msl-pt-card.active .msl-pt-card-arabic { color: #E81F6D; }\r\n\r\n.msl-pt-card-name {\r\n  font-size: 0.62rem; font-weight: 600; letter-spacing: 2.5px;\r\n  text-transform: uppercase; color: #09090b;\r\n  margin-bottom: 1rem;\r\n}\r\n.msl-pt-card.active .msl-pt-card-name { color: #E81F6D; }\r\n\r\n.msl-pt-card-time {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: 1.9rem; font-weight: 700; color: #09090b;\r\n  line-height: 1; letter-spacing: -0.5px;\r\n}\r\n.msl-pt-card.active .msl-pt-card-time { color: #E81F6D; font-weight: 600; }\r\n\r\n.msl-pt-card-ampm {\r\n  font-size: 0.65rem; color: #a1a1aa; margin-top: 0.3rem;\r\n  font-weight: 400; letter-spacing: 1px; text-transform: uppercase;\r\n}\r\n\r\n\/* Active indicator dot *\/\r\n.msl-pt-active-dot {\r\n  position: absolute; top: 1rem; right: 1rem;\r\n  width: 8px; height: 8px; border-radius: 50%;\r\n  background: #E81F6D;\r\n  box-shadow: 0 0 0 3px rgba(232,31,109,0.2);\r\n  animation: mslPtPulse 2s ease-in-out infinite;\r\n  display: none;\r\n}\r\n.msl-pt-card.active .msl-pt-active-dot { display: block; }\r\n\r\n@keyframes mslPtPulse {\r\n  0%, 100% { box-shadow: 0 0 0 3px rgba(232,31,109,0.2); }\r\n  50% { box-shadow: 0 0 0 6px rgba(232,31,109,0.08); }\r\n}\r\n\r\n\/* \u2500\u2500 FOOTER \u2500\u2500 *\/\r\n.msl-pt-footer {\r\n  display: flex; align-items: center; justify-content: space-between;\r\n  flex-wrap: wrap; gap: 1rem;\r\n  padding-top: 1.5rem; border-top: 1px solid #f4f4f5;\r\n}\r\n.msl-pt-method {\r\n  font-size: 0.68rem; color: #a1a1aa; font-weight: 300;\r\n}\r\n.msl-pt-location {\r\n  display: flex; align-items: center; gap: 0.4rem;\r\n  font-size: 0.72rem; color: #a1a1aa; font-weight: 300;\r\n}\r\n.msl-pt-location svg {\r\n  width: 12px; height: 12px; stroke: #E81F6D; fill: none;\r\n  stroke-width: 2; stroke-linecap: round;\r\n}\r\n\r\n\/* Loading *\/\r\n.msl-pt-loading {\r\n  grid-column: span 5; text-align: center;\r\n  padding: 3rem; color: #a1a1aa; font-size: 0.85rem; font-weight: 300;\r\n}\r\n\r\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n@media (max-width: 900px) {\r\n  .msl-pt { padding: 4rem 5%; }\r\n  .msl-pt-grid { grid-template-columns: repeat(3, 1fr); }\r\n  .msl-pt-next { flex-direction: column; text-align: center; gap: 1rem; }\r\n  .msl-pt-next-right { text-align: center; }\r\n}\r\n@media (max-width: 560px) {\r\n  .msl-pt { padding: 3rem 4%; }\r\n  .msl-pt-grid { grid-template-columns: repeat(2, 1fr); gap: 0.75rem; }\r\n  .msl-pt-next-time { font-size: 2.5rem; }\r\n  .msl-pt-next-name { font-size: 1.75rem; }\r\n  .msl-pt-loading { grid-column: span 2; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"msl-pt\">\r\n  <div class=\"msl-pt-container\">\r\n\r\n    <!-- HEADER -->\r\n    <div class=\"msl-pt-header\">\r\n      <div class=\"msl-pt-tag\"><span>Daily Prayer Times<\/span><\/div>\r\n      <h2 class=\"msl-pt-title\">Prayer times for <em>Sheffield<\/em><\/h2>\r\n      <p class=\"msl-pt-subtitle\">Accurate daily salah times for Sheffield, United Kingdom<\/p>\r\n    <\/div>\r\n\r\n    <!-- DATE ROW -->\r\n    <div class=\"msl-pt-date-row\">\r\n      <div class=\"msl-pt-date\" id=\"mslPtDate\">Loading...<\/div>\r\n      <div class=\"msl-pt-date-sep\"><\/div>\r\n      <div class=\"msl-pt-hijri\" id=\"mslPtHijri\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- NEXT PRAYER BANNER -->\r\n    <div class=\"msl-pt-next\">\r\n      <div class=\"msl-pt-next-left\">\r\n        <div class=\"msl-pt-next-label\">Next Prayer<\/div>\r\n        <div class=\"msl-pt-next-name\" id=\"mslPtNextName\">\u2014<\/div>\r\n        <div class=\"msl-pt-next-arabic\" id=\"mslPtNextArabic\"><\/div>\r\n      <\/div>\r\n      <div class=\"msl-pt-next-center\">\r\n        <div class=\"msl-pt-next-time\" id=\"mslPtNextTime\">\u2014<\/div>\r\n      <\/div>\r\n      <div class=\"msl-pt-next-right\">\r\n        <div class=\"msl-pt-countdown-label\">Time remaining<\/div>\r\n        <div class=\"msl-pt-countdown-time\" id=\"mslPtCountdown\">\u2014<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- PRAYER GRID -->\r\n    <div class=\"msl-pt-grid\" id=\"mslPtGrid\">\r\n      <div class=\"msl-pt-loading\">Loading prayer times for Sheffield...<\/div>\r\n    <\/div>\r\n\r\n    <!-- FOOTER -->\r\n    <div class=\"msl-pt-footer\">\r\n      <div class=\"msl-pt-method\" id=\"mslPtMethod\">Calculation: Moonsighting Committee \u00b7 Sheffield, UK<\/div>\r\n      <div class=\"msl-pt-location\">\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n        Sheffield, United Kingdom \u00b7 S4 7UQ\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function() {\r\n\r\n  var PRAYERS = [\r\n    { key: 'Fajr',    name: 'Fajr',    arabic: '\u0627\u0644\u0641\u062c\u0631'  },\r\n    { key: 'Dhuhr',   name: 'Dhuhr',   arabic: '\u0627\u0644\u0638\u0647\u0631'  },\r\n    { key: 'Asr',     name: 'Asr',     arabic: '\u0627\u0644\u0639\u0635\u0631'  },\r\n    { key: 'Maghrib', name: 'Maghrib', arabic: '\u0627\u0644\u0645\u063a\u0631\u0628' },\r\n    { key: 'Isha',    name: 'Isha',    arabic: '\u0627\u0644\u0639\u0634\u0627\u0621' }\r\n  ];\r\n\r\n  var prayerTimes = {};\r\n  var countdownInterval = null;\r\n\r\n  function fetchTimes() {\r\n    var today = new Date();\r\n    var d = today.getDate();\r\n    var m = today.getMonth() + 1;\r\n    var y = today.getFullYear();\r\n    var url = 'https:\/\/api.aladhan.com\/v1\/timings\/' + d + '-' + m + '-' + y +\r\n              '?latitude=53.3811&longitude=-1.4701&method=15&school=0';\r\n\r\n    fetch(url)\r\n      .then(function(r) { return r.json(); })\r\n      .then(function(data) {\r\n        if (data.code === 200) {\r\n          prayerTimes = data.data.timings;\r\n          renderDate(data.data.date);\r\n          renderGrid();\r\n          updateNextPrayer();\r\n          startCountdown();\r\n        }\r\n      })\r\n      .catch(function() {\r\n        document.getElementById('mslPtGrid').innerHTML =\r\n          '<div class=\"msl-pt-loading\" style=\"grid-column:span 5\">Unable to load prayer times. Please check back later.<\/div>';\r\n      });\r\n  }\r\n\r\n  function renderDate(dateData) {\r\n    var greg = dateData.gregorian;\r\n    document.getElementById('mslPtDate').textContent =\r\n      greg.weekday.en + ', ' + greg.day + ' ' + greg.month.en + ' ' + greg.year;\r\n    var h = dateData.hijri;\r\n    document.getElementById('mslPtHijri').textContent =\r\n      h.day + ' ' + h.month.ar + ' ' + h.year + ' \u0647\u0640';\r\n  }\r\n\r\n  function toMins(str) {\r\n    var p = str.split(':');\r\n    return parseInt(p[0]) * 60 + parseInt(p[1]);\r\n  }\r\n\r\n  function fmt12(str) {\r\n    var p = str.split(':');\r\n    var h = parseInt(p[0]);\r\n    var m = p[1];\r\n    var ampm = h >= 12 ? 'PM' : 'AM';\r\n    h = h % 12 || 12;\r\n    return { time: h + ':' + m, ampm: ampm };\r\n  }\r\n\r\n  function getNextPrayer(nowMins) {\r\n    for (var i = 0; i < PRAYERS.length; i++) {\r\n      var t = prayerTimes[PRAYERS[i].key];\r\n      if (t && toMins(t) > nowMins) return PRAYERS[i];\r\n    }\r\n    return PRAYERS[0];\r\n  }\r\n\r\n  function renderGrid() {\r\n    var now = new Date();\r\n    var nowMins = now.getHours() * 60 + now.getMinutes();\r\n    var nextPrayer = getNextPrayer(nowMins);\r\n\r\n    var html = '';\r\n    PRAYERS.forEach(function(p) {\r\n      var time = prayerTimes[p.key];\r\n      if (!time) return;\r\n      var mins = toMins(time);\r\n      var isPast = mins < nowMins;\r\n      var isNext = p.key === nextPrayer.key;\r\n      var cls = 'msl-pt-card' + (isNext ? ' active' : '') + (isPast && !isNext ? ' past' : '');\r\n      var f = fmt12(time);\r\n\r\n      html += '<div class=\"' + cls + '\">' +\r\n        '<div class=\"msl-pt-active-dot\"><\/div>' +\r\n        '<div class=\"msl-pt-card-arabic\">' + p.arabic + '<\/div>' +\r\n        '<div class=\"msl-pt-card-name\">' + p.name + '<\/div>' +\r\n        '<div class=\"msl-pt-card-time\">' + f.time + '<\/div>' +\r\n        '<div class=\"msl-pt-card-ampm\">' + f.ampm + '<\/div>' +\r\n        '<\/div>';\r\n    });\r\n    document.getElementById('mslPtGrid').innerHTML = html;\r\n  }\r\n\r\n  function updateNextPrayer() {\r\n    var now = new Date();\r\n    var nowMins = now.getHours() * 60 + now.getMinutes();\r\n    var next = getNextPrayer(nowMins);\r\n    var time = prayerTimes[next.key];\r\n    var f = fmt12(time);\r\n\r\n    document.getElementById('mslPtNextName').textContent = next.name;\r\n    document.getElementById('mslPtNextArabic').textContent = next.arabic;\r\n    document.getElementById('mslPtNextTime').textContent = f.time + ' ' + f.ampm;\r\n  }\r\n\r\n  function startCountdown() {\r\n    if (countdownInterval) clearInterval(countdownInterval);\r\n    countdownInterval = setInterval(function() {\r\n      var now = new Date();\r\n      var nowMins = now.getHours() * 60 + now.getMinutes();\r\n      var next = getNextPrayer(nowMins);\r\n      var nextMins = toMins(prayerTimes[next.key]);\r\n      var diff = nextMins - nowMins;\r\n      if (diff < 0) diff += 24 * 60;\r\n\r\n      var h = Math.floor(diff \/ 60);\r\n      var m = diff % 60;\r\n      var s = 59 - now.getSeconds();\r\n\r\n      var str = (h > 0 ? h + 'h ' : '') + m + 'm ' + s + 's';\r\n      document.getElementById('mslPtCountdown').textContent = str;\r\n\r\n      if (now.getSeconds() === 0) {\r\n        renderGrid();\r\n        updateNextPrayer();\r\n      }\r\n    }, 1000);\r\n  }\r\n\r\n  fetchTimes();\r\n\r\n  var msToMidnight = new Date().setHours(24,0,0,0) - Date.now();\r\n  setTimeout(fetchTimes, msToMidnight);\r\n\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-bbecd73 elementor-widget elementor-widget-html\" data-id=\"bbecd73\" 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,300;1,400&family=Jost:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  .msl-about *, .msl-about *::before, .msl-about *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n  :root { --pink: #E81F6D; --pink-dark: #B8155A; --pink-light: #FDEEF5; --pink-border: #F7C4DC; --white: #FFFFFF; --charcoal: #1E1E1E; --gray: #6B6B6B; }\r\n  .msl-about { width: 100%; background: #ffffff; padding: 6rem 5%; font-family: 'Jost', sans-serif; overflow: visible; }\r\n  .msl-about-container { max-width: 1200px; margin: 0 auto; display: flex; flex-wrap: wrap; align-items: center; gap: 4rem; }\r\n  .msl-about-left { flex: 1 1 400px; max-width: 520px; opacity: 0; transform: translateX(-24px); transition: opacity 0.6s ease, transform 0.6s ease; }\r\n  .msl-about-left.visible { opacity: 1; transform: translateX(0); }\r\n  .msl-about-tag { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 1rem; }\r\n  .msl-about-tag::before { content: ''; display: block; width: 30px; height: 1.5px; background: var(--pink); }\r\n  .msl-about-tag span { font-size: 0.75rem; font-weight: 600; letter-spacing: 3px; text-transform: uppercase; color: var(--pink); }\r\n  .msl-about-title { font-family: 'Cormorant Garamond', serif; font-size: clamp(2.2rem, 4vw, 3.2rem); font-weight: 700; color: #232637; line-height: 1.2; margin-bottom: 1.5rem; }\r\n  .msl-about-title em { display: block; font-style: italic; color: var(--pink); margin-top: 0.25rem; }\r\n  .msl-about-desc { font-size: 1rem; color: var(--gray); line-height: 1.85; margin-bottom: 2.5rem; font-weight: 300; max-width: 480px; }\r\n  .msl-about-btn { display: inline-flex; align-items: center; justify-content: center; background: var(--pink); color: white; text-decoration: none; padding: 0.85rem 2.2rem; border-radius: 50px; font-size: 0.9rem; font-weight: 600; font-family: 'Jost', sans-serif; transition: all 0.3s; box-shadow: 0 4px 16px rgba(232,31,109,0.3); letter-spacing: 0.3px; }\r\n  .msl-about-btn:hover { background: var(--pink-dark); transform: translateY(-2px); box-shadow: 0 8px 24px rgba(232,31,109,0.4); color: white; }\r\n  .msl-about-right { flex: 1 1 400px; position: relative; padding: 3rem 2.5rem; opacity: 0; transform: translateX(24px); transition: opacity 0.6s ease 0.2s, transform 0.6s ease 0.2s; overflow: visible; }\r\n  .msl-about-right.visible { opacity: 1; transform: translateX(0); }\r\n  .msl-video-card { width: 100%; aspect-ratio: 16\/9; position: relative; border-radius: 16px; overflow: hidden; box-shadow: 0 20px 60px rgba(0,0,0,0.15); cursor: pointer; background: #111; }\r\n  .msl-video-card video, .msl-video-card img.msl-poster { width: 100%; height: 100%; object-fit: cover; display: block; }\r\n  .msl-video-overlay { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.15); opacity: 1; transition: opacity 0.3s; }\r\n  .msl-video-card.playing .msl-video-overlay { opacity: 0; }\r\n  .msl-video-card.playing:hover .msl-video-overlay { opacity: 1; }\r\n  .msl-play-btn { width: 68px; height: 68px; border-radius: 50%; background: rgba(255,255,255,0.92); display: flex; align-items: center; justify-content: center; transition: transform 0.3s, box-shadow 0.3s; box-shadow: 0 8px 30px rgba(0,0,0,0.2); }\r\n  .msl-play-btn:hover { transform: scale(1.1); box-shadow: 0 12px 40px rgba(0,0,0,0.3); }\r\n  .msl-play-btn svg { width: 28px; height: 28px; fill: var(--pink); margin-left: 4px; }\r\n  .msl-pause-icon { display: none; width: 20px; height: 20px; gap: 5px; }\r\n  .msl-video-card.playing .msl-pause-icon { display: flex; }\r\n  .msl-video-card.playing .msl-play-icon { display: none; }\r\n  .msl-pause-icon span { display: block; width: 6px; height: 20px; background: var(--pink); border-radius: 3px; }\r\n  .msl-corner-img { position: absolute; border-radius: 12px; overflow: hidden; box-shadow: 0 15px 40px rgba(0,0,0,0.18); transition: transform 0.4s ease; z-index: 10; }\r\n  .msl-corner-img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.7s ease; }\r\n  .msl-corner-img::after { content: ''; position: absolute; inset: 0; background: rgba(232,31,109,0.3); opacity: 0; transition: opacity 0.3s; }\r\n  .msl-corner-img:hover::after { opacity: 1; }\r\n  .msl-corner-img:hover img { transform: scale(1.1); }\r\n  .msl-corner-top { width: 130px; height: 130px; top: 0; right: 0; transform: rotate(6deg); }\r\n  .msl-corner-top:hover { transform: rotate(0deg); }\r\n  .msl-corner-bottom { width: 130px; height: 130px; bottom: 0; left: 0; transform: rotate(-6deg); }\r\n  .msl-corner-bottom:hover { transform: rotate(0deg); }\r\n  @media (max-width: 900px) { .msl-about-container { flex-direction: column; gap: 2.5rem; } .msl-about-left, .msl-about-right { max-width: 100%; flex: 1 1 100%; text-align: center; } .msl-about-tag { justify-content: center; } .msl-corner-top, .msl-corner-bottom { width: 90px; height: 90px; } }\r\n  @media (max-width: 560px) { .msl-about { padding: 4rem 5%; } .msl-about-right { padding: 2rem 1.5rem; } .msl-corner-top, .msl-corner-bottom { width: 70px; height: 70px; } }\r\n<\/style>\r\n\r\n<section class=\"msl-about\">\r\n  <div class=\"msl-about-container\">\r\n\r\n    <div class=\"msl-about-left\" id=\"mslAboutLeft\">\r\n      <div class=\"msl-about-tag\"><span>About Muslimaat<\/span><\/div>\r\n      <h2 class=\"msl-about-title\">Empowering Muslim women<em>through faith & community<\/em><\/h2>\r\n      <p class=\"msl-about-desc\">Muslimaat Association is a welcoming space for Muslim women, girls and new Muslims in Sheffield. We offer inspiring programmes, meaningful events and supportive 1:1 drop-in sessions \u2014 from Qur'an Tafseer and Tajweed classes to new Muslim mentorship and community gatherings.While our focus is on women and girls, we also include men in selected initiatives to encourage broader engagement and unity. Together, we nurture knowledge, connection, and belonging..<\/p>\r\n      <a href=\"\/about\" class=\"msl-about-btn\">Learn More About Us<\/a>\r\n    <\/div>\r\n\r\n    <div class=\"msl-about-right\" id=\"mslAboutRight\">\r\n\r\n      <div class=\"msl-corner-img msl-corner-top\">\r\n        <img decoding=\"async\" src=\"http:\/\/muslimaat.org\/wp-content\/uploads\/2021\/07\/Eid-Festival.jpeg\" alt=\"Muslimaat Eid Festival\">\r\n      <\/div>\r\n\r\n      <div class=\"msl-video-card\" id=\"mslVideoCard\" onclick=\"mslToggleVideo()\">\r\n        <video id=\"mslVideo\" loop muted playsinline preload=\"metadata\" poster=\"https:\/\/muslimaat.org\/wp-content\/uploads\/2026\/thumbnail_final.png\">\r\n          <source src=\"http:\/\/muslimaat.org\/wp-content\/uploads\/2026\/04\/Muslimaat-Video.mp4\" type=\"video\/mp4\">\r\n          <img decoding=\"async\" src=\"https:\/\/muslimaat.org\/wp-content\/uploads\/2026\/thumbnail_final.png\" alt=\"Muslimaat\" class=\"msl-poster\">\r\n        <\/video>\r\n        <div class=\"msl-video-overlay\">\r\n          <div class=\"msl-play-btn\">\r\n            <svg class=\"msl-play-icon\" viewBox=\"0 0 24 24\"><path d=\"M8 5v14l11-7z\"\/><\/svg>\r\n            <div class=\"msl-pause-icon\"><span><\/span><span><\/span><\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"msl-corner-img msl-corner-bottom\">\r\n        <img decoding=\"async\" src=\"https:\/\/muslimaat.org\/wp-content\/uploads\/2026\/slider2.jpeg\" alt=\"Mount Uhud\">\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n  let mslIsPlaying = false;\r\n  function mslToggleVideo() {\r\n    const video = document.getElementById('mslVideo');\r\n    const card = document.getElementById('mslVideoCard');\r\n    if (!video) return;\r\n    if (mslIsPlaying) {\r\n      video.pause(); mslIsPlaying = false; card.classList.remove('playing');\r\n    } else {\r\n      const p = video.play();\r\n      if (p !== undefined) { p.catch(() => { video.muted = true; video.play(); }); }\r\n      mslIsPlaying = true; card.classList.add('playing');\r\n    }\r\n  }\r\n  const mslObserver = new IntersectionObserver((entries) => {\r\n    entries.forEach(entry => { if (entry.isIntersecting) { entry.target.classList.add('visible'); mslObserver.unobserve(entry.target); } });\r\n  }, { threshold: 0.15 });\r\n  document.querySelectorAll('#mslAboutLeft, #mslAboutRight').forEach(el => mslObserver.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-64d20d2 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"64d20d2\" 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-87b73b6\" data-id=\"87b73b6\" 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-8e52614 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8e52614\" 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-9d6a703\" data-id=\"9d6a703\" 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-f23ed62 elementor-widget elementor-widget-html\" data-id=\"f23ed62\" 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,300;1,400&family=Jost:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  .msl-how *, .msl-how *::before, .msl-how *::after {\r\n    box-sizing: border-box; margin: 0; padding: 0;\r\n  }\r\n\r\n  .msl-how {\r\n    width: 100%;\r\n    background: #FDEEF5;\r\n    padding: 6rem 5%;\r\n    position: relative;\r\n    overflow: hidden;\r\n    font-family: 'Jost', sans-serif;\r\n  }\r\n\r\n  .msl-how-blob {\r\n    position: absolute; border-radius: 50%;\r\n    filter: blur(80px); pointer-events: none;\r\n  }\r\n  .msl-how-blob-1 {\r\n    top: 10%; left: -5%; width: 300px; height: 300px;\r\n    background: rgba(232,31,109,0.08);\r\n    animation: mslHowPulse 4s ease-in-out infinite;\r\n  }\r\n  .msl-how-blob-2 {\r\n    bottom: 10%; right: -5%; width: 300px; height: 300px;\r\n    background: rgba(232,31,109,0.06);\r\n    animation: mslHowPulse 4s ease-in-out infinite 1.5s;\r\n  }\r\n  @keyframes mslHowPulse {\r\n    0%, 100% { opacity: 0.6; transform: scale(1); }\r\n    50%       { opacity: 1; transform: scale(1.1); }\r\n  }\r\n\r\n  .msl-how-container {\r\n    max-width: 1200px; margin: 0 auto; position: relative; z-index: 1;\r\n  }\r\n\r\n  \/* HEADING *\/\r\n  .msl-how-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-how-header.visible { opacity: 1; transform: translateY(0); }\r\n\r\n  .msl-how-tag {\r\n    display: flex; align-items: center; justify-content: center;\r\n    gap: 0.75rem; margin-bottom: 1rem;\r\n  }\r\n  .msl-how-tag::before, .msl-how-tag::after {\r\n    content: ''; display: block; width: 30px; height: 1.5px; background: #E81F6D;\r\n  }\r\n  .msl-how-tag span {\r\n    font-size: 0.75rem; font-weight: 600; letter-spacing: 3px;\r\n    text-transform: uppercase; color: #E81F6D;\r\n  }\r\n\r\n  .msl-how-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-how-title em { font-style: italic; color: #E81F6D; }\r\n\r\n  .msl-how-subtitle {\r\n    color: #6B6B6B; font-size: 0.95rem; max-width: 560px;\r\n    margin: 0 auto; line-height: 1.85; font-weight: 300;\r\n  }\r\n\r\n  \/* \u2500\u2500 DESKTOP GRID \u2500\u2500 *\/\r\n  .msl-how-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    border: 1px solid #F7C4DC;\r\n    border-radius: 20px;\r\n    overflow: hidden;\r\n    box-shadow: 0 20px 60px rgba(232,31,109,0.08);\r\n    opacity: 0; transform: translateY(20px);\r\n    transition: opacity 0.7s ease 0.2s, transform 0.7s ease 0.2s;\r\n  }\r\n  .msl-how-grid.visible { opacity: 1; transform: translateY(0); }\r\n\r\n  \/* STEP 1 \u2014 big left *\/\r\n  .msl-how-step1 {\r\n    position: relative;\r\n    border-right: 1px solid #F7C4DC;\r\n    min-height: 500px;\r\n    overflow: hidden;\r\n  }\r\n  .msl-how-step1-img {\r\n    position: absolute; inset: 0;\r\n    width: 100%; height: 100%;\r\n    object-fit: cover; display: block;\r\n    transition: transform 0.5s ease;\r\n  }\r\n  .msl-how-step1:hover .msl-how-step1-img { transform: scale(1.05); }\r\n\r\n  .msl-how-step1-overlay {\r\n    position: absolute; bottom: 0; left: 0; right: 0;\r\n    padding: 1.75rem 2rem; z-index: 2;\r\n    background: linear-gradient(to top, rgba(0,0,0,0.65) 0%, transparent 100%);\r\n  }\r\n\r\n  \/* RIGHT COLUMN *\/\r\n  .msl-how-right { display: flex; flex-direction: column; }\r\n\r\n  .msl-how-row {\r\n    display: grid; grid-template-columns: 1fr 1fr;\r\n    border-bottom: 1px solid #F7C4DC; flex: 1;\r\n  }\r\n  .msl-how-row-bottom {\r\n    display: grid; grid-template-columns: 1fr 1fr; flex: 1;\r\n  }\r\n\r\n  \/* Image cells \u2014 desktop only absolute fill *\/\r\n  .msl-how-img-cell {\r\n    position: relative; overflow: hidden;\r\n    min-height: 220px;\r\n    border-right: 1px solid #F7C4DC;\r\n  }\r\n  .msl-how-img-cell img {\r\n    position: absolute; inset: 0;\r\n    width: 100%; height: 100%;\r\n    object-fit: cover; display: block;\r\n    transition: transform 0.5s ease;\r\n  }\r\n  .msl-how-img-cell:hover img { transform: scale(1.05); }\r\n\r\n  \/* Text cells *\/\r\n  .msl-how-text-cell {\r\n    background: #E81F6D; padding: 2rem 1.75rem;\r\n    display: flex; flex-direction: column; justify-content: center;\r\n  }\r\n  .msl-how-text-cell.light { background: white; }\r\n\r\n  .msl-how-num {\r\n    font-family: 'Cormorant Garamond', serif; font-size: 1rem;\r\n    font-weight: 600; color: rgba(255,255,255,0.65);\r\n    letter-spacing: 2px; margin-bottom: 0.5rem;\r\n  }\r\n  .msl-how-text-cell.light .msl-how-num { color: #E81F6D; }\r\n\r\n  .msl-how-step-title {\r\n    font-family: 'Cormorant Garamond', serif; font-size: 1.4rem;\r\n    font-weight: 700; color: white; margin-bottom: 0.75rem; line-height: 1.3;\r\n  }\r\n  .msl-how-text-cell.light .msl-how-step-title { color: #1E1E1E; }\r\n\r\n  .msl-how-step-desc {\r\n    font-size: 0.83rem; color: rgba(255,255,255,0.88);\r\n    line-height: 1.75; font-weight: 300;\r\n  }\r\n  .msl-how-text-cell.light .msl-how-step-desc { color: #6B6B6B; }\r\n\r\n  \/* Overlay text always white *\/\r\n  .msl-how-step1-overlay .msl-how-num { color: rgba(255,255,255,0.75); }\r\n  .msl-how-step1-overlay .msl-how-step-title { color: white; }\r\n  .msl-how-step1-overlay .msl-how-step-desc { color: rgba(255,255,255,0.88); }\r\n\r\n  \/* \u2500\u2500 TABLET (\u2264900px) \u2500\u2500 *\/\r\n  @media (max-width: 900px) {\r\n    .msl-how { padding: 4rem 5%; }\r\n\r\n    .msl-how-grid {\r\n      grid-template-columns: 1fr;\r\n      border-radius: 16px;\r\n    }\r\n\r\n    \/* Step 1 \u2014 natural image height, overlay below *\/\r\n    .msl-how-step1 {\r\n      min-height: unset;\r\n      border-right: none;\r\n      border-bottom: 1px solid #F7C4DC;\r\n      display: flex;\r\n      flex-direction: column;\r\n    }\r\n    .msl-how-step1-img {\r\n      position: relative !important;\r\n      inset: unset !important;\r\n      width: 100% !important;\r\n      height: auto !important;\r\n      max-height: 340px;\r\n      object-fit: cover !important;\r\n      object-position: center;\r\n    }\r\n    .msl-how-step1-overlay {\r\n      position: relative;\r\n      background: linear-gradient(135deg, #1E1E1E 0%, #3a3a3a 100%);\r\n      padding: 1.5rem;\r\n    }\r\n\r\n    \/* Right column rows stay as-is but image cells fix *\/\r\n    .msl-how-img-cell {\r\n      min-height: 180px;\r\n    }\r\n  }\r\n\r\n  \/* \u2500\u2500 MOBILE (\u2264600px) \u2500\u2500 *\/\r\n  @media (max-width: 600px) {\r\n    .msl-how { padding: 3rem 4%; }\r\n    .msl-how-header { margin-bottom: 2.5rem; }\r\n\r\n    \/* All rows go single column *\/\r\n    .msl-how-row,\r\n    .msl-how-row-bottom {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    \/* Image cells \u2014 natural height, no absolute *\/\r\n    .msl-how-img-cell {\r\n      min-height: unset;\r\n      border-right: none !important;\r\n      border-bottom: 1px solid #F7C4DC;\r\n    }\r\n    .msl-how-img-cell img {\r\n      position: relative !important;\r\n      inset: unset !important;\r\n      width: 100% !important;\r\n      height: auto !important;\r\n      max-height: 240px;\r\n      object-fit: cover !important;\r\n    }\r\n\r\n    \/* Step 1 image smaller on phone *\/\r\n    .msl-how-step1-img {\r\n      max-height: 260px !important;\r\n    }\r\n\r\n    \/* Row 2 \u2014 reorder so text comes before image on mobile *\/\r\n    .msl-how-row-bottom {\r\n      display: flex;\r\n      flex-direction: column;\r\n    }\r\n    .msl-how-row-bottom .msl-how-text-cell { order: 1; }\r\n    .msl-how-row-bottom .msl-how-img-cell  { order: 2; }\r\n\r\n    .msl-how-text-cell { padding: 1.5rem; }\r\n    .msl-how-step-title { font-size: 1.25rem; }\r\n    .msl-how-step-desc  { font-size: 0.82rem; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"msl-how\">\r\n\r\n  <div class=\"msl-how-blob msl-how-blob-1\"><\/div>\r\n  <div class=\"msl-how-blob msl-how-blob-2\"><\/div>\r\n\r\n  <div class=\"msl-how-container\">\r\n\r\n    <div class=\"msl-how-header\" id=\"mslHowHeader\">\r\n      <div class=\"msl-how-tag\"><span>Our Process<\/span><\/div>\r\n      <h2 class=\"msl-how-title\">How we <em>support you<\/em><\/h2>\r\n      <p class=\"msl-how-subtitle\">Our gentle, step-by-step process to welcome and support  Muslim sisters in Sheffield<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"msl-how-grid\" id=\"mslHowGrid\">\r\n\r\n      <!-- STEP 1 \u2014 Big left image -->\r\n      <div class=\"msl-how-step1\">\r\n        <img decoding=\"async\" class=\"msl-how-step1-img\"\r\n          src=\"https:\/\/muslimaat.org\/wp-content\/uploads\/2026\/service9.png\"\r\n          alt=\"New Muslim sisters together\">\r\n        <div class=\"msl-how-step1-overlay\">\r\n          <div class=\"msl-how-num\">01<\/div>\r\n          <h4 class=\"msl-how-step-title\">Reach Out to Us<\/h4>\r\n          <p class=\"msl-how-step-desc\">Take the first step \u2014 contact us, attend an event or simply say Salaam. We begin with a warm welcome and listen to your story.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- RIGHT COLUMN -->\r\n      <div class=\"msl-how-right\">\r\n\r\n        <!-- ROW 1 -->\r\n        <div class=\"msl-how-row\">\r\n          <div class=\"msl-how-img-cell\">\r\n            <img decoding=\"async\" src=\"https:\/\/muslimaat.org\/wp-content\/uploads\/2026\/service10.png\" alt=\"Sisters learning together\">\r\n          <\/div>\r\n          <div class=\"msl-how-text-cell\">\r\n            <div class=\"msl-how-num\">02<\/div>\r\n            <h4 class=\"msl-how-step-title\">Get Personalised Support<\/h4>\r\n            <p class=\"msl-how-step-desc\">We connect you with resources, one-to-one guidance and a sister mentor to help you on your journey.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- ROW 2 -->\r\n        <div class=\"msl-how-row-bottom\">\r\n          <div class=\"msl-how-text-cell light\" style=\"border-right: 1px solid #F7C4DC\">\r\n            <div class=\"msl-how-num\">03<\/div>\r\n            <h4 class=\"msl-how-step-title\">Join Our Sisterhood<\/h4>\r\n            <p class=\"msl-how-step-desc\">Attend events, circles and workshops in Sheffield and grow in your faith surrounded by love and community.<\/p>\r\n          <\/div>\r\n          <div class=\"msl-how-img-cell\" style=\"border-right: none\">\r\n            <img decoding=\"async\" src=\"https:\/\/muslimaat.org\/wp-content\/uploads\/2026\/service11.png\" alt=\"Community events\">\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\n  const mslHowObs = new IntersectionObserver((entries) => {\r\n    entries.forEach(entry => {\r\n      if (entry.isIntersecting) {\r\n        entry.target.classList.add('visible');\r\n        mslHowObs.unobserve(entry.target);\r\n      }\r\n    });\r\n  }, { threshold: 0.1 });\r\n\r\n  document.querySelectorAll('#mslHowHeader, #mslHowGrid').forEach(el => mslHowObs.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-690ad41 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"690ad41\" 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-551367e\" data-id=\"551367e\" 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-12bc20c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"12bc20c\" 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-71a7dfd\" data-id=\"71a7dfd\" 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-a8d6e6e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a8d6e6e\" 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-36e81d9\" data-id=\"36e81d9\" 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-79cfd0a elementor-widget elementor-widget-html\" data-id=\"79cfd0a\" 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-hub *, .msl-hub *::before, .msl-hub *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n.msl-hub {\r\n  width: 100%;\r\n  background: #ffffff;\r\n  padding: 6rem 5%;\r\n  font-family: 'Jost', sans-serif;\r\n}\r\n\r\n.msl-hub-inner {\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 5rem;\r\n  align-items: center;\r\n}\r\n\r\n\/* \u2500\u2500 LEFT: TEXT \u2500\u2500 *\/\r\n.msl-hub-text {\r\n  opacity: 0;\r\n  transform: translateX(-24px);\r\n  transition: opacity 0.7s ease, transform 0.7s ease;\r\n}\r\n\r\n.msl-hub-text.visible { opacity: 1; transform: translateX(0); }\r\n\r\n\/* On mobile, no sideways shift to prevent overflow *\/\r\n@media (max-width: 900px) {\r\n  .msl-hub-text { transform: translateY(16px); }\r\n  .msl-hub-text.visible { transform: translateY(0); }\r\n}\r\n\r\n.msl-hub-tag {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 0.75rem;\r\n  margin-bottom: 0.85rem;\r\n}\r\n\r\n.msl-hub-tag::before, .msl-hub-tag::after {\r\n  content: '';\r\n  display: block;\r\n  width: 30px;\r\n  height: 1.5px;\r\n  background: #E81F6D;\r\n}\r\n\r\n.msl-hub-tag span {\r\n  font-size: 0.72rem;\r\n  font-weight: 600;\r\n  letter-spacing: 3px;\r\n  text-transform: uppercase;\r\n  color: #E81F6D;\r\n}\r\n\r\n.msl-hub-title {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: clamp(2rem, 3vw, 2.8rem);\r\n  font-weight: 600;\r\n  color: #1E1E1E;\r\n  line-height: 1.2;\r\n  margin-bottom: 1rem;\r\n}\r\n\r\n.msl-hub-title em { font-style: italic; color: #E81F6D; }\r\n\r\n.msl-hub-desc {\r\n  font-size: 0.92rem;\r\n  color: #6B6B6B;\r\n  line-height: 1.85;\r\n  font-weight: 300;\r\n  margin-bottom: 2rem;\r\n}\r\n\r\n.msl-hub-list {\r\n  list-style: none;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 0.85rem;\r\n  margin-bottom: 2rem;\r\n}\r\n\r\n.msl-hub-list li {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 0.75rem;\r\n  font-size: 0.88rem;\r\n  color: #1E1E1E;\r\n  font-weight: 400;\r\n  line-height: 1.6;\r\n}\r\n\r\n.msl-hub-list li::before {\r\n  content: '';\r\n  width: 20px;\r\n  height: 20px;\r\n  border-radius: 50%;\r\n  background: #FDEEF5;\r\n  border: 1px solid #F7C4DC;\r\n  flex-shrink: 0;\r\n  margin-top: 2px;\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;\r\n  background-position: center;\r\n  background-size: 10px;\r\n}\r\n\r\n.msl-hub-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 0.5rem;\r\n  background: #E81F6D;\r\n  color: white;\r\n  text-decoration: none;\r\n  padding: 0.85rem 2rem;\r\n  border-radius: 50px;\r\n  font-size: 0.85rem;\r\n  font-weight: 600;\r\n  font-family: 'Jost', sans-serif;\r\n  transition: all 0.3s;\r\n  box-shadow: 0 4px 16px rgba(232,31,109,0.25);\r\n}\r\n\r\n.msl-hub-btn:hover { background: #B8155A; transform: translateY(-2px); color: white; }\r\n\r\n\/* \u2500\u2500 RIGHT: VISUAL \u2500\u2500 *\/\r\n.msl-hub-visual {\r\n  opacity: 0;\r\n  transform: translateX(24px);\r\n  transition: opacity 0.7s ease 0.2s, transform 0.7s ease 0.2s;\r\n  display: flex;\r\n  justify-content: center;\r\n}\r\n\r\n.msl-hub-visual.visible { opacity: 1; transform: translateX(0); }\r\n\r\n@media (max-width: 900px) {\r\n  .msl-hub-visual { transform: translateY(16px); }\r\n  .msl-hub-visual.visible { transform: translateY(0); }\r\n}\r\n\r\n\/* The whole diagram is one self-contained SVG \u2014 no absolute positioning hacks *\/\r\n.msl-hub-diagram {\r\n  width: 100%;\r\n  max-width: 480px;\r\n}\r\n\r\n.msl-hub-diagram svg {\r\n  width: 100%;\r\n  height: auto;\r\n  display: block;\r\n  overflow: visible;\r\n}\r\n\r\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n@media (max-width: 900px) {\r\n  .msl-hub-inner {\r\n    grid-template-columns: 1fr;\r\n    gap: 2.5rem;\r\n  }\r\n  .msl-hub-visual {\r\n    order: -1;\r\n    width: 100%;\r\n  }\r\n  .msl-hub-diagram {\r\n    max-width: 100%;\r\n  }\r\n  .msl-hub-text {\r\n    text-align: center;\r\n  }\r\n  .msl-hub-tag {\r\n    justify-content: center;\r\n  }\r\n  .msl-hub-list li {\r\n    text-align: left;\r\n  }\r\n  .msl-hub-btn {\r\n    width: 100%;\r\n    justify-content: center;\r\n  }\r\n}\r\n\r\n@media (max-width: 560px) {\r\n  .msl-hub {\r\n    padding: 3rem 4%;\r\n  }\r\n  .msl-hub-diagram {\r\n    max-width: 100%;\r\n    height: auto;\r\n  }\r\n  .msl-hub-diagram svg {\r\n    width: 100%;\r\n    height: auto;\r\n  }\r\n  .msl-hub-title {\r\n    font-size: 1.9rem;\r\n  }\r\n  .msl-hub-desc {\r\n    font-size: 0.88rem;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"msl-hub\">\r\n  <div class=\"msl-hub-inner\">\r\n\r\n    <!-- LEFT: Text -->\r\n    <div class=\"msl-hub-text\" id=\"mslHubText\">\r\n      <div class=\"msl-hub-tag\"><span>How We Help<\/span><\/div>\r\n      <h2 class=\"msl-hub-title\">Everything you need,<br><em>all in one place<\/em><\/h2>\r\n      <p class=\"msl-hub-desc\">Muslimaat brings together four pillars of support \u2014 all flowing into one warm, connected community built just for Muslim sisters in Sheffield.<\/p>\r\n      <ul class=\"msl-hub-list\">\r\n        <li>One-to-one mentoring and personal guidance from experienced sisters<\/li>\r\n        <li>Prayer workshops to help you learn Salah step by step with confidence<\/li>\r\n        <li>Drop-in sessions every week \u2014 no appointment needed, just show up<\/li>\r\n        <li>Online resources and a library of guides<\/li>\r\n      <\/ul>\r\n      <a href=\"\/services\" class=\"msl-hub-btn\">Explore our services<\/a>\r\n    <\/div>\r\n\r\n    <!-- RIGHT: Diagram -->\r\n    <div class=\"msl-hub-visual\" id=\"mslHubVisual\">\r\n      <div class=\"msl-hub-diagram\">\r\n        <svg viewBox=\"0 0 300 320\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n\r\n          <!-- LINES: fan out from centre (150) to each badge, then down to box top -->\r\n          <g stroke=\"#F7C4DC\" stroke-width=\"1.2\" stroke-linecap=\"round\">\r\n            <path id=\"p1\" d=\"M 38 22 V 58 Q 38 68 48 68 H 142 Q 150 68 150 76 V 145\"\/>\r\n            <path id=\"p2\" d=\"M 105 22 V 52 Q 105 62 115 62 H 142 Q 150 62 150 70 V 145\"\/>\r\n            <path id=\"p3\" d=\"M 195 22 V 52 Q 195 62 185 62 H 158 Q 150 62 150 70 V 145\"\/>\r\n            <path id=\"p4\" d=\"M 262 22 V 58 Q 262 68 252 68 H 158 Q 150 68 150 76 V 145\"\/>\r\n          <\/g>\r\n\r\n          <!-- ANIMATED PINK LIGHTS along each path -->\r\n          <circle r=\"9\" fill=\"url(#pg)\"><animateMotion dur=\"2.6s\" repeatCount=\"indefinite\" begin=\"0s\"><mpath href=\"#p1\"\/><\/animateMotion><\/circle>\r\n          <circle r=\"9\" fill=\"url(#pg)\"><animateMotion dur=\"2.6s\" repeatCount=\"indefinite\" begin=\"0.65s\"><mpath href=\"#p2\"\/><\/animateMotion><\/circle>\r\n          <circle r=\"9\" fill=\"url(#pg)\"><animateMotion dur=\"2.6s\" repeatCount=\"indefinite\" begin=\"1.3s\"><mpath href=\"#p3\"\/><\/animateMotion><\/circle>\r\n          <circle r=\"9\" fill=\"url(#pg)\"><animateMotion dur=\"2.6s\" repeatCount=\"indefinite\" begin=\"1.95s\"><mpath href=\"#p4\"\/><\/animateMotion><\/circle>\r\n\r\n          <!-- TOP BADGES \u2014 evenly spread across 300px -->\r\n          <rect x=\"4\"   y=\"6\" width=\"68\" height=\"22\" rx=\"11\" fill=\"#1E1E1E\"\/>\r\n          <text x=\"38\"  y=\"17\" fill=\"white\" font-size=\"7.5\" font-weight=\"500\" font-family=\"Jost,sans-serif\" text-anchor=\"middle\" dominant-baseline=\"middle\">1:1 Support<\/text>\r\n\r\n          <rect x=\"76\"  y=\"6\" width=\"58\" height=\"22\" rx=\"11\" fill=\"#1E1E1E\"\/>\r\n          <text x=\"105\" y=\"17\" fill=\"white\" font-size=\"7.5\" font-weight=\"500\" font-family=\"Jost,sans-serif\" text-anchor=\"middle\" dominant-baseline=\"middle\">Prayer \ud83d\udd4c<\/text>\r\n\r\n          <rect x=\"166\" y=\"6\" width=\"58\" height=\"22\" rx=\"11\" fill=\"#1E1E1E\"\/>\r\n          <text x=\"195\" y=\"17\" fill=\"white\" font-size=\"7.5\" font-weight=\"500\" font-family=\"Jost,sans-serif\" text-anchor=\"middle\" dominant-baseline=\"middle\">Drop-in \ud83c\udf38<\/text>\r\n\r\n          <rect x=\"228\" y=\"6\" width=\"68\" height=\"22\" rx=\"11\" fill=\"#1E1E1E\"\/>\r\n          <text x=\"262\" y=\"17\" fill=\"white\" font-size=\"7.5\" font-weight=\"500\" font-family=\"Jost,sans-serif\" text-anchor=\"middle\" dominant-baseline=\"middle\">Resources<\/text>\r\n\r\n          <!-- CENTRAL BOX -->\r\n          <rect x=\"10\" y=\"145\" width=\"280\" height=\"150\" rx=\"16\" fill=\"white\" stroke=\"#F7C4DC\" stroke-width=\"1.2\"\/>\r\n\r\n          <!-- Title pill sitting on top edge of box -->\r\n          <rect x=\"68\" y=\"136\" width=\"164\" height=\"20\" rx=\"10\" fill=\"#1E1E1E\"\/>\r\n          <text x=\"150\" y=\"146\" fill=\"white\" font-size=\"6.5\" font-weight=\"500\" font-family=\"Jost,sans-serif\" text-anchor=\"middle\" dominant-baseline=\"middle\">\u2728 All support flows through Muslimaat<\/text>\r\n\r\n          <!-- Pulsing rings centred at circle (150,290) -->\r\n          <circle cx=\"150\" cy=\"290\" r=\"46\" stroke=\"#F7C4DC\" stroke-width=\"0.8\" fill=\"none\" opacity=\"0.6\">\r\n            <animate attributeName=\"r\" values=\"44;48;44\" dur=\"2.2s\" repeatCount=\"indefinite\"\/>\r\n            <animate attributeName=\"opacity\" values=\"0.6;0.3;0.6\" dur=\"2.2s\" repeatCount=\"indefinite\"\/>\r\n          <\/circle>\r\n          <circle cx=\"150\" cy=\"290\" r=\"64\" stroke=\"#F7C4DC\" stroke-width=\"0.8\" fill=\"none\" opacity=\"0.4\">\r\n            <animate attributeName=\"r\" values=\"62;67;62\" dur=\"2.2s\" begin=\"0.3s\" repeatCount=\"indefinite\"\/>\r\n          <\/circle>\r\n          <circle cx=\"150\" cy=\"290\" r=\"82\" stroke=\"#F7C4DC\" stroke-width=\"0.6\" fill=\"none\" opacity=\"0.2\">\r\n            <animate attributeName=\"r\" values=\"80;86;80\" dur=\"2.2s\" begin=\"0.6s\" repeatCount=\"indefinite\"\/>\r\n          <\/circle>\r\n\r\n          <!-- Badge: Free for all sisters (bottom left of box) -->\r\n         \r\n\r\n          <!-- MUSLIMAAT CIRCLE \u2014 clean, no rectangle shadow -->\r\n          <circle cx=\"150\" cy=\"290\" r=\"32\" fill=\"white\" stroke=\"#F7C4DC\" stroke-width=\"1.5\"\/>\r\n          <circle cx=\"150\" cy=\"290\" r=\"28\" fill=\"#E81F6D\"\/>\r\n          <text x=\"150\" y=\"290\" fill=\"white\" font-size=\"8.5\" font-weight=\"700\" font-family=\"Cormorant Garamond,serif\" text-anchor=\"middle\" dominant-baseline=\"middle\">Muslimaat<\/text>\r\n\r\n          <defs>\r\n            <radialGradient id=\"pg\" cx=\"50%\" cy=\"50%\" r=\"50%\">\r\n              <stop offset=\"0%\" stop-color=\"#E81F6D\" stop-opacity=\"1\"\/>\r\n              <stop offset=\"100%\" stop-color=\"#E81F6D\" stop-opacity=\"0\"\/>\r\n            <\/radialGradient>\r\n          <\/defs>\r\n        <\/svg>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n  const mslHubObs = new IntersectionObserver((entries) => {\r\n    entries.forEach(entry => {\r\n      if (entry.isIntersecting) {\r\n        entry.target.classList.add('visible');\r\n        mslHubObs.unobserve(entry.target);\r\n      }\r\n    });\r\n  }, { threshold: 0.15 });\r\n\r\n  document.querySelectorAll('#mslHubText, #mslHubVisual').forEach(el => mslHubObs.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-84dfc04 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"84dfc04\" 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-f118ceb\" data-id=\"f118ceb\" 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-b64ceea elementor-widget elementor-widget-html\" data-id=\"b64ceea\" 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,300;1,400&family=Jost:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.msl-testimonial *, .msl-testimonial *::before, .msl-testimonial *::after {\r\n  box-sizing: border-box; margin: 0; padding: 0;\r\n}\r\n.msl-testimonial {\r\n  width: 100%; background: #ffffff;\r\n  padding: 5rem 5%; font-family: 'Jost', sans-serif; overflow: hidden;\r\n}\r\n.msl-testimonial-header { text-align: center; margin-bottom: 3.5rem; }\r\n.msl-testimonial-label {\r\n  display: inline-flex; align-items: center; gap: 0.75rem; margin-bottom: 0.6rem;\r\n}\r\n.msl-testimonial-label::before, .msl-testimonial-label::after {\r\n  content: ''; display: block; width: 30px; height: 1.5px; background: #E81F6D;\r\n}\r\n.msl-testimonial-label span {\r\n  font-size: 0.75rem; font-weight: 600; letter-spacing: 3px;\r\n  text-transform: uppercase; color: #E81F6D;\r\n}\r\n.msl-testimonial-heading {\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-testimonial-heading em { font-style: italic; color: #E81F6D; }\r\n\r\n.msl-t-card {\r\n  max-width: 820px; margin: 0 auto; background: #fff;\r\n  border: 1px solid #F7C4DC; border-radius: 24px; padding: 3.5rem 4rem;\r\n  position: relative; box-shadow: 0 12px 48px rgba(232,31,109,0.07);\r\n  min-height: 260px; display: flex; flex-direction: column; justify-content: space-between;\r\n}\r\n.msl-t-card::before {\r\n  content: '\\201C'; font-family: 'Cormorant Garamond', serif;\r\n  font-size: 8rem; color: #FDEEF5;\r\n  position: absolute; top: 1rem; left: 2rem; line-height: 1; pointer-events: none;\r\n}\r\n.msl-t-content { transition: opacity 0.4s ease, transform 0.4s ease; }\r\n.msl-t-content.msl-fade-out { opacity: 0; transform: translateY(12px); }\r\n.msl-t-content.msl-fade-in  { opacity: 1; transform: translateY(0); }\r\n\r\n.msl-t-quote {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: clamp(1.3rem, 2.5vw, 1.85rem);\r\n  font-weight: 400; font-style: italic; color: #1E1E1E;\r\n  line-height: 1.6; margin-bottom: 0.5rem; position: relative; z-index: 1;\r\n}\r\n.msl-t-meta { display: none; }\r\n.msl-t-meta-line { width: 32px; height: 2px; background: #E81F6D; border-radius: 2px; flex-shrink: 0; }\r\n.msl-t-name { font-family: 'Jost', sans-serif; font-size: 0.95rem; font-weight: 600; color: #1E1E1E; }\r\n.msl-t-affiliation { font-size: 0.78rem; color: #E81F6D; font-weight: 500; letter-spacing: 0.5px; margin-top: 0.1rem; }\r\n\r\n.msl-t-footer {\r\n  max-width: 820px; margin: 1.75rem auto 0;\r\n  display: flex; align-items: center; justify-content: space-between;\r\n}\r\n.msl-t-pagination { font-size: 0.85rem; color: #6B6B6B; font-family: monospace; letter-spacing: 1px; }\r\n.msl-t-pagination strong { font-size: 1.1rem; color: #1E1E1E; font-weight: 600; }\r\n\r\n.msl-t-dots { display: flex; gap: 0.5rem; align-items: center; }\r\n.msl-t-dot {\r\n  width: 8px; height: 8px; border-radius: 50%;\r\n  background: #F7C4DC; cursor: pointer; border: none; transition: all 0.3s; padding: 0;\r\n}\r\n.msl-t-dot.msl-active { background: #E81F6D; width: 24px; border-radius: 4px; }\r\n\r\n.msl-t-nav { display: flex; align-items: center; gap: 0.6rem; }\r\n.msl-t-nav-btn {\r\n  width: 44px; height: 44px; border-radius: 50%;\r\n  border: 1.5px solid #E0E0E0; background: transparent;\r\n  cursor: pointer; display: flex; align-items: center;\r\n  justify-content: center; transition: all 0.3s; color: #1E1E1E;\r\n}\r\n.msl-t-nav-btn:hover { border-color: #E81F6D; color: #E81F6D; background: #FDEEF5; }\r\n.msl-t-nav-btn.msl-next { background: #E81F6D; border-color: #E81F6D; color: white; }\r\n.msl-t-nav-btn.msl-next:hover { background: #B8155A; border-color: #B8155A; }\r\n.msl-t-nav-btn svg {\r\n  width: 18px; height: 18px; stroke: currentColor; fill: none;\r\n  stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;\r\n}\r\n\r\n@media (max-width: 700px) {\r\n  .msl-testimonial { padding: 4rem 4%; }\r\n  .msl-t-card { padding: 2.5rem 2rem; border-radius: 18px; min-height: auto; }\r\n  .msl-t-card::before { font-size: 5rem; top: 0.75rem; left: 1.25rem; }\r\n  .msl-t-quote { font-size: 1.2rem; margin-bottom: 1.5rem; }\r\n  .msl-t-footer { flex-wrap: wrap; gap: 1rem; }\r\n}\r\n@media (max-width: 420px) {\r\n  .msl-t-card { padding: 2rem 1.5rem; }\r\n  .msl-t-nav-btn { width: 38px; height: 38px; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"msl-testimonial\">\r\n  <div class=\"msl-testimonial-header\">\r\n    <div class=\"msl-testimonial-label\"><span>Testimonials<\/span><\/div>\r\n    <h2 class=\"msl-testimonial-heading\">What our <em>sisters say<\/em><\/h2>\r\n  <\/div>\r\n\r\n  <!-- \u2705 Unique IDs with mslT prefix -->\r\n  <div class=\"msl-t-card\">\r\n    <div class=\"msl-t-content msl-fade-in\" id=\"mslTContent2026\">\r\n      <blockquote class=\"msl-t-quote\" id=\"mslTQuote2026\"><\/blockquote>\r\n      <div class=\"msl-t-meta\">\r\n        <div class=\"msl-t-meta-line\"><\/div>\r\n        <div>\r\n          <div class=\"msl-t-name\" id=\"mslTName2026\"><\/div>\r\n          <div class=\"msl-t-affiliation\" id=\"mslTAffil2026\"><\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"msl-t-footer\">\r\n    <div class=\"msl-t-pagination\">\r\n      <strong id=\"mslTCur2026\">01<\/strong> \/ <span id=\"mslTTotal2026\">05<\/span>\r\n    <\/div>\r\n    <div class=\"msl-t-dots\" id=\"mslTDots2026\"><\/div>\r\n    <div class=\"msl-t-nav\">\r\n      <button class=\"msl-t-nav-btn\" id=\"mslTPrev2026\" aria-label=\"Previous\">\r\n        <svg viewBox=\"0 0 24 24\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg>\r\n      <\/button>\r\n      <button class=\"msl-t-nav-btn msl-next\" id=\"mslTNext2026\" aria-label=\"Next\">\r\n        <svg viewBox=\"0 0 24 24\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg>\r\n      <\/button>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function() {\r\n  var reviews = [\r\n    {\r\n      name: \"Sister S.\",\r\n      affiliation: \"New Muslim \u00b7 Sheffield\",\r\n      quote: \"Muslimaat was the first place I felt truly welcomed after taking my Shahada. The sisters here changed my life.\"\r\n    },\r\n    {\r\n      name: \"Sister A.\",\r\n      affiliation: \"Community Member \u00b7 Sheffield\",\r\n      quote: \"I didn't know where to start after reverting to Islam. Muslimaat gave me the guidance and sisterhood I needed.\"\r\n    },\r\n    {\r\n      name: \"Sister F.\",\r\n      affiliation: \"Tajweed Student \u00b7 Sheffield\",\r\n      quote: \"The classes and events helped me understand Islam so much better. I finally feel at home in my faith and community.\"\r\n    },\r\n    {\r\n      name: \"Sister Z.\",\r\n      affiliation: \"Drop-in Attendee \u00b7 Sheffield\",\r\n      quote: \"Finding Muslimaat was a blessing. The warm welcome and patient sisters made such a difference to my life.\"\r\n    },\r\n    {\r\n      name: \"Sister M.\",\r\n      affiliation: \"Community Member \u00b7 Sheffield\",\r\n      quote: \"I used to feel so alone. Muslimaat connected me with sisters who truly understand and support me every step of the way.\"\r\n    }\r\n  ];\r\n\r\n  var current = 0;\r\n\r\n  function render(index) {\r\n    var content = document.getElementById('mslTContent2026');\r\n    if (!content) return;\r\n\r\n    content.classList.remove('msl-fade-in');\r\n    content.classList.add('msl-fade-out');\r\n\r\n    setTimeout(function() {\r\n      var r = reviews[index];\r\n      document.getElementById('mslTQuote2026').textContent = r.quote;\r\n      document.getElementById('mslTName2026').textContent = r.name;\r\n      document.getElementById('mslTAffil2026').textContent = r.affiliation;\r\n      document.getElementById('mslTCur2026').textContent = String(index + 1).padStart(2, '0');\r\n\r\n      content.classList.remove('msl-fade-out');\r\n      content.classList.add('msl-fade-in');\r\n\r\n      document.querySelectorAll('.msl-t-dot').forEach(function(d, i) {\r\n        d.classList.toggle('msl-active', i === index);\r\n      });\r\n    }, 300);\r\n  }\r\n\r\n  function init() {\r\n    var dotsContainer = document.getElementById('mslTDots2026');\r\n    var totalEl = document.getElementById('mslTTotal2026');\r\n    var prevBtn = document.getElementById('mslTPrev2026');\r\n    var nextBtn = document.getElementById('mslTNext2026');\r\n\r\n    if (!dotsContainer || !totalEl || !prevBtn || !nextBtn) {\r\n      setTimeout(init, 150);\r\n      return;\r\n    }\r\n\r\n    totalEl.textContent = String(reviews.length).padStart(2, '0');\r\n\r\n    reviews.forEach(function(_, i) {\r\n      var btn = document.createElement('button');\r\n      btn.className = 'msl-t-dot' + (i === 0 ? ' msl-active' : '');\r\n      btn.setAttribute('aria-label', 'Go to testimonial ' + (i + 1));\r\n      btn.addEventListener('click', function() { current = i; render(i); });\r\n      dotsContainer.appendChild(btn);\r\n    });\r\n\r\n    prevBtn.addEventListener('click', function() {\r\n      current = (current - 1 + reviews.length) % reviews.length;\r\n      render(current);\r\n    });\r\n\r\n    nextBtn.addEventListener('click', function() {\r\n      current = (current + 1) % reviews.length;\r\n      render(current);\r\n    });\r\n\r\n    render(0);\r\n  }\r\n\r\n  if (document.readyState === 'loading') {\r\n    document.addEventListener('DOMContentLoaded', init);\r\n  } else {\r\n    init();\r\n  }\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-975fbaf elementor-widget elementor-widget-shortcode\" data-id=\"975fbaf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">[muslimaat_events]<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5a0b0f0 elementor-widget elementor-widget-html\" data-id=\"5a0b0f0\" 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-gal-wrap {\r\n  width: 100% !important;\r\n  background: #fff !important;\r\n  padding: 5rem 0 !important;\r\n  overflow: hidden !important;\r\n  font-family: 'Jost', sans-serif !important;\r\n  box-sizing: border-box !important;\r\n  margin: 0 !important;\r\n}\r\n\r\n.msl-gal-header {\r\n  text-align: center;\r\n  padding: 0 5%;\r\n  margin-bottom: 3.5rem;\r\n}\r\n\r\n.msl-gal-tag {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 0.75rem;\r\n  margin-bottom: 0.85rem;\r\n}\r\n\r\n.msl-gal-tag::before,\r\n.msl-gal-tag::after {\r\n  content: '';\r\n  display: block;\r\n  width: 30px;\r\n  height: 1.5px;\r\n  background: #E81F6D;\r\n}\r\n\r\n.msl-gal-tag span {\r\n  font-size: 0.72rem;\r\n  font-weight: 600;\r\n  letter-spacing: 3px;\r\n  text-transform: uppercase;\r\n  color: #E81F6D;\r\n}\r\n\r\n.msl-gal-title {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: 3rem;\r\n  font-weight: 600;\r\n  color: #1E1E1E;\r\n  line-height: 1.2;\r\n}\r\n\r\n.msl-gal-title em { font-style: italic; color: #E81F6D; }\r\n\r\n.msl-gal-bar {\r\n  width: 60px;\r\n  height: 3px;\r\n  background: #E81F6D;\r\n  border-radius: 3px;\r\n  margin: 1rem auto 0;\r\n}\r\n\r\n\/* SKEW BLOCK *\/\r\n.msl-gal-skew {\r\n  transform: skewY(-3deg) !important;\r\n  margin: 2rem 0 !important;\r\n}\r\n\r\n\/* MARQUEE ROW *\/\r\n.msl-mq-row {\r\n  display: flex !important;\r\n  overflow: hidden !important;\r\n  user-select: none !important;\r\n  gap: 2rem !important;\r\n  margin-bottom: 2rem !important;\r\n  width: 100% !important;\r\n}\r\n\r\n\/* MARQUEE GROUP *\/\r\n.msl-mq-group {\r\n  flex-shrink: 0 !important;\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  gap: 2rem !important;\r\n  min-width: 100% !important;\r\n  animation: mslScroll 50s linear infinite !important;\r\n}\r\n\r\n.msl-mq-rev .msl-mq-group {\r\n  animation-direction: reverse !important;\r\n  animation-delay: -25s !important;\r\n}\r\n\r\n.msl-mq-row:hover .msl-mq-group {\r\n  animation-play-state: paused !important;\r\n}\r\n\r\n@keyframes mslScroll {\r\n  from { transform: translateX(0); }\r\n  to   { transform: translateX(calc(-100% - 2rem)); }\r\n}\r\n\r\n\/* OVAL IMAGES - forced with !important *\/\r\n.msl-mq-img {\r\n  width: 180px !important;\r\n  height: 250px !important;\r\n  min-width: 180px !important;\r\n  min-height: 250px !important;\r\n  max-width: 180px !important;\r\n  max-height: 250px !important;\r\n  object-fit: cover !important;\r\n  border-radius: 999px !important;\r\n  display: block !important;\r\n  flex-shrink: 0 !important;\r\n  box-shadow: 0 8px 28px rgba(232,31,109,0.1) !important;\r\n  transition: transform 0.4s ease !important;\r\n}\r\n\r\n.msl-mq-img:hover {\r\n  transform: scale(1.05) translateY(-4px) !important;\r\n}\r\n\r\n\/* TEXT STRIP *\/\r\n.msl-mq-text-row {\r\n  display: flex !important;\r\n  overflow: hidden !important;\r\n  user-select: none !important;\r\n  gap: 2rem !important;\r\n  border-top: 2.5px solid #F7C4DC !important;\r\n  border-bottom: 2.5px solid #F7C4DC !important;\r\n  padding: 0.9rem 0 !important;\r\n  margin-bottom: 2rem !important;\r\n  width: 100% !important;\r\n}\r\n\r\n.msl-mq-text-group {\r\n  flex-shrink: 0 !important;\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  gap: 2.5rem !important;\r\n  min-width: 100% !important;\r\n  animation: mslScroll 90s linear infinite !important;\r\n}\r\n\r\n.msl-mq-text-row:hover .msl-mq-text-group {\r\n  animation-play-state: paused !important;\r\n}\r\n\r\n.msl-mq-text {\r\n  font-family: 'Cormorant Garamond', serif !important;\r\n  font-size: 1.4rem !important;\r\n  font-weight: 600 !important;\r\n  font-style: italic !important;\r\n  white-space: nowrap !important;\r\n  background: linear-gradient(75deg, #E81F6D 0%, #B8155A 50%, #E81F6D 100%) !important;\r\n  -webkit-background-clip: text !important;\r\n  -webkit-text-fill-color: transparent !important;\r\n  background-clip: text !important;\r\n}\r\n\r\n.msl-mq-dot {\r\n  width: 5px !important;\r\n  height: 5px !important;\r\n  border-radius: 50% !important;\r\n  background: #F7C4DC !important;\r\n  flex-shrink: 0 !important;\r\n  display: inline-block !important;\r\n}\r\n<\/style>\r\n\r\n<div class=\"msl-gal-wrap\">\r\n<div style=\"max-width:1280px;margin:0 auto;padding:0 2rem;overflow:hidden;\">\r\n\r\n  <div class=\"msl-gal-header\">\r\n    <div class=\"msl-gal-tag\"><span>Our Community<\/span><\/div>\r\n    <h2 class=\"msl-gal-title\">Life at <em>Muslimaat<\/em><\/h2>\r\n    <div class=\"msl-gal-bar\"><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"msl-gal-skew\">\r\n\r\n    <!-- ROW 1 left -->\r\n    <div class=\"msl-mq-row\">\r\n      <div class=\"msl-mq-group\">\r\n       <img decoding=\"async\" class=\"msl-mq-img\" src=\"https:\/\/muslimaat.org\/wp-content\/uploads\/2026\/slider10.png\" alt=\"Muslimaat Sisters\">\r\n<img decoding=\"async\" class=\"msl-mq-img\" src=\"http:\/\/muslimaat.org\/wp-content\/uploads\/2024\/01\/Muslimaat-18.jpeg\" alt=\"Muslimaat Community\">\r\n<img decoding=\"async\" class=\"msl-mq-img\" src=\"https:\/\/muslimaat.org\/wp-content\/uploads\/2026\/g2.jpeg\" alt=\"Community Event\">\r\n<img decoding=\"async\" class=\"msl-mq-img\" src=\"http:\/\/muslimaat.org\/wp-content\/uploads\/2021\/07\/Eid-Festival.jpeg\" alt=\"Eid Festival\">\r\n<img decoding=\"async\" class=\"msl-mq-img\" src=\"https:\/\/muslimaat.org\/wp-content\/uploads\/2026\/g3_final.png\" alt=\"Muslim Sisters\">\r\n      <\/div>\r\n      <div class=\"msl-mq-group\" aria-hidden=\"true\">\r\n       <img decoding=\"async\" class=\"msl-mq-img\" src=\"https:\/\/muslimaat.org\/wp-content\/uploads\/2026\/slider1.jpeg\" alt=\"\">\r\n<img decoding=\"async\" class=\"msl-mq-img\" src=\"http:\/\/muslimaat.org\/wp-content\/uploads\/2024\/01\/Muslimaat-18.jpeg\" alt=\"\">\r\n<img decoding=\"async\" class=\"msl-mq-img\" src=\"https:\/\/muslimaat.org\/wp-content\/uploads\/2026\/g2.jpeg\" alt=\"\">\r\n<img decoding=\"async\" class=\"msl-mq-img\" src=\"http:\/\/muslimaat.org\/wp-content\/uploads\/2021\/07\/Eid-Festival.jpeg\" alt=\"\">\r\n<img decoding=\"async\" class=\"msl-mq-img\" src=\"https:\/\/muslimaat.org\/wp-content\/uploads\/2026\/g3_final.png\" alt=\"\">\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- TEXT STRIP -->\r\n    <div class=\"msl-mq-text-row\">\r\n      <div class=\"msl-mq-text-group\">\r\n        <span class=\"msl-mq-text\">You are never alone on this journey<\/span>\r\n        <span class=\"msl-mq-dot\"><\/span>\r\n        <span class=\"msl-mq-text\">Welcome to the sisterhood<\/span>\r\n        <span class=\"msl-mq-dot\"><\/span>\r\n        <span class=\"msl-mq-text\">Sheffield's Muslim sisters community<\/span>\r\n        <span class=\"msl-mq-dot\"><\/span>\r\n        <span class=\"msl-mq-text\">Begin your beautiful journey<\/span>\r\n        <span class=\"msl-mq-dot\"><\/span>\r\n      <\/div>\r\n      <div class=\"msl-mq-text-group\" aria-hidden=\"true\">\r\n        <span class=\"msl-mq-text\">You are never alone on this journey<\/span>\r\n        <span class=\"msl-mq-dot\"><\/span>\r\n        <span class=\"msl-mq-text\">Welcome to the sisterhood<\/span>\r\n        <span class=\"msl-mq-dot\"><\/span>\r\n        <span class=\"msl-mq-text\">Sheffield's Muslim sisters community<\/span>\r\n        <span class=\"msl-mq-dot\"><\/span>\r\n        <span class=\"msl-mq-text\">Begin your beautiful journey<\/span>\r\n        <span class=\"msl-mq-dot\"><\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- ROW 2 right -->\r\n    <div class=\"msl-mq-row msl-mq-rev\">\r\n      <div class=\"msl-mq-group\">\r\n      <img decoding=\"async\" class=\"msl-mq-img\" src=\"https:\/\/muslimaat.org\/wp-content\/uploads\/2026\/g3_final.png\" alt=\"Muslimaat Community\">\r\n<img decoding=\"async\" class=\"msl-mq-img\" src=\"http:\/\/muslimaat.org\/wp-content\/uploads\/2026\/04\/G4.jpg\" alt=\"Mount Uhud\">\r\n<img decoding=\"async\" class=\"msl-mq-img\" src=\"https:\/\/muslimaat.org\/wp-content\/uploads\/2026\/g5.jpeg\" alt=\"Muslim Sisters\">\r\n<img decoding=\"async\" class=\"msl-mq-img\" src=\"https:\/\/muslimaat.org\/wp-content\/uploads\/2026\/slider2.jpeg\" alt=\"Community Event\">\r\n<img decoding=\"async\" class=\"msl-mq-img\" src=\"http:\/\/muslimaat.org\/wp-content\/uploads\/2024\/01\/Muslimaat-9.jpeg\" alt=\"Muslimaat Sisters\">\r\n      <\/div>\r\n      <div class=\"msl-mq-group\" aria-hidden=\"true\">\r\n     <img decoding=\"async\" class=\"msl-mq-img\" src=\"http:\/\/muslimaat.org\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-29-at-12.31.58-PM.jpeg\" alt=\"\">\r\n<img decoding=\"async\" class=\"msl-mq-img\" src=\"https:\/\/muslimaat.org\/wp-content\/uploads\/2026\/slider2.jpeg\" alt=\"\">\r\n<img decoding=\"async\" class=\"msl-mq-img\" src=\"https:\/\/muslimaat.org\/wp-content\/uploads\/2026\/g5.jpeg\" alt=\"\">\r\n<img decoding=\"async\" class=\"msl-mq-img\" src=\"https:\/\/muslimaat.org\/wp-content\/uploads\/2026\/g6.jpeg\" alt=\"\">\r\n<img decoding=\"async\" class=\"msl-mq-img\" src=\"http:\/\/muslimaat.org\/wp-content\/uploads\/2024\/01\/Muslimaat-9.jpeg\" alt=\"\">\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\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-7831735 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7831735\" 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-aa3356d\" data-id=\"aa3356d\" 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-6913dc2 elementor-widget elementor-widget-shortcode\" data-id=\"6913dc2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">[muslimaat_blog]<\/div>\n\t\t\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-0b8260c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"0b8260c\" 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-849233e\" data-id=\"849233e\" 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-4331ad6 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4331ad6\" 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-b8fde17\" data-id=\"b8fde17\" 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-da7b757 elementor-widget elementor-widget-html\" data-id=\"da7b757\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;1,400&family=Jost:wght@300;400;500;600&family=Amiri:wght@400;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.msl-cta-wrap * { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n.msl-cta-wrap {\r\n  position: relative;\r\n  width: 100%;\r\n  min-height: 500px;\r\n  padding: 5rem 2rem 4rem;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  overflow: hidden;\r\n  font-family: 'Jost', sans-serif;\r\n}\r\n\r\n#mslFractalCanvas {\r\n  position: absolute;\r\n  inset: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  background: #ffffff;\r\n  z-index: 0;\r\n}\r\n\r\n.msl-cta-fade {\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(to top, #ffffff 0%, transparent 50%, transparent 100%);\r\n  z-index: 1;\r\n  pointer-events: none;\r\n}\r\n\r\n.msl-cta-content {\r\n  position: relative;\r\n  z-index: 2;\r\n  text-align: center;\r\n  padding: 2rem;\r\n  max-width: 700px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.msl-cta-badge {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 0.5rem;\r\n  background: rgba(232,31,109,0.08);\r\n  border: 1px solid rgba(232,31,109,0.2);\r\n  border-radius: 50px;\r\n  padding: 0.4rem 1.2rem;\r\n  margin-bottom: 1.75rem;\r\n  backdrop-filter: blur(8px);\r\n  opacity: 0;\r\n  transform: translateY(20px);\r\n  transition: opacity 0.8s ease 1.5s, transform 0.8s ease 1.5s;\r\n}\r\n.msl-cta-badge.visible { opacity: 1; transform: translateY(0); }\r\n\r\n.msl-cta-badge-dot {\r\n  width: 6px; height: 6px;\r\n  border-radius: 50%; background: #E81F6D;\r\n}\r\n\r\n.msl-cta-title {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: clamp(2.5rem, 6vw, 5rem);\r\n  font-weight: 600;\r\n  line-height: 1.1;\r\n  margin-bottom: 1.25rem;\r\n  background: linear-gradient(to bottom, #1E1E1E 0%, rgba(30,30,30,0.7) 100%);\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  background-clip: text;\r\n  opacity: 0;\r\n  transform: translateY(20px);\r\n  transition: opacity 0.8s ease 1.7s, transform 0.8s ease 1.7s;\r\n}\r\n.msl-cta-title.visible { opacity: 1; transform: translateY(0); }\r\n.msl-cta-title em {\r\n  font-style: italic;\r\n  background: linear-gradient(to right, #E81F6D, #F7A8C4);\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  background-clip: text;\r\n}\r\n\r\n.msl-cta-desc {\r\n  font-size: 1rem;\r\n  color: #6B6B6B;\r\n  line-height: 1.85;\r\n  font-weight: 300;\r\n  max-width: 480px;\r\n  margin: 0 auto 2.5rem;\r\n  opacity: 0;\r\n  transform: translateY(20px);\r\n  transition: opacity 0.8s ease 1.9s, transform 0.8s ease 1.9s;\r\n}\r\n.msl-cta-desc.visible { opacity: 1; transform: translateY(0); }\r\n\r\n.msl-cta-btns {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 1rem;\r\n  flex-wrap: wrap;\r\n  opacity: 0;\r\n  transform: translateY(20px);\r\n  transition: opacity 0.8s ease 2.1s, transform 0.8s ease 2.1s;\r\n}\r\n.msl-cta-btns.visible { opacity: 1; transform: translateY(0); }\r\n\r\n.msl-cta-btn-primary {\r\n  display: inline-flex; align-items: center; gap: 0.5rem;\r\n  background: #E81F6D; color: white; text-decoration: none;\r\n  padding: 0.9rem 2.2rem; border-radius: 10px;\r\n  font-size: 0.9rem; font-weight: 600; font-family: 'Jost', sans-serif;\r\n  transition: all 0.3s; box-shadow: 0 4px 20px rgba(232,31,109,0.4);\r\n}\r\n.msl-cta-btn-primary:hover {\r\n  background: #B8155A; transform: translateY(-2px);\r\n  box-shadow: 0 8px 30px rgba(232,31,109,0.5); color: white;\r\n}\r\n\r\n.msl-cta-btn-secondary {\r\n  display: inline-flex; align-items: center; gap: 0.5rem;\r\n  background: rgba(232,31,109,0.06); color: #E81F6D; text-decoration: none;\r\n  padding: 0.9rem 2.2rem; border-radius: 10px;\r\n  font-size: 0.9rem; font-weight: 500; font-family: 'Jost', sans-serif;\r\n  transition: all 0.3s; border: 1px solid #F7C4DC;\r\n}\r\n.msl-cta-btn-secondary:hover {\r\n  background: rgba(232,31,109,0.12); transform: translateY(-2px);\r\n}\r\n\r\n.msl-cta-arrow {\r\n  width: 16px; height: 16px; stroke: currentColor; fill: none;\r\n  stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;\r\n}\r\n<\/style>\r\n\r\n<div class=\"msl-cta-wrap\">\r\n  <canvas id=\"mslFractalCanvas\"><\/canvas>\r\n  <div class=\"msl-cta-fade\"><\/div>\r\n\r\n  <div class=\"msl-cta-content\">\r\n\r\n    <div class=\"msl-cta-badge\" id=\"mslCtaBadge\">\r\n      <span class=\"msl-cta-badge-dot\"><\/span>\r\n      <span style=\"font-family:'Amiri',serif;font-size:1rem;\">\u0628\u0650\u0633\u0652\u0645\u0650 \u0627\u0644\u0644\u0647\u0650 \u0627\u0644\u0631\u064e\u0651\u062d\u0652\u0645\u0670\u0646\u0650 \u0627\u0644\u0631\u064e\u0651\u062d\u0650\u064a\u0652\u0645\u0650<\/span>\r\n    <\/div>\r\n\r\n    <h2 class=\"msl-cta-title\" id=\"mslCtaTitle\">\r\n      A home for every <em>Muslim sister<\/em><br>in Sheffield\r\n    <\/h2>\r\n\r\n    <p class=\"msl-cta-desc\" id=\"mslCtaDesc\">\r\n      Whether you are a new Muslim, want to deepen your faith, join a Tajweed class or simply connect with a community of sisters \u2014 Muslimaat is here for you. No pressure, no judgement. Just sisterhood.\r\n    <\/p>\r\n\r\n    <div class=\"msl-cta-btns\" id=\"mslCtaBtns\">\r\n      <a href=\"\/contact\" class=\"msl-cta-btn-primary\">\r\n        Get in touch\r\n        <svg class=\"msl-cta-arrow\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n      <\/a>\r\n      <a href=\"\/about\" class=\"msl-cta-btn-secondary\">\r\n        Learn about us\r\n        <svg class=\"msl-cta-arrow\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n  const canvas = document.getElementById('mslFractalCanvas');\r\n  const ctx = canvas.getContext('2d');\r\n  const mouse = { x: 0, y: 0 };\r\n  let currentDepth = 0;\r\n  const maxDepth = 9;\r\n\r\n  function resize() {\r\n    canvas.width  = canvas.offsetWidth;\r\n    canvas.height = canvas.offsetHeight;\r\n    mouse.x = canvas.width \/ 2;\r\n    mouse.y = canvas.height;\r\n  }\r\n\r\n  function drawBranch(x, y, angle, length, depth) {\r\n    if (depth > currentDepth) return;\r\n    const endX = x + Math.cos(angle) * length;\r\n    const endY = y + Math.sin(angle) * length;\r\n    ctx.beginPath();\r\n    ctx.moveTo(x, y);\r\n    ctx.lineTo(endX, endY);\r\n    const opacity = (1 - depth \/ maxDepth) * 0.75;\r\n    ctx.strokeStyle = 'rgba(232,31,109,' + opacity + ')';\r\n    ctx.lineWidth = Math.max(0.5, 1.5 - (depth \/ maxDepth));\r\n    ctx.stroke();\r\n    const dist = Math.hypot(endX - mouse.x, endY - mouse.y);\r\n    const effect = Math.max(0, 1 - dist \/ (canvas.height \/ 2));\r\n    const offset = (Math.PI \/ 10) * effect;\r\n    drawBranch(endX, endY, angle - Math.PI \/ 10 - offset, length * 0.78, depth + 1);\r\n    drawBranch(endX, endY, angle + Math.PI \/ 10 + offset, length * 0.78, depth + 1);\r\n  }\r\n\r\n  function animate() {\r\n    ctx.fillStyle = 'rgba(255,255,255,0.25)';\r\n    ctx.fillRect(0, 0, canvas.width, canvas.height);\r\n    drawBranch(canvas.width \/ 2, canvas.height, -Math.PI \/ 2, canvas.height \/ 5, 0);\r\n    if (currentDepth < maxDepth) currentDepth += 0.025;\r\n    requestAnimationFrame(animate);\r\n  }\r\n\r\n  window.addEventListener('resize', resize);\r\n  canvas.closest('.msl-cta-wrap').addEventListener('mousemove', function(e) {\r\n    const rect = canvas.getBoundingClientRect();\r\n    mouse.x = e.clientX - rect.left;\r\n    mouse.y = e.clientY - rect.top;\r\n  });\r\n\r\n  resize();\r\n  animate();\r\n\r\n  const els = ['mslCtaBadge','mslCtaTitle','mslCtaDesc','mslCtaBtns'];\r\n  const obs = new IntersectionObserver(function(entries) {\r\n    entries.forEach(function(entry) {\r\n      if (entry.isIntersecting) {\r\n        els.forEach(function(id) { document.getElementById(id).classList.add('visible'); });\r\n        obs.disconnect();\r\n      }\r\n    });\r\n  }, { threshold: 0.2 });\r\n  obs.observe(document.querySelector('.msl-cta-wrap'));\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-25f310b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"25f310b\" 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-fcd9a1a\" data-id=\"fcd9a1a\" 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-d05c1a3 elementor-widget elementor-widget-html\" data-id=\"d05c1a3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;1,400&family=Jost:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n\r\n<div style=\"width:100%;background:#ffffff;border-top:2px solid #E81F6D;font-family:'Jost',Arial,sans-serif\">\r\n\r\n  <!-- NEWSLETTER BAR -->\r\n  <div style=\"background:#FDEEF5;padding:30px 5%;border-bottom:1px solid #F7C4DC\">\r\n    <div style=\"max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between\">\r\n      <div style=\"margin-bottom:10px\">\r\n        <p style=\"font-family:'Cormorant Garamond',serif;font-size:26px;font-weight:600;color:#1E1E1E;margin-bottom:5px;letter-spacing:1px\">Stay connected with <em style=\"color:#E81F6D;font-style:italic\">Muslimaat<\/em><\/p>\r\n        <p style=\"font-size:13px;color:#6B6B6B;font-weight:300;letter-spacing:0.5px\">Receive updates on events, resources and sisterhood news<\/p>\r\n      <\/div>\r\n      <div style=\"display:flex;flex-wrap:wrap;gap:8px\">\r\n        <input type=\"email\" placeholder=\"Your email address\" style=\"border:1px solid #F7C4DC;border-radius:8px;padding:10px 16px;font-size:14px;outline:none;width:220px;font-family:Jost,sans-serif\">\r\n        <button style=\"background:#E81F6D;color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:13px;font-weight:600;cursor:pointer;letter-spacing:1px;font-family:Jost,sans-serif\">Subscribe<\/button>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- MAIN FOOTER -->\r\n  <div style=\"max-width:1200px;margin:0 auto;padding:50px 5% 40px;display:flex;flex-wrap:wrap\">\r\n\r\n    <!-- COL 1: Brand + Socials -->\r\n    <div style=\"width:30%;padding-right:40px;min-width:200px;margin-bottom:30px\">\r\n      <a href=\"\/\" style=\"font-family:'Cormorant Garamond',serif;font-size:28px;font-weight:600;color:#1E1E1E;text-decoration:none;display:block;margin-bottom:12px;letter-spacing:3px\">Musli<em style=\"color:#E81F6D;font-style:italic\">maat<\/em><\/a>\r\n      <p style=\"font-size:13px;color:#6B6B6B;line-height:1.9;margin-bottom:20px;font-weight:300\">A warm, welcoming space for  Muslim sisters in Sheffield. You are never alone on this beautiful journey.<\/p>\r\n      <div style=\"display:flex;gap:8px\">\r\n        <!-- Facebook -->\r\n        <a href=\"https:\/\/www.facebook.com\/p\/Muslimaat-Association-61578304550678\" target=\"_blank\" rel=\"noopener\" style=\"width:36px;height:36px;border-radius:50%;border:1px solid #F7C4DC;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:#6B6B6B;font-size:12px;font-weight:700;font-family:'Jost',sans-serif\">f<\/a>\r\n        <!-- Instagram -->\r\n        <a href=\"https:\/\/www.instagram.com\/muslimaatassociation\" target=\"_blank\" rel=\"noopener\" style=\"width:36px;height:36px;border-radius:50%;border:1px solid #F7C4DC;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:#6B6B6B;font-size:11px;font-weight:700;font-family:'Jost',sans-serif\">ig<\/a>\r\n        <!-- TikTok -->\r\n        <a href=\"https:\/\/tiktok.com\/@muslimaatassociation\" target=\"_blank\" rel=\"noopener\" style=\"width:36px;height:36px;border-radius:50%;border:1px solid #F7C4DC;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:#6B6B6B;font-size:11px;font-weight:700;font-family:'Jost',sans-serif\">tt<\/a>\r\n        <!-- Twitter\/X -->\r\n        <a href=\"https:\/\/x.com\/MusimaatAssoc\" target=\"_blank\" rel=\"noopener\" style=\"width:36px;height:36px;border-radius:50%;border:1px solid #F7C4DC;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:#6B6B6B;font-size:12px;font-weight:700;font-family:'Jost',sans-serif\">\ud835\udd4f<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- COL 2: Quick Links -->\r\n    <div style=\"width:20%;padding-right:20px;min-width:140px;margin-bottom:30px\">\r\n      <p style=\"font-size:10px;font-weight:600;letter-spacing:4px;text-transform:uppercase;color:#E81F6D;margin-bottom:6px;font-family:'Jost',sans-serif\">Quick Links<\/p>\r\n      <div style=\"width:30px;height:1.5px;background:#F7C4DC;margin-bottom:18px\"><\/div>\r\n      <div style=\"display:flex;flex-direction:column\">\r\n        <a href=\"\/\" style=\"text-decoration:none;color:#6B6B6B;font-size:13px;margin-bottom:10px;font-weight:300\">Home<\/a>\r\n        <a href=\"\/about\" style=\"text-decoration:none;color:#6B6B6B;font-size:13px;margin-bottom:10px;font-weight:300\">About Us<\/a>\r\n        <a href=\"\/services\" style=\"text-decoration:none;color:#6B6B6B;font-size:13px;margin-bottom:10px;font-weight:300\">Our Services<\/a>\r\n        <a href=\"\/events\" style=\"text-decoration:none;color:#6B6B6B;font-size:13px;margin-bottom:10px;font-weight:300\">Events<\/a>\r\n        <a href=\"\/resources\" style=\"text-decoration:none;color:#6B6B6B;font-size:13px;margin-bottom:10px;font-weight:300\">Resources<\/a>\r\n        <a href=\"\/contact\" style=\"text-decoration:none;color:#6B6B6B;font-size:13px;font-weight:300\">Contact<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- COL 3: Resources -->\r\n    <div style=\"width:20%;padding-right:20px;min-width:140px;margin-bottom:30px\">\r\n      <p style=\"font-size:10px;font-weight:600;letter-spacing:4px;text-transform:uppercase;color:#E81F6D;margin-bottom:6px;font-family:'Jost',sans-serif\">Resources<\/p>\r\n      <div style=\"width:30px;height:1.5px;background:#F7C4DC;margin-bottom:18px\"><\/div>\r\n      <div style=\"display:flex;flex-direction:column\">\r\n        <a href=\"\/resources\" style=\"text-decoration:none;color:#6B6B6B;font-size:13px;margin-bottom:10px;font-weight:300\">How to Pray<\/a>\r\n        <a href=\"\/resources\" style=\"text-decoration:none;color:#6B6B6B;font-size:13px;margin-bottom:10px;font-weight:300\">Wearing Hijab<\/a>\r\n        <a href=\"\/resources\" style=\"text-decoration:none;color:#6B6B6B;font-size:13px;margin-bottom:10px;font-weight:300\">Understanding Ramadan<\/a>\r\n        <a href=\"\/resources\" style=\"text-decoration:none;color:#6B6B6B;font-size:13px;margin-bottom:10px;font-weight:300\">Daily Duas and Dhikr<\/a>\r\n        <a href=\"\/resources\" style=\"text-decoration:none;color:#6B6B6B;font-size:13px;margin-bottom:10px;font-weight:300\">Learning Arabic<\/a>\r\n        <a href=\"\/resources\" style=\"text-decoration:none;color:#E81F6D;font-size:13px;font-weight:500\">All Resources \u2192<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- COL 4: Contact -->\r\n    <div style=\"width:25%;min-width:160px;margin-bottom:30px\">\r\n      <p style=\"font-size:10px;font-weight:600;letter-spacing:4px;text-transform:uppercase;color:#E81F6D;margin-bottom:6px;font-family:'Jost',sans-serif\">Contact Us<\/p>\r\n      <div style=\"width:30px;height:1.5px;background:#F7C4DC;margin-bottom:18px\"><\/div>\r\n\r\n      <div style=\"margin-bottom:14px\">\r\n        <p style=\"font-size:11px;font-weight:600;color:#1E1E1E;letter-spacing:1px;margin-bottom:4px;font-family:'Jost',sans-serif\">Address<\/p>\r\n        <p style=\"font-size:13px;color:#6B6B6B;font-weight:300;line-height:1.7\">Floor 4 | Don Valley House<br>Savile Street, Sheffield<br>S4 7UQ, United Kingdom<\/p>\r\n      <\/div>\r\n\r\n      <div style=\"margin-bottom:14px\">\r\n        <p style=\"font-size:11px;font-weight:600;color:#1E1E1E;letter-spacing:1px;margin-bottom:4px;font-family:'Jost',sans-serif\">Email<\/p>\r\n        <a href=\"mailto:reannetaylor@muslimaat.org\" style=\"font-size:13px;color:#6B6B6B;font-weight:300;text-decoration:none\">reannetaylor@muslimaat.org<\/a>\r\n      <\/div>\r\n\r\n      <div>\r\n        <p style=\"font-size:11px;font-weight:600;color:#1E1E1E;letter-spacing:1px;margin-bottom:4px;font-family:'Jost',sans-serif\">WhatsApp<\/p>\r\n        <a href=\"https:\/\/wa.me\/447427734324\" target=\"_blank\" rel=\"noopener\" style=\"font-size:13px;color:#6B6B6B;font-weight:300;text-decoration:none\">+44 7427 734324<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- DIVIDER -->\r\n  <div style=\"border-top:1px solid #F7C4DC;margin:0 5%\"><\/div>\r\n\r\n  <!-- BOTTOM BAR -->\r\n  <div style=\"max-width:1200px;margin:0 auto;padding:20px 5%;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px\">\r\n    <p style=\"font-size:12px;color:#6B6B6B;font-weight:300;font-family:'Jost',sans-serif\">\u00a9 2026 <a href=\"\/\" style=\"color:#E81F6D;text-decoration:none;font-weight:500\">Muslimaat<\/a> \u2014 Made with love for Muslim sisters in Sheffield.<\/p>\r\n    <div style=\"display:flex;flex-wrap:wrap;gap:16px\">\r\n      <a href=\"\/privacy\" style=\"font-size:12px;color:#6B6B6B;text-decoration:none;font-weight:300;font-family:'Jost',sans-serif\">Privacy Policy<\/a>\r\n      <a href=\"\/terms\" style=\"font-size:12px;color:#6B6B6B;text-decoration:none;font-weight:300;font-family:'Jost',sans-serif\">Terms of Use<\/a>\r\n      <a href=\"\/sitemap\" style=\"font-size:12px;color:#6B6B6B;text-decoration:none;font-weight:300;font-family:'Jost',sans-serif\">Sitemap<\/a>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Sheffield, UK \u00b7 Est. 1996 Empowering Muslim womenthrough faith &amp; community Empowering Muslim women, girls, and new Muslims through knowledge, faith, and connection. Together, we build faith. Together, we build community. Begin Your Journey Learn More 1000+ Women &amp; Girls Supported 50+ Events Held Free Resources Daily Prayer Times Prayer times for Sheffield Accurate daily [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2141","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/muslimaat.org\/ar\/wp-json\/wp\/v2\/pages\/2141","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=2141"}],"version-history":[{"count":409,"href":"https:\/\/muslimaat.org\/ar\/wp-json\/wp\/v2\/pages\/2141\/revisions"}],"predecessor-version":[{"id":3136,"href":"https:\/\/muslimaat.org\/ar\/wp-json\/wp\/v2\/pages\/2141\/revisions\/3136"}],"wp:attachment":[{"href":"https:\/\/muslimaat.org\/ar\/wp-json\/wp\/v2\/media?parent=2141"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}