Support Your Mosque | Central Jamia Mosque Wolverton<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n :root {\r\n --deep-green: #0F3B2C;\r\n --rich-green: #1B4332;\r\n --leaf: #2D6A4F;\r\n --warm-gold: #C6A24C;\r\n --soft-gold: #D4AF37;\r\n --ivory: #FCFAF5;\r\n --stone: #F3F0E9;\r\n --charcoal: #1E1E1E;\r\n --slate: #5A5A5A;\r\n --border-light: #E0DBD0;\r\n --white: #FFFFFF;\r\n }\r\n\r\n body {\r\n font-family: 'Inter', sans-serif;\r\n line-height: 1.6;\r\n color: var(--charcoal);\r\n background: var(--ivory);\r\n overflow-x: hidden;\r\n width: 100%;\r\n margin: 0;\r\n -webkit-font-smoothing: antialiased;\r\n }\r\n\r\n .donation-wrapper {\r\n width: 100vw;\r\n margin-left: calc(-50vw + 50%);\r\n margin-right: calc(-50vw + 50%);\r\n background: var(--ivory);\r\n }\r\n\r\n \/* Professional Hero *\/\r\n .hero-professional {\r\n background: linear-gradient(0deg, rgba(15, 59, 44, 0.82), rgba(15, 59, 44, 0.82)), \r\n url('https:\/\/mkcjm.org.uk\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-19-221858.png') center\/cover no-repeat;\r\n padding: 6rem 4rem 5rem;\r\n text-align: center;\r\n position: relative;\r\n border-bottom: 4px solid var(--warm-gold);\r\n }\r\n\r\n .hero-content {\r\n max-width: 850px;\r\n margin: 0 auto;\r\n }\r\n\r\n .overline {\r\n font-size: 0.75rem;\r\n letter-spacing: 5px;\r\n text-transform: uppercase;\r\n color: var(--soft-gold);\r\n font-weight: 600;\r\n margin-bottom: 1.8rem;\r\n display: block;\r\n }\r\n\r\n .hero-professional h1 {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 4.2rem;\r\n font-weight: 400;\r\n color: #FFFFFF;\r\n line-height: 1.2;\r\n margin-bottom: 1.2rem;\r\n letter-spacing: -0.5px;\r\n }\r\n\r\n .hero-professional h1 strong {\r\n font-weight: 700;\r\n }\r\n\r\n .arabic-decoration {\r\n font-family: 'Libre Baskerville', serif;\r\n font-size: 1.4rem;\r\n color: #D9C5A0;\r\n margin: 1.5rem 0 1rem;\r\n font-style: italic;\r\n opacity: 0.9;\r\n }\r\n\r\n .hero-text {\r\n font-size: 1.15rem;\r\n color: rgba(255,255,255,0.9);\r\n max-width: 600px;\r\n margin: 0 auto;\r\n font-weight: 400;\r\n line-height: 1.7;\r\n }\r\n\r\n \/* Main Layout *\/\r\n .donation-layout {\r\n max-width: 1300px;\r\n margin: 0 auto;\r\n padding: 5rem 4rem;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 4.5rem;\r\n align-items: start;\r\n width: 100%;\r\n }\r\n\r\n @media (max-width: 1050px) {\r\n .donation-layout {\r\n grid-template-columns: 1fr;\r\n padding: 3.5rem 2rem;\r\n }\r\n .hero-professional {\r\n padding: 4.5rem 2rem;\r\n }\r\n .hero-professional h1 {\r\n font-size: 3.2rem;\r\n }\r\n }\r\n\r\n \/* Bank Information Panel *\/\r\n .bank-panel {\r\n background: var(--white);\r\n border: 1px solid var(--border-light);\r\n border-radius: 2px;\r\n padding: 3rem 2.8rem;\r\n box-shadow: 0 8px 30px rgba(0,0,0,0.03);\r\n }\r\n\r\n .panel-label {\r\n font-size: 0.7rem;\r\n letter-spacing: 4px;\r\n text-transform: uppercase;\r\n color: var(--warm-gold);\r\n font-weight: 700;\r\n margin-bottom: 1.8rem;\r\n display: block;\r\n }\r\n\r\n .bank-panel h2 {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 2.8rem;\r\n font-weight: 600;\r\n color: var(--deep-green);\r\n margin-bottom: 0.8rem;\r\n line-height: 1.2;\r\n }\r\n\r\n .subhead {\r\n color: var(--slate);\r\n font-size: 0.95rem;\r\n margin-bottom: 2.5rem;\r\n font-weight: 400;\r\n border-bottom: 1px solid var(--border-light);\r\n padding-bottom: 1.8rem;\r\n }\r\n\r\n .account-highlight {\r\n background: #F7F5EF;\r\n padding: 1.8rem 2rem;\r\n border-left: 4px solid var(--warm-gold);\r\n margin-bottom: 2.2rem;\r\n border-radius: 0 4px 4px 0;\r\n }\r\n\r\n .account-highlight .detail-label {\r\n font-size: 0.7rem;\r\n text-transform: uppercase;\r\n letter-spacing: 2.5px;\r\n color: var(--slate);\r\n margin-bottom: 0.3rem;\r\n }\r\n\r\n .account-highlight .detail-value {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 2rem;\r\n font-weight: 700;\r\n color: var(--deep-green);\r\n letter-spacing: 0.3px;\r\n }\r\n\r\n .codes-row {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 1.8rem;\r\n margin-bottom: 2.2rem;\r\n }\r\n\r\n .code-box {\r\n background: var(--ivory);\r\n padding: 1.6rem;\r\n border: 1px solid var(--border-light);\r\n border-radius: 2px;\r\n }\r\n\r\n .code-box .detail-label {\r\n font-size: 0.7rem;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n color: var(--slate);\r\n margin-bottom: 0.4rem;\r\n }\r\n\r\n .code-box .detail-value {\r\n font-size: 1.9rem;\r\n font-weight: 600;\r\n color: var(--rich-green);\r\n font-family: 'Cormorant Garamond', serif;\r\n }\r\n\r\n .action-row {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n margin-top: 2.2rem;\r\n flex-wrap: wrap;\r\n gap: 1rem;\r\n }\r\n\r\n .btn-professional {\r\n background: var(--deep-green);\r\n color: white;\r\n border: 1px solid var(--deep-green);\r\n padding: 0.9rem 2.4rem;\r\n font-size: 0.8rem;\r\n font-weight: 600;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n cursor: pointer;\r\n background: var(--warm-gold);\r\n border-color: var(--warm-gold);\r\n color: #0F3B2C;\r\n transition: all 0.25s ease;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.6rem;\r\n border-radius: 1px;\r\n }\r\n\r\n .btn-professional:hover {\r\n background: #B58D34;\r\n border-color: #B58D34;\r\n color: white;\r\n }\r\n\r\n .reference-note {\r\n display: flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n font-size: 0.8rem;\r\n color: var(--slate);\r\n font-weight: 500;\r\n }\r\n\r\n .reference-note i {\r\n color: var(--warm-gold);\r\n }\r\n\r\n \/* Right Column - Information *\/\r\n .info-column {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 2.2rem;\r\n }\r\n\r\n .impact-module {\r\n background: var(--deep-green);\r\n color: white;\r\n padding: 2.8rem 2.5rem;\r\n border-radius: 2px;\r\n background: #0F3B2C;\r\n }\r\n\r\n .impact-module h3 {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 2rem;\r\n font-weight: 500;\r\n color: var(--soft-gold);\r\n margin-bottom: 1.4rem;\r\n }\r\n\r\n .impact-module p {\r\n color: rgba(255,255,255,0.85);\r\n font-size: 0.95rem;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .impact-items {\r\n list-style: none;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 1.2rem;\r\n }\r\n\r\n .impact-items li {\r\n display: flex;\r\n align-items: center;\r\n gap: 1rem;\r\n font-size: 0.95rem;\r\n font-weight: 400;\r\n border-bottom: 1px solid rgba(255,255,255,0.1);\r\n padding-bottom: 1rem;\r\n }\r\n\r\n .impact-items li:last-child {\r\n border-bottom: none;\r\n }\r\n\r\n .impact-items i {\r\n color: var(--soft-gold);\r\n width: 22px;\r\n font-size: 1.1rem;\r\n }\r\n\r\n .scripture-quote {\r\n background: var(--stone);\r\n padding: 2.2rem 2rem;\r\n border-left: 4px solid var(--warm-gold);\r\n font-style: italic;\r\n border-radius: 0 4px 4px 0;\r\n }\r\n\r\n .scripture-quote blockquote {\r\n font-family: 'Libre Baskerville', serif;\r\n font-size: 1.15rem;\r\n color: var(--charcoal);\r\n margin-bottom: 0.8rem;\r\n line-height: 1.6;\r\n }\r\n\r\n .scripture-quote cite {\r\n font-size: 0.85rem;\r\n color: var(--slate);\r\n font-style: normal;\r\n font-weight: 500;\r\n }\r\n\r\n .contact-strip {\r\n background: var(--white);\r\n border: 1px solid var(--border-light);\r\n padding: 1.6rem 2rem;\r\n display: flex;\r\n align-items: center;\r\n flex-wrap: wrap;\r\n gap: 1.5rem;\r\n border-radius: 2px;\r\n font-size: 0.9rem;\r\n }\r\n\r\n .contact-strip i {\r\n color: var(--warm-gold);\r\n margin-right: 0.4rem;\r\n }\r\n\r\n .contact-strip span {\r\n color: var(--slate);\r\n }\r\n\r\n @media (max-width: 600px) {\r\n .codes-row {\r\n grid-template-columns: 1fr;\r\n }\r\n .bank-panel {\r\n padding: 2rem 1.8rem;\r\n }\r\n .action-row {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"donation-wrapper\">\r\n \r\n <div class=\"hero-professional\">\r\n <div class=\"hero-content\">\r\n <span class=\"overline\">Support the House of Allah<\/span>\r\n <h1>Make a <strong>Lasting Impact<\/strong><\/h1>\r\n <div class=\"arabic-decoration\">\u0648\u064e\u0645\u064e\u0627 \u062a\u064f\u0646\u0641\u0650\u0642\u064f\u0648\u0627\u06df \u0645\u0650\u0646\u0652 \u062e\u064e\u064a\u0652\u0631\u064d\u06e2 \u064a\u064f\u0648\u064e\u0641\u064e\u0651 \u0625\u0650\u0644\u064e\u064a\u0652\u0643\u064f\u0645\u0652<\/div>\r\n <p class=\"hero-text\">\r\n Your contribution sustains daily prayers, educational programmes, and essential community services at Central Jamia Mosque Wolverton.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"donation-layout\">\r\n \r\n <div class=\"bank-panel\">\r\n <span class=\"panel-label\">Bank Transfer<\/span>\r\n <h2>Donation Account<\/h2>\r\n <p class=\"subhead\">Please use the details below to make a direct transfer. JazakAllahu Khayran for your generosity.<\/p>\r\n\r\n <div class=\"account-highlight\">\r\n <div class=\"detail-label\">Account Name<\/div>\r\n <div class=\"detail-value\">Central Jamia Mosque<\/div>\r\n <\/div>\r\n\r\n <div class=\"codes-row\">\r\n <div class=\"code-box\">\r\n <div class=\"detail-label\">Sort Code<\/div>\r\n <div class=\"detail-value\">23-05-80<\/div>\r\n <\/div>\r\n <div class=\"code-box\">\r\n <div class=\"detail-label\">Account Number<\/div>\r\n <div class=\"detail-value\">27734367<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"action-row\">\r\n <button class=\"btn-professional\" id=\"copyBankDetailsBtn\">\r\n <i class=\"fas fa-copy\"><\/i> Copy Details\r\n <\/button>\r\n <div class=\"reference-note\">\r\n <i class=\"fas fa-tag\"><\/i> Ref: DONATION\r\n <\/div>\r\n <\/div>\r\n <p style=\"font-size: 0.75rem; color: var(--slate); margin-top: 1.5rem; font-weight: 400;\">\r\n <i class=\"fas fa-shield-alt\"><\/i> Secure transfer \u00b7 Receipt available upon request\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"info-column\">\r\n <div class=\"impact-module\">\r\n <h3>Your Contribution Supports<\/h3>\r\n <p>Every donation helps us maintain and grow our services for the Wolverton community.<\/p>\r\n <ul class=\"impact-items\">\r\n <li><i class=\"fas fa-mosque\"><\/i> Mosque maintenance & daily operations<\/li>\r\n <li><i class=\"fas fa-child\"><\/i> Children's Quran & Islamic studies<\/li>\r\n <li><i class=\"fas fa-hand-holding-heart\"><\/i> Funeral & bereavement support<\/li>\r\n <li><i class=\"fas fa-users\"><\/i> Community outreach & dawah<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"scripture-quote\">\r\n <blockquote>\r\n \u201cThe likeness of those who spend their wealth in the way of Allah is as the likeness of a grain that grows seven ears, in every ear a hundred grains.\u201d\r\n <\/blockquote>\r\n <cite>\u2014 The Holy Quran, 2:261<\/cite>\r\n <\/div>\r\n\r\n <div class=\"contact-strip\">\r\n <div><i class=\"fas fa-envelope\"><\/i> info@mkcjm.org.uk<\/div>\r\n <div><i class=\"fas fa-phone-alt\"><\/i> 01908 221 341<\/div>\r\n <span><i class=\"fas fa-map-pin\"><\/i> Wolverton, Milton Keynes<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n (function() {\r\n const copyBtn = document.getElementById('copyBankDetailsBtn');\r\n if (copyBtn) {\r\n copyBtn.addEventListener('click', function() {\r\n const bankInfo = `Account Name: Central Jamia Mosque\r\nSort Code: 23-05-80\r\nAccount Number: 27734367`;\r\n\r\n navigator.clipboard.writeText(bankInfo).then(() => {\r\n const originalHTML = copyBtn.innerHTML;\r\n copyBtn.innerHTML = '<i class=\"fas fa-check-circle\"><\/i> Copied';\r\n copyBtn.style.background = '#0F3B2C';\r\n copyBtn.style.borderColor = '#0F3B2C';\r\n copyBtn.style.color = 'white';\r\n setTimeout(() => {\r\n copyBtn.innerHTML = originalHTML;\r\n copyBtn.style.background = '#C6A24C';\r\n copyBtn.style.borderColor = '#C6A24C';\r\n copyBtn.style.color = '#0F3B2C';\r\n }, 2200);\r\n }).catch(() => {\r\n alert('Please copy the details manually.');\r\n });\r\n });\r\n }\r\n })();\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Support Your Mosque | Central Jamia Mosque Wolverton Support the House of Allah Make a Lasting Impact \u0648\u064e\u0645\u064e\u0627 \u062a\u064f\u0646\u0641\u0650\u0642\u064f\u0648\u0627\u06df \u0645\u0650\u0646\u0652…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-420","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mkcjm.org.uk\/index.php?rest_route=\/wp\/v2\/pages\/420","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mkcjm.org.uk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mkcjm.org.uk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mkcjm.org.uk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mkcjm.org.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=420"}],"version-history":[{"count":7,"href":"https:\/\/mkcjm.org.uk\/index.php?rest_route=\/wp\/v2\/pages\/420\/revisions"}],"predecessor-version":[{"id":429,"href":"https:\/\/mkcjm.org.uk\/index.php?rest_route=\/wp\/v2\/pages\/420\/revisions\/429"}],"wp:attachment":[{"href":"https:\/\/mkcjm.org.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=420"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Support Your Mosque | Central Jamia Mosque Wolverton<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n :root {\r\n --deep-green: #0F3B2C;\r\n --rich-green: #1B4332;\r\n --leaf: #2D6A4F;\r\n --warm-gold: #C6A24C;\r\n --soft-gold: #D4AF37;\r\n --ivory: #FCFAF5;\r\n --stone: #F3F0E9;\r\n --charcoal: #1E1E1E;\r\n --slate: #5A5A5A;\r\n --border-light: #E0DBD0;\r\n --white: #FFFFFF;\r\n }\r\n\r\n body {\r\n font-family: 'Inter', sans-serif;\r\n line-height: 1.6;\r\n color: var(--charcoal);\r\n background: var(--ivory);\r\n overflow-x: hidden;\r\n width: 100%;\r\n margin: 0;\r\n -webkit-font-smoothing: antialiased;\r\n }\r\n\r\n .donation-wrapper {\r\n width: 100vw;\r\n margin-left: calc(-50vw + 50%);\r\n margin-right: calc(-50vw + 50%);\r\n background: var(--ivory);\r\n }\r\n\r\n \/* Professional Hero *\/\r\n .hero-professional {\r\n background: linear-gradient(0deg, rgba(15, 59, 44, 0.82), rgba(15, 59, 44, 0.82)), \r\n url('https:\/\/mkcjm.org.uk\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-19-221858.png') center\/cover no-repeat;\r\n padding: 6rem 4rem 5rem;\r\n text-align: center;\r\n position: relative;\r\n border-bottom: 4px solid var(--warm-gold);\r\n }\r\n\r\n .hero-content {\r\n max-width: 850px;\r\n margin: 0 auto;\r\n }\r\n\r\n .overline {\r\n font-size: 0.75rem;\r\n letter-spacing: 5px;\r\n text-transform: uppercase;\r\n color: var(--soft-gold);\r\n font-weight: 600;\r\n margin-bottom: 1.8rem;\r\n display: block;\r\n }\r\n\r\n .hero-professional h1 {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 4.2rem;\r\n font-weight: 400;\r\n color: #FFFFFF;\r\n line-height: 1.2;\r\n margin-bottom: 1.2rem;\r\n letter-spacing: -0.5px;\r\n }\r\n\r\n .hero-professional h1 strong {\r\n font-weight: 700;\r\n }\r\n\r\n .arabic-decoration {\r\n font-family: 'Libre Baskerville', serif;\r\n font-size: 1.4rem;\r\n color: #D9C5A0;\r\n margin: 1.5rem 0 1rem;\r\n font-style: italic;\r\n opacity: 0.9;\r\n }\r\n\r\n .hero-text {\r\n font-size: 1.15rem;\r\n color: rgba(255,255,255,0.9);\r\n max-width: 600px;\r\n margin: 0 auto;\r\n font-weight: 400;\r\n line-height: 1.7;\r\n }\r\n\r\n \/* Main Layout *\/\r\n .donation-layout {\r\n max-width: 1300px;\r\n margin: 0 auto;\r\n padding: 5rem 4rem;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 4.5rem;\r\n align-items: start;\r\n width: 100%;\r\n }\r\n\r\n @media (max-width: 1050px) {\r\n .donation-layout {\r\n grid-template-columns: 1fr;\r\n padding: 3.5rem 2rem;\r\n }\r\n .hero-professional {\r\n padding: 4.5rem 2rem;\r\n }\r\n .hero-professional h1 {\r\n font-size: 3.2rem;\r\n }\r\n }\r\n\r\n \/* Bank Information Panel *\/\r\n .bank-panel {\r\n background: var(--white);\r\n border: 1px solid var(--border-light);\r\n border-radius: 2px;\r\n padding: 3rem 2.8rem;\r\n box-shadow: 0 8px 30px rgba(0,0,0,0.03);\r\n }\r\n\r\n .panel-label {\r\n font-size: 0.7rem;\r\n letter-spacing: 4px;\r\n text-transform: uppercase;\r\n color: var(--warm-gold);\r\n font-weight: 700;\r\n margin-bottom: 1.8rem;\r\n display: block;\r\n }\r\n\r\n .bank-panel h2 {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 2.8rem;\r\n font-weight: 600;\r\n color: var(--deep-green);\r\n margin-bottom: 0.8rem;\r\n line-height: 1.2;\r\n }\r\n\r\n .subhead {\r\n color: var(--slate);\r\n font-size: 0.95rem;\r\n margin-bottom: 2.5rem;\r\n font-weight: 400;\r\n border-bottom: 1px solid var(--border-light);\r\n padding-bottom: 1.8rem;\r\n }\r\n\r\n .account-highlight {\r\n background: #F7F5EF;\r\n padding: 1.8rem 2rem;\r\n border-left: 4px solid var(--warm-gold);\r\n margin-bottom: 2.2rem;\r\n border-radius: 0 4px 4px 0;\r\n }\r\n\r\n .account-highlight .detail-label {\r\n font-size: 0.7rem;\r\n text-transform: uppercase;\r\n letter-spacing: 2.5px;\r\n color: var(--slate);\r\n margin-bottom: 0.3rem;\r\n }\r\n\r\n .account-highlight .detail-value {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 2rem;\r\n font-weight: 700;\r\n color: var(--deep-green);\r\n letter-spacing: 0.3px;\r\n }\r\n\r\n .codes-row {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 1.8rem;\r\n margin-bottom: 2.2rem;\r\n }\r\n\r\n .code-box {\r\n background: var(--ivory);\r\n padding: 1.6rem;\r\n border: 1px solid var(--border-light);\r\n border-radius: 2px;\r\n }\r\n\r\n .code-box .detail-label {\r\n font-size: 0.7rem;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n color: var(--slate);\r\n margin-bottom: 0.4rem;\r\n }\r\n\r\n .code-box .detail-value {\r\n font-size: 1.9rem;\r\n font-weight: 600;\r\n color: var(--rich-green);\r\n font-family: 'Cormorant Garamond', serif;\r\n }\r\n\r\n .action-row {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n margin-top: 2.2rem;\r\n flex-wrap: wrap;\r\n gap: 1rem;\r\n }\r\n\r\n .btn-professional {\r\n background: var(--deep-green);\r\n color: white;\r\n border: 1px solid var(--deep-green);\r\n padding: 0.9rem 2.4rem;\r\n font-size: 0.8rem;\r\n font-weight: 600;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n cursor: pointer;\r\n background: var(--warm-gold);\r\n border-color: var(--warm-gold);\r\n color: #0F3B2C;\r\n transition: all 0.25s ease;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.6rem;\r\n border-radius: 1px;\r\n }\r\n\r\n .btn-professional:hover {\r\n background: #B58D34;\r\n border-color: #B58D34;\r\n color: white;\r\n }\r\n\r\n .reference-note {\r\n display: flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n font-size: 0.8rem;\r\n color: var(--slate);\r\n font-weight: 500;\r\n }\r\n\r\n .reference-note i {\r\n color: var(--warm-gold);\r\n }\r\n\r\n \/* Right Column - Information *\/\r\n .info-column {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 2.2rem;\r\n }\r\n\r\n .impact-module {\r\n background: var(--deep-green);\r\n color: white;\r\n padding: 2.8rem 2.5rem;\r\n border-radius: 2px;\r\n background: #0F3B2C;\r\n }\r\n\r\n .impact-module h3 {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 2rem;\r\n font-weight: 500;\r\n color: var(--soft-gold);\r\n margin-bottom: 1.4rem;\r\n }\r\n\r\n .impact-module p {\r\n color: rgba(255,255,255,0.85);\r\n font-size: 0.95rem;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .impact-items {\r\n list-style: none;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 1.2rem;\r\n }\r\n\r\n .impact-items li {\r\n display: flex;\r\n align-items: center;\r\n gap: 1rem;\r\n font-size: 0.95rem;\r\n font-weight: 400;\r\n border-bottom: 1px solid rgba(255,255,255,0.1);\r\n padding-bottom: 1rem;\r\n }\r\n\r\n .impact-items li:last-child {\r\n border-bottom: none;\r\n }\r\n\r\n .impact-items i {\r\n color: var(--soft-gold);\r\n width: 22px;\r\n font-size: 1.1rem;\r\n }\r\n\r\n .scripture-quote {\r\n background: var(--stone);\r\n padding: 2.2rem 2rem;\r\n border-left: 4px solid var(--warm-gold);\r\n font-style: italic;\r\n border-radius: 0 4px 4px 0;\r\n }\r\n\r\n .scripture-quote blockquote {\r\n font-family: 'Libre Baskerville', serif;\r\n font-size: 1.15rem;\r\n color: var(--charcoal);\r\n margin-bottom: 0.8rem;\r\n line-height: 1.6;\r\n }\r\n\r\n .scripture-quote cite {\r\n font-size: 0.85rem;\r\n color: var(--slate);\r\n font-style: normal;\r\n font-weight: 500;\r\n }\r\n\r\n .contact-strip {\r\n background: var(--white);\r\n border: 1px solid var(--border-light);\r\n padding: 1.6rem 2rem;\r\n display: flex;\r\n align-items: center;\r\n flex-wrap: wrap;\r\n gap: 1.5rem;\r\n border-radius: 2px;\r\n font-size: 0.9rem;\r\n }\r\n\r\n .contact-strip i {\r\n color: var(--warm-gold);\r\n margin-right: 0.4rem;\r\n }\r\n\r\n .contact-strip span {\r\n color: var(--slate);\r\n }\r\n\r\n @media (max-width: 600px) {\r\n .codes-row {\r\n grid-template-columns: 1fr;\r\n }\r\n .bank-panel {\r\n padding: 2rem 1.8rem;\r\n }\r\n .action-row {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"donation-wrapper\">\r\n \r\n <div class=\"hero-professional\">\r\n <div class=\"hero-content\">\r\n <span class=\"overline\">Support the House of Allah<\/span>\r\n <h1>Make a <strong>Lasting Impact<\/strong><\/h1>\r\n <div class=\"arabic-decoration\">\u0648\u064e\u0645\u064e\u0627 \u062a\u064f\u0646\u0641\u0650\u0642\u064f\u0648\u0627\u06df \u0645\u0650\u0646\u0652 \u062e\u064e\u064a\u0652\u0631\u064d\u06e2 \u064a\u064f\u0648\u064e\u0641\u064e\u0651 \u0625\u0650\u0644\u064e\u064a\u0652\u0643\u064f\u0645\u0652<\/div>\r\n <p class=\"hero-text\">\r\n Your contribution sustains daily prayers, educational programmes, and essential community services at Central Jamia Mosque Wolverton.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"donation-layout\">\r\n \r\n <div class=\"bank-panel\">\r\n <span class=\"panel-label\">Bank Transfer<\/span>\r\n <h2>Donation Account<\/h2>\r\n <p class=\"subhead\">Please use the details below to make a direct transfer. JazakAllahu Khayran for your generosity.<\/p>\r\n\r\n <div class=\"account-highlight\">\r\n <div class=\"detail-label\">Account Name<\/div>\r\n <div class=\"detail-value\">Central Jamia Mosque<\/div>\r\n <\/div>\r\n\r\n <div class=\"codes-row\">\r\n <div class=\"code-box\">\r\n <div class=\"detail-label\">Sort Code<\/div>\r\n <div class=\"detail-value\">23-05-80<\/div>\r\n <\/div>\r\n <div class=\"code-box\">\r\n <div class=\"detail-label\">Account Number<\/div>\r\n <div class=\"detail-value\">27734367<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"action-row\">\r\n <button class=\"btn-professional\" id=\"copyBankDetailsBtn\">\r\n <i class=\"fas fa-copy\"><\/i> Copy Details\r\n <\/button>\r\n <div class=\"reference-note\">\r\n <i class=\"fas fa-tag\"><\/i> Ref: DONATION\r\n <\/div>\r\n <\/div>\r\n <p style=\"font-size: 0.75rem; color: var(--slate); margin-top: 1.5rem; font-weight: 400;\">\r\n <i class=\"fas fa-shield-alt\"><\/i> Secure transfer \u00b7 Receipt available upon request\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"info-column\">\r\n <div class=\"impact-module\">\r\n <h3>Your Contribution Supports<\/h3>\r\n <p>Every donation helps us maintain and grow our services for the Wolverton community.<\/p>\r\n <ul class=\"impact-items\">\r\n <li><i class=\"fas fa-mosque\"><\/i> Mosque maintenance & daily operations<\/li>\r\n <li><i class=\"fas fa-child\"><\/i> Children's Quran & Islamic studies<\/li>\r\n <li><i class=\"fas fa-hand-holding-heart\"><\/i> Funeral & bereavement support<\/li>\r\n <li><i class=\"fas fa-users\"><\/i> Community outreach & dawah<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"scripture-quote\">\r\n <blockquote>\r\n \u201cThe likeness of those who spend their wealth in the way of Allah is as the likeness of a grain that grows seven ears, in every ear a hundred grains.\u201d\r\n <\/blockquote>\r\n <cite>\u2014 The Holy Quran, 2:261<\/cite>\r\n <\/div>\r\n\r\n <div class=\"contact-strip\">\r\n <div><i class=\"fas fa-envelope\"><\/i> info@mkcjm.org.uk<\/div>\r\n <div><i class=\"fas fa-phone-alt\"><\/i> 01908 221 341<\/div>\r\n <span><i class=\"fas fa-map-pin\"><\/i> Wolverton, Milton Keynes<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n (function() {\r\n const copyBtn = document.getElementById('copyBankDetailsBtn');\r\n if (copyBtn) {\r\n copyBtn.addEventListener('click', function() {\r\n const bankInfo = `Account Name: Central Jamia Mosque\r\nSort Code: 23-05-80\r\nAccount Number: 27734367`;\r\n\r\n navigator.clipboard.writeText(bankInfo).then(() => {\r\n const originalHTML = copyBtn.innerHTML;\r\n copyBtn.innerHTML = '<i class=\"fas fa-check-circle\"><\/i> Copied';\r\n copyBtn.style.background = '#0F3B2C';\r\n copyBtn.style.borderColor = '#0F3B2C';\r\n copyBtn.style.color = 'white';\r\n setTimeout(() => {\r\n copyBtn.innerHTML = originalHTML;\r\n copyBtn.style.background = '#C6A24C';\r\n copyBtn.style.borderColor = '#C6A24C';\r\n copyBtn.style.color = '#0F3B2C';\r\n }, 2200);\r\n }).catch(() => {\r\n alert('Please copy the details manually.');\r\n });\r\n });\r\n }\r\n })();\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Support Your Mosque | Central Jamia Mosque Wolverton Support the House of Allah Make a Lasting Impact \u0648\u064e\u0645\u064e\u0627 \u062a\u064f\u0646\u0641\u0650\u0642\u064f\u0648\u0627\u06df \u0645\u0650\u0646\u0652…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-420","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mkcjm.org.uk\/index.php?rest_route=\/wp\/v2\/pages\/420","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mkcjm.org.uk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mkcjm.org.uk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mkcjm.org.uk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mkcjm.org.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=420"}],"version-history":[{"count":7,"href":"https:\/\/mkcjm.org.uk\/index.php?rest_route=\/wp\/v2\/pages\/420\/revisions"}],"predecessor-version":[{"id":429,"href":"https:\/\/mkcjm.org.uk\/index.php?rest_route=\/wp\/v2\/pages\/420\/revisions\/429"}],"wp:attachment":[{"href":"https:\/\/mkcjm.org.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=420"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}