{"id":2514,"date":"2025-12-05T15:44:29","date_gmt":"2025-12-05T15:44:29","guid":{"rendered":"https:\/\/salamcharitycanada.org\/?page_id=2514"},"modified":"2025-12-06T14:36:31","modified_gmt":"2025-12-06T14:36:31","slug":"events","status":"publish","type":"page","link":"https:\/\/salamcharitycanada.org\/fr\/events\/","title":{"rendered":"Events"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2514\" class=\"elementor elementor-2514\" data-elementor-post-type=\"page\">\n\t\t\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-19fd3a10 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"19fd3a10\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-363d239b elementor-pagination-position-inside elementor-widget__width-inherit h-s elementor-pagination-type-bullets elementor-widget elementor-widget-n-carousel\" data-id=\"363d239b\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"h-s\" data-settings=\"{&quot;carousel_items&quot;:[{&quot;slide_title&quot;:&quot;Slide (1)&quot;,&quot;_id&quot;:&quot;0bcd7f1&quot;}],&quot;slides_to_show&quot;:&quot;1&quot;,&quot;slides_to_scroll&quot;:&quot;1&quot;,&quot;image_spacing_custom&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0,&quot;sizes&quot;:[]},&quot;slides_to_show_tablet&quot;:&quot;1&quot;,&quot;slides_to_scroll_tablet&quot;:&quot;1&quot;,&quot;image_spacing_custom_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0,&quot;sizes&quot;:[]},&quot;slides_to_scroll_mobile&quot;:&quot;1&quot;,&quot;image_spacing_custom_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0,&quot;sizes&quot;:[]},&quot;slides_to_show_mobile&quot;:&quot;1&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;autoplay_speed&quot;:5000,&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;infinite&quot;:&quot;yes&quot;,&quot;speed&quot;:500,&quot;offset_sides&quot;:&quot;none&quot;,&quot;pagination&quot;:&quot;bullets&quot;}\" data-widget_type=\"nested-carousel.default\">\n\t\t\t\t\t\t\t<div class=\"e-n-carousel swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Carousel\" dir=\"ltr\">\n\t\t\t<div class=\"swiper-wrapper\" aria-live=\"off\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" data-slide=\"1\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 of 1\">\n\t\t\t\t\t\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-4c684746 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"4c684746\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-4052f023 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"4052f023\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-73b5bb8 elementor-widget elementor-widget-text-editor\" data-id=\"73b5bb8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default elementor-inline-editing pen\" style=\"font-size: 3.5em;\" contenteditable=\"true\" data-elementor-setting-key=\"title\" data-pen-placeholder=\"Type Here...\"><span style=\"color: #ffffff;\">Our<\/span> <span style=\"color: #ffcd29;\">Events <\/span><\/h1>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-6ffcc67 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"6ffcc67\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-e80d472 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"e80d472\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-c485af3 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"c485af3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d087cc2 elementor-widget elementor-widget-text-editor\" data-id=\"d087cc2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Every event is a chance to stand with those who are suffering.<br \/>Together, we turn voices of compassion into real help and hope.<br \/>Your presence and support bring light to families in their darkest times.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\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<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-cebe7ce e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"cebe7ce\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-30fd7a5 elementor-widget elementor-widget-html\" data-id=\"30fd7a5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"upcoming-event-container\" style=\"width: 100%; height: 100%; flex-direction: column; justify-content: flex-start; align-items: center; gap: 48px; display: inline-flex\">\n    <div style=\"width: 973px; flex-direction: column; justify-content: center; align-items: center; gap: 16px; display: flex\">\n        <div style=\"width: 913px; text-align: center\"><span style=\"color: var(--White-White, white); font-size: 56px; font-family: Inter; font-weight: 700; line-height: 61.60px; word-wrap: break-word\">Upcoming <\/span><span style=\"color: var(--Primary-Color-Main-Color, #FFCD29); font-size: 56px; font-family: Inter; font-weight: 700; line-height: 61.60px; word-wrap: break-word\">Event<\/span><\/div>\n    <\/div>\n    <div style=\"width: 1339px; height: 365px; justify-content: flex-start; align-items: center; gap: 40px; display: inline-flex\">\n        <img decoding=\"async\" style=\"width: 657px; align-self: stretch; position: relative; border-radius: 32px\" src=\"https:\/\/salamcharitycanada.org\/wp-content\/uploads\/2025\/12\/maherZain.png\" alt=\"Maher Zein\" \/>\n        <div style=\"width: 642px; flex-direction: column; justify-content: center; align-items: flex-start; gap: 32px; display: inline-flex\">\n            <div style=\"width: 305px; color: var(--White-White, white); font-size: 40px; font-family: Inter; font-weight: 600; line-height: 50px; word-wrap: break-word\">Sound of Hope<\/div>\n            <div style=\"flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 20px; display: flex\">\n                <div style=\"justify-content: flex-start; align-items: center; gap: 8px; display: inline-flex\">\n                    <img decoding=\"async\" style=\"width: 26px; height: 26px; border-radius: 9999px\" src=\"https:\/\/salamcharitycanada.org\/wp-content\/uploads\/2025\/12\/maherZainLogo.png\" alt=\"Maher Zein Logo\" \/>\n                    <div style=\"justify-content: flex-end; display: flex; flex-direction: column; color: var(--White-White, white); font-size: 20px; font-family: Inter; font-weight: 400; line-height: 26px; word-wrap: break-word\">Maher Zein<\/div>\n                <\/div>\n                <div style=\"justify-content: flex-start; align-items: center; gap: 8px; display: inline-flex\">\n                    <svg style=\"width: 24px; height: 24px; color: var(--White-White, white); flex-shrink: 0;\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path>\n                        <circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\n                    <\/svg>\n                    <div style=\"justify-content: flex-end; display: flex; flex-direction: column; color: var(--White-White, white); font-size: 20px; font-family: Inter; font-weight: 400; line-height: 26px; word-wrap: break-word\">NY, California<\/div>\n                <\/div>\n                <div style=\"justify-content: flex-start; align-items: center; gap: 8px; display: inline-flex\">\n                    <svg style=\"width: 24px; height: 24px; color: var(--White-White, white); flex-shrink: 0;\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                        <polyline points=\"12 6 12 12 16 14\"><\/polyline>\n                    <\/svg>\n                    <div style=\"justify-content: flex-end; display: flex; flex-direction: column; color: var(--White-White, white); font-size: 20px; font-family: Inter; font-weight: 400; line-height: 26px; word-wrap: break-word\">30 September  2025 | 6pm<\/div>\n                <\/div>\n            <\/div>\n            <div style=\"justify-content: flex-start; align-items: flex-start; gap: 16px; display: inline-flex\" class=\"event-actions\">\n                <button type=\"button\" class=\"btn-primary\" style=\"height: 52px; padding-left: 24px; padding-right: 24px; background: var(--Primary-Color-Main-Color, #FFCD29); border: none; border-radius: 8px; justify-content: center; align-items: center; gap: 4px; display: flex; cursor: pointer; transition: all 0.3s ease;\">\n                    <span style=\"color: #0D0D0D; font-size: 16px; font-family: Inter; font-weight: 700; line-height: 24px; word-wrap: break-word\">Book Ticket Now<\/span>\n                    <svg style=\"width: 20px; height: 20px; color: #0D0D0D; flex-shrink: 0;\" viewBox=\"0 0 20 20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.25\">\n                        <path d=\"M5 10h10M10 5l5 5-5 5\"\/>\n                    <\/svg>\n                <\/button>\n                <button type=\"button\" class=\"btn-secondary\" style=\"height: 52px; padding: 15px 24px 15px 28px; border: 1px solid var(--Primary-Color-Main-Color, #FFCD29); border-radius: 8px; background: transparent; justify-content: center; align-items: center; gap: 10px; display: flex; cursor: pointer; transition: all 0.3s ease;\">\n                    <span style=\"color: var(--Primary-Color-Main-Color, #FFCD29); font-size: 16px; font-family: Inter; font-weight: 700; line-height: 24px; word-wrap: break-word\">See previous Event<\/span>\n                <\/button>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n\/* Responsive Styles *\/\n@media (max-width: 1400px) {\n    .upcoming-event-container > div:last-child {\n        max-width: 100%;\n        flex-wrap: wrap;\n        height: auto !important;\n    }\n    \n    .upcoming-event-container > div:last-child > img {\n        width: 100% !important;\n        max-width: 657px;\n        height: auto !important;\n        min-height: 365px;\n    }\n    \n    .upcoming-event-container > div:last-child > div {\n        width: 100% !important;\n        max-width: 642px;\n    }\n}\n\n@media (max-width: 1200px) {\n    .upcoming-event-container > div:first-child {\n        width: 100% !important;\n        max-width: 973px;\n        padding: 0 20px;\n    }\n    \n    .upcoming-event-container > div:first-child > div {\n        width: 100% !important;\n        max-width: 913px;\n    }\n}\n\n@media (max-width: 768px) {\n    .upcoming-event-container {\n        gap: 32px !important;\n        padding: 0 20px;\n    }\n    \n    .upcoming-event-container > div:first-child > div > span {\n        font-size: 42px !important;\n        line-height: 46px !important;\n    }\n    \n    .upcoming-event-container > div:last-child {\n        flex-direction: column !important;\n        width: 100% !important;\n        height: auto !important;\n    }\n    \n    .upcoming-event-container > div:last-child > img {\n        width: 100% !important;\n        height: auto !important;\n        max-height: 400px;\n        object-fit: cover;\n    }\n    \n    .upcoming-event-container > div:last-child > div {\n        width: 100% !important;\n        gap: 24px !important;\n    }\n    \n    .upcoming-event-container > div:last-child > div > div:first-child {\n        width: 100% !important;\n        font-size: 32px !important;\n        line-height: 40px !important;\n    }\n    \n    .event-actions {\n        flex-direction: column !important;\n        width: 100%;\n    }\n    \n    .btn-primary,\n    .btn-secondary {\n        width: 100% !important;\n    }\n}\n\n@media (max-width: 480px) {\n    .upcoming-event-container {\n        gap: 24px !important;\n        padding: 0 15px;\n    }\n    \n    .upcoming-event-container > div:first-child > div > span {\n        font-size: 32px !important;\n        line-height: 36px !important;\n    }\n    \n    .upcoming-event-container > div:last-child > div > div:first-child {\n        font-size: 28px !important;\n        line-height: 36px !important;\n    }\n    \n    .upcoming-event-container > div:last-child > div > div:nth-child(2) > div > div:last-child {\n        font-size: 18px !important;\n        line-height: 24px !important;\n    }\n    \n    .btn-primary,\n    .btn-secondary {\n        height: 48px !important;\n        font-size: 15px !important;\n    }\n}\n\n\/* Button Hover Effects *\/\n.btn-primary:hover {\n    background: #ffd95e !important;\n    transform: translateY(-2px);\n    box-shadow: 0 4px 12px rgba(255, 205, 41, 0.4);\n}\n\n.btn-primary:active {\n    transform: translateY(0);\n}\n\n.btn-secondary:hover {\n    background: rgba(255, 205, 41, 0.1) !important;\n    transform: translateY(-2px);\n}\n\n.btn-secondary:active {\n    transform: translateY(0);\n}\n\n\/* Accessibility *\/\n.btn-primary:focus,\n.btn-secondary:focus {\n    outline: 2px solid var(--Primary-Color-Main-Color, #FFCD29);\n    outline-offset: 2px;\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-baa65d7 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"baa65d7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e7006b1 elementor-widget elementor-widget-html\" data-id=\"e7006b1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"previous-events-wrapper\" style=\"width: 100%; max-width: 100%; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 48px; box-sizing: border-box;\">\n    <div class=\"events-header\" style=\"width: 973px; flex-direction: column; justify-content: center; align-items: center; gap: 16px; display: flex\">\n        <div class=\"events-title\" style=\"width: 913px; text-align: center\"><span style=\"color: var(--White-White, white); font-size: 56px; font-family: Inter; font-weight: 700; line-height: 61.60px; word-wrap: break-word\">Previous <\/span><span style=\"color: var(--Primary-Color-Main-Color, #FFCD29); font-size: 56px; font-family: Inter; font-weight: 700; line-height: 61.60px; word-wrap: break-word\">Events<\/span><\/div>\n    <\/div>\n    \n<div class=\"slider-container\">\n    <div class=\"slider-wrapper\">\n        <!-- Navigation Arrows (Outside content) -->\n        <button class=\"slider-arrow prev-arrow\" aria-label=\"Previous slide\" disabled>\n            <svg class=\"arrow-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                <path d=\"M15 18l-6-6 6-6\"\/>\n            <\/svg>\n        <\/button>\n        \n        <div class=\"slider\">\n            <!-- Slide 1 - OC Eid Fest -->\n            <div class=\"slide\">\n                <button class=\"slide-button\" aria-label=\"View OC Eid Fest 2025\">\n                    <div class=\"slide-image\">\n                        <img decoding=\"async\" src=\"https:\/\/salamcharitycanada.org\/wp-content\/uploads\/2025\/12\/event1.png\" alt=\"OC Eid Fest 2025\" \/>\n                        <div class=\"date-badge\">\n                            <div class=\"month\">MAY<\/div>\n                            <div class=\"day\">24<\/div>\n                        <\/div>\n                        <!-- Gradient overlay over entire image -->\n                        <div class=\"image-gradient\"><\/div>\n                    <\/div>\n                    \n                    <div class=\"slide-content\">\n                        <div class=\"slide-header\">\n                            <h3 class=\"slide-title\">OC EID FEST<\/h3>\n                            <div class=\"slide-subtitle\">2025<\/div>\n                        <\/div>\n                        \n                        <div class=\"slide-divider\"><\/div>\n                        \n                        <div class=\"slide-footer\">\n                            <div class=\"footer-item\">\n                                <div class=\"footer-icon\">\n                                    <i class=\"fas fa-map-marker-alt\"><\/i>\n                                <\/div>\n                                <div class=\"footer-text\">California<\/div>\n                            <\/div>\n                            \n                            <div class=\"footer-item\">\n                                <div class=\"footer-icon\">\n                                    <i class=\"far fa-calendar-alt\"><\/i>\n                                <\/div>\n                                <div class=\"footer-text\">May 24 \u2013 May 25, 2025<\/div>\n                            <\/div>\n                            \n                            <span class=\"slide-action\">\n                                Discover More Details \u2192\n                            <\/span>\n                        <\/div>\n                    <\/div>\n                <\/button>\n            <\/div>\n            \n            <!-- Slide 2 - Quran Nights Tour -->\n            <div class=\"slide\">\n                <button class=\"slide-button\" aria-label=\"View Quran Nights Tour 2024\">\n                    <div class=\"slide-image\">\n                        <img decoding=\"async\" src=\"https:\/\/salamcharitycanada.org\/wp-content\/uploads\/2025\/12\/event2.png\" alt=\"Quran Nights Tour 2024\" \/>\n                        <div class=\"date-badge\">\n                            <div class=\"month\">JAN<\/div>\n                            <div class=\"day\">19<\/div>\n                        <\/div>\n                        <!-- Gradient overlay over entire image -->\n                        <div class=\"image-gradient\"><\/div>\n                    <\/div>\n                    \n                    <div class=\"slide-content\">\n                        <div class=\"slide-header\">\n                            <h3 class=\"slide-title\">QURAN NIGHTS TOUR<\/h3>\n                            <div class=\"slide-subtitle\">2024<\/div>\n                        <\/div>\n                        \n                        <div class=\"slide-divider\"><\/div>\n                        \n                        <div class=\"slide-footer\">\n                            <div class=\"footer-item\">\n                                <div class=\"footer-icon\">\n                                    <i class=\"fas fa-map-marker-alt\"><\/i>\n                                <\/div>\n                                <div class=\"footer-text\">Multiple Cities, USA<\/div>\n                            <\/div>\n                            \n                            <div class=\"footer-item\">\n                                <div class=\"footer-icon\">\n                                    <i class=\"far fa-calendar-alt\"><\/i>\n                                <\/div>\n                                <div class=\"footer-text\">January 19 \u2013 February 4, 2024<\/div>\n                            <\/div>\n                            \n                            <span class=\"slide-action\">\n                                Discover More Details \u2192\n                            <\/span>\n                        <\/div>\n                    <\/div>\n                <\/button>\n            <\/div>\n            \n            <!-- Slide 3 - Southern Dawah Conference -->\n            <div class=\"slide\">\n                <button class=\"slide-button\" aria-label=\"View 3rd Annual Southern Dawah Conference\">\n                    <div class=\"slide-image\">\n                        <img decoding=\"async\" src=\"https:\/\/salamcharitycanada.org\/wp-content\/uploads\/2025\/12\/event3.png\" alt=\"3rd Annual Southern Dawah Conference\" \/>\n                        <div class=\"date-badge\">\n                            <div class=\"month\">JUN<\/div>\n                            <div class=\"day\">27<\/div>\n                        <\/div>\n                        <!-- Gradient overlay over entire image -->\n                        <div class=\"image-gradient\"><\/div>\n                    <\/div>\n                    \n                    <div class=\"slide-content\">\n                        <div class=\"slide-header\">\n                            <h3 class=\"slide-title\">3RD ANNUAL SOUTHERN DAWAH CONFERENCE<\/h3>\n                            <div class=\"slide-subtitle\">MEMPHIS ISLAMIC CENTER<\/div>\n                        <\/div>\n                        \n                        <div class=\"slide-divider\"><\/div>\n                        \n                        <div class=\"slide-footer\">\n                            <div class=\"footer-item\">\n                                <div class=\"footer-icon\">\n                                    <i class=\"fas fa-map-marker-alt\"><\/i>\n                                <\/div>\n                                <div class=\"footer-text\">Memphis, Tennessee<\/div>\n                            <\/div>\n                            \n                            <div class=\"footer-item\">\n                                <div class=\"footer-icon\">\n                                    <i class=\"far fa-calendar-alt\"><\/i>\n                                <\/div>\n                                <div class=\"footer-text\">June 27 \u2013 June 29, 2025<\/div>\n                            <\/div>\n                            \n                            <span class=\"slide-action\">\n                                Discover More Details \u2192\n                            <\/span>\n                        <\/div>\n                    <\/div>\n                <\/button>\n            <\/div>\n        <\/div>\n        \n        <button class=\"slider-arrow next-arrow\" aria-label=\"Next slide\">\n            <svg class=\"arrow-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                <path d=\"M9 18l6-6-6-6\"\/>\n            <\/svg>\n        <\/button>\n    <\/div>\n    \n    <!-- Position Indicator -->\n    <div class=\"position-indicator\">\n        <div class=\"indicator-dots\">\n            <button class=\"dot active\" aria-label=\"Go to slide 1\"><\/button>\n            <button class=\"dot\" aria-label=\"Go to slide 2\"><\/button>\n            <button class=\"dot\" aria-label=\"Go to slide 3\"><\/button>\n        <\/div>\n    <\/div>\n<\/div>\n<\/div>\n\n<style>\n.slider-container {\n    max-width: 1400px;\n    width: 100%;\n    margin: 40px auto;\n    padding: 0 60px; \/* Increased padding for arrows *\/\n    box-sizing: border-box;\n}\n\n.slider-wrapper {\n    position: relative;\n    margin-bottom: 30px;\n    display: flex;\n    align-items: center;\n    gap: 15px;\n    width: 100%;\n}\n\n.slider {\n    display: flex;\n    gap: 20px;\n    overflow-x: auto;\n    scroll-behavior: smooth;\n    scrollbar-width: none; \/* Firefox *\/\n    -ms-overflow-style: none; \/* IE and Edge *\/\n    padding: 20px 0;\n    flex: 1;\n    \/* Enable smooth drag scrolling on mobile *\/\n    -webkit-overflow-scrolling: touch; \/* Smooth scrolling on iOS *\/\n    overscroll-behavior-x: contain; \/* Prevent scroll chaining *\/\n    scroll-snap-type: x proximity; \/* Optional: gentle snap points *\/\n}\n\n.slider::-webkit-scrollbar {\n    display: none; \/* Chrome, Safari, Opera *\/\n}\n\n.slide {\n    flex: 0 0 auto;\n    width: 400px;\n    height: 600px;\n    border-radius: 12px;\n    overflow: hidden;\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n    border: 1px solid rgba(255, 255, 255, 0.1);\n    position: relative;\n    background: transparent; \/* Remove solid background *\/\n    \/* Optional: gentle snap point for better UX *\/\n    scroll-snap-align: start;\n}\n\n.slide:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.3);\n}\n\n.slide-button {\n    width: 100%;\n    height: 100%;\n    padding: 0;\n    border: none;\n    background: none;\n    cursor: pointer;\n    position: relative;\n    outline: none;\n    text-align: left;\n    display: flex;\n    flex-direction: column;\n}\n\n.slide-image {\n    height: 600px; \/* Full card height *\/\n    position: relative;\n    overflow: hidden;\n}\n\n.slide-image img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.5s ease;\n}\n\n.slide-button:hover .slide-image img {\n    transform: scale(1.05);\n}\n\n\/* Gradient overlay over entire image *\/\n.image-gradient {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: linear-gradient(\n        to bottom, \n        #291F00 0%,     \/* Top color - dark brown *\/\n        #7A5E00 100%    \/* Bottom color - gold brown *\/\n    );\n    opacity: 0.7;\n    mix-blend-mode: multiply;\n    pointer-events: none;\n}\n\n.slide-button:hover .image-gradient {\n    opacity: 0.8;\n}\n\n.date-badge {\n    position: absolute;\n    top: 20px;\n    left: 20px;\n    background: rgba(0, 0, 0, 0.7);\n    color: white;\n    padding: 8px 12px;\n    border-radius: 6px;\n    text-align: center;\n    min-width: 60px;\n    backdrop-filter: blur(5px);\n    z-index: 3; \/* Above gradient *\/\n}\n\n.date-badge .month {\n    font-size: 12px;\n    font-weight: 600;\n    letter-spacing: 1px;\n    text-transform: uppercase;\n    margin-bottom: 2px;\n}\n\n.date-badge .day {\n    font-size: 20px;\n    font-weight: 700;\n    line-height: 1;\n}\n\n.slide-content {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    padding: 30px;\n    z-index: 2; \/* Above gradient, below badge *\/\n    background: linear-gradient(\n        to top, \n        rgba(0, 0, 0, 0.9) 0%,\n        rgba(0, 0, 0, 0.7) 50%,\n        transparent 100%\n    );\n}\n\n.slide-header {\n    text-align: center;\n    margin-bottom: 25px;\n}\n\n\/* All text outside button is white *\/\n.slide-title {\n    color: white;\n    font-size: 22px;\n    font-weight: 700;\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n    text-transform: uppercase;\n    line-height: 1.3;\n    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);\n}\n\n.slide-subtitle {\n    color: rgba(255, 255, 255, 0.9);\n    font-size: 14px;\n    font-weight: 600;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    position: relative;\n    display: inline-block;\n    padding: 0 10px;\n    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);\n}\n\n.slide-subtitle::before,\n.slide-subtitle::after {\n    content: '';\n    position: absolute;\n    top: 50%;\n    width: 30px;\n    height: 1px;\n    background: rgba(255, 255, 255, 0.9);\n}\n\n.slide-subtitle::before {\n    left: -40px;\n}\n\n.slide-subtitle::after {\n    right: -40px;\n}\n\n.slide-divider {\n    height: 1px;\n    background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.3), transparent);\n    margin: 0 0 25px 0;\n    flex-shrink: 0;\n}\n\n.slide-footer {\n    text-align: left;\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-end;\n}\n\n.footer-item {\n    display: flex;\n    align-items: center;\n    margin-bottom: 15px;\n    gap: 12px;\n    justify-content: flex-start;\n}\n\n.footer-icon {\n    color: #ffcd29;\n    font-size: 16px;\n    width: 20px;\n    text-align: center;\n    flex-shrink: 0;\n    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);\n}\n\n.footer-text {\n    color: white;\n    font-size: 16px;\n    font-weight: 500;\n    line-height: 1.4;\n    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);\n}\n\n.slide-action {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    background: #ffcd29;\n    color: #2c3e50;\n    padding: 14px 32px;\n    border-radius: 16px;\n    font-weight: 700;\n    font-size: 16px;\n    margin-top: 20px;\n    transition: all 0.3s ease;\n    width: 100%;\n    box-sizing: border-box;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);\n}\n\n.slide-button:hover .slide-action {\n    background: #ffd95e;\n    transform: translateX(5px);\n    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);\n}\n\n\/* Navigation Arrows - Outside content *\/\n.slider-arrow {\n    width: 48px;\n    height: 48px;\n    background: rgba(255, 205, 41, 0.9);\n    border: 2px solid #ffcd29;\n    border-radius: 50%;\n    color: #000;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.3s ease;\n    outline: none;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n    flex-shrink: 0;\n    padding: 0;\n}\n\n.slider-arrow:hover:not(:disabled) {\n    background: #ffcd29;\n    transform: scale(1.1);\n    box-shadow: 0 6px 20px rgba(255, 205, 41, 0.4);\n}\n\n.slider-arrow:active:not(:disabled) {\n    transform: scale(0.95);\n}\n\n.slider-arrow:disabled {\n    background: rgba(255, 255, 255, 0.1);\n    border-color: rgba(255, 255, 255, 0.2);\n    cursor: not-allowed;\n    opacity: 0.5;\n    box-shadow: none;\n}\n\n.arrow-icon {\n    width: 24px;\n    height: 24px;\n    stroke: currentColor;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n.slider-arrow:disabled .arrow-icon {\n    stroke: rgba(255, 255, 255, 0.5);\n}\n\n\/* Position Indicator - White text outside *\/\n.position-indicator {\n    display: flex;\n    justify-content: center;\n    padding: 10px 0;\n}\n\n.indicator-dots {\n    display: flex;\n    gap: 12px;\n    align-items: center;\n}\n\n.dot {\n    width: 12px;\n    height: 12px;\n    border-radius: 50%;\n    border: none;\n    background: rgba(255, 255, 255, 0.3);\n    cursor: pointer;\n    padding: 0;\n    transition: all 0.3s ease;\n    outline: none;\n}\n\n.dot:hover {\n    background: rgba(255, 205, 41, 0.6);\n    transform: scale(1.2);\n}\n\n.dot.active {\n    background: #ffcd29;\n    transform: scale(1.2);\n    box-shadow: 0 0 10px rgba(255, 205, 41, 0.5);\n}\n\n\/* Touch\/swipe support - already added to .slider above *\/\n\n\/* Responsive Design *\/\n@media (max-width: 1200px) {\n    .slider-container {\n        padding: 0 50px;\n        width: 100%;\n    }\n    \n    .events-header {\n        width: 100% !important;\n        max-width: 973px;\n        padding: 0 20px;\n    }\n    \n    .events-title {\n        width: 100% !important;\n        max-width: 913px;\n    }\n    \n    .slide {\n        width: 350px;\n        height: 550px;\n    }\n    \n    .slide-image {\n        height: 550px;\n    }\n    \n    .slide-content {\n        padding: 25px;\n    }\n    \n    .slide-title {\n        font-size: 20px;\n    }\n}\n\n@media (max-width: 768px) {\n    .previous-events-wrapper {\n        gap: 32px !important;\n        padding: 0 20px;\n        width: 100%;\n        box-sizing: border-box;\n    }\n    \n    .events-title span {\n        font-size: 42px !important;\n        line-height: 46px !important;\n    }\n    \n    .slider-container {\n        padding: 0 40px;\n        margin: 20px auto;\n        width: 100%;\n        box-sizing: border-box;\n    }\n    \n    .slider-wrapper {\n        width: 100%;\n    }\n    \n    .slide {\n        width: 300px;\n        height: 500px;\n    }\n    \n    .slide-image {\n        height: 500px;\n    }\n    \n    .slider-arrow {\n        width: 40px;\n        height: 40px;\n    }\n    \n    .arrow-icon {\n        width: 20px;\n        height: 20px;\n    }\n    \n    .slider-wrapper {\n        gap: 10px;\n    }\n    \n    .slide-title {\n        font-size: 18px;\n    }\n    \n    .slide-subtitle {\n        font-size: 12px;\n    }\n    \n    .slide-content {\n        padding: 20px;\n    }\n    \n    .footer-text {\n        font-size: 14px;\n    }\n    \n    .slide-action {\n        padding: 12px 24px;\n        font-size: 15px;\n    }\n    \n    .slider {\n        gap: 15px;\n    }\n    \n    .slide-subtitle::before,\n    .slide-subtitle::after {\n        width: 20px;\n    }\n    \n    .slide-subtitle::before {\n        left: -30px;\n    }\n    \n    .slide-subtitle::after {\n        right: -30px;\n    }\n}\n\n@media (max-width: 600px) {\n    .slider-container {\n        padding: 0 30px;\n        width: 100%;\n        box-sizing: border-box;\n    }\n    \n    .slider-arrow {\n        display: none;\n    }\n    \n    .slider-wrapper {\n        gap: 0;\n        width: 100%;\n    }\n}\n\n@media (max-width: 480px) {\n    .previous-events-wrapper {\n        gap: 24px !important;\n        padding: 0 15px;\n        width: 100%;\n        box-sizing: border-box;\n    }\n    \n    .events-title span {\n        font-size: 32px !important;\n        line-height: 36px !important;\n    }\n    \n    .slide {\n        width: 280px;\n        height: 480px;\n    }\n    \n    .slide-image {\n        height: 480px;\n    }\n    \n    .slider-container {\n        padding: 0 15px;\n        width: 100%;\n        box-sizing: border-box;\n    }\n    \n    .slider-wrapper {\n        width: 100%;\n    }\n    \n    .slide-content {\n        padding: 15px;\n    }\n    \n    .slide-title {\n        font-size: 16px;\n    }\n    \n    .slide-subtitle {\n        font-size: 11px;\n        letter-spacing: 1px;\n    }\n    \n    .indicator-dots {\n        gap: 10px;\n    }\n    \n    .dot {\n        width: 10px;\n        height: 10px;\n    }\n    \n    .slide-action {\n        padding: 10px 20px;\n        font-size: 14px;\n    }\n}\n\n\/* Accessibility *\/\n.slide-button:focus,\n.slider-arrow:focus,\n.dot:focus {\n    outline: 2px solid #ffcd29;\n    outline-offset: 2px;\n}\n\n\/* Loading state *\/\n.slide-image img {\n    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);\n    background-size: 200% 100%;\n    animation: loading 1.5s infinite;\n}\n\n@keyframes loading {\n    0% { background-position: 200% 0; }\n    100% { background-position: -200% 0; }\n}\n<\/style>\n\n<!-- Font Awesome for icons -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    const slider = document.querySelector('.slider');\n    const slides = document.querySelectorAll('.slide');\n    const prevArrow = document.querySelector('.prev-arrow');\n    const nextArrow = document.querySelector('.next-arrow');\n    const dots = document.querySelectorAll('.dot');\n    \n    const slideWidth = 400; \/\/ Base width of each slide\n    const slideGap = 20; \/\/ Gap between slides\n    const totalSlideWidth = slideWidth + slideGap;\n    let currentPosition = 0;\n    \n    \/\/ Function to update arrow states\n    function updateArrowStates() {\n        const maxScroll = slider.scrollWidth - slider.clientWidth;\n        \n        \/\/ Update prev arrow\n        if (currentPosition <= 0) {\n            prevArrow.disabled = true;\n        } else {\n            prevArrow.disabled = false;\n        }\n        \n        \/\/ Update next arrow\n        if (currentPosition >= maxScroll) {\n            nextArrow.disabled = true;\n        } else {\n            nextArrow.disabled = false;\n        }\n    }\n    \n    \/\/ Update indicator dots\n    function updateIndicator() {\n        const activeIndex = Math.round(Math.abs(currentPosition) \/ totalSlideWidth);\n        \n        dots.forEach((dot, index) => {\n            if (index === activeIndex) {\n                dot.classList.add('active');\n            } else {\n                dot.classList.remove('active');\n            }\n        });\n    }\n    \n    \/\/ Scroll to position\n    function scrollToPosition(position) {\n        slider.scrollTo({\n            left: position,\n            behavior: 'smooth'\n        });\n        currentPosition = position;\n        updateIndicator();\n        updateArrowStates();\n    }\n    \n    \/\/ Next slide\n    nextArrow.addEventListener('click', function() {\n        if (this.disabled) return;\n        \n        const maxScroll = slider.scrollWidth - slider.clientWidth;\n        const newPosition = Math.min(currentPosition + totalSlideWidth, maxScroll);\n        scrollToPosition(newPosition);\n    });\n    \n    \/\/ Previous slide\n    prevArrow.addEventListener('click', function() {\n        if (this.disabled) return;\n        \n        const newPosition = Math.max(currentPosition - totalSlideWidth, 0);\n        scrollToPosition(newPosition);\n    });\n    \n    \/\/ Dot navigation\n    dots.forEach((dot, index) => {\n        dot.addEventListener('click', function() {\n            const position = index * totalSlideWidth;\n            scrollToPosition(position);\n        });\n    });\n    \n    \/\/ Update slider width and arrow states on resize\n    function updateSlider() {\n        const slideElement = document.querySelector('.slide');\n        const computedSlideWidth = slideElement ? slideElement.offsetWidth : slideWidth;\n        const computedGap = 20; \/\/ This matches the CSS gap\n        const computedTotalWidth = computedSlideWidth + computedGap;\n        \n        \/\/ Update current position based on new dimensions\n        const activeIndex = Math.round(Math.abs(currentPosition) \/ totalSlideWidth);\n        currentPosition = activeIndex * computedTotalWidth;\n        \n        if (slider.scrollLeft !== currentPosition) {\n            slider.scrollTo({\n                left: currentPosition,\n                behavior: 'auto'\n            });\n        }\n        \n        updateArrowStates();\n    }\n    \n    \/\/ Update on window resize\n    window.addEventListener('resize', updateSlider);\n    \n    \/\/ Update arrow states on manual scroll\n    slider.addEventListener('scroll', function() {\n        currentPosition = slider.scrollLeft;\n        updateIndicator();\n        updateArrowStates();\n    });\n    \n    \/\/ Initialize\n    updateIndicator();\n    updateArrowStates();\n    \n    \/\/ Enable smooth drag scrolling on mobile\n    \/\/ The slider already has overflow-x: auto which allows native scrolling\n    \/\/ We just need to ensure touch events don't interfere with natural scrolling\n    \n    let isDragging = false;\n    let startX = 0;\n    let scrollLeft = 0;\n    \n    \/\/ Enable drag scrolling with mouse (for desktop trackpad\/mouse drag)\n    slider.addEventListener('mousedown', function(e) {\n        isDragging = true;\n        startX = e.pageX - slider.offsetLeft;\n        scrollLeft = slider.scrollLeft;\n        slider.style.cursor = 'grabbing';\n        slider.style.userSelect = 'none';\n    });\n    \n    slider.addEventListener('mouseleave', function() {\n        isDragging = false;\n        slider.style.cursor = 'grab';\n        slider.style.userSelect = '';\n    });\n    \n    slider.addEventListener('mouseup', function() {\n        isDragging = false;\n        slider.style.cursor = 'grab';\n        slider.style.userSelect = '';\n    });\n    \n    slider.addEventListener('mousemove', function(e) {\n        if (!isDragging) return;\n        e.preventDefault();\n        const x = e.pageX - slider.offsetLeft;\n        const walk = (x - startX) * 2; \/\/ Scroll speed multiplier\n        slider.scrollLeft = scrollLeft - walk;\n    });\n    \n    \/\/ Touch support for mobile - allow natural drag scrolling\n    \/\/ Native touch scrolling is already enabled via overflow-x: auto\n    \/\/ This just ensures smooth scrolling behavior\n    slider.addEventListener('touchstart', function(e) {\n        \/\/ Allow native touch scrolling\n        \/\/ Update position on scroll event instead\n    }, { passive: true });\n    \n    slider.addEventListener('touchmove', function(e) {\n        \/\/ Allow native touch scrolling\n    }, { passive: true });\n    \n    \/\/ Update cursor style on hover (desktop)\n    slider.addEventListener('mouseenter', function() {\n        slider.style.cursor = 'grab';\n    });\n    \n    slider.addEventListener('mouseleave', function() {\n        slider.style.cursor = 'default';\n    });\n    \n    \/\/ Keyboard navigation support\n    document.addEventListener('keydown', function(e) {\n        if (e.target.closest('.slider-container')) {\n            if (e.key === 'ArrowLeft' && !prevArrow.disabled) {\n                prevArrow.click();\n                e.preventDefault();\n            } else if (e.key === 'ArrowRight' && !nextArrow.disabled) {\n                nextArrow.click();\n                e.preventDefault();\n            }\n        }\n    });\n    \n    \/\/ Slide button click handlers\n    document.querySelectorAll('.slide-button').forEach((button, index) => {\n        button.addEventListener('click', function() {\n            const events = [\n                'OC Eid Fest 2025',\n                'Quran Nights Tour 2024',\n                '3rd Annual Southern Dawah Conference'\n            ];\n            console.log(`${events[index]} clicked!`);\n            \/\/ Add your event click functionality here\n        });\n    });\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-1fe9050 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"1fe9050\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-477b11c elementor-widget elementor-widget-html\" data-id=\"477b11c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"host-event-form-container\">\n    <div class=\"form-header\">\n        <p class=\"intro-text\">\n            Have an idea for a fundraiser or awareness event?<br>\n            Share it below and our team will guide you.\n        <\/p>\n        <h2 class=\"main-title\">\n            Host an <span class=\"highlight\">Event<\/span>\n        <\/h2>\n        <p class=\"description-text\">\n            Bring your vision to life by partnering with us to host your next event. Whether it's a conference, festival, or spiritual gathering, we provide the platform and support to make it impactful.\n        <\/p>\n    <\/div>\n\n    <form class=\"host-event-form\" id=\"hostEventForm\" novalidate>\n        <div class=\"form-row\">\n            <div class=\"form-field\">\n                <label class=\"field-label\">\n                    Full Name\n                    <span class=\"required-asterisk\">*<\/span>\n                <\/label>\n                <input \n                    type=\"text\" \n                    name=\"fullName\" \n                    class=\"form-input\" \n                    placeholder=\"Enter the full name\"\n                    required\n                    aria-required=\"true\"\n                >\n                <span class=\"error-message\" id=\"fullNameError\"><\/span>\n            <\/div>\n\n            <div class=\"form-field\">\n                <label class=\"field-label\">\n                    Email Address\n                    <span class=\"required-asterisk\">*<\/span>\n                <\/label>\n                <input \n                    type=\"email\" \n                    name=\"email\" \n                    class=\"form-input\" \n                    placeholder=\"Enter Email Address\"\n                    required\n                    aria-required=\"true\"\n                >\n                <span class=\"error-message\" id=\"emailError\"><\/span>\n            <\/div>\n        <\/div>\n\n        <div class=\"form-row\">\n            <div class=\"form-field\">\n                <label class=\"field-label\">\n                    Country\n                    <span class=\"required-asterisk\">*<\/span>\n                <\/label>\n                <div class=\"select-wrapper\">\n                    <select \n                        name=\"country\" \n                        class=\"form-input form-select\" \n                        required\n                        aria-required=\"true\"\n                    >\n                        <option value=\"\">Select Country<\/option>\n                        <option value=\"US\">United States<\/option>\n                        <option value=\"CA\">Canada<\/option>\n                        <option value=\"GB\">United Kingdom<\/option>\n                        <option value=\"AU\">Australia<\/option>\n                        <option value=\"DE\">Germany<\/option>\n                        <option value=\"FR\">France<\/option>\n                        <option value=\"IT\">Italy<\/option>\n                        <option value=\"ES\">Spain<\/option>\n                        <option value=\"NL\">Netherlands<\/option>\n                        <option value=\"BE\">Belgium<\/option>\n                        <option value=\"CH\">Switzerland<\/option>\n                        <option value=\"AT\">Austria<\/option>\n                        <option value=\"SE\">Sweden<\/option>\n                        <option value=\"NO\">Norway<\/option>\n                        <option value=\"DK\">Denmark<\/option>\n                        <option value=\"FI\">Finland<\/option>\n                        <option value=\"PL\">Poland<\/option>\n                        <option value=\"IE\">Ireland<\/option>\n                        <option value=\"PT\">Portugal<\/option>\n                        <option value=\"GR\">Greece<\/option>\n                        <option value=\"CZ\">Czech Republic<\/option>\n                        <option value=\"HU\">Hungary<\/option>\n                        <option value=\"RO\">Romania<\/option>\n                        <option value=\"BG\">Bulgaria<\/option>\n                        <option value=\"HR\">Croatia<\/option>\n                        <option value=\"SK\">Slovakia<\/option>\n                        <option value=\"SI\">Slovenia<\/option>\n                        <option value=\"LT\">Lithuania<\/option>\n                        <option value=\"LV\">Latvia<\/option>\n                        <option value=\"EE\">Estonia<\/option>\n                        <option value=\"LU\">Luxembourg<\/option>\n                        <option value=\"MT\">Malta<\/option>\n                        <option value=\"CY\">Cyprus<\/option>\n                        <option value=\"SA\">Saudi Arabia<\/option>\n                        <option value=\"AE\">United Arab Emirates<\/option>\n                        <option value=\"KW\">Kuwait<\/option>\n                        <option value=\"QA\">Qatar<\/option>\n                        <option value=\"BH\">Bahrain<\/option>\n                        <option value=\"OM\">Oman<\/option>\n                        <option value=\"JO\">Jordan<\/option>\n                        <option value=\"LB\">Lebanon<\/option>\n                        <option value=\"SY\">Syria<\/option>\n                        <option value=\"IQ\">Iraq<\/option>\n                        <option value=\"IR\">Iran<\/option>\n                        <option value=\"TR\">Turkey<\/option>\n                        <option value=\"EG\">Egypt<\/option>\n                        <option value=\"MA\">Morocco<\/option>\n                        <option value=\"DZ\">Algeria<\/option>\n                        <option value=\"TN\">Tunisia<\/option>\n                        <option value=\"LY\">Libya<\/option>\n                        <option value=\"SD\">Sudan<\/option>\n                        <option value=\"ET\">Ethiopia<\/option>\n                        <option value=\"KE\">Kenya<\/option>\n                        <option value=\"ZA\">South Africa<\/option>\n                        <option value=\"NG\">Nigeria<\/option>\n                        <option value=\"GH\">Ghana<\/option>\n                        <option value=\"SN\">Senegal<\/option>\n                        <option value=\"CI\">Ivory Coast<\/option>\n                        <option value=\"CM\">Cameroon<\/option>\n                        <option value=\"UG\">Uganda<\/option>\n                        <option value=\"TZ\">Tanzania<\/option>\n                        <option value=\"RW\">Rwanda<\/option>\n                        <option value=\"MW\">Malawi<\/option>\n                        <option value=\"ZM\">Zambia<\/option>\n                        <option value=\"ZW\">Zimbabwe<\/option>\n                        <option value=\"BW\">Botswana<\/option>\n                        <option value=\"NA\">Namibia<\/option>\n                        <option value=\"MZ\">Mozambique<\/option>\n                        <option value=\"AO\">Angola<\/option>\n                        <option value=\"CN\">China<\/option>\n                        <option value=\"JP\">Japan<\/option>\n                        <option value=\"KR\">South Korea<\/option>\n                        <option value=\"IN\">India<\/option>\n                        <option value=\"PK\">Pakistan<\/option>\n                        <option value=\"BD\">Bangladesh<\/option>\n                        <option value=\"ID\">Indonesia<\/option>\n                        <option value=\"MY\">Malaysia<\/option>\n                        <option value=\"SG\">Singapore<\/option>\n                        <option value=\"TH\">Thailand<\/option>\n                        <option value=\"VN\">Vietnam<\/option>\n                        <option value=\"PH\">Philippines<\/option>\n                        <option value=\"MM\">Myanmar<\/option>\n                        <option value=\"KH\">Cambodia<\/option>\n                        <option value=\"LA\">Laos<\/option>\n                        <option value=\"BN\">Brunei<\/option>\n                        <option value=\"TL\">East Timor<\/option>\n                        <option value=\"AF\">Afghanistan<\/option>\n                        <option value=\"NP\">Nepal<\/option>\n                        <option value=\"LK\">Sri Lanka<\/option>\n                        <option value=\"MV\">Maldives<\/option>\n                        <option value=\"BT\">Bhutan<\/option>\n                        <option value=\"MN\">Mongolia<\/option>\n                        <option value=\"KZ\">Kazakhstan<\/option>\n                        <option value=\"UZ\">Uzbekistan<\/option>\n                        <option value=\"TM\">Turkmenistan<\/option>\n                        <option value=\"TJ\">Tajikistan<\/option>\n                        <option value=\"KG\">Kyrgyzstan<\/option>\n                        <option value=\"GE\">Georgia<\/option>\n                        <option value=\"AM\">Armenia<\/option>\n                        <option value=\"AZ\">Azerbaijan<\/option>\n                        <option value=\"BY\">Belarus<\/option>\n                        <option value=\"UA\">Ukraine<\/option>\n                        <option value=\"MD\">Moldova<\/option>\n                        <option value=\"RS\">Serbia<\/option>\n                        <option value=\"BA\">Bosnia and Herzegovina<\/option>\n                        <option value=\"ME\">Montenegro<\/option>\n                        <option value=\"MK\">North Macedonia<\/option>\n                        <option value=\"AL\">Albania<\/option>\n                        <option value=\"XK\">Kosovo<\/option>\n                        <option value=\"IS\">Iceland<\/option>\n                        <option value=\"MX\">Mexico<\/option>\n                        <option value=\"BR\">Brazil<\/option>\n                        <option value=\"AR\">Argentina<\/option>\n                        <option value=\"CL\">Chile<\/option>\n                        <option value=\"CO\">Colombia<\/option>\n                        <option value=\"PE\">Peru<\/option>\n                        <option value=\"VE\">Venezuela<\/option>\n                        <option value=\"EC\">Ecuador<\/option>\n                        <option value=\"BO\">Bolivia<\/option>\n                        <option value=\"PY\">Paraguay<\/option>\n                        <option value=\"UY\">Uruguay<\/option>\n                        <option value=\"GY\">Guyana<\/option>\n                        <option value=\"SR\">Suriname<\/option>\n                        <option value=\"GF\">French Guiana<\/option>\n                        <option value=\"FK\">Falkland Islands<\/option>\n                        <option value=\"NZ\">New Zealand<\/option>\n                        <option value=\"FJ\">Fiji<\/option>\n                        <option value=\"PG\">Papua New Guinea<\/option>\n                        <option value=\"SB\">Solomon Islands<\/option>\n                        <option value=\"VU\">Vanuatu<\/option>\n                        <option value=\"NC\">New Caledonia<\/option>\n                        <option value=\"PF\">French Polynesia<\/option>\n                        <option value=\"WS\">Samoa<\/option>\n                        <option value=\"TO\">Tonga<\/option>\n                        <option value=\"KI\">Kiribati<\/option>\n                        <option value=\"TV\">Tuvalu<\/option>\n                        <option value=\"NR\">Nauru<\/option>\n                        <option value=\"PW\">Palau<\/option>\n                        <option value=\"FM\">Micronesia<\/option>\n                        <option value=\"MH\">Marshall Islands<\/option>\n                    <\/select>\n                    <svg class=\"select-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                        <path d=\"M6 9l6 6 6-6\"\/>\n                    <\/svg>\n                <\/div>\n                <span class=\"error-message\" id=\"countryError\"><\/span>\n            <\/div>\n\n            <div class=\"form-field\">\n                <label class=\"field-label\">\n                    WhatsApp Number\n                    <span class=\"required-asterisk\">*<\/span>\n                <\/label>\n                <div class=\"input-wrapper\">\n                    <input \n                        type=\"tel\" \n                        name=\"whatsapp\" \n                        class=\"form-input input-with-icon\" \n                        placeholder=\"000000000\"\n                        required\n                        aria-required=\"true\"\n                    >\n                    <div class=\"whatsapp-icon\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" width=\"22\" height=\"22\">\n                            <path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z\"\/>\n                        <\/svg>\n                    <\/div>\n                <\/div>\n                <span class=\"error-message\" id=\"whatsappError\"><\/span>\n            <\/div>\n        <\/div>\n\n        <div class=\"form-row form-row-full\">\n            <div class=\"form-field\">\n                <label class=\"field-label\">\n                    Event Idea \/ Proposal\n                    <span class=\"required-asterisk\">*<\/span>\n                <\/label>\n                <textarea \n                    name=\"proposal\" \n                    class=\"form-input form-textarea\" \n                    placeholder=\"Enter proposal\"\n                    rows=\"5\"\n                    required\n                    aria-required=\"true\"\n                ><\/textarea>\n                <span class=\"error-message\" id=\"proposalError\"><\/span>\n            <\/div>\n        <\/div>\n\n        <div class=\"form-submit-wrapper\">\n            <button type=\"submit\" class=\"submit-button\">\n                Submit Proposal\n            <\/button>\n        <\/div>\n    <\/form>\n<\/div>\n\n<style>\n\/* Font Imports *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700&display=swap');\n@import url('https:\/\/fonts.googleapis.com\/css2?family=IBM+Plex+Sans+Arabic:wght@600&display=swap');\n\n\/* CSS Variables *\/\n:root {\n    --primary-color: #ffcd29;\n    --secondary-black-800: #333333;\n    --secondary-black-400: #999999;\n    --white: #ffffff;\n    --black-500: #0d0d0d;\n    --spacing-lg: 24px;\n    --spacing-xl: 28px;\n    --spacing-xl3: 40px;\n    --spacing-xl4: 48px;\n    --border-radius-small: 8px;\n    --border-radius-lg: 8px;\n    --border-radius-3xl: 24px;\n}\n\n\/* Container *\/\n.host-event-form-container {\n    background: var(--secondary-black-800);\n    border-radius: var(--border-radius-3xl);\n    padding: 50px;\n    max-width: 1000px;\n    margin: 0 auto;\n    font-family: 'Inter', sans-serif;\n}\n\n\/* Header Section *\/\n.form-header {\n    display: flex;\n    flex-direction: column;\n    gap: var(--spacing-lg);\n    align-items: center;\n    text-align: center;\n    margin-bottom: var(--spacing-xl3);\n    color: var(--white);\n}\n\n.intro-text {\n    font-family: 'Inter', sans-serif;\n    font-weight: 400;\n    font-size: 24px;\n    line-height: 1.2;\n    letter-spacing: -0.48px;\n    color: var(--white);\n    margin: 0;\n    max-width: 734px;\n}\n\n.main-title {\n    font-family: 'Inter', sans-serif;\n    font-weight: 700;\n    font-size: 56px;\n    line-height: 1.1;\n    letter-spacing: -1.68px;\n    color: var(--white);\n    margin: 0;\n    max-width: 734px;\n}\n\n.main-title .highlight {\n    color: var(--primary-color);\n}\n\n.description-text {\n    font-family: 'Inter', sans-serif;\n    font-weight: 400;\n    font-size: 24px;\n    line-height: 1.2;\n    letter-spacing: -0.48px;\n    color: var(--white);\n    margin: 0;\n    max-width: 734px;\n}\n\n\/* Form Styles *\/\n.host-event-form {\n    display: flex;\n    flex-direction: column;\n    gap: var(--spacing-xl4);\n    align-items: center;\n    width: 100%;\n}\n\n.form-row {\n    display: flex;\n    gap: var(--spacing-lg);\n    width: 100%;\n    max-width: 818px;\n}\n\n.form-row-full {\n    max-width: 818px;\n}\n\n.form-field {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    flex: 1;\n    position: relative;\n}\n\n.form-row-full .form-field {\n    width: 100%;\n}\n\n\/* Labels *\/\n.field-label {\n    display: flex;\n    gap: 4px;\n    align-items: flex-end;\n    font-family: 'Inter', sans-serif;\n    font-weight: 600;\n    font-size: 16px;\n    line-height: 1.3;\n    color: var(--white);\n    margin: 0;\n}\n\n.required-asterisk {\n    font-family: 'IBM Plex Sans Arabic', sans-serif;\n    font-weight: 600;\n    font-size: 14px;\n    line-height: 20px;\n    color: var(--primary-color);\n}\n\n\/* Input Styles *\/\n.form-input {\n    width: 100%;\n    height: 56px;\n    padding: 0 16px 0 8px;\n    border: 1px solid var(--secondary-black-400);\n    border-radius: var(--border-radius-small);\n    background: transparent;\n    color: var(--white);\n    font-family: 'Inter', sans-serif;\n    font-size: 16px;\n    font-weight: 400;\n    line-height: 1.3;\n    letter-spacing: -0.32px;\n    transition: border-color 0.3s ease;\n    box-sizing: border-box;\n}\n\n.form-input::placeholder {\n    color: var(--secondary-black-400);\n}\n\n.form-input:focus {\n    outline: none;\n    border-color: var(--primary-color);\n}\n\n.form-input:invalid:not(:placeholder-shown) {\n    border-color: #ff4444;\n}\n\n\/* Select Styles *\/\n.select-wrapper {\n    position: relative;\n    width: 100%;\n}\n\n.form-select {\n    appearance: none;\n    padding-right: 40px;\n    cursor: pointer;\n}\n\n.select-arrow {\n    position: absolute;\n    right: 16px;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 24px;\n    height: 24px;\n    color: var(--secondary-black-400);\n    pointer-events: none;\n}\n\n.form-select:focus + .select-arrow {\n    color: var(--primary-color);\n}\n\n\/* Input with Icon *\/\n.input-wrapper {\n    position: relative;\n    width: 100%;\n}\n\n.input-with-icon {\n    padding-right: 50px;\n}\n\n.whatsapp-icon {\n    position: absolute;\n    right: 16px;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 32px;\n    height: 32px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 50%;\n    color: var(--primary-color);\n    pointer-events: none;\n}\n\n\/* Textarea *\/\n.form-textarea {\n    height: 161px;\n    padding: 8px;\n    resize: vertical;\n    min-height: 161px;\n}\n\n\/* Submit Button *\/\n.form-submit-wrapper {\n    display: flex;\n    justify-content: center;\n    width: 100%;\n}\n\n.submit-button {\n    background: var(--primary-color);\n    color: var(--black-500);\n    border: none;\n    border-radius: var(--border-radius-lg);\n    padding: 15px var(--spacing-lg);\n    height: 56px;\n    width: 200px;\n    font-family: 'Inter', sans-serif;\n    font-weight: 600;\n    font-size: 18px;\n    line-height: normal;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n}\n\n.submit-button:hover {\n    background: #ffd95e;\n    transform: translateY(-2px);\n    box-shadow: 0 4px 12px rgba(255, 205, 41, 0.4);\n}\n\n.submit-button:active {\n    transform: translateY(0);\n}\n\n.submit-button:disabled {\n    opacity: 0.6;\n    cursor: not-allowed;\n    transform: none;\n}\n\n\/* Error Messages *\/\n.error-message {\n    color: #ff4444;\n    font-size: 14px;\n    font-family: 'Inter', sans-serif;\n    margin-top: 4px;\n    display: none;\n}\n\n.form-field.error .error-message {\n    display: block;\n}\n\n.form-field.error .form-input {\n    border-color: #ff4444;\n}\n\n\/* Responsive Design *\/\n@media (max-width: 1200px) {\n    .host-event-form-container {\n        padding: 40px;\n    }\n    \n    .main-title {\n        font-size: 48px;\n    }\n    \n    .intro-text,\n    .description-text {\n        font-size: 22px;\n    }\n}\n\n@media (max-width: 768px) {\n    .host-event-form-container {\n        padding: 30px 20px;\n    }\n    \n    .form-row {\n        flex-direction: column;\n        gap: var(--spacing-lg);\n    }\n    \n    .main-title {\n        font-size: 36px;\n        letter-spacing: -1px;\n    }\n    \n    .intro-text,\n    .description-text {\n        font-size: 18px;\n    }\n    \n    .form-row {\n        max-width: 100%;\n    }\n}\n\n@media (max-width: 480px) {\n    .host-event-form-container {\n        padding: 20px 15px;\n    }\n    \n    .main-title {\n        font-size: 28px;\n    }\n    \n    .intro-text,\n    .description-text {\n        font-size: 16px;\n    }\n    \n    .submit-button {\n        width: 100%;\n    }\n}\n\n\/* Accessibility *\/\n.form-input:focus,\n.form-select:focus,\n.submit-button:focus {\n    outline: 2px solid var(--primary-color);\n    outline-offset: 2px;\n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    const form = document.getElementById('hostEventForm');\n    const inputs = form.querySelectorAll('.form-input, .form-select, .form-textarea');\n    \n    \/\/ Validation functions\n    function validateEmail(email) {\n        const emailRegex = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\n        return emailRegex.test(email);\n    }\n    \n    function validatePhone(phone) {\n        const phoneRegex = \/^[\\d\\s\\-\\+\\(\\)]+$\/;\n        return phoneRegex.test(phone) && phone.replace(\/\\D\/g, '').length >= 8;\n    }\n    \n    function showError(field, message) {\n        const formField = field.closest('.form-field');\n        const errorElement = formField.querySelector('.error-message');\n        \n        formField.classList.add('error');\n        if (errorElement) {\n            errorElement.textContent = message;\n        }\n    }\n    \n    function clearError(field) {\n        const formField = field.closest('.form-field');\n        formField.classList.remove('error');\n        const errorElement = formField.querySelector('.error-message');\n        if (errorElement) {\n            errorElement.textContent = '';\n        }\n    }\n    \n    \/\/ Real-time validation\n    inputs.forEach(input => {\n        input.addEventListener('blur', function() {\n            validateField(input);\n        });\n        \n        input.addEventListener('input', function() {\n            if (this.classList.contains('error')) {\n                validateField(this);\n            }\n        });\n    });\n    \n    function validateField(field) {\n        const value = field.value.trim();\n        const fieldName = field.name;\n        \n        clearError(field);\n        \n        \/\/ Required field validation\n        if (field.hasAttribute('required') && !value) {\n            showError(field, 'This field is required');\n            return false;\n        }\n        \n        \/\/ Email validation\n        if (fieldName === 'email' && value && !validateEmail(value)) {\n            showError(field, 'Please enter a valid email address');\n            return false;\n        }\n        \n        \/\/ Phone validation\n        if (fieldName === 'whatsapp' && value && !validatePhone(value)) {\n            showError(field, 'Please enter a valid phone number');\n            return false;\n        }\n        \n        return true;\n    }\n    \n    \/\/ Form submission\n    form.addEventListener('submit', function(e) {\n        e.preventDefault();\n        \n        let isValid = true;\n        \n        \/\/ Validate all fields\n        inputs.forEach(input => {\n            if (!validateField(input)) {\n                isValid = false;\n            }\n        });\n        \n        if (isValid) {\n            \/\/ Collect form data\n            const formData = new FormData(form);\n            const data = {};\n            formData.forEach((value, key) => {\n                data[key] = value;\n            });\n            \n            \/\/ Log form data (replace with actual submission logic)\n            console.log('Form submitted:', data);\n            \n            \/\/ Show success message (you can customize this)\n            alert('Thank you! Your proposal has been submitted. Our team will contact you soon.');\n            \n            \/\/ Reset form\n            form.reset();\n            \n            \/\/ Clear all errors\n            inputs.forEach(input => {\n                clearError(input);\n            });\n            \n            \/\/ Here you would typically send the data to your server\n            \/\/ Example:\n            \/\/ fetch('\/api\/submit-proposal', {\n            \/\/     method: 'POST',\n            \/\/     headers: {\n            \/\/         'Content-Type': 'application\/json',\n            \/\/     },\n            \/\/     body: JSON.stringify(data)\n            \/\/ })\n            \/\/ .then(response => response.json())\n            \/\/ .then(result => {\n            \/\/     console.log('Success:', result);\n            \/\/ })\n            \/\/ .catch(error => {\n            \/\/     console.error('Error:', error);\n            \/\/ });\n        } else {\n            \/\/ Focus on first error field\n            const firstError = form.querySelector('.form-field.error .form-input, .form-field.error .form-select, .form-field.error .form-textarea');\n            if (firstError) {\n                firstError.focus();\n            }\n        }\n    });\n});\n<\/script>\n\n\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>Our Events Our Events Every event is a chance to stand with those who are suffering.Together, we turn voices of compassion into real help and hope.Your presence and support bring light to families in their darkest times. Upcoming Event Sound of Hope Maher Zein NY, California 30 September 2025 | 6pm Book Ticket Now See previous Event Previous Events MAY 24 OC EID FEST 2025 California May 24 \u2013 May 25, 2025 Discover More Details \u2192 JAN 19 QURAN NIGHTS TOUR 2024 Multiple Cities, USA January 19 \u2013 February 4, 2024 Discover More Details \u2192 JUN 27 3RD ANNUAL SOUTHERN DAWAH CONFERENCE MEMPHIS ISLAMIC CENTER Memphis, Tennessee June 27 \u2013 June 29, 2025 Discover More Details \u2192 Have an idea for a fundraiser or awareness event? Share it below and our team will guide you. Host an Event Bring your vision to life by partnering with us to host your next event. Whether it&#8217;s a conference, festival, or spiritual gathering, we provide the platform and support to make it impactful. Full Name * Email Address * Country * Select CountryUnited StatesCanadaUnited KingdomAustraliaGermanyFranceItalySpainNetherlandsBelgiumSwitzerlandAustriaSwedenNorwayDenmarkFinlandPolandIrelandPortugalGreeceCzech RepublicHungaryRomaniaBulgariaCroatiaSlovakiaSloveniaLithuaniaLatviaEstoniaLuxembourgMaltaCyprusSaudi ArabiaUnited Arab EmiratesKuwaitQatarBahrainOmanJordanLebanonSyriaIraqIranTurkeyEgyptMoroccoAlgeriaTunisiaLibyaSudanEthiopiaKenyaSouth AfricaNigeriaGhanaSenegalIvory CoastCameroonUgandaTanzaniaRwandaMalawiZambiaZimbabweBotswanaNamibiaMozambiqueAngolaChinaJapanSouth KoreaIndiaPakistanBangladeshIndonesiaMalaysiaSingaporeThailandVietnamPhilippinesMyanmarCambodiaLaosBruneiEast TimorAfghanistanNepalSri LankaMaldivesBhutanMongoliaKazakhstanUzbekistanTurkmenistanTajikistanKyrgyzstanGeorgiaArmeniaAzerbaijanBelarusUkraineMoldovaSerbiaBosnia and HerzegovinaMontenegroNorth MacedoniaAlbaniaKosovoIcelandMexicoBrazilArgentinaChileColombiaPeruVenezuelaEcuadorBoliviaParaguayUruguayGuyanaSurinameFrench GuianaFalkland IslandsNew ZealandFijiPapua New GuineaSolomon IslandsVanuatuNew CaledoniaFrench PolynesiaSamoaTongaKiribatiTuvaluNauruPalauMicronesiaMarshall Islands WhatsApp Number * Event Idea \/ Proposal * Submit Proposal<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"give_campaign_id":0,"footnotes":""},"class_list":["post-2514","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Events - SalamCharity<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/salamcharitycanada.org\/fr\/events\/\" \/>\n<meta property=\"og:locale\" content=\"fr_CA\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Events - SalamCharity\" \/>\n<meta property=\"og:description\" content=\"Our Events Our Events Every event is a chance to stand with those who are suffering.Together, we turn voices of compassion into real help and hope.Your presence and support bring light to families in their darkest times. Upcoming Event Sound of Hope Maher Zein NY, California 30 September 2025 | 6pm Book Ticket Now See previous Event Previous Events MAY 24 OC EID FEST 2025 California May 24 \u2013 May 25, 2025 Discover More Details \u2192 JAN 19 QURAN NIGHTS TOUR 2024 Multiple Cities, USA January 19 \u2013 February 4, 2024 Discover More Details \u2192 JUN 27 3RD ANNUAL SOUTHERN DAWAH CONFERENCE MEMPHIS ISLAMIC CENTER Memphis, Tennessee June 27 \u2013 June 29, 2025 Discover More Details \u2192 Have an idea for a fundraiser or awareness event? Share it below and our team will guide you. Host an Event Bring your vision to life by partnering with us to host your next event. Whether it&#8217;s a conference, festival, or spiritual gathering, we provide the platform and support to make it impactful. Full Name * Email Address * Country * Select CountryUnited StatesCanadaUnited KingdomAustraliaGermanyFranceItalySpainNetherlandsBelgiumSwitzerlandAustriaSwedenNorwayDenmarkFinlandPolandIrelandPortugalGreeceCzech RepublicHungaryRomaniaBulgariaCroatiaSlovakiaSloveniaLithuaniaLatviaEstoniaLuxembourgMaltaCyprusSaudi ArabiaUnited Arab EmiratesKuwaitQatarBahrainOmanJordanLebanonSyriaIraqIranTurkeyEgyptMoroccoAlgeriaTunisiaLibyaSudanEthiopiaKenyaSouth AfricaNigeriaGhanaSenegalIvory CoastCameroonUgandaTanzaniaRwandaMalawiZambiaZimbabweBotswanaNamibiaMozambiqueAngolaChinaJapanSouth KoreaIndiaPakistanBangladeshIndonesiaMalaysiaSingaporeThailandVietnamPhilippinesMyanmarCambodiaLaosBruneiEast TimorAfghanistanNepalSri LankaMaldivesBhutanMongoliaKazakhstanUzbekistanTurkmenistanTajikistanKyrgyzstanGeorgiaArmeniaAzerbaijanBelarusUkraineMoldovaSerbiaBosnia and HerzegovinaMontenegroNorth MacedoniaAlbaniaKosovoIcelandMexicoBrazilArgentinaChileColombiaPeruVenezuelaEcuadorBoliviaParaguayUruguayGuyanaSurinameFrench GuianaFalkland IslandsNew ZealandFijiPapua New GuineaSolomon IslandsVanuatuNew CaledoniaFrench PolynesiaSamoaTongaKiribatiTuvaluNauruPalauMicronesiaMarshall Islands WhatsApp Number * Event Idea \/ Proposal * Submit Proposal\" \/>\n<meta property=\"og:url\" content=\"https:\/\/salamcharitycanada.org\/fr\/events\/\" \/>\n<meta property=\"og:site_name\" content=\"SalamCharity\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-06T14:36:31+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/salamcharitycanada.org\/wp-content\/uploads\/2025\/12\/maherZain.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimation du temps de lecture\" \/>\n\t<meta name=\"twitter:data1\" content=\"15 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/salamcharitycanada.org\\\/events\\\/\",\"url\":\"https:\\\/\\\/salamcharitycanada.org\\\/events\\\/\",\"name\":\"Events - SalamCharity\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/salamcharitycanada.org\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/salamcharitycanada.org\\\/events\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/salamcharitycanada.org\\\/events\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/salamcharitycanada.org\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/maherZain.png\",\"datePublished\":\"2025-12-05T15:44:29+00:00\",\"dateModified\":\"2025-12-06T14:36:31+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/salamcharitycanada.org\\\/events\\\/#breadcrumb\"},\"inLanguage\":\"fr-CA\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/salamcharitycanada.org\\\/events\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-CA\",\"@id\":\"https:\\\/\\\/salamcharitycanada.org\\\/events\\\/#primaryimage\",\"url\":\"https:\\\/\\\/salamcharitycanada.org\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/maherZain.png\",\"contentUrl\":\"https:\\\/\\\/salamcharitycanada.org\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/maherZain.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/salamcharitycanada.org\\\/events\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/salamcharitycanada.org\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Events\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/salamcharitycanada.org\\\/#website\",\"url\":\"https:\\\/\\\/salamcharitycanada.org\\\/\",\"name\":\"SalamCharity\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/salamcharitycanada.org\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/salamcharitycanada.org\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-CA\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/salamcharitycanada.org\\\/#organization\",\"name\":\"Salam Charity USA\",\"url\":\"https:\\\/\\\/salamcharitycanada.org\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-CA\",\"@id\":\"https:\\\/\\\/salamcharitycanada.org\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/salamcharitycanada.org\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/Salam-Logo.png\",\"contentUrl\":\"https:\\\/\\\/salamcharitycanada.org\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/Salam-Logo.png\",\"width\":120,\"height\":96,\"caption\":\"Salam Charity USA\"},\"image\":{\"@id\":\"https:\\\/\\\/salamcharitycanada.org\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.instagram.com\\\/salamcharityusa\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Events - SalamCharity","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/salamcharitycanada.org\/fr\/events\/","og_locale":"fr_CA","og_type":"article","og_title":"Events - SalamCharity","og_description":"Our Events Our Events Every event is a chance to stand with those who are suffering.Together, we turn voices of compassion into real help and hope.Your presence and support bring light to families in their darkest times. Upcoming Event Sound of Hope Maher Zein NY, California 30 September 2025 | 6pm Book Ticket Now See previous Event Previous Events MAY 24 OC EID FEST 2025 California May 24 \u2013 May 25, 2025 Discover More Details \u2192 JAN 19 QURAN NIGHTS TOUR 2024 Multiple Cities, USA January 19 \u2013 February 4, 2024 Discover More Details \u2192 JUN 27 3RD ANNUAL SOUTHERN DAWAH CONFERENCE MEMPHIS ISLAMIC CENTER Memphis, Tennessee June 27 \u2013 June 29, 2025 Discover More Details \u2192 Have an idea for a fundraiser or awareness event? Share it below and our team will guide you. Host an Event Bring your vision to life by partnering with us to host your next event. Whether it&#8217;s a conference, festival, or spiritual gathering, we provide the platform and support to make it impactful. Full Name * Email Address * Country * Select CountryUnited StatesCanadaUnited KingdomAustraliaGermanyFranceItalySpainNetherlandsBelgiumSwitzerlandAustriaSwedenNorwayDenmarkFinlandPolandIrelandPortugalGreeceCzech RepublicHungaryRomaniaBulgariaCroatiaSlovakiaSloveniaLithuaniaLatviaEstoniaLuxembourgMaltaCyprusSaudi ArabiaUnited Arab EmiratesKuwaitQatarBahrainOmanJordanLebanonSyriaIraqIranTurkeyEgyptMoroccoAlgeriaTunisiaLibyaSudanEthiopiaKenyaSouth AfricaNigeriaGhanaSenegalIvory CoastCameroonUgandaTanzaniaRwandaMalawiZambiaZimbabweBotswanaNamibiaMozambiqueAngolaChinaJapanSouth KoreaIndiaPakistanBangladeshIndonesiaMalaysiaSingaporeThailandVietnamPhilippinesMyanmarCambodiaLaosBruneiEast TimorAfghanistanNepalSri LankaMaldivesBhutanMongoliaKazakhstanUzbekistanTurkmenistanTajikistanKyrgyzstanGeorgiaArmeniaAzerbaijanBelarusUkraineMoldovaSerbiaBosnia and HerzegovinaMontenegroNorth MacedoniaAlbaniaKosovoIcelandMexicoBrazilArgentinaChileColombiaPeruVenezuelaEcuadorBoliviaParaguayUruguayGuyanaSurinameFrench GuianaFalkland IslandsNew ZealandFijiPapua New GuineaSolomon IslandsVanuatuNew CaledoniaFrench PolynesiaSamoaTongaKiribatiTuvaluNauruPalauMicronesiaMarshall Islands WhatsApp Number * Event Idea \/ Proposal * Submit Proposal","og_url":"https:\/\/salamcharitycanada.org\/fr\/events\/","og_site_name":"SalamCharity","article_modified_time":"2025-12-06T14:36:31+00:00","og_image":[{"url":"https:\/\/salamcharitycanada.org\/wp-content\/uploads\/2025\/12\/maherZain.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Estimation du temps de lecture":"15 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/salamcharitycanada.org\/events\/","url":"https:\/\/salamcharitycanada.org\/events\/","name":"Events - SalamCharity","isPartOf":{"@id":"https:\/\/salamcharitycanada.org\/#website"},"primaryImageOfPage":{"@id":"https:\/\/salamcharitycanada.org\/events\/#primaryimage"},"image":{"@id":"https:\/\/salamcharitycanada.org\/events\/#primaryimage"},"thumbnailUrl":"https:\/\/salamcharitycanada.org\/wp-content\/uploads\/2025\/12\/maherZain.png","datePublished":"2025-12-05T15:44:29+00:00","dateModified":"2025-12-06T14:36:31+00:00","breadcrumb":{"@id":"https:\/\/salamcharitycanada.org\/events\/#breadcrumb"},"inLanguage":"fr-CA","potentialAction":[{"@type":"ReadAction","target":["https:\/\/salamcharitycanada.org\/events\/"]}]},{"@type":"ImageObject","inLanguage":"fr-CA","@id":"https:\/\/salamcharitycanada.org\/events\/#primaryimage","url":"https:\/\/salamcharitycanada.org\/wp-content\/uploads\/2025\/12\/maherZain.png","contentUrl":"https:\/\/salamcharitycanada.org\/wp-content\/uploads\/2025\/12\/maherZain.png"},{"@type":"BreadcrumbList","@id":"https:\/\/salamcharitycanada.org\/events\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/salamcharitycanada.org\/"},{"@type":"ListItem","position":2,"name":"Events"}]},{"@type":"WebSite","@id":"https:\/\/salamcharitycanada.org\/#website","url":"https:\/\/salamcharitycanada.org\/","name":"SalamCharity","description":"","publisher":{"@id":"https:\/\/salamcharitycanada.org\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/salamcharitycanada.org\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-CA"},{"@type":"Organization","@id":"https:\/\/salamcharitycanada.org\/#organization","name":"Salam Charity USA","url":"https:\/\/salamcharitycanada.org\/","logo":{"@type":"ImageObject","inLanguage":"fr-CA","@id":"https:\/\/salamcharitycanada.org\/#\/schema\/logo\/image\/","url":"https:\/\/salamcharitycanada.org\/wp-content\/uploads\/2025\/11\/Salam-Logo.png","contentUrl":"https:\/\/salamcharitycanada.org\/wp-content\/uploads\/2025\/11\/Salam-Logo.png","width":120,"height":96,"caption":"Salam Charity USA"},"image":{"@id":"https:\/\/salamcharitycanada.org\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.instagram.com\/salamcharityusa\/"]}]}},"campaignId":"","_links":{"self":[{"href":"https:\/\/salamcharitycanada.org\/fr\/wp-json\/wp\/v2\/pages\/2514","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/salamcharitycanada.org\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/salamcharitycanada.org\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/salamcharitycanada.org\/fr\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/salamcharitycanada.org\/fr\/wp-json\/wp\/v2\/comments?post=2514"}],"version-history":[{"count":0,"href":"https:\/\/salamcharitycanada.org\/fr\/wp-json\/wp\/v2\/pages\/2514\/revisions"}],"wp:attachment":[{"href":"https:\/\/salamcharitycanada.org\/fr\/wp-json\/wp\/v2\/media?parent=2514"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}