{"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-26T23:22:35","modified_gmt":"2026-04-26T22:22:35","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\">100+<\/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. Together, we build faith. Together, we build community.<\/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 new 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 new 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 for new Muslims<\/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=\"https:\/\/muslimaat.org\/wp-content\/uploads\/2026\/g4_final.png\" 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 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_price":"","_stock":"","_tribe_ticket_header":"","_tribe_default_ticket_provider":"","_tribe_ticket_capacity":"0","_ticket_start_date":"","_ticket_end_date":"","_tribe_ticket_show_description":"","_tribe_ticket_show_not_going":false,"_tribe_ticket_use_global_stock":"","_tribe_ticket_global_stock_level":"","_global_stock_mode":"","_global_stock_cap":"","_tribe_rsvp_for_event":"","_tribe_ticket_going_count":"","_tribe_ticket_not_going_count":"","_tribe_tickets_list":"[]","_tribe_ticket_has_attendee_info_fields":false,"footnotes":"","_tec_slr_enabled":"","_tec_slr_layout":""},"class_list":["post-2141","page","type-page","status-publish","hentry"],"ticketed":false,"_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":391,"href":"https:\/\/muslimaat.org\/ar\/wp-json\/wp\/v2\/pages\/2141\/revisions"}],"predecessor-version":[{"id":3036,"href":"https:\/\/muslimaat.org\/ar\/wp-json\/wp\/v2\/pages\/2141\/revisions\/3036"}],"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}]}}