 <!DOCTYPE html>
<html lang="en-US" class="html-has-lrm">


    <!-- added /lab/FAST.txt and ?testFast=1 for litespeed... server response excluding everything! -->  
    <!-- https://www.islamicity.org/?fast=1 --> 

    <!-- In  ILLUMINATION by  Angelica Mendez . x Min ? -->
    
    <!-- implement not in automatically in blp_getPosts_FAST -->  
        <!-- if ($debug || blp_qs("debugGetPosts") == '1') { -->
        <!--     // unwanted vs getPosts_FAST_ALREADY_SHOWN_IDS
        // the unwanted ( which is passed by the function call by the caller/developer ) could just be a single number or nothing. this is passed at the time of function call. note that getPosts_FAST_ALREADY_SHOWN_IDS is computed on the fly by the getPosts system so when you run multiple getPosts fast queries back to back on the same page load as in home page, we do not match the same posts! getPosts_FAST_ALREADY_SHOWN_IDS is factored into the original SQL query so that those posts IDS never make it to the matching set anyway!  -->
 
    <!-- the view count --> 



    

     


    

    <!-- ##FILE this is head.php BEGIN -->
<!-- it gets included right after doctype by all __[templates].php -->
<!-- it starts off by including common-head which is code that is common to IC3 THEMES -->  


<head>

<!-- IC3 SPONSOR FIRST-PAINT GEOMETRY BEGIN
     IMPORTANT:
       - Device environment (BLP_MOBILE / BLP_DESKTOP) decides sponsor-stage geometry.
       - Browser width may still switch the navigation to the compact/mobile menu.
       - A DESKTOP environment must keep the full desktop sponsor stage even below 992px.
       - A true MOBILE environment keeps the compact phone sponsor stage.
-->
<style id="ic3-wp-mobile-sponsor-critical">


/* ============================================================
   DESKTOP ENVIRONMENT
   Browser width may switch the NAVIGATION to the compact/mobile
   menu below 992px, but this is still a desktop IC3 request.

   Keep the same full desktop sponsor stage used at wide widths.
   The Google creative is centered BOTH horizontally and vertically
   inside that reserved stage.  True mobile devices use the separate
   BLP_MOBILE branch above and are intentionally untouched.
   ============================================================ */
@media screen and (max-width: 991.98px) {
  html.html-has-lrm body #topAdBanner {
    display: flex !important;
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    width: 100% !important;
    height: 210px !important;
    min-height: 210px !important;
    max-height: 210px !important;

    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    background: #fff !important;
    box-shadow: 0 2px 4px rgba(0,0,0,.1) !important;
    z-index: 1 !important;

    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
  }

  /* This must occupy the WHOLE reserved 210px stage; otherwise
     align-items:center has no vertical space in which to work. */
  html.html-has-lrm body #topAdBanner > center {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;

    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
    font-size: 0 !important;
    overflow: hidden !important;
    text-align: center !important;
  }

  /* Give the GPT slot the same full-height centering canvas. */
  html.html-has-lrm body #div-gpt-ad-1750261859170-0 {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;

    margin: 0 auto !important;
    padding: 0 !important;
    overflow: visible !important;
    text-align: center !important;
  }

  /* Google inserts this wrapper asynchronously and mobile-header.php may
     assign transform-origin:center top while resizing a narrow viewport.
     For a DESKTOP request we deliberately override that visual anchoring:
     the scaled creative must shrink/grow around its own center. */
  html.html-has-lrm body #div-gpt-ad-1750261859170-0 > :not(script),
  html.html-has-lrm body #div-gpt-ad-1750261859170-0 iframe {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    opacity: 1 !important;
  }

  html.html-has-lrm body #div-gpt-ad-1750261859170-0 > div,
  html.html-has-lrm body #div-gpt-ad-1750261859170-0 > div[id^="google_ads_iframe_"],
  html.html-has-lrm body #div-gpt-ad-1750261859170-0 > div[id$="__container__"] {
    transform-origin: center center !important;
  }
}


</style>
<!-- IC3 SPONSOR FIRST-PAINT GEOMETRY END -->

<!-- IC3 MOBILE CONTENT FIRST-PAINT GEOMETRY BEGIN
     footer.php historically applies the final mobile .site-content margin at
     DOMContentLoaded.  Doing it here prevents the hero/article stack from
     moving upward after the first paint. -->
<style id="ic3-wp-mobile-content-critical">
@media screen and (max-width: 767.98px) {
  /* Lock the wrapper at the same margin footer.php eventually applies.
     The !important is deliberate: later generic .site-content rules must not
     briefly restore margin-top:20px before footer.php runs. */
  html body .site-content {
    margin-top: -29.123px !important;
  }

  /* Reserve the normal 16:9 article/feature image footprint before either
     the low-quality placeholder or final image has decoded. */
  html body .fullwidthrow > img.thumbnailpostcontent,
  html body .fullwidthrow > a > img.thumbnailpostcontent,
  html body .fullwidthrow > img.imgfullcover,
  html body .fullwidthrow > a > img.imgfullcover {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    aspect-ratio: 16 / 9;
    height: auto !important;
    object-fit: cover;
  }
}
</style>
<!-- IC3 MOBILE CONTENT FIRST-PAINT GEOMETRY END -->


<!-- Fundraise Up: the new standard for online giving -->
<script>(function(w,d,s,n,a){if(!w[n]){var l='call,catch,on,once,set,then,track,openCheckout'
.split(','),i,o=function(n){return'function'==typeof n?o.l.push([arguments])&&o
:function(){return o.l.push([n,arguments])&&o}},t=d.getElementsByTagName(s)[0],
j=d.createElement(s);j.async=!0;j.src='https://cdn.fundraiseup.com/widget/'+a+'';
t.parentNode.insertBefore(j,t);o.s=Date.now();o.v=5;o.h=w.location.href;o.l=[];
for(i=0;i<8;i++)o[l[i]]=o(l[i]);w[n]=o}
})(window,document,'script','FundraiseUp','AUCNGPLU');</script>
<!-- End Fundraise Up -->


<!--<link href="https://fonts.googleapis.com/css?family=Cinzel" rel="stylesheet">-->


        <script>MHK = false;</script>
                <script>BLP_MOBILE = false;BLP_DESKTOP = true;</script>
        

    
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>IslamiCity - The Global Muslim eCommunity</title>
    <meta name="keywords" content="">
    <meta name="description" content="Islam &amp; The Global Muslim eCommunity - Explore - Connect - Elevate ( Faith - Society - Science - Politics )">



    <meta name="robots" content="index, follow">
    <link rel="canonical" href="https://www.islamicity.org/">
    

    
    
    <link rel="dns-prefetch" href="https://use.fontawesome.com/">
    <link rel="dns-prefetch" href="https://cdn.jsdelivr.net">
    <link rel="dns-prefetch" href="https://www.gstatic.com">
    <link rel="dns-prefetch" href="https://a.omappapi.com">    
    <link rel="dns-prefetch" href="https://code.jquery.com">
    <link rel="preconnect" href="https://a.omappapi.com">
    <link rel="preconnect" href="https://www.googletagmanager.com">

    
    
    
    <!-- Open Graph Meta Tags -->
    <meta property="og:title" content="IslamiCity - The Global Muslim eCommunity">
    <meta property="og:description" content="Islam &amp; The Global Muslim eCommunity - Explore - Connect - Elevate ( Faith - Society - Science - Politics )">
    <meta property="og:image" content="https://www.islamicity.org/wp-content/uploads/2023/05/IslamiCity_600X315.jpg">
    <meta property="og:type" content="website"> 
    <meta property="og:url" content="https://www.islamicity.org/">
    <meta property="og:locale" content="en_US">
    <meta property="og:image:width" content="1200">
    <meta property="og:image:height" content="630">

    <!-- Twitter Card Meta Tags -->
    <meta name="twitter:title" content="IslamiCity - The Global Muslim eCommunity">
    <meta name="twitter:description" content="Islam &amp; The Global Muslim eCommunity - Explore - Connect - Elevate ( Faith - Society - Science - Politics )">
    <meta name="twitter:image" content="https://www.islamicity.org/wp-content/uploads/2023/05/IslamiCity_600X315.jpg">
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:site" content="@islamicity">
    <meta name="twitter:creator" content="@islamicity">



    <!-- Include blp js-library -->
      
    <script defer type='text/javascript' src='https://www.islamicity.org/wp-content/plugins/blueprint/third-party/js-cookies/js-cookies.js?ver=1490112776'></script>
    <script defer type='text/javascript' src='https://www.islamicity.org/wp-content/plugins/blueprint/blp-js-library.js?ver=1737403059'></script>

    <link rel="stylesheet" type="text/css" href="/wp-content/themes/plain-child/SoundManager/css/mp3-player-button.css" />
    <script type="text/javascript" src="/wp-content/themes/plain-child/SoundManager/script/soundmanager2-nodebug-jsmin.js"></script>
    <script type="text/javascript" src="/wp-content/themes/plain-child/SoundManager/script/mp3-player-button.js"></script>



    <meta name="google-site-verification" content="03764aa63a60add5" />


        

    <!-- Include jQuery --> 
    <!-- Synchronously load jQuery from a CDN | this is the recommended way! yes, it will cause render blocking but what can I do?-->
            <script type="text/javascript" src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
        
    
    

    
				
    
  

    <script>
        // this will evenutally go into blueprint js-library ( when perfected )
        function manageTheClapCount_JS(theSpanID,postID){ // ajax-manager.php will pass the buck eventually to manageTheClapCont_PHP function 
            debugger;
            var token = '[' + postID + ']';
            var action = 'increment';
            var clappedIDS = blpGetCookie('clappedIDS');
            // alert('existing clappedIDS cookie:\n'+clappedIDS)
            if ( blpContains(clappedIDS,token)) {
                // alert('token exists in clappedIDS. exiting.');
                action = 'decrement';
                // return false;
            } else {
                // alert('clappedIDS:'+clappedIDS + '\n\ntoken does not exist.');
            }
            
            var xhr = new XMLHttpRequest();
            var url = "/_ic3/ajax-manager.php?manage=theClapCount&postID="+postID+"&action="+action; 
            // debugger;
            xhr.open("GET", url, true); // Set up the GET request

            // Set up the success and failure event handlers
            xhr.onload = function() {
                if (xhr.status === 200) {
                    // Success case: Handle the text response
                    debugger;
                    var responseText = xhr.responseText;
                    //alert('do something with responseText: '+responseText)
                    // console.log("Success: ", xhr.responseText);
                    element = document.getElementById(theSpanID);
                    if (element) {
                        element.innerHTML = responseText;
                        if ( action == 'increment') {
                            jQuery( '#pt-claps-applause').addClass( 'has_rated' );
                            clappedIDS = token + clappedIDS; 
                            blpSetCookie('clappedIDS',clappedIDS,'3 years');
                        } else {
                            //alert('abi action  is decrement. undo the has_rated class, and remove the cookie val. \n\nclappedIDS before:\n' + clappedIDS);
                            clappedIDS = blpReplace(clappedIDS,token,'');
                            //alert('clappedIDS after:\n' + clappedIDS);
                            blpSetCookie('clappedIDS',clappedIDS,'3 years');
                            jQuery( '#pt-claps-applause').removeClass( 'has_rated' );
                        }
                        
                        // alert('cookie is set.');
                        // alert('nothing after this. ');
                    }
                    
                } else {
                    // Failure case: Handle any errors based on status
                    var responseError = xhr.status;
                    alert('An error occurred buddy: responseError: '+responseError);
                }
            };

            // Handle network errors
            xhr.onerror = function() {
                alert('Uy, Anam can, Network error occurred.');
                console.error("Network error occurred.");
            };

            // Send the request
            xhr.send();

        }

        function scrollToTargetID(theTargetID) {
                
                var target = document.getElementById(theTargetID);
                // Calculate the scroll position, offset by 25px
                var targetPosition = target.offsetTop + 50;
                // Smooth scroll to the calculated position
                window.scrollTo({
                    top: targetPosition,
                    behavior: 'smooth'
                });                
        }

        
        
    </script>    


    
    <link rel="stylesheet" href="https://cdn.knightlab.com/libs/soundcite/latest/css/player.css" media="print" onload="this.media='all'">
    <script defer="defer" type='text/javascript' src='https://cdn.knightlab.com/libs/soundcite/latest/js/soundcite.min.js'></script>

    

    <!-- BEGIN GOOGLE AD/SPONSORSHIP PART 1--><!-- SEE PART 2 BELOW-->
    <script async='async' src='https://www.googletagservices.com/tag/js/gpt.js' crossorigin='anonymous'></script>
    <script src='/global/google-ad-scripts-HEADER.js?ver=1752162345'></script>
    <!-- END GOOGLE AD/SPONSORSHIP PART 1-->

    <!--Microsift Clarity -->
    <script type="text/javascript">
    (function(c,l,a,r,i,t,y){
        c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
        t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
        y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
    })(window, document, "clarity", "script", "sko08vepq4");
    </script>
    <!--End Microsift Clarity -->

    <!-- </head> -->

     <!--##custom wpHead_CUSTOM BEGINS getCustomScripts()--> <link rel='shortlink' href='https://www.islamicity.org/' /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/islamicity.islamicity.org\/","url":"https:\/\/islamicity.islamicity.org\/","name":"IslamiCity - The Global Muslim eCommunity","isPartOf":{"@id":"https:\/\/islamicity.islamicity.org\/#website"},"about":{"@id":"https:\/\/islamicity.islamicity.org\/#organization"},"datePublished":"2015-06-25T14:26:14+00:00","dateModified":"2021-02-27T18:16:25+00:00","description":"Islam & The Global Muslim eCommunity - Explore - Connect - Elevate ( Faith - Society - Science - Politics )","breadcrumb":{"@id":"https:\/\/islamicity.islamicity.org\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/islamicity.islamicity.org\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/islamicity.islamicity.org\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/islamicity.islamicity.org\/#website","url":"https:\/\/islamicity.islamicity.org\/","name":"IslamiCity","description":"The Global Muslim eCommunity","publisher":{"@id":"https:\/\/islamicity.islamicity.org\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/islamicity.islamicity.org\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/islamicity.islamicity.org\/#organization","name":"Human Assistance & Develop Intl","url":"https:\/\/islamicity.islamicity.org\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/islamicity.islamicity.org\/#\/schema\/logo\/image\/","url":"https:\/\/www.islamicity.org\/wp-content\/uploads\/2020\/07\/favicon.ico","contentUrl":"https:\/\/www.islamicity.org\/wp-content\/uploads\/2020\/07\/favicon.ico","width":48,"height":48,"caption":"Human Assistance & Develop Intl"},"image":{"@id":"https:\/\/islamicity.islamicity.org\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/islamicity","https:\/\/x.com\/islamicity","https:\/\/www.instagram.com\/islamicity\/","https:\/\/www.pinterest.com\/islamicity\/","https:\/\/www.youtube.com\/user\/islamicitytv"]}]}</script> <script type="text/javascript">var omapi_data = {"object_id":8876,"object_key":"page","object_type":"post","term_ids":[],"wp_json":"https:\/\/www.islamicity.org\/wp-json","wc_active":false,"edd_active":false,"nonce":"0b059f2143"};</script> <!--##custom wpHead_CUSTOM ENDS--> 


<!--ic3|entering function:updateOrOutputScripts(wpHead|-->




<!--##outputScripts mode: live-->


<link rel='dns-prefetch' href='//www.google.com' />

<link rel='dns-prefetch' href='//a.omappapi.com' />

<link rel='dns-prefetch' href='//maps.googleapis.com' />

<link rel='dns-prefetch' href='//www.googletagmanager.com' />

<link rel='dns-prefetch' href='//fonts.googleapis.com' />

<link rel='stylesheet' id='mci-footnotes-jquery-tooltips-pagelayout-none-css' href='/wp-content/plugins/footnotes/css/footnotes-jqttbrpl0.min.css?ver=1620831265&ver_ORG=2.7.3' type='text/css' media='all' />

<link rel='stylesheet' id='theme-my-login-css' href='/wp-content/plugins/theme-my-login/theme-my-login.css?ver=1528160375&ver_ORG=6.4.16' type='text/css' media='all' />

<link rel='stylesheet' id='view_editor_gutenberg_frontend_assets-css' href='/wp-content/plugins/wp-views/public/css/views-frontend.css?ver=1791477662&ver_ORG=3.6.29' type='text/css' media='all' />

<link rel='stylesheet' id='dearhadi_front_css-css' href='/wp-content/plugins/Dearhadifeeds/assets/css/dearhadi.css?ver=1744055291&ver_ORG=1.0.0' type='text/css' media='all' />

<link rel='stylesheet' id='insights_front_css-css' href='/wp-content/plugins/islamicityinsights/assets/css/insights.css?ver=1744163479&ver_ORG=1.0.6' type='text/css' media='all' />

<link rel='stylesheet' id='animate-css' href='/wp-content/plugins/wp-quiz/assets/frontend/css/animate.css?ver=1653674534&ver_ORG=3.6.0' type='text/css' media='all' />

<link rel='stylesheet' id='wp-quiz-css' href='/wp-content/plugins/wp-quiz/assets/frontend/css/wp-quiz.css?ver=1653674534&ver_ORG=2.0.10' type='text/css' media='all' />

<link rel='stylesheet' id='toolset-select2-css-css' href='/wp-content/plugins/cred-frontend-editor/vendor/toolset/toolset-common/res/lib/select2/select2.css?ver=1793203959&ver_ORG=6.8.1' type='text/css' media='screen' />

<style id='classic-theme-styles-inline-css' type='text/css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style>

<style id='view_editor_gutenberg_frontend_assets-inline-css' type='text/css'> .wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-default > span.wpv-sort-list,.wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-default .wpv-sort-list-item {border-color: #cdcdcd;}.wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-default .wpv-sort-list-item a {color: #444;background-color: #fff;}.wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-default a:hover,.wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-default a:focus {color: #000;background-color: #eee;}.wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-default .wpv-sort-list-item.wpv-sort-list-current a {color: #000;background-color: #eee;} .wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-default > span.wpv-sort-list,.wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-default .wpv-sort-list-item {border-color: #cdcdcd;}.wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-default .wpv-sort-list-item a {color: #444;background-color: #fff;}.wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-default a:hover,.wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-default a:focus {color: #000;background-color: #eee;}.wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-default .wpv-sort-list-item.wpv-sort-list-current a {color: #000;background-color: #eee;}.wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-grey > span.wpv-sort-list,.wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-grey .wpv-sort-list-item {border-color: #cdcdcd;}.wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-grey .wpv-sort-list-item a {color: #444;background-color: #eeeeee;}.wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-grey a:hover,.wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-grey a:focus {color: #000;background-color: #e5e5e5;}.wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-grey .wpv-sort-list-item.wpv-sort-list-current a {color: #000;background-color: #e5e5e5;} .wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-default > span.wpv-sort-list,.wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-default .wpv-sort-list-item {border-color: #cdcdcd;}.wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-default .wpv-sort-list-item a {color: #444;background-color: #fff;}.wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-default a:hover,.wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-default a:focus {color: #000;background-color: #eee;}.wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-default .wpv-sort-list-item.wpv-sort-list-current a {color: #000;background-color: #eee;}.wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-grey > span.wpv-sort-list,.wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-grey .wpv-sort-list-item {border-color: #cdcdcd;}.wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-grey .wpv-sort-list-item a {color: #444;background-color: #eeeeee;}.wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-grey a:hover,.wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-grey a:focus {color: #000;background-color: #e5e5e5;}.wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-grey .wpv-sort-list-item.wpv-sort-list-current a {color: #000;background-color: #e5e5e5;}.wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-blue > span.wpv-sort-list,.wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-blue .wpv-sort-list-item {border-color: #0099cc;}.wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-blue .wpv-sort-list-item a {color: #444;background-color: #cbddeb;}.wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-blue a:hover,.wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-blue a:focus {color: #000;background-color: #95bedd;}.wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-blue .wpv-sort-list-item.wpv-sort-list-current a {color: #000;background-color: #95bedd;} </style>

<style type="text/css" id="wp-custom-css"> .wp-caption-text { text-align: left; font-size: 80%; } .cp-stream__title { white-space:initial !important; } .su-spoiler-title { font-size:1.1em !important; border-radius: 2px !important; background-color: transparent; !important; line-height:1.2em !important; font-weight: 500 !important; border-width: 0px 0px 1px 0px; border-style: solid; border-color: #9e9e9e3b; padding-right: 30px !important; padding:10px -1px 10px 34px !important; } .su-row { text-align:center; } .su-spoiler.custom-spoiler-1 > .su-spoiler-title { font-size: 1.3em !important; font-weight:600 !important; background-color: transparent; !important; color:rgb(79, 79, 79) ;} .su-spoiler.custom-spoiler-1 > .su-spoiler-title:hover { background: #d8dfc2; } @media screen and (max-width: 400px) { .su-spoiler-title { font-size:1.1em !important; } .su-spoiler.custom-spoiler-1 > .su-spoiler-title { font-size: 1.1em !important; } } .su-spoiler { margin-bottom: 0.5em !important; padding-top: 5px !important; background-color:rgb(245, 245, 245) !important; } .su-spoiler-content { font-weight:400; line-height:1.58; } .su-accordion { margin-bottom: 1.em !important; padding-left:0.1em !important; } .su-spoiler-icon { color: #4cb4b0; left:unset; right:7px; top: 6px !important; font-size:1.4em !important; margin-top:-1px !important; margin-right:5px !important; } .su-spoiler-style-fancy { border:0px !important; } .su-spoiler-style-default>.su-spoiler-title>.su-spoiler-icon { left: unset !important; } .su-spoiler-icon-plus.su-spoiler-closed .su-spoiler-icon:before { content:'\002B' !important; } .su-spoiler-icon-plus .su-spoiler-icon:before { content:'\002D' !important; } .mfp-iframe-scaler iframe { min-height:500px !important; } @font-face{ font-family:Uthmani;src:url(/QuranSearch/font/UthmanicHafs1.woff); font-weight:400; font-style:normal } </style>

<style type="text/css" media="all"> .footnotes_reference_container {margin-top: 24px !important; margin-bottom: 0px !important;} .footnote_container_prepare > p {border-bottom: 1px solid #aaaaaa !important;} .footnote_tooltip { font-size: 13px !important; background-color: #ffffff !important; border-width: 1px !important; border-style: solid !important; border-color: #cccc99 !important; border-radius: 3px !important; -webkit-box-shadow: 2px 2px 11px #dbdbdb; -moz-box-shadow: 2px 2px 11px #dbdbdb; box-shadow: 2px 2px 11px #dbdbdb;} td.footnote_plugin_index { padding:2px !important; font-size:80%;} td.footnote_plugin_link { padding:2px !important; font-size:80%;} td.footnote_plugin_text { padding:2px !important; font-size:80%;} .footnote_container_prepare {font-size:60%;} #footnote_references_container{margin-left: 17px;} </style>

<script type="text/javascript"> /* <![CDATA[ */ window["ga-disable-G-KLBP329VS7"] = true; /* ]]> */ </script>

<script type="text/javascript" src="/wp-content/plugins/cred-frontend-editor/vendor/toolset/common-es/public/toolset-common-es-frontend.js?ver=1793203958&ver_ORG=178000" id="toolset-common-es-frontend-js"></script>

<script type="text/javascript" src="/wp-content/plugins/footnotes/js/jquery.tools.min.js?ver=1620831265&ver_ORG=1.2.7.redacted.2" id="mci-footnotes-jquery-tools-js"></script>

<script type="text/javascript" src="/wp-includes/js/tinymce/tinymce.min.js?ver=1748634014&ver_ORG=49110-20201110" id="wp-tinymce-root-js"></script>

<script type="text/javascript" src="/wp-includes/js/tinymce/plugins/compat3x/plugin.min.js?ver=1748634020&ver_ORG=49110-20201110" id="wp-tinymce-js"></script>

<script type="text/javascript" src="https://www.google.com/recaptcha/api.js?hl=en-US&amp;ver=6.8.1" id="recaptcha-js"></script>

<script type="text/javascript" src="/wp-content/plugins/theme-my-login/modules/themed-profiles/themed-profiles.js?ver=1528160375&ver_ORG=6.8.1" id="tml-themed-profiles-js"></script>

<script type="text/javascript" id="facebook-signal-js-extra"> /* <![CDATA[ */ var facebookSignalConfig = {"cookieName":"wc_facebook_signals_state","ajaxUrl":"https:\/\/www.islamicity.org\/wp-admin\/admin-ajax.php","signalsAction":"fbpix_set_pixel_signals","signalsNonce":"2adb1f402e"}; /* ]]> */ </script>

<script type="text/javascript" src="/wp-content/plugins/official-facebook-pixel/core/../js/facebook_signal.js?ver=1785621469&ver_ORG=5.2.2" id="facebook-signal-js"></script>

<script type="text/javascript" src="https://www.googletagmanager.com/gtag/js?id=G-KLBP329VS7" id="google_gtagjs-js" async></script>

<script type="text/javascript" id="google_gtagjs-js-after"> /* <![CDATA[ */ window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);} gtag("set","linker",{"domains":["www.islamicity.org"]}); gtag("js", new Date()); gtag("set", "developer_id.dZTNiMT", true); gtag("config", "G-KLBP329VS7", {"googlesitekit_post_type":"page"}); window._googlesitekit = window._googlesitekit || {}; window._googlesitekit.throttledEvents = []; window._googlesitekit.gtagEvent = (name, data) => { var key = JSON.stringify( { name, data } ); if ( !! window._googlesitekit.throttledEvents[ key ] ) { return; } window._googlesitekit.throttledEvents[ key ] = true; setTimeout( () => { delete window._googlesitekit.throttledEvents[ key ]; }, 5 ); gtag( "event", name, { ...data, event_source: "site-kit" } ); }; /* ]]> */ </script>

<script type='text/javascript'>FacebookSignal.init({"held":false,"ajaxUrl":"https:\/\/www.islamicity.org\/wp-admin\/admin-ajax.php","releaseAction":"fbpix_release_signals","pixelId":"2750636891721723","attribution":{},"capig":"1"});FacebookSignal.initPixel("2750636891721723",{},{"agent":"wordpress_0_fbl4b-6.8.1-5.2.2","includeCapiIntegration":true});</script>

<script> window.addEventListener("load",function(){ var c={script:false,link:false}; function ls(s) { if(!['script','link'].includes(s)||c[s]){return;}c[s]=true; var d=document,j=d.createElement(s); if(s==='script'){j.src='https://www.islamicity.org/wp-content/plugins/wp-views/vendor/toolset/blocks/public/js/frontend.js?v=1.6.24';}else{ j.rel='stylesheet';j.href='https://www.islamicity.org/wp-content/plugins/wp-views/vendor/toolset/blocks/public/css/style.css?v=1.6.24';} d.body.appendChild(j); }; function ex(){ls('script');ls('link')} window.addEventListener("scroll", ex, {once: true}); if (('IntersectionObserver' in window) && ('IntersectionObserverEntry' in window) && ('intersectionRatio' in window.IntersectionObserverEntry.prototype)) { var i = 0, fb = document.querySelectorAll("[class^='tb-']"), o = new IntersectionObserver(es => { es.forEach(e => { o.unobserve(e.target); if (e.intersectionRatio > 0) { ex();o.disconnect();}else{ i++;if(fb.length>i){o.observe(fb[i])}} }) }); if (fb.length) { o.observe(fb[i]) } } }) </script>

<script type="text/javascript"> /* <![CDATA[ */ ( function( w, d, s, l, i ) { w[l] = w[l] || []; w[l].push( {'gtm.start': new Date().getTime(), event: 'gtm.js'} ); var f = d.getElementsByTagName( s )[0], j = d.createElement( s ), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore( j, f ); } )( window, document, 'script', 'dataLayer', 'GTM-PQZVM4S' ); /* ]]> */ </script>



<!--ic3|exiting function:updateOrOutputScripts(wpHead|-->











    
    
    <!--css-->
    <link rel="stylesheet" id="lrm-modal-skin-css" href="/_ic3/templates/mundana-x/skin.css" type="text/css" media="all">
    <link rel="stylesheet" id="wp-block-library-css" href="/_ic3/templates/mundana-x/style.min.css" type="text/css" media="print" onload="this.onload=null;this.media='all'">

    <style id="wp-block-library-theme-inline-css" type="text/css">
      .wp-block-audio figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-audio figcaption{color:#ffffffa6}.wp-block-audio{margin:0 0 1em}.wp-block-code{border:1px solid #ccc;border-radius:4px;font-family:Menlo,Consolas,monaco,monospace;padding:.8em 1em}.wp-block-embed figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-embed figcaption{color:#ffffffa6}.wp-block-embed{margin:0 0 1em}.blocks-gallery-caption{color:#555;font-size:13px;text-align:center}.is-dark-theme .blocks-gallery-caption{color:#ffffffa6}.wp-block-image figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-image figcaption{color:#ffffffa6}.wp-block-image{margin:0 0 1em}.wp-block-pullquote{border-bottom:4px solid;border-top:4px solid;color:currentColor;margin-bottom:1.75em}.wp-block-pullquote cite,.wp-block-pullquote footer,.wp-block-pullquote__citation{color:currentColor;font-size:.8125em;font-style:normal;text-transform:uppercase}.wp-block-quote{border-left:.25em solid;margin:0 0 1.75em;padding-left:1em}.wp-block-quote cite,.wp-block-quote footer{color:currentColor;font-size:.8125em;font-style:normal;position:relative}.wp-block-quote.has-text-align-right{border-left:none;border-right:.25em solid;padding-left:0;padding-right:1em}.wp-block-quote.has-text-align-center{border:none;padding-left:0}.wp-block-quote.is-large,.wp-block-quote.is-style-large,.wp-block-quote.is-style-plain{border:none}.wp-block-search .wp-block-search__label{font-weight:700}.wp-block-search__button{border:1px solid #ccc;padding:.375em .625em}:where(.wp-block-group.has-background){padding:1.25em 2.375em}.wp-block-separator.has-css-opacity{opacity:.4}.wp-block-separator{border:none;border-bottom:2px solid;margin-left:auto;margin-right:auto}.wp-block-separator.has-alpha-channel-opacity{opacity:1}.wp-block-separator:not(.is-style-wide):not(.is-style-dots){width:100px}.wp-block-separator.has-background:not(.is-style-dots){border-bottom:none;height:1px}.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots){height:2px}.wp-block-table{margin:0 0 1em}.wp-block-table td,.wp-block-table th{word-break:normal}.wp-block-table figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-table figcaption{color:#ffffffa6}.wp-block-video figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-video figcaption{color:#ffffffa6}.wp-block-video{margin:0 0 1em}.wp-block-template-part.has-background{margin-bottom:0;margin-top:0;padding:1.25em 2.375em}
  </style>
  
  <!--<link rel="stylesheet" id="edd-blocks-css" href="/_ic3/templates/mundana-x/resources/edd-blocks.css" type="text/css" media="all">-->
  <!--<link rel="preload" href="/wp-content/plugins/easy-digital-downloads/assets/css/edd-blocks.css" as="style" onload="this.onload=null;this.rel='stylesheet'">-->


  <style id="classic-theme-styles-inline-css" type="text/css">
    /*! This file is auto-generated */
    .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
  </style>
  
  
  <style id="global-styles-inline-css" type="text/css">
    body{--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
    .wp-block-navigation a:where(:not(.wp-element-button)){color: inherit;}
    :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}
    :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}
    .wp-block-pullquote{font-size: 1.5em;line-height: 1.6;}
  </style>
  


  
<!-- 🚀 Preload Critical CSS (Faster Rendering) -->

<link rel="preload" href="/_ic3/templates/mundana-x/bootstrap.min.css" as="style">
<link rel="preload" href="/_ic3/templates/mundana-x/theme.css?ver=1791613769" as="style">
<link rel="preload" href="/_ic3/templates/mundana-x/styles.css" as="style">


<!-- 🚀 Load Non-Critical CSS Asynchronously -->
<link rel="stylesheet" id="contact-form-7-css" href="/_ic3/templates/mundana-x/styles.css" type="text/css" media="all">
<link rel="stylesheet" id="font-awesome-6-css" href="/_ic3/templates/mundana-x/all.css?v=1" type="text/css" media="print" onload="this.onload=null;this.media='all'">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" media="print" onload="this.onload=null;this.media='all'">



<link rel="stylesheet" id="bootstrap-5.3.2-css" href="/_ic3/templates/mundana-x/bootstrap.min.css" type="text/css" media="all" >
<link rel="stylesheet" id="mundana-styles-css" href="/_ic3/templates/mundana-x/theme.css?ver=1791613769" type="text/css" media="all">




<link rel="stylesheet" id="stylesheet-main-css" href="/_ic3/templates/mundana-x/style.css" type="text/css" media="print" onload="this.onload=null;this.media='all'">
<link rel="stylesheet" id="claps-applause-css" href="/_ic3/templates/mundana-x/resources/claps-applause.css?v=2" type="text/css" media="print" onload="this.onload=null;this.media='all'">



<!-- 🚀 Defer JavaScript (Prevents Render Blocking) -->
<script defer src="/_ic3/templates/mundana-x/jquery-migrate.min.js" id="jquery-migrate-js"></script>
<script defer src="/_ic3/templates/mundana-x/resources/wp-polyfill-inert.min.js" id="wp-polyfill-inert-js"></script>
<script defer src="/_ic3/templates/mundana-x/resources/regenerator-runtime.min.js" id="regenerator-runtime-js"></script>
<script defer src="/_ic3/templates/mundana-x/resources/wp-polyfill.min.js" id="wp-polyfill-js"></script>
<script defer src="/_ic3/templates/mundana-x/resources/hooks.min.js" id="wp-hooks-js"></script>
<script defer src="/_ic3/templates/mundana-x/resources/i18n.min.js" id="wp-i18n-js"></script>

<!-- 🚀 Execute Inline JavaScript Only After DOM is Loaded -->
<script>
document.addEventListener("DOMContentLoaded", function() {
    wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
});
</script>


<!--/after litespeed and GPT-->


  <style id="kirki-inline-styles">
    .mediumnavigation{background-color:#ffffff;}#comments a{color:#03a87c;}.comment-form input.submit, .lrm-form button, .lrm-form button[type=submit]{background-color:#03a87c;}.comment-form input.submit{border-color:#03a87c;}input[type="submit"], button, .btn-outline-success:hover{background-color:#03a87c;}.btn-outline-success, .btn-outline-success:hover{border-color:#03a87c;}.btn-outline-success{color:#03a87c;}footer.footer a{color:#1C9963;}h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{font-weight:700;}.introjumbo h1{font-size:3em;font-weight:700;line-height:1.2;}.postbox h2{font-size:1.55em;}.postbox_style2 h2, .postbox_style2_right h2{font-family:default;font-size:1.55em;font-weight:700;color:#2b2b2b;}.post_box_style3 .h6{font-family:default;font-size:1.2em;font-weight:700;color:#2b2b2b;}.loved-item h6{font-family:default;font-size:1.44em;font-weight:700;color:#2b2b2b;}.navbar-brand,.navbar-light .navbar-brand{font-family:DM Serif Text;font-size:2em;font-weight:400;}.nav-link,.dropdown-item{font-size:0.97em;letter-spacing:0px;text-transform:uppercase;}.article-headline{font-family:default;font-size:3.2rem;font-weight:700;line-height:1.2;color:#2b2b2b;}.article-post, #comments .comment-content{font-family:Merriweather;font-size:1.16rem;line-height:1.8;}.thesidebar .spanborder.h4{font-size:1.5em;}.widget-area .mc4wp-form{background-color:#e8f3ec;}.widget-area .mc4wp-form input[type="submit"]{background-color:#03a87c;}.widget-area .mc4wp-form, .mc4wp-form-fields h1, .mc4wp-form-fields h2, .mc4wp-form-fields h3, .mc4wp-form-fields h4, .mc4wp-form-fields h5, .mc4wp-form-fields h6{color:#2b2b2b;}/* latin-ext */
  </style>
  <!--goodby bom!--><!--haluk--><!--entering mhk-css.css -->
<!--this gets called by head.php which gets to be called by header.php which gets to be called by current template which is __whatever.php like __home.php __single.php etc.. -->

<style>

    /* have borders between services */
    ol.list-featured > li {
        border-bottom: 1px solid #eee;
        padding-bottom: 0.5rem;
        margin-bottom: 0.5rem;
    }

    ol.list-featured > li:last-child {
        border-bottom: none; /* optional: remove border after last item */
    }










    /* show playicon over video carousels */
    .play-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 2.5em;
        color: white;
        opacity: 0.8;
        text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.6);
        pointer-events: none;
    }
    
    .thumbnail-wrapper img {
        display: block;
    }

    /* do not show this verticalAdZone class on mobile width */
    /* -------------------- 🌱 MOBILE -------------------- */
    @media (min-width: 0px) and (max-width: 767.98px) { /* phones yani.  */

        .showThisOnlyOnDesktop {
            display:none;
        }
        
    }    
    

    /* this is needed to address the bismillah bar disappearance like on the main header too*/
    #bs4navbar_CONTAINER {
        transition: margin-top 0.5s ease, max-height 0.5s ease;
        overflow: hidden; /* Ensures the height animation looks smooth */
    }


    /*  */
    b, strong {
        font-weight: bolder;
        font-family: system-ui;
    }

    



    

    /* color & style the theIcon ( podcast,video ) */
    .theIcon{
        color: #ff0606;
        font-size: 15.8px;
        display: inline-block;
        margin-top: 2px;
        margin-left: 10px;
        position: absolute;
    }    




    #login_area {
        font-family: helvetica neue;
        font-size: 13px;
        opacity: 0.5;
    }

    #login_area2 {
        font-family: helvetica neue;
        font-size: 15px;
        opacity: 1;
    }
    
    .social-links {
                    color:#855d13;
            } 

    .share-caption {
        font-size: 12px;
        opacity: 0.6;
        padding-right: 5px;
        padding-left: 25px;
        cursor:pointer;
    }

    #hjri-date-results {
        font-family: helvetica neue;
        font-size: 11px;
        opacity: 0.5;
        letter-spacing: -0.4px;
    }




    /* take out the horozontal line brelow faith, natire and leave only the dark underline below caption */
            .spanborder {
            border-bottom: 0px solid rgba(0, 0, 0, 0.13);
        }
      







    .alternatingColors {
                    padding-left: 13px;
            padding-right: 13px;        
        
        padding-top: 10px;
        padding-bottom: 10px;

        margin-bottom: 20px;

        /*
        margin-top: 25px;
        margin-bottom: 25px;
        */

        position: relative !important;
        width: 100vw !important;
        left: 50% !important;
        right: 50% !important;
        margin-left: -50vw !important;
        margin-right: -50vw !important;
        /*margin-top: initial !important;*/        
        margin-top:10px;
    }

    .alternatingDark {
        background-color: #80808017;
    }


    .alternatingLite {
        background-color: white;
    }


    /* addresses the <Br> on understanding-islam 's adhan area*/
    article.article-post :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) {
        margin-top: 25.26px !important;
        margin-bottom: 14.12px !important;
    }
    article.article-post br {
        content: unset;
    }




    /*allow post images to go out of their container boundaries. */
    article.article-post image {
        width: 100%; 
        height: auto; 
        max-width: 1200px;
    }
    /* put this in any post, you get a full width thanks to the following styles 
    <div class="fullwidthrow">
        <img class="featured-image full-width-featured-image mb-0 img-fluid" src="https://wowthemesnet.github.io/ghost-demo-mundana//content/images/2019/05/photo-1511766566737-1740d1da79be-2.jpg" alt="" />
    </div>
    */
    .fullwidthrow {
        position: relative !important;
        width: 100vw !important;
        /*max-width:1200px;*/
        left: 50% !important;
        right: 50% !important;
        margin-left: -50vw !important;
        margin-right: -50vw !important;
        margin-top: initial !important;
    }
        
    

    


    /* makes the figures show better as in https://www.islamicity.org/8304/understanding-islam-and-muslims/ */
    .wp-caption-text {
        font-size: 14px;
        margin-top: 7px;
        line-height: 1.5;
        opacity: 0.8;
        padding-left: 5px;
        padding-right: 5px;
    }





    
    


    /*removes ugly hover on mobile hamburger menu */
    /*007BFF*/
    
    .navbar-toggler:focus {
        box-shadow: unset;
    }
    .navbar-toggler {
        border: unset;
    }
        


    /* author bio ( theTermDescription_JSON when IS_AUTHOR ) needs scrolling when see more is large  */
    .longText-full { overflow-y: scroll; padding-right: 10.02px;  }
    .longText-short { padding-right: 10.02px;  } 
    .longText-text { padding-right: 10.02px; max-height:408.986;  } 
    .longText-fade { position: sticky; height:303px !important;} 
    .longText-container { font-size: smaller;font-family: sans-serif; }
    


    /* theme's link colors managed here BEGIN */


            /*desktop links for cats, tags, authors etc.. */
        a {
            color: #855d13; /* was #017a5a;*/
        }
    
    article.article-post a {

        color: black; /* was #017a5a;*/
        text-decoration: underline !important;
        text-underline-offset: 8px !important;
    }
    

    a,a:hover {
        transition: all 0.2s;
        text-decoration: none;
    }


    a.text-dark:hover, a.text-muted:hover {
                    color: #855d13; /* was 017a5a*/
                
    }
    
    /* this only effects the article links */
    article.article-post a {

        color: #000000;
        /*background-color: #ede3dd99;*/
        padding-left: 2px;
        padding-right: 2px;
        padding-bottom:3px;
        border-radius: 5px;
        /*       
        color: #ffffff;
        background-color: #88583899;
        padding-left: 7px;
        padding-right: 8px;
        padding-bottom: 3px;
        border-radius: 1px;
	*/
    }

    
    /*
    .thecatlinks a {
        text-transform: capitalize;
        color: black;
    }
    */


    /*
        .dark-links {
            color: black !important;
        }
    */

    /* theme's link colors managed here END */







    /* ##termimage ##mediaqueries */

    /*  
    
        Translate “max” as “up to” and “min” as “from”

        Media Query	Human Meaning
        max-width: 767px	"Up to 767px (phones)"
        min-width: 768px	"From 768px and up (tablets+)" 

    */

    .termImage{
        max-width:1220.12px;
        max-height:675.33px;
    }

    /* ##stuff */
    .termStuff_DIV {
        text-align:center;
        /*margin-bottom: -37.37px; */
        /*margin-top:  manage this at the footer.php scripts... */ 
    }
    















    /* @MEDIABREAKS ##MEDIA ##BREAKS @BREAKS @LAPTOPS -- but there is also the JS couterpart to this! see @BREAKS over there too */

    /* -------------------- 🌱 MOBILE -------------------- */
    @media (min-width: 0px) and (max-width: 767.98px) { /* phones yani.  */

        /* body {  background-color:red;  } */

        .share-items {
            margin-top:-40.23px;
        }

                                        
        .introjumbo .pb-4rem {
            padding-top: 0.5rem;
            padding-bottom: 0rem;
        }
        
    }

    /* -------------------- 🌱 DESKTOP -------------------- */
    @media (min-width: 768px) and (max-width: 20000px) { /* laptops & desktops yani.  */

        /* body {  background-color: blue;  } */
        /*what to do for the termStuff_DIV if placed right below the header IN MOBILE */

        .share-items {
            margin-top:40.23px;
        }

        .introjumbo .pb-4rem {
            padding-bottom: 1rem;
        }


    }


        









.full-width-featured-image {
    z-index: 1022;
    position: relative;
    width: 100%;
}

.featured-image {
    display: block;
    margin: 0px auto;
    margin-bottom: 2rem;
}

.mb-0, .my-0 {
    margin-bottom: 0 !important;
}

.img-fluid {
    max-width: 100%;
    height: auto;
}

















/* carousel css BEGIN */


    
.carousel-wrapper {
    margin: 20px 0;
    position: relative;
}

.carousel-wrapper.fade-edges {
    overflow: hidden;
    position: relative;
}

.carousel-header {

    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: -15.02px;
    margin-top:5.05px;
    position: relative;
    z-index: 2;
    
}

.carousel-title-link {

    text-decoration: none;
    
    /*font-size: 18px;*/

    font-size: 28px;
    margin-left: 4px;
    margin-top: -11px;        

    font-weight: bold;
    color: #111;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    transition: color 0.3s ease;

    
}

.carousel-title-link:hover {
    color: #0073aa;
}

.carousel-title-link .arrow {
    font-weight: normal;
    color: #999;
    font-size: 20px;
    margin-left: 4px;
}

.carousel-scroll-arrow {
        position: absolute;
    top: -7px;
    right: 0px;
    font-size: 27px;
    padding: -5px 1px;
    cursor: pointer;
    z-index: 3;
    border-radius: 4px;
    display: none;
            margin-top: -0.95px; /* was 5.05px; before notcing mobile overlap on https://www.islamicity.org/topics/freedom-of-speech */
     
    
    /* Optional styling if needed:
    background: white;
    color: #666;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
    */
}

.carousel-fade-right {
    position: absolute;
    right: 0;
    top: 0;
    width: 131.45px;
    height: 100%;
    pointer-events: none;
    /*background: linear-gradient(to left, white 5%, transparent 95%);*/
    background: linear-gradient(to left, white 0%, transparent 50%)
    z-index: 2;
    display: none;
}

.row__carousel {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    max-width: 100%;
    position: relative;
    padding-bottom: 30.301px; /* was 0.01. but https://www.islamicity.org/topics/freedom-of-speech/ was too close. */
        /* note that this is overwritten by 50.01 on home page carousels */
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    scrollbar-color: #0073aa #fffafa00;
}

.row__carousel::-webkit-scrollbar {
    height: 2px; /* Total scrollbar height */
    scrollbar-width: none;
}

.row__carousel::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 6px;
}

.row__carousel::-webkit-scrollbar-thumb {
    background-color: #0073aa;
    border-radius: 6px;
    box-shadow: inset 0 0 0 2px #f1f1f1; /* Optional visual border without size */
}

.row__carousel::-webkit-scrollbar-thumb:hover {
    background-color: #005a8d;
}



.row__inner {
    transition: 450ms transform;
    /*font-size: 0;*/ 
    white-space: nowrap;
    margin: 19.3125px 0;
    padding-bottom: 96px;
}

.tile {
    position: relative;
    display: inline-block;
    width: 250px;
    
    /*height: 140.625px; that annoying overlay */
            height: 214.625px;
        margin-bottom: -89px;
        
    margin-right: 10px;
    font-size: 14.2px;
    vertical-align: bottom;
    cursor: pointer;
    transition: 450ms all;
    transform-origin: center left;
    scroll-snap-align: start;
}

.tile__img {
    width: 250px;
    height: 140.625px;
    object-fit: cover;
}

.tile__details {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    font-size: 10px;
    opacity: 0;
    transition: 450ms opacity;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 80%);
}

.tile:hover .tile__details {
    opacity: 1;
}

.tile__details:before {
    content: '';
    left: 0;
    width: 100%;
    font-size: 30px;
    margin-left: 7px;
    margin-top: -18px;
    text-align: center;
    z-index: 2;
}

.tile__title {
    position: absolute;
    bottom: 0;
    padding: 10px;
    color: white;
    width: 100%;
    text-transform: capitalize;
}

.row__inner:hover .tile {
    opacity: 0.8;
}

.row__inner:hover .tile:hover {
    transform: scale(1);
    opacity: 1;
}

.tile__CARO {
    position: relative;
    display: inline-block;
    cursor: pointer;
    transition: 450ms all;
    transform-origin: center left;
    scroll-snap-align: start;
}

.row__inner__CARO {
    transition: 450ms transform;
    white-space: nowrap;
    margin: 19.3125px 0;
    
    
    padding-bottom: 0.0001px; /* we should be able to pass this fora particilar carousel like this: padding-bottom: 107.9999px; */
    margin-bottom: -0.6px; /* when you make this 50, the carousel items move up and down on scrolling down.  */
    /*background-color: aqua;*/
}

/*final overwrites */
/* The scrolling rail */
.row__carousel{
    display:flex;                 /* one long horizontal strip   */
    overflow-x:auto;              /* horizontal scroll only      */
    overflow-y:hidden;
    scroll-snap-type:x mandatory; /* <-- the key line            */
    -webkit-scroll-snap-type:x mandatory; /* iOS / Safari         */
    scroll-behavior:smooth;       /* keep the swipe feeling nice */
    scrollbar-width: none;
}

/* Each card */
.tile__CARO{
    flex:0 0 auto;          /* fixed-width tiles              */
    scroll-snap-align:start;/* always park with its left edge */
    scroll-snap-stop:always;/* (optional) don’t glide past it */
}

/* carousel css END */













    

    .seriesTableOfContents { /*allows the indent https://www.islamicity.org/80260/taraweeh-prayers-makkah-1443-2022/ */
        padding-left:40px;
    }

    .seriesTableOfContents p { /* allows fixing the additional <p> linebreaks as in /80260 */
        display: none;
    }





    .article-post ul {
        margin-bottom: 40.23px !important;
        margin-top: 20.123px !important;
    }


    .article-post p {
        color: #242424;
        margin-top: 2.02em !important;
        margin-bottom: 2.03em !important;
    }







    
    /* ##headerscroll allows header to start appear/disappear upon up/down scrolll -- also see ##headerscroll area in footer.php's js section */

    .hidden {
        visibility:hidden;
    }

    #theDesktopHeader {
        transition: opacity 0.4s ease;
        opacity: 1;
        pointer-events: auto; /* Let it receive mouse events when visible */
      }
      
      #theDesktopHeader.faded-out {
        opacity: 0;
        pointer-events: none; /* Prevent interaction while hidden */
      }

    #MagicMenuDesktop {
        transition: opacity 0.6s ease;
        opacity: 1;
      }

      #MagicMenuMobile {
        transition: opacity 0.6s ease;
        opacity: 1;
      }
      
      #MagicMenuDesktop.hidden {
        opacity: 0;
        pointer-events: none;
      }

        #MagicMenuMobile.hidden {
        opacity: 0;
        pointer-events: none;
      }

      .dimmable {
        transition: opacity 0.3s ease;
        opacity: 1;
      }
    
      .dimmable.dimmed {
        opacity: 0.64;
      }
    
      .dimmable.dimmed:hover {
        opacity: 1;
      }
      
      



      

    /* allows the gems sticky bar to be able to scroll when listing long author bio + topic buttons... */
    .sticky-div-class {
        overflow-y: scroll; /* or 'auto' */
        scrollbar-width: none; /* For Firefox */
        -ms-overflow-style: none;  /* For Internet Explorer and Edge */
        
        /* For Webkit browsers like Chrome, Safari */
    }

    .sticky-div-class::-webkit-scrollbar {
        display: none;
    }




    /* remove the gap below the footer. */
    .pb-5 {
        padding-bottom: 0.01rem !important;
    }
    

    /* move the facny box iframes to the top left 0 */
    .fancybox-slide {
        padding: 0px !important; /* 44 px*/
    }    

    .fancybox-slide--iframe .fancybox-content {
        /* background-color: green !important; */
        height: 100% !important;
    }
    
    

    /* on-page-load transition effect*/
    body {
        animation: fadeInAnimation ease 1.3s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
    }
    @keyframes fadeInAnimation {
        0% {
            opacity: 0.5;
        }
        100% {
            opacity: 1;
        }
    }




    .section-title {
        font-size:1.2em;
        */ color: color(srgb 0.1462 0.4171 0.68); */
	color:black; */ Addedby Amr 4/13/2025 */
    }

    /* fixes the overlapping close and X (reset ) buttons on textbox */
    .Search button.clear {
        right: 3.5em !important;
    }

    .Search input {
         
            width: 92% !important;
            }


    .SongList {
         
            width: 92%;
            } 
    


    /*hide the element with the ID bs4navbartop on mobile devices with a screen width of 992px and below */ 

    @media (max-width: 767.98px) { /*was 992*/
        #bs4navbartop {
            display: none !important;
        }
    }

    /* show element To show at 992px and above, you can use the following CSS: */

    @media (min-width: 768px) { /* HAMBURGER MENU STATE */ /*was 992*/
        .showOnlyAt992OrMore {
            display: none !important;
        }

        .mobileMenuIslamiCityLogo {
            display: none !important;
        }

        
    }
    
    @media (max-width: 767.98px) { /* NONE-HAMBURGER MENU STATE */ /*was 991*/
        .showOnlyAt992OrMore {
            display: block !important;
        }

        .mobileMenuIslamiCityLogo {
            display: block !important;
        }

        .islamiCityText {
            display: none !important;
        }

        
    }

    /* take out the borders on the nav menu */
    @media (max-width: 767.68px) { /*was 992*/
        .mediumnavigation li {
            border-bottom: 0px;
        }
    }

    .displayNone {
        display:none;
    }

    .displayBlock {
        display:block;
    }

    /* places the missing Islamicity stamp on mobile view nav bar - hiding the previous one! */ 
    .mobileMenuIslamiCityLogo {
        position: absolute;
        top: 15px;
        right: 75px;
        width: 130px;
        height: 49px;
        font-family: revert;
        font-family: DM Serif Text;
        font-size: 1.4em;
        TEXT-ALIGN: right;
        font-weight: 400;
        margin-bottom: 42px;
        BORDER-RADIUS: 10PX;
        margin-top: -3px;
        COLOR: BLACK;
        BACKGROUND-COLOR: aliceblue;
    }


    .invertFilterOn{ /* used by mega-menu.htm if thisMegaMenuIsFor == header so the header mega-menu paints lite! */
        filter:invert(1); 
    }

    .wpb_scroll_top { /* removes the scroll to top ( the green & bottom left one ) */
        display: none !important;
    }

    /* fixes firebiox <Br> */
    br {
        line-height: 0;
        display: block;
        content: "";
    }

    /*fixes the top image not being 16/9 in certain browser width*/
    .imgfullcover {
        margin-top: 69px;
        height: auto;
        width: 100%;      
    }

    /*fixes the squarish look at a particular browser size of the first 5 posts far right image*/
    @media (min-width: 768px) { /*was 991*/
        .listrelated .card img, .postbox_style2 img, .postbox_style2_right img {
            height: 221.4px;
        }
    }    

    /*liten up color so the rest ( article title is more readable) - and space out the author to give more noticeablity to the main deals*/
    .mhkExcerpt {
        opacity:1;
        font-size:small;
        font-family: sans-serif;
        color: rgba(0, 0, 0, 0.59) !important;
        line-height: 1.3em;        
    }    
    .text-muted {
        opacity: 0.88;
    }
    .post_box_style3 { 
        margin-bottom: 3rem !important;
    }
    



    /*fixes the improper line height spacing visible at https://www.islamicity.org/104055/trump-is-attempting-to-sabotage-gaza-ceasefire-deal-to-appease-netanyahu/ */
    .article-post p {
        margin-bottom: 1.5em !important; /*-0.46em;*/ 
    }    


    /*fixes the "over 500" string alignment in  https://www.islamicity.org/104055/trump-is-attempting-to-sabotage-gaza-ceasefire-deal-to-appease-netanyahu/ */
    .article-post img[decoding="async"] {
        /* display: block;  Commneted out by Amr 4/28/2025*/
 	display: inline-block;
    }

    /*lazy load low / high src -- not see footer.php's mustafa-css-js  ##lazyload section too! */
    .lazyload {
        filter: blur(10px);
        transition: filter 0.4s ease-in-out, opacity 0.4s ease-in-out;
        opacity: 0.7;
    }

    .lazyload.lazyloaded {
        filter: blur(0);
        opacity: 1;
        /*border-radius:6.1px;*/
    }

   .debug-image-overlay {
       pointer-events: none;
    }      






    

    /*make all video icons red */
    .fa-video {
        color:red;
    }    

    /* overwrites to make it more mediumlike */
    @font-face {
    font-family: 'Source Serif Pro';
    src: url('/_ic3/templates/mundana-x/resources/SourceSerifPro-Regular.woff2') format('woff2'),
            url('/_ic3/templates/mundana-x/resources/SourceSerifPro-Regular.woff') format('woff'),
            url('/_ic3/templates/mundana-x/resources/SourceSerifPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    }

    @font-face {
    font-family: 'Source Serif Pro';
    src: url('/_ic3/templates/mundana-x/resources/SourceSerifPro-Bold.woff2') format('woff2'),
            url('/_ic3/templates/mundana-x/resources/SourceSerifPro-Bold.woff') format('woff'),
            url('/_ic3/templates/mundana-x/resources/SourceSerifPro-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    }

    @font-face {
    font-family: 'Source Serif Pro';
    src: url('/_ic3/templates/mundana-x/resources/SourceSerifPro-Semibold.woff2') format('woff2'),
            url('/_ic3/templates/mundana-x/resources/SourceSerifPro-Semibold.woff') format('woff'),
            url('/_ic3/templates/mundana-x/resources/SourceSerifPro-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    }


        @media (min-width: 768px) { /*was 992*/
            .nav-link:hover {
                background:#ecebe9 !important; /*theme.css sets this as green */
                color: unset;
            }

            .disable-hover:hover {
                background: inherit !important; /* Ensures background stays unchanged */
                color: inherit !important; /* Ensures text color doesn't change */
            }

            .search-button:hover {
            opacity: 1 !important;
            text-decoration: unset;
            color: unset;            
            }
        }

        

        .disable-hover:hover {
            background: inherit !important; /* Ensures background stays unchanged */
            color: inherit !important; /* Ensures text color doesn't change */
        }

        .signin-hover:hover {
            background: inherit !important; /* Ensures background stays unchanged */
            color: inherit !important; /* Ensures text color doesn't change */
            text-decoration: underline;
            opacity:1;
        }

        .nav-link-button {
            border-radius: 30px !important;
            border-color: orange !important;
            color: orange;
            border-width: 2px;
            padding-top: 2px;
            padding-bottom: 2px;
        }

    .article-post, #comments .comment-content{
                    font-family: source-serif-pro,Georgia !important;
            font-size:20px;
            line-height: 35px;
            letter-spacing: -0.054px;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            }
        /*
        Following selector ensures that:
        Any <p> tag inside an element with the class .article-post is targeted.
        Any <p> tag inside #comments .comment-content is also targeted.
        */
    .article-post p {
        color:#242424;
        margin-top: 0.1em;
        margin-bottom: -0.46em;
    }
    .article-headline {
        color: black;
        font-family: Helvetica Neue;
        letter-spacing: -0.020em;     
        font-size: 32px;
        line-height:38px;
    }

</style>  

<!--exiting mhk-css.css-->  
<script>
  if ( true ) {
    if ( true ) {
      // alert('MHK running new clicks - selective fix. ');
      document.addEventListener("DOMContentLoaded", function () {
          document.querySelectorAll("a").forEach(link => {
              let href = link.getAttribute("href");

              // Skip processing if already modified
              if (link.hasAttribute("data-fixed")) {
                  return;
              }

              // Ensure href exists and does not already end with a slash
              if (href && !href.endsWith("/")) {
                  let pathParts = href.replace(/^https?:\/\/[^\/]+/, "").split("/").filter(Boolean); // Get path parts
                  
                  if (pathParts.length > 0) {
                      let firstPart = pathParts[0]; // Get the first folder name
                      //console.log ( 'firstPart:' + firstPart);
                      //alert(firstPart);
                      // Check if first part is an integer or matches one of the allowed keywords
                      if (/^\d+$/.test(firstPart) || ["explore", "topics", "series", "values", "channels", "by", "source"].includes(firstPart)) {
                          let finalHref = href + "/";

                          // Debugging: Show original and final URLs
                          // alert(`Original: ${href}\nFinal: ${finalHref}`);

                          // Apply the change
                          link.setAttribute("href", finalHref);
                      }
                  }
              }

              // Mark as processed to prevent future modifications
              link.setAttribute("data-fixed", "true");
          });
      });

      
    } else {
      document.addEventListener("DOMContentLoaded", function () {
          document.querySelectorAll("a").forEach(link => {
              let href = link.getAttribute("href");
              
              // Ensure href exists, is not a fragment (#), and does not include a query or hash
              if (href && !href.includes("?") && !href.includes("#") && !href.endsWith("/") && !href.match(/\.\w+$/)) {
                  link.setAttribute("href", href + "/");
              }
          });
      });
    }
    
  }
  
</script>

</head><!--HERE-->
<!-- ##FILE this is head.php END -->  <!-- <.head> to </.head> --> 


    <body class="home blog wp-embed-responsive edd-js has-lrm" id="pageBody">

                    <div id='topAdBanner'>
            <center>
			    <!-- /101tag6843/IC3_LeaderBoard -->
                <div id='div-gpt-ad-1750261859170-0' style='min-width: 320px; min-height: 50px;'>
                    <script>
                        googletag.cmd.push(function() { googletag.display('div-gpt-ad-1750261859170-0'); });
                    </script>
                </div>
			</center>
         </div>
         <style>
            #topAdBanner {
                text-align: center;
                padding-top: 5px;
                padding-bottom: 0px;
                background-color: white;
                width: 100%;
                height: 210px;
                margin-top -30px !important;
                /*margin-bottom: -0.79px !important; */
                box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
                z-index: 1;
                
            }

            /* Hide banner on small screens by default */
            @media screen and (max-width: 991px) {
                #topAdBanner {
                    display: none;
                }
            }

            /* Override for mobile devices only (based on user-agent) */
            .is-mobile #topAdBanner {
                display: block !important;
                height: 60px;
                margin-top: 59.568px !important;
                /*margin-bottom: -0.79px !important; */
            }

            #theDesktopHeader {
                position: sticky;
                top: 0;
                z-index: 1000;
                background: white;
            }
        </style>
                                
            

        <!-- ##FILE this is header.php BEGIN --> 





<span id="theMobileHeader" style="display:none"><header id="MagicMenuMobile" class="fixed-top navbar mediumnavigation nav-down" style="top: 0px;">
    <style>
      /* Custom transition for slide/fade effect */
      .navbar-hidden {
        top: -70px;
        transition: top 0.3s ease-in-out, opacity 0.3s ease-in-out;
        opacity: 1;
      }
      .navbar-visible {
        top: 0;
        transition: top 0.3s ease-in-out, opacity 0.3s ease-in-out;
        opacity: 1;
      }

      /*
       * WORDPRESS MOBILE SPONSOR SCROLL-FLOW
       * ------------------------------------
       * Match the perfected static-header-new.php behavior:
       *
       *   [ sponsor ]
       *   [ mobile header ]
       *   [ page content ]
       *
       * The sponsor remains in normal document flow and scrolls away.
       * Only #theMobileHeader is sticky.  The two legacy Bootstrap
       * .fixed-top classes remain in the markup for compatibility, but
       * are neutralized here on mobile/tablet.
       *
       * Desktop is intentionally untouched.
       */
      @media screen and (max-width: 991.98px) {

        /* Prevent transformed ads / legacy negative margins from creating
         * a few pixels of horizontal document scroll. `clip` does not
         * create a new scrolling ancestor, so sticky positioning remains
         * reliable. */
        html.is-mobile,
        html.is-mobile body {
          max-width: 100% !important;
          overflow-x: clip !important;
        }

        html.is-mobile #topAdBanner {
          display: block !important;
          position: relative !important;
          top: auto !important;
          right: auto !important;
          bottom: auto !important;
          left: auto !important;

          /* Cancel the old fixed-header compensation (59.568px). */
          margin-top: 10px !important;
          margin-bottom: 16px !important;

          padding-top: 5px !important;
          padding-bottom: 0 !important;

          /*
           * Match static-header-new.php: reserve the FINAL scaled height
           * before Google's 320x50 creative is revealed.
           * 50px x 1.2 + 5px top padding = 65px.
           */
          height: 65px !important;
          min-height: 65px !important;
          max-height: 65px !important;
          width: 100% !important;
          box-sizing: border-box !important;
          overflow: hidden !important;
          box-shadow: none !important;
          z-index: 1 !important;
        }

        html.is-mobile #topAdBanner > center {
          height: 60px !important;
          min-height: 60px !important;
          max-height: 60px !important;
          overflow: hidden !important;
          line-height: 0 !important;
          font-size: 0 !important;
          margin: 0 !important;
          padding: 0 !important;
        }

        html.is-mobile #div-gpt-ad-1750261859170-0 {
          display: block !important;
          margin-left: auto !important;
          margin-right: auto !important;
          overflow: visible !important;
        }

        /*
         * Keep Google's creative invisible until its 1.2x transform is
         * applied. This avoids a visible 320x50 -> 384x60 size jump.
         */
        html.is-mobile #div-gpt-ad-1750261859170-0 > :not(script) {
          opacity: 0;
          transition: opacity 180ms ease-out;
          will-change: opacity, transform;
        }

        html.is-mobile #div-gpt-ad-1750261859170-0.ic3-wp-ad-ready > :not(script) {
          opacity: 1;
        }

        /* One sticky layer only: the wrapper. */
        #theMobileHeader {
          display: block !important;
          position: sticky !important;
          top: 0 !important;
          z-index: 1030 !important;
          width: 100% !important;
          margin: 0 !important;
          padding: 0 !important;
          background: #020817 !important;
          overflow: visible !important;
        }

        /* Neutralize outer Bootstrap fixed positioning. */
        #MagicMenuMobile {
          position: relative !important;
          top: auto !important;
          right: auto !important;
          bottom: auto !important;
          left: auto !important;
          width: 100% !important;
          z-index: auto !important;
          margin: 0 !important;
          padding-top: 0 !important;
          padding-bottom: 0 !important;
          min-height: 0 !important;
          background: transparent !important;
        }

        /* Neutralize the inner navbar's second fixed layer. */
        #mainNavbar {
          position: relative !important;
          top: auto !important;
          right: auto !important;
          bottom: auto !important;
          left: auto !important;
          width: 100% !important;
          z-index: auto !important;

          /* Match the perfected static-header-new.php mobile geometry.
           * The old WordPress 56px bar + -5px inner-container lift leaves
           * the logo arc too close to y=0 once sticky. These values keep
           * the visible logo safely inside the sticky box. */
          height: 61px !important;
          margin-top: -7px !important;
          padding-top: 14px !important;
        }
      }

      /*
       * TABLET / NARROW-DESKTOP SPONSOR GEOMETRY
       * -----------------------------------------
       * From 768px through the Bootstrap lg breakpoint, Google may still
       * deliver a leaderboard-sized creative. Do NOT force the phone
       * 320x50 -> 384x60 treatment in this range. Give the slot the full
       * available width and center Google's actual creative. JavaScript
       * below only scales it down when its natural width cannot fit.
       */
      @media screen and (min-width: 768px) and (max-width: 991.98px) {
        html.is-mobile #topAdBanner {
          height: 95px !important;
          min-height: 95px !important;
          max-height: none !important;
          overflow: hidden !important;
        }

        html.is-mobile #topAdBanner > center {
          display: flex !important;
          justify-content: center !important;
          align-items: flex-start !important;
          width: 100% !important;
          height: 90px !important;
          min-height: 90px !important;
          max-height: none !important;
          overflow: hidden !important;
        }

        html.is-mobile #div-gpt-ad-1750261859170-0 {
          display: flex !important;
          justify-content: center !important;
          align-items: flex-start !important;
          width: 100% !important;
          min-width: 0 !important;
          margin-left: auto !important;
          margin-right: auto !important;
          overflow: visible !important;
          text-align: center !important;
        }
      }
    </style>

    <script>
    /*
     * WORDPRESS MOBILE SPONSOR SCALE
     * --------------------------------
     * Mirrors the perfected static-header-new.php mobile ad behavior:
     * Google's native 320x50 creative is centered and scaled up to 384x60 when the viewport allows it.
     * The final banner height is reserved before reveal to avoid CLS.
     */
    (function () {
      'use strict';

      var MAX_SCALE = 1.2;
      var NATURAL_WIDTH = 320;
      var NATURAL_HEIGHT = 50;
      var TOP_PADDING = 5;
      var SIDE_GUTTER = 16;

      function getResponsiveScale(baseWidth) {
        var naturalWidth = baseWidth || NATURAL_WIDTH;
        var viewportWidth = Math.max(0, window.innerWidth || document.documentElement.clientWidth || NATURAL_WIDTH);
        var availableWidth = Math.max(1, viewportWidth - SIDE_GUTTER);
        return Math.min(MAX_SCALE, availableWidth / naturalWidth);
      }

      function isPhoneViewport() {
        return window.matchMedia('(max-width: 767.98px)').matches;
      }

      function isTabletViewport() {
        return window.matchMedia('(min-width: 768px) and (max-width: 991.98px)').matches;
      }

      function applyWordPressMobileAdScale() {
        if (!isPhoneViewport() && !isTabletViewport()) return;

        var banner = document.getElementById('topAdBanner');
        var slot = document.getElementById('div-gpt-ad-1750261859170-0');
        if (!banner || !slot) return;

        var creative = slot.querySelector(
          '[id^="google_ads_iframe_"][id$="__container__"]'
        );

        if (!creative) {
          var iframe = slot.querySelector('iframe');
          if (iframe) creative = iframe.parentElement || iframe;
        }

        if (!creative) {
          for (var i = 0; i < slot.children.length; i++) {
            if (slot.children[i].tagName !== 'SCRIPT') {
              creative = slot.children[i];
              break;
            }
          }
        }

        if (!creative) return;

        /* Always measure Google's natural creative before deciding what to do. */
        creative.style.transform = 'none';
        creative.style.transformOrigin = 'top center';

        var baseHeight =
          creative.offsetHeight ||
          parseFloat(window.getComputedStyle(creative).height) ||
          NATURAL_HEIGHT;

        var baseWidth =
          creative.offsetWidth ||
          parseFloat(window.getComputedStyle(creative).width) ||
          NATURAL_WIDTH;

        var viewportWidth = Math.max(0, window.innerWidth || document.documentElement.clientWidth || baseWidth);
        var availableWidth = Math.max(1, viewportWidth - SIDE_GUTTER);
        var scale;

        if (isPhoneViewport()) {
          /* Preserve the proven phone behavior: 320x50 may grow to 384x60. */
          scale = getResponsiveScale(baseWidth);
        } else {
          /* 768-991px: never enlarge a leaderboard. Keep it natural when it
           * fits; otherwise reduce just enough to fit the viewport. */
          scale = Math.min(1, availableWidth / Math.max(1, baseWidth));
        }

        creative.style.display = 'block';
        creative.style.marginLeft = 'auto';
        creative.style.marginRight = 'auto';
        creative.style.transform = 'scale(' + scale + ')';
        creative.style.transformOrigin = 'top center';

        slot.style.width = '100%';
        slot.style.minWidth = '0';
        slot.style.marginLeft = 'auto';
        slot.style.marginRight = 'auto';
        slot.style.textAlign = 'center';
        slot.style.overflow = 'visible';

        if (isTabletViewport()) {
          /* Reserve enough vertical room for the actual scaled leaderboard. */
          var scaledHeight = Math.ceil(baseHeight * scale);
          banner.style.height = (scaledHeight + TOP_PADDING) + 'px';
          banner.style.minHeight = (scaledHeight + TOP_PADDING) + 'px';
        }

        if (!slot.classList.contains('ic3-wp-ad-ready')) {
          window.requestAnimationFrame(function () {
            slot.classList.add('ic3-wp-ad-ready');
          });
        }
      }

      function bootWordPressMobileAdScale() {
        /* The 65px sponsor stage is reserved by critical CSS in head.php.
         * Never change its vertical size after first paint. */

        applyWordPressMobileAdScale();

        var slot = document.getElementById('div-gpt-ad-1750261859170-0');
        if (slot && window.MutationObserver) {
          var observer = new MutationObserver(applyWordPressMobileAdScale);
          observer.observe(slot, { childList: true, subtree: true });
        }

        window.addEventListener('resize', applyWordPressMobileAdScale, {
          passive: true
        });
      }

      /*
       * mobile-header.php is parsed after #topAdBanner, so start now.
       * MutationObserver catches the later Google iframe insertion.
       */
      bootWordPressMobileAdScale();
    })();
    </script>

    <nav id="mainNavbar" 456 class="navbar navbar-dark fixed-top bg-dark navbar-visible" style="background-color:#020817 !important;height:56px;">
      <div class="container" style="margin-top:-5px;flex-wrap:unset">
        <a class="navbar-brand" href="/" data-fixed="true" style="cursor:pointer;">  
        <img style='width:107px;filter:invert(0);' src='https://media.islamicity.org/wp-content/uploads/2024/07/ic-logo-white.png'>
        </a>

        <div class="d-flex align-items-center ms-auto">


         <div style="display:none;">
         <a href="/covers/99-names-of-allah/"><img style="max-height: 154px; opacity: 0.923; padding-top: 5px; -webkit-filter: invert(1); filter: invert(1); position: absolute; top: -46px; z-index: 10000;  left: 50%; transform: translateX(-80%);" src="/_ic3/images/bismillah-header-2.png" id="bismillah-header"></a>
         </div>


        
        <a href='https://islamicity.org/donate/' 
            style="filter: invert(0);cursor:pointer;font-size: larger;color: #ff6d01;margin-right: 75px;margin-top: 2px;font-weight: 700;"
            >DONATE            
            <span id="balloonWrapper" style="display:none;" class="fly-in">
	        <i class="bi bi-balloon-heart"></i>
	    </span>
            <!-- <sup><i style="color:crimson;font-size: medium;where:987897234" class="bi bi-heart"></i>

            </sup>-->	    

          </a> &nbsp;

          <a data-bs-toggle="modal" data-bs-target="#staticBackdrop_SEARCHUI"
            style="filter: invert(1);cursor:pointer;/* font-size: x-large; */color: #000000;margin-right: 45px;margin-top: -7px;transform: scale(0.85);"
            data-fixed="true">
            <span style="font-size: 23px;margin-top: 6px;    display: inline-block;"><i class="bi bi-search"></i>
            <!--<i class="fas fa-search"></i>--></span>
          </a>
          <button class="navbar-toggler" type="button" data-bs-toggle="offcanvas"
                  data-bs-target="#offcanvasNavbarDark" aria-controls="offcanvasNavbarDark"
                  aria-label="Toggle navigation" style="cursor:pointer;">
            <span style="filter: invert(1);font-size: 20px;margin-top: 6px;display: inline-block;margin-right: -13px;color:#000000;opcacity:0.8;"><i class="fas fa-bars"></i></span>
          </button>   

        </div>
      </div>

      <div class="offcanvas offcanvas-end text-bg-dark" tabindex="-1" 678 style="background-color:#020817 !important"
          id="offcanvasNavbarDark" aria-labelledby="offcanvasNavbarDarkLabel">
        <div class="offcanvas-header">
          <h5 class="offcanvas-title" id="offcanvasNavbarDarkLabel">Browse IslamiCity</h5>
          <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas"
                  aria-label="Close"></button>
        </div>
        <div class="offcanvas-body" style="font-size:1.1em !important;">
          <ul class="navbar-nav justify-content-end flex-grow-1 pe-3">
            <li class="nav-item disable-hover" style="text-align:right;">
            <script defer type='text/javascript' src='/wp-content/themes/plain-child/blueprint/cacheX/LoginStatusHTML-part-1X-js.php?ver=may-01-1791491798'></script>
                            <!--login-area-begin-mobile-header-->
                                <span id='login_area_mobile' style="color:#22c55f">
                                    <script defer type='text/javascript' src='https://www.islamicity.org/wp-content/themes/plain-child/blueprint/cacheX/LoginStatusHTML-part-2-js.php?ver=24&theSpanID=login_area_mobile'></script>
                                </span>
                                <div style="height:10px;"></div>
                            <!--login-area-end-mobile-header-->

              <!--<a class="nav-link active" aria-current="page" href="/login" data-fixed="true">Sign in</a>-->
            </li>
            <li 904 class="nav-item">
              <a class="nav-link disable-hover mmmddd" style="color:#ffffff !important;text-transform:unset !important"  href="/quran/?utm_source=megamenu&utm_medium=web" data-fixed="true" >Quran</a>
            </li>
             <li 904 class="nav-item">
              <a class="nav-link disable-hover mmmddd" style="color:#ffffff !important;text-transform:unset !important"  href="/quranplus/?utm_source=megamenu&utm_medium=web" data-fixed="true" >Quran+</a>
            </li>           
            
             <li class="nav-item"> 
	      <a class="nav-link disable-hover mmmddd" style="color:#ffffff !important;text-transform:unset !important"  href="/hadith/?utm_source=megamenu&utm_medium=web" data-fixed="true">Hadith</a>
            </li>
            
             <li class="nav-item">
              <a class="nav-link disable-hover mmmddd" style="color:#ffffff !important;text-transform:unset !important"  href="https://praywatch.islamicity.org/?utm_source=megamenu&utm_medium=web" data-fixed="true">Prayer Times</a>
            </li>
 
              <li class="nav-item">
               <a class="nav-link disable-hover mmmddd" style="color:#ffffff !important;text-transform:unset !important"  href="/hijri-gregorian-converter/?utm_source=megamenu&utm_medium=web" data-fixed="true">Hijri Converter</a>
              </li>
            
            
             <li class="nav-item">
	            <a class="nav-link disable-hover mmmddd" style="color:#ffffff !important;text-transform:unset !important" href="https://chatilm.islamicity.org/?utm_source=megamenu&utm_medium=web" data-fixed="true">ChatILM<sup style="color:rgb(255, 109, 1);">AI</sup></a>
            </li>

             <li class="nav-item">
	            <a class="nav-link disable-hover mmmddd" style="color:#ffffff !important;text-transform:unset !important" href="/dearhadi/?utm_source=megamenu&utm_medium=web" data-fixed="true">ASK Dear Hadi</a>
            </li>




             <li class="nav-item disable-hover mmmddd">
	              <a class="nav-link  disable-hover mmmddd" style="color:#ffffff !important;text-transform:unset !important"  href="/why-membership/?utm_source=megamenu&utm_medium=web" data-fixed="true">Membership</a>
            </li> 

             <li class="nav-item disable-hover">
	            <a class="nav-link disable-hover mmmddd" style="color:#ffffff !important;text-transform:unset !important" href="/videoHub/?utm_source=megamenu&utm_medium=web" data-fixed="true">Videos</a>
            </li> 
            
            <li class="nav-item dropdown disable-hover">

              <a class="nav-link disable-hover" data-bs-toggle="modal" data-bs-target="#staticBackdrop_MEGAMENU" style="color:#22c55f !important;cursor:pointer;text-transform:unset !important;"><b>More <i class="fa-solid fa-bars"></i></b></a>

              <ul class="dropdown-menu">
                <li><a class="dropdown-item" href="#" data-fixed="true">Action</a></li>
                <li><a class="dropdown-item" href="#" data-fixed="true">Another action</a></li>
                <li><hr class="dropdown-divider"></li>
                <li><a class="dropdown-item" href="#" data-fixed="true">Something else here</a></li>
              </ul>
            </li>
            
          
            
          </ul>
        </div>
      </div>
    </nav>
    <script>
              // there is no need to say if ( BLP_MOBILE ) here because we are already in the mobile-header.php! 

        
        console.log ('USE_NEW_LOGIC_FOR_MANAGING_MOBILE_HEADER_APPEAR_DISAPPEAR_BEHAVIOUR is on.');
          
      
    </script>
</header>  </span><span id="theDesktopHeader" style="display:none;z-index:1024;">
<style>
@keyframes flyInBalloon {
  0% {
    transform: translateY(100px) scale(0.3);
    opacity: 0;
  }
  60% {
    transform: translateY(-10px) scale(1.1);
    opacity: 1;
  }
  80% {
    transform: translateY(5px) scale(0.95);
  }
  100% {
    transform: translateY(0) scale(1);
  }
}

/*
#balloonWrapper.fly-in {
  display: inline-block !important;
  animation: flyInBalloon 1.5s ease-out forwards;
}    
*/  

</style>

<!--
<script>
  document.addEventListener("DOMContentLoaded", function () {
    setTimeout(function () {
      var balloon = document.getElementById("balloonWrapper");
      if (balloon) {
        balloon.classList.add("fly-in");
      }
    }, 1500); // Delay by 1.5 seconds
  });
</script>
-->


<div class="offcanvas offcanvas-top" style="height: 150px;background-color: floralwhite;" tabindex="-1" id="offcanvasTopA" aria-labelledby="offcanvasTopLabelA">
  <div class="offcanvas-header">
    <h5 class="offcanvas-title" id="offcanvasTopLabelA">Follow IslamiCity On...</h5>
    <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
  </div>
  <div class="offcanvas-body">
  <div class="container">
        <div class="row">
            <div class="col-lg-12 text-center">

                    <i class="bi bi-facebook"></i>
                    <a target="_blank" href="https://www.facebook.com/islamicity" class="text-decoration-none"><span class="social-links">Facebook</span></a>
                    &nbsp;&nbsp;&nbsp;&nbsp;
                    
                    <i class="bi bi-twitter"></i>
                    <a target="_blank" href="https://x.com/islamicity" class="text-decoration-none"><span class="social-links">X (Twitter)</span></a>
                    &nbsp;&nbsp;&nbsp;&nbsp;
                    
                    <i class="bi bi-instagram"></i>
                    <a target="_blank" href="https://instagram.com/islamicity/" class="text-decoration-none"><span class="social-links">Instagram</span></a>
                    &nbsp;&nbsp;&nbsp;&nbsp;
                    
                    <i class="bi bi-youtube"></i>
                    <a target="_blank" href="https://www.youtube.com/user/islamicitytv" class="text-decoration-none"><span class="social-links">Youtube</span></a>
                    &nbsp;&nbsp;&nbsp;&nbsp;
                    
                    <i class="bi bi-tiktok"></i>
                    <a target="_blank" href="https://www.tiktok.com/@islamicity_" class="text-decoration-none"><span class="social-links">TikTok</span></a>
                    &nbsp;&nbsp;&nbsp;&nbsp;
                    
                    <i class="bi bi-pinterest"></i>
                    <a target="_blank" href="https://www.pinterest.com/islamicity/" class="text-decoration-none"><span class="social-links">Pinterest</span></a>             
                </ul>
            </div>
        </div>
    </div>            
  </div>
</div>




<div class="offcanvas offcanvas-top" style="height: 300px;background-color: floralwhite;" tabindex="-1" id="offcanvasTopB" aria-labelledby="offcanvasTopLabelB"> 
  <div class="offcanvas-header">
    <h5 class="offcanvas-title" id="offcanvasTopLabelB">Listen PodCasts, Live Quran, Watch Videos @VideoHub</h5>
    <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
  </div>
  <div class="offcanvas-body">
  <div class="container">
        <div class="row">
            <div class="col-lg-12 text-center">

<a data-bs-dismiss="offcanvas" href="http://mediaserver2.islamicity.com:8000/QuranRadio" class="su-button-style-flat" style="padding:5px;color:#FFFFFF;background-color:#85bad5;border-color:#ba0001;border-radius:5px" t_arget="_blank" rel="lighbox" onclick="var tunesRadio = window.open(this.href,'targetWindow','width=60px height=70px');return false;"><span style="color:#FFFFFF;padding:5px 28px;font-size:21px;line-height:42px;border-color:#ef4d4e;border-radius:5px;text-shadow:0px 0px 0px #000000"> <i class="bi bi-book"></i>

 LISTEN <!--c--><small style="padding-bottom:9px;color:#FFFFFF;font-style:italic"> Quran (LIVE) </small></span></a>

&nbsp;&nbsp;&nbsp;


<a data-bs-dismiss="offcanvas" href="https://www.islamicity.org/_ic3/php-apps/recent-podcasts.php" class="su-button-style-flat" style="padding:5px;color:#FFFFFF;background-color:#d585aa;border-color:#ba0001;border-radius:5px" t_arget="_blank" rel="lighbox" onclick="var tunesRadio = window.open(this.href,'targetWindow','width=450px height=465.39px');return false;"><span style="color:#FFFFFF;padding:5px 28px;font-size:21px;line-height:42px;border-color:#ef4d4e;border-radius:5px;text-shadow:0px 0px 0px #000000"> <i class="bi bi-mic"></i>
 LISTEN <small style="padding-bottom:9px;color:#FFFFFF;font-style:italic"> (PODCASTS) </small></span></a>


<!--
<a href="https://www.islamicity.org/channels/light-upon-light/" class="su-button-style-flat" style="padding:5px;color:#FFFFFF;background-color:#d585aa;border-color:#ba0001;border-radius:5px" rel="lighbox"><span style="color:#FFFFFF;padding:5px 28px;font-size:21px;line-height:42px;border-color:#ef4d4e;border-radius:5px;text-shadow:0px 0px 0px #000000"> <i class="bi bi-mic"></i>
 LISTEN <small style="padding-bottom:9px;color:#FFFFFF;font-style:italic"> (PODCASTS) </small></span></a>
-->

&nbsp;&nbsp;&nbsp;


<a href="/videoHub/?utm_source=menu&utm_medium=web" class="su-button-style-flat" style="padding:5px;color:#FFFFFF;background-color:#85d59d;border-color:#ba0001;border-radius:5px" rel="lighbox" o nclick="var tunesRadio = window.open(this.href,'targetWindow','width=60px height=70px');return false;"><span style="color:#FFFFFF;padding:5px 28px;font-size:21px;line-height:42px;border-color:#ef4d4e;border-radius:5px;text-shadow:0px 0px 0px #000000"> <i class="bi bi-camera-video"></i> WATCH <small style="padding-bottom:9px;color:#FFFFFF;font-style:italic"> (VIDEOHUB) </small></span></a>

            </div>
        </div>
    </div>            
  </div>
</div>

<!--

<!--the style having blurry effect:  
    <!--
        backdrop-filter: saturate(180%) blur(20px);-webkit-backdrop-filter: saturate(180%) blur(20px); background-color: rgba(255, 255, 255, 0.8);
        
        note this does nothing in chrome and edge so we go 0.99 opacity on those! 
    --> 


            <!-- HEADER_BEHAVIOUR not sticky intiality. wil lbe sticky AFTER add zone.  -->
        <header id="MagicMenuDesktop" class="navbar-light navbar mediumnavigation nav-down" style="filter: invert(0) drop-shadow(2px 1px 0px #999999);;margin-top:-20px;    margin-bottom: -57px;top: 0px;padding-top: 3.32px;    padding-bottom:2.23px;border-bottom-style: ridge;border-color: #ceba9721; saturate(180%) blur(20px);-webkit-backdrop-filter: saturate(180%) blur(20px); background-color: rgba(255, 255, 255, 0.99);">
    
    
    <div  class="container">

        <div class="bismillahbar d-lg-flex justify-content-between align-items   -center brandrow w-100" style="opacity:0.7980;margin-bottom: 8px;margin-top: 2px;">

            
            <!-- Begin Hijri -->
            <div class="logoarea d-flex align-items-center">
                <span style="cursor:pointer;font-size:0.8em;font-family: sans-serif;opacity: 0.7;" onClick="window.location.href='https://www.islamicity.org/calendar/'">
                                        <script async defer src='/global/scripts/hijri-converter/mhk-hijri.js?ver=feb-15-2025-2'></script>
                    <span id='hjri-date-results' style='    '>&nbsp;&nbsp;</span>


                    
    

                    
                    <script>
                    window.addEventListener('load', function() {
                        initializeHijriObjAndPaint(null, null, "buttonClick", "for-islamicity-header");
                    });
                    </script>                        
                </span>
            </div>
            <!-- End Hijri -->

        
            <div class="centerpiece d-none d-lg-block" style="position: absolute; left: 50%; transform: translateX(-50%); z-index: 2;">
                <div style="font-weight:bold; font-size: 1rem;">
                    <a href='/covers/99-names-of-allah/'>
                        <!--<img style="max-height: 24.45px;opacity: 0.923;" src="/_ic3/images/bismillah-header-2.png" id="bismillah-header">-->
                        <img id="bismillah-image" style="max-height: 17.45px;opacity: 0.61;" src="/_ic3/images/BismillahArrahmanArrahim.png" id="bismillah-header">
                        <!--<img id="bismillah-header" src="/wp-content/themes/plain-child/images/BesmeAllah-inverse.png">-->
                    </a>
                </div>
            </div>

            <!-- Secondary Top Menu -->
            <div class="stickyHeaderBar navbar-expand-lg  d-lg-flex align-items-center text-lg-end">
                    
                <button class="navbar-toggler navbar-toggler-right collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#bs4navbar,#bs4navbartop" aria-controls="bs4navbar" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="menuclose" onClick="monitorState()">X</span>
                    <span class="navbar-toggler-icon" onClick="monitorState()"></span>
                </button>

                <div id="bs4navbartop2" class="collapse navbar-collapse">
                    
                    <ul id="menu-extra-menu" class="navbar-nav w-100 d-lg-flex align-items-center">
                        
                
                        <!-- ##signin ##login desktop ( non hamburger menu view ) --> 
                        <li id="menu-item-784" class="lrm-show-if-logged-in menu-item menu-item-type-post_type menu-item-object-page menu-item-784 nav-item">

                            

                            <script defer type='text/javascript' src='/wp-content/themes/plain-child/blueprint/cacheX/LoginStatusHTML-part-1X-js.php?ver=may-01-1791491798'></script>
                            <!--login-area-begin-mobile-desktop-header-->
                                <span id='login_area'>
                                    <script defer type='text/javascript' src='https://www.islamicity.org/wp-content/themes/plain-child/blueprint/cacheX/LoginStatusHTML-part-2-js.php?ver=23'></script>
                                </span>
                            <!--login-area-end-desktop-header-->
                </li>
                        
                
                    <div id="follow-us-1" data-bs-toggle="offcanvas" data-bs-target="#offcanvasTopA" aria-controls="offcanvasTopA" class="tile__media" style="cursor: pointer;color: #000000;padding: 4px;border-radius: 15px;padding-left: 10px;padding-right: 13px;font-weight: 300;font-size: 12px;margin-left:15px;">
                    Follow Us <i style="cursor:pointer;color:#855d12;" class="bi bi-share"></i></div>
                    
                        

                        
                        
                        

                    </ul>


                </div>                
            </div>
            <!-- Secondary Top Menu -->
            
        </div>

        <!-- Main Menu -->
        <div id="bs4navbar_CONTAINER" class="navbar-expand-lg d-flex  align-items-center w-100">
            <div id="bs4navbar" class="collapse navbar-collapse">
                <ul id="menu-main-menu" class="navbar-nav w-100 d-flex align-items-center justify-content-between">
                    <li id="menu-item-574" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-574 nav-item" style="">
                        <a class="navbar-brand"  href="/">
                            <img id="ic-logo-1" style='width:107px;margin-top:-11px;' src='https://media.islamicity.org/wp-content/uploads/2023/06/IslamiCityLogo.png'>
                        </a>
                    </li>


                    
                    <li id="menu-item-466" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-466 nav-item">
                        <a href="/quran/?utm_source=menu&utm_medium=web" class="nav-link disable-hover dddonly" style="text-transform:unset !important"><b>Quran </b></a>
                    </li>

                    <li id="menu-item-467" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-467 nav-item">
                        <a href="/hadith/?utm_source=menu&utm_medium=web" class="nav-link disable-hover dddonly" style="text-transform:unset !important"><b>Hadith</b></a>
                    </li>

                    <li id="menu-item-467" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-467 nav-item">
                        <a href="https://praywatch.islamicity.org/?utm_source=menu&utm_medium=web" class="nav-link disable-hover dddonly" style="text-transform:unset !important"><b>Prayer Times</b></a>
                    </li>


                    <li id="menu-item-465" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-465 nav-item">
                        <a href="https://chatilm.islamicity.org/?utm_source=menu&utm_medium=web" class="nav-link disable-hover dddonly" style="text-transform:unset !important"><b>ChatILM<sup style="color:rgb(255, 109, 1);">AI</sup></b></a>
                    </li>

                    <li id="menu-item-464" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-464 nav-item">
                        <a href="/why-membership/?utm_source=menu&utm_medium=web" class="nav-link disable-hover dddonly" style="z-index:10;text-transform:unset !important"><b>Membership</b></a>
                    </li>

                    
                    <!--##listen-->
                    <li id="menu-item-469" class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor current-menu-parent current-post-parent menu-item-469 nav-item">
                        <!--<span style="cursor:pointer;" data-bs-toggle="offcanvas" data-bs-target="#offcanvasTopB" aria-controls="offcanvasTopB" class=" nav-link disable-hover" >
                            <b>Listen/Watch </b> 
                        </span>--> 
                        
                        <a href="https://news.islamicity.org/?utm_source=menu&utm_medium=web" class="nav-link disable-hover dddonly" style="text-transform:unset !important"><b>News</b></a>
                        
                    </li>

                    


                    <li id="menu-item-469" class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor current-menu-parent current-post-parent menu-item-469 nav-item">
                        <a class="nav-link disable-hover dddonly dddonly" data-bs-toggle="modal" data-bs-target="#staticBackdrop_MEGAMENU" style="cursor:pointer;text-transform:unset !important"><b>More </b> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-list" viewBox="0 0 16 16">
  <path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5"/>
</svg></a> <!--the content for the menu is in mega-menu.php -->
                        <!-- Button trigger modal -->
                    </li>


                    
                    
                    <li id="menu-item-469" class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor current-menu-parent current-post-parent menu-item-469 nav-item">

                    
                        <a href="https://islamicity.org/donate/?utm_source=menu&utm_medium=web" class="nav-link disable-hover" style="font-weight: 700;cancelled_color: rgba(250, 4, 45);color:#ff6d01;margin-bottom: 1px;font-size: 0.97rem;filter: invert(0);text-transform:unset !important;">
                        
<b id='donate1'>Donate</b> 

<!--
<span id="balloonWrapper" style="display:inline;">
    <i class="bi bi-balloon-heart"></i>
</span>
-->

</a>
                    
                    </li>


                    <li id="menu-item-469" class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor current-menu-parent current-post-parent menu-item-469 nav-item">

                        <!--                    
                        <a class="nav-link disable-hover" data-bs-toggle="modal"    
                            data-bs-target="#staticBackdrop_SEARCHUI" 
                            style="color:red;cursor:pointer;filter: invert(0);"> 
                            <i AA class="fas fa-search" style="font-size:23px"></i>
                        </a>
                        -->

                        <a class="nav-link " data-bs-toggle="modal" data-bs-target="#staticBackdrop_SEARCHUI" style="font-weight:200; color: color(srgb 0.1372 0.1647 0.1922); cursor: pointer; filter: invert(0); border-radius: 26px; background-color: rgb(239, 239, 239); padding-right: 5px; width: 145.45px; padding-left: 10px; height: 29px; padding-top: 4px;" data-fixed="true"> 
<!--was islamicity gold #855d13 -->
                            <i aa="" class="fas fa-search" style="font-size: 15px; padding-right: 5px;"> </i>
                            <span style="font-size: 14px; text-transform: capitalize; vertical-align: top;">Search</span>
</a>

                            
                    
                        


                    </li>

                    
                    
                    

                    
                </ul>

                
                    
            </div> <!-- <div id="bs4navbar" class="collapse navbar-collapse"> -->
        </div> <!-- <div class="navbar-expand-lg d-flex  align-items-center w-100"> --> 
        <!-- Main Menu -->
    </div>
</header>

</span>
















    <div style="height:30px;"><!--809423432--></div>
    

        
















<!-- mega-menu --> 
<div class="modal fade" id="staticBackdrop_MEGAMENU" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
  <div class="modal-dialog modal-dialog-scrollable modal-fullscreen">
  <div class="modal-content">
    
        <div class="modal-header justify-content-center w-100">
            <h5 class="modal-title text-center w-100" id="staticBackdropLabel">IslamiCity Site Map</h5>
            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>

      <div class="modal-body">
        <!--entering-mega-nenu.htm--> <!--this mega-menu is included by header.php and footer.php --> 
<style> 

	/* old menu header colors resulting pink and green | # 0bc199 */ 
    .text-decoration-none {
	color:#ffffff!important;
	font-size: 0.9em;
  }
  
  a.text-decoration-none:hover {
  	text-decoration : underline !important;
  }
  
  a.headerlink {
  	/*color:#aaeedf !important;*/
	color:#0bc199 !important;
  }
  
      .megamenu-item {
      border: 0px solid #dee2e6;
      padding: 1px;
      text-align: left;
      margin-bottom: 1px;
      border-radius: 8px;
      transition: background-color 0.2s ease-in-out;
    }
    
    /*
    .megamenu-item:hover {
      background-color: #e9ecef;
    } 
    
    
    .mb-3 {
    	margin-bottom: -2rem !important;
    }  
    
    */
  
</style>
  

<footer class=" py-4 invertFilterOn" style="background-color:#000000;padding-left:10px;color:#ffffff;">
<div class="container py-4">

  <div class="row g-3">
    <!-- Loop through 12 items: 3 per row, 4 rows total -->
    <div class="col-md-4 col-6 mb-3">
      <div class="megamenu-item">
      
				<h5 style="color:white;;">Essentials & Guidance</h5>
				<ul class="list-unstyled">
					<li><a href="/topics/Islam/?utm_source=megamenu&utm_medium=web" class="text-decoration-none">Islam</a></li>				
					<li><a href="/topics/Allah/?utm_source=megamenu&utm_medium=web" class="text-decoration-none">Allah (God)</a></li>
					<li><a href="/quran/?utm_source=megamenu&utm_medium=web" class="text-decoration-none">Quran</a></li>
					<li><a href="/quranplus/?utm_source=megamenu&utm_medium=web" class="text-decoration-none">Quran+</a></li>				
					<li><a href="/hadith/?utm_source=megamenu&utm_medium=web" class="text-decoration-none">Hadith</a></li>
					<li><a href="https://praywatch.islamicity.org/?utm_source=megamenu&utm_medium=web" class="text-decoration-none">Pray Watch (Times)</a></li>
					<li><a href="/hijri-gregorian-converter/?utm_source=megamenu&utm_medium=web" class="text-decoration-none">Hijri Converter</a></li>
					<li><a href="/dua/" class="text-decoration-none">Dua (Supplication)</a></li>
					<li><a href="/8304/understanding-islam-and-muslims/?utm_source=megamenu&utm_medium=web" class="text-decoration-none">Understanding Islam</a></li>
					<li><a href="/zakat-calculator/?utm_source=megamenu&utm_medium=web" class="text-decoration-none">Zakat Calculator</a></li>					
				</ul>
      
      </div>
    </div>
    
    <div class="col-md-4 col-6 mb-3">
      <div class="megamenu-item">
				<h5 style="color:white;;">Community & Services</h5>
				<ul class="list-unstyled">
					<li><a href="https://chatilm.islamicity.org/?utm_source=megamenu&utm_medium=web" class="text-decoration-none">ChatILM (AI Assistant)</a></li>
					<li><a href="/dearhadi/?utm_source=megamenu&utm_medium=web" class="text-decoration-none">Ask Dear Hadi (Q&A)</a></li>
					<li><a href="/qa/?utm_source=megamenu&utm_medium=web" class="text-decoration-none">Ask the Imam (Q&A)</a></li>
					<li><a href="/101176/islam-live-chat-and-phone-call/?utm_source=megamenu&utm_medium=web" class="text-decoration-none">Live Chat & Call (Q&A)</a></li>					
					<li><a href="/free-quran/?utm_source=megamenu&utm_medium=web" class="text-decoration-none">Get a Free Quran</a></li>
					<li><a href="/bulletin/?utm_source=megamenu&utm_medium=web" class="text-decoration-none">Join Our Newsletter</a></li>
					<li><a href="/subscribers/?utm_source=megamenu&utm_medium=web" class="text-decoration-none">Become a Subscriber</a></li>
					<li><a href="/why-membership/?utm_source=megamenu&utm_medium=web" class="text-decoration-none">Membership</a></li>
					<li><a href="/members/?utm_source=megamenu&utm_medium=web" class="text-decoration-none">Members only</a></li>
				</ul>
      </div>
    </div>
    
    <div class="col-md-4 col-6 mb-3">
      <div class="megamenu-item">
      			<h5 style="color:white;;">Beliefs & Pillars</h5>
				<ul class="list-unstyled">
					<li><a href="/covers/99-names-of-allah/?utm_source=megamenu&utm_medium=web" class="text-decoration-none">Allah (99 Names)</a></li>
					<li><a href="/topics/articles-of-faith/?utm_source=megamenu&utm_medium=web" class="text-decoration-none">Articles of Faith</a></li>
					<li><a href="/topics/declaration-of-faith-shahada/?utm_source=megamenu&utm_medium=web" class="text-decoration-none">Shahada (Declaration of Faith)</a></li>
					<li><a href="/topics/prayers-salah/?utm_source=megamenu&utm_medium=web" class="text-decoration-none">Salat (Prayers)</a></li>
					<li><a href="/topics/zakat/?utm_source=megamenu&utm_medium=web" class="text-decoration-none">Zakat (Charity)</a></li>					
					<li><a href="/topics/ramadan/?utm_source=megamenu&utm_medium=web" class="text-decoration-none">Ramadan</a></li>
					<li><a href="/topics/hajj/?utm_source=megamenu&utm_medium=web" class="text-decoration-none">Hajj (Pilgrimage)</a></li>	                    
				</ul> 
      </div>
    </div>
    
    
    <div class="col-md-4 col-6 mb-3">
      <div class="megamenu-item">
      			<h5 style="color:white;;">Media & Insights</h5>
				<ul class="list-unstyled">
					<li><a href="/topics/islamicity-apps/" class="text-decoration-none">Apps</a></li>
					<li><a href="/covers/" class="text-decoration-none">Covers</a></li>
					<li><a href="/food/" class="text-decoration-none">Food Recipes</a></li>
					<li><a href="/insights/" class="text-decoration-none">Insights</a></li>
					<li><a href="/muslimnames/" class="text-decoration-none">Muslim Names</a></li>					
					<li><a href="/islamicglossary/" class="text-decoration-none">Islamic Glossary</a></li>					
					<li><a href="/quiz/islamicquiz/" class="text-decoration-none">Islamic Quiz</a></li>
					<li><a href="/quizgame/" class="text-decoration-none">Islamic Quiz Game</a></li>
					<li><a href="/videohub/" class="text-decoration-none">VideoHub</a></li>
					<li><a href="/channels/podcasts/" class="text-decoration-none">Podcasts</a></li>	   					
				</ul>               
      </div>
    </div>
    
    <div class="col-md-4 col-6 mb-3">
      <div class="megamenu-item">
      			<h5 style="color:white;;">Knowledge & Wisdom</h5>
				<ul class="list-unstyled">
					<li><a href="/explore/faith/" class="text-decoration-none">Faith & Spirituality</a></li>
					<li><a href="/explore/life/" class="text-decoration-none">Life & Society</a></li>
					<li><a href="/explore/nature/" class="text-decoration-none">Nature & Science</a></li>
					<li><a href="/by/" class="text-decoration-none">Browse by Authors</a></li>					
					<li><a href="/values/" class="text-decoration-none">Browse by Values & Character</a></li>
					<li><a href="/topics/" class="text-decoration-none">Browse by Topics</a></li>	
					<li><a href="/source/" class="text-decoration-none">Browse by Sources</a></li>
					<li><a href="/channels/" class="text-decoration-none">Browse by Channels</a></li>					
				</ul>               
      </div>
    </div>
    
    
    <div class="col-md-4 col-6 mb-3">
      <div class="megamenu-item">
      			<h5 style="color:white;;">World Affairs & Ummah</h5>
				<ul class="list-unstyled">
					<li><a href="/topics/human-rights/" class="text-decoration-none">Human Rights</a></li>
					<li><a href="/topics/peace-justice/" class="text-decoration-none">Peace & Justice</a></li>
					<li><a href="https://news.islamicity.org/?utm_source=megamenu&utm_medium=web" class="text-decoration-none">News & Analysis</a></li>
					<li><a href="/explore/regions/americas/" class="text-decoration-none">Americas</a></li>
					<li><a href="/explore/regions/europe/" class="text-decoration-none">Europe</a></li>
					<li><a href="/explore/regions/australia/" class="text-decoration-none">Australia</a></li>					
					<li><a href="/explore/regions/asia/" class="text-decoration-none">Asia</a></li>
					<li><a href="/explore/regions/africa/" class="text-decoration-none">Africa</a></li>
					<li><a href="/explore/regions/middle-east/" class="text-decoration-none">Middle East</a></li>	   
				</ul>               
      </div>
    </div>
 
     <div class="col-md-4 col-6 mb-3">
       <div class="megamenu-item">
       			<h5 style="color:white;;">HADI Projects</h5>
 				<ul class="list-unstyled">
 					<li><a href="https://www.allah.org/" class="text-decoration-none">Allah.org</a></li>
 					<li><a href="https://islam.org/" class="text-decoration-none">Islam.org</a></li>					
 					<li><a href="https://hadirelief.org/" class="text-decoration-none">HADI Relief</a></li>
 					<li><a href="https://halalx.org/" class="text-decoration-none">HalalX</a></li> 
 					<li><a href="https://islamicityacademy.org/" class="text-decoration-none">IslamiCity Academy</a></li>
 					<li><a href="https://classroad.org/" class="text-decoration-none">CLASSRoad</a></li>						   
 				</ul>               
       </div>
    </div>

     <div class="col-md-4 col-6 mb-3">
       <div class="megamenu-item">
       			<h5 style="color:white;;">About IslamiCity</h5>
 				<ul class="list-unstyled">
 					<li><a href="/about-islamicity/" class="text-decoration-none">About Us</a></li>
 					<li><a href="/Feedback/" class="text-decoration-none">Contact Us</a></li>					
 					<li><a href="/insights/insight/112" class="text-decoration-none">Milestones</a></li>
 					<li><a href="/privacy-policy/" class="text-decoration-none">Privacy Policy</a></li> 
 					<li><a href="javascript:openFrame('/contribute');" class="text-decoration-none">Publish with Us</a></li>					   
 				</ul>               
       </div>
    </div>
    
     <div class="col-md-4 col-6 mb-3">
       <div class="megamenu-item">
       			<h5 style="color:white;;">Support Us</h5>
 				<ul class="list-unstyled">
 					<li><a href="/donate/" class="text-decoration-none">Donate</a></li>
 					<li><a href="https://islamicity.donorsupport.co/agentic-giving.md" rel="agentic-giving" class="text-decoration-none">Agentic Giving</a></li>
 					<li><a href="https://marketplace.halalx.org/" class="text-decoration-none">Bazar Store</a></li>					
 					<li><a href="/donate/car-donation/" class="text-decoration-none">Car Donations</a></li>
 					<li><a href="/donate/" class="text-decoration-none">Endowment (Waqf)</a></li> 
 					<li><a href="/wills/" class="text-decoration-none">Islamic Wills</a></li>
  					<li><a href="/sponsorship/" class="text-decoration-none">Sponsorship Ads</a></li>
  					<li><a href="https://www.icdomain.com/" class="text-decoration-none">Web Hosting</a></li>  					
 				</ul>               
       </div>
    </div>    
    
     <div class="col-md-4 col-6 mb-3">
       <div class="megamenu-item">
       			<h5 style="color:white;;">Follow Us</h5>
				<ul class="list-unstyled">
				    <li><i class="fa-brands fa-facebook"></i> <a target="_blank" href="https://www.facebook.com/islamicity" class="text-decoration-none">Facebook</a></li>
				    <li><i class="fa-brands fa-square-x-twitter"></i> <a target="_blank" href="https://x.com/islamicity" class="text-decoration-none">X (Twitter)</a></li>
				    <li><i class="fa-brands fa-square-instagram"></i> <a target="_blank" href="https://instagram.com/islamicity/" class="text-decoration-none">Instagram</a></li>
				    <li><i class="fa-brands fa-youtube"></i> <a target="_blank" href="https://www.youtube.com/user/islamicitytv" class="text-decoration-none">YouTube</a></li>
				    <li><i class="fa-brands fa-tiktok"></i> <a target="_blank" href="https://www.tiktok.com/@islamicity_" class="text-decoration-none">TikTok</a></li>
				    <li><i class="fa-brands fa-pinterest"></i> <a target="_blank" href="https://www.pinterest.com/islamicity/" class="text-decoration-none">Pinterest</a></li>               
				</ul>              
       </div>
    </div>  
    
    
  </div>
  
	<div class="text-center border-top pt-3">
		<p class="mb-0">&copy; 1995 - 2026 IslamiCity. All rights reserved.<br>
	   IslamiCity &#8482; is a registered trademark of HADI, a nonprofit 501 (c)(3) organization. (EIN: 95-4348674)<br> <br>
	   </p>
	</div>
  
</div>
</footer>

<!--remove-this-when-ultracaching--><!--pageTook--><!--back-to-the-ranch--><!--/remove-this-when-ultracaching-->

<!--exiting-mega-nenu.htm-->
      </div>
    </div>
  </div>
</div>


























<!-- search-ui --> 
<div class="modal fade" id="staticBackdrop_SEARCHUI" style="z-index:3000" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" inert>
    <div class="modal-dialog modal-dialog-scrollable modal-fullscreen">
        <div class="modal-content">
        <div class="modal-header" style="border-bottom:0px;">
            
            
<script>
// this file is definitely in use by the islamicity ic3! ( july 21, 2025! )
function fetchArticlesFromServer(prefix, callback) {
  // why is this function not in use and why is it left here? 
  
  const xhr = new XMLHttpRequest();
  const url = '/_ic3/templates/mundana-x/server-search.php?prefix=' + encodeURIComponent(prefix);
  xhr.open('GET', url);
  debugger;
  if ( MHK ) {
    alert('mhk|fetchArticlesFromServer kicked in. The url to probe is ' + url);
  }
  xhr.onload = () => {
    if (xhr.status === 200) {
      try {
        const data = JSON.parse(xhr.responseText);
        callback(data);
      } catch (e) {
        console.error('Invalid JSON', e);
        callback([]);
      }
    } else {
      console.warn('Failed to load articles');
      callback([]);
    }
  };
  xhr.onerror = () => callback([]);
  xhr.send();
}
// Event Listeners for Search
    

        

        let lastLength = 0;
        let lastFetchedPrefix = null;

        


    
    // MHK 
    
</script>
<!--entering search-ui.php-->
<!--to update the search do | update search 1 --> 
    

<!--begin chatilm work-->
<script type='text/javascript' src='https://www.islamicity.org/wp-content/plugins/blueprint/third-party/js-cookies/js-cookies.js?ver=aug-19-22.2'></script>
        <script src="https://cdn.jsdelivr.net/npm/showdown/dist/showdown.min.js"></script>
        
        <script>
            // ##typewriter 
            function typeWriter(element, text, speed) {
                let index = 0;
                const length = text.length;
                let html = '';
                let tag = '';
                let inTag = false;

                function appendNextCharacter() {
                    if (index < length) {
                        const char = text.charAt(index);

                        // Detect the start of an HTML tag
                        if (char === '<') {
                            inTag = true;
                            tag = char;
                        } 
                        // Detect the end of an HTML tag
                        else if (char === '>' && inTag) {
                            inTag = false;
                            tag += char;
                            html += tag;
                            tag = '';
                        } 
                        // Continue building the tag if in the middle of one
                        else if (inTag) {
                            tag += char;
                        } 
                        // Append regular characters
                        else {
                            html += char;
                        }

                        index++;
                        element.innerHTML = html;

                        setTimeout(appendNextCharacter, speed);
                    }
                }

                appendNextCharacter();
            }

            function outputChatILMResponseNicely(chatIlMResponse){
                // alert('outputChatILMResponseNicely is called.');
                // debugger;
                const converter = new showdown.Converter(); // must include [script src="https://cdn.jsdelivr.net/npm/showdown/dist/showdown.min.js" ][ /script]
                // const markdown = '# Hello, world!';
                let finalResponse = converter.makeHtml(chatIlMResponse);
                
                finalResponse = '<span style="font-family: helvetica;font-size:110%;">' + finalResponse + '</span>';
                // ##chatilm 

                const element = document.getElementById('results');

                finalResponse += '<p><hr><span style="opacity:0.8;font-size:80%;"><b>Disclaimer:</b><br>The above response generated by ChatILM ( an AI Engine developed by IslamiCity). This response utilizes only the Quran and Hadith sources. For a more comprehensive coverage that is beyond Quran And Hadith context, please <a href="/chatILM/?uuid='+uuid+'">visit Islamicity\'s Chat<span style="color:crimson"><i>ILM</i></span></a> HomePage.</span><p><hr><p>';


                if ( false ) {
                    // type writer 
                    const element = document.getElementById('results');
                    const speed = 10; // Adjust typing speed (in milliseconds)
                    typeWriter(element, finalResponse, speed);
                } else {
                    $('#results').html('<div style="margin-top:25px;">CHAT ILM RESPONSE</div><hr><br>' + finalResponse); // javascript ajax typewriter     
                }

            }
            function generateUUID() {
                return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
                    const r = Math.random() * 16 | 0, v = c === 'x' ? r : (r & 0x3 | 0x8);
                    return v.toString(16);
                });
            }

            // Function to get or generate a session-based UUID
            // Function to get or generate a session-based UUID with a prefix
            var uuid = 'tbdx';
            function getSessionUUID(appName) {
                // alert('getSessionUUID');
                const uuidKey = 'session_uuid_' + encodeURIComponent(appName);
                
                // Check if the UUID is already in session storage
                uuid = sessionStorage.getItem(uuidKey);
                
                if (!uuid) {
                    // Generate a new UUID if not found in session storage
                    uuid = generateUUID();
                    sessionStorage.setItem(uuidKey, uuid);
                }
                
                return uuid;
            }

            function getLastFourQueriesString(appName) {
                const key = 'queries_' + encodeURIComponent(appName);
                let queries = sessionStorage.getItem(key);
                
                if (queries) {
                    try {
                        // Parse stored JSON string into an array
                        queries = JSON.parse(queries);
                    } catch (e) {
                        console.error('Error parsing queries from session storage:', e);
                        queries = [null, null, null, null];
                    }
                } else {
                    queries = [null, null, null, null]; // Default if no queries are found
                }
                
                // Convert array to a string with elements separated by '*'
                return queries.filter(q => q !== null).join('*');
            }

            // Function to add a new query and maintain only the last 4 queries
            function addQuery(appName, newQuery) {
                const key = 'queries_' + encodeURIComponent(appName);
                let queries = getLastFourQueriesString(appName).split('*');
                
                // Add new query and ensure only the last 4 queries are kept
                queries.unshift(newQuery);
                queries = queries.slice(0, 4);
                
                // Store updated queries back in session storage
                sessionStorage.setItem(key, JSON.stringify(queries));
            }


            
            function createChatEnvironment(question){
                // alert('createChatEnvironment');
                // debugger;
                question = blpQS("q");
                // alert('BLP_URL:\n\nhttp://www.islamicity.org/');
                question = blpReplace(question,'delivery=frontend','');
                const element = document.getElementById('results');
                doSomething(question);
                html = '<center><b>CHAT<i style="color:crimson">ILM</i></b>&nbsp;&nbsp;<span style="opacity:0.7;">(IslamiCity AI)</span> Results<!--3--></center><p><center>Please wait while Chat ILM processing your question...<p><br><p><img style="width:60px;height:60px;" src="https://islamicity.org/hadith/search/images/1.gif"> </center>';
                element.innerHTML = html;
                
            }
            

            var lastQuestion = '';
            var lastAnswer = '';
            function doSomething(question){
                // alert('Hello from doSometihng function. I was called by createChatEnvironment to handle this question:\n\n' + question);
                // $('#results').html('<center>Please wait while Chat ILM processing your question...<p><br><p><img style="width:84px;height:84px;" src="https://loading.io/assets/mod/spinner/balls/sample.gif"> </center>');

                const appName = '/hadith/search'; // Pass your application name as a prefix
                uuid = getSessionUUID(appName);
                if ( lastQuestion ){
                    addQuery(appName, lastQuestion + '@@@' + lastAnswer);
                }
                const lastFourQueriesString = getLastFourQueriesString(appName);
                getChatILMResults_STEP2(appName,question,uuid,lastFourQueriesString);    
            }
            function getChatILMResults_STEP2(appName,question,uuid,lastFourQueriesString) {
                url = 'https://www.islamicity.org/quransearch/getChatILM.php';
                // debugger;
                // alert('url:'  + url);
                // set POST DATA 
                if ( !lastFourQueriesString) {
                    lastFourQueriesString = [];
                }
                postData = {
                    question:question,
                    uuid:uuid,
                    lastFourQueriesString:lastFourQueriesString,
                    file:"index.php",
                    appName:appName,
                }
                // alert('posting this question: ' + question);
                $.post(url, postData)
                    .done(function(response){
                        // alert('RESPONSE:\n\n'+response);
                        // // // debugger;
                        // debugger;
                        if ( blpContains(response,'[error]')) {
                            chatIlMResponse = blpGetInBetween(response,'[error]','[/error]');
                            //alert('ERROR:\n\n'+msg);
                        } else {
                            chatIlMResponse = blpGetInBetween(response,'[success]','[/success]');
                            // alert('SUCCESS:\n\n'+msg);
                        }

                        lastQuestion = question;
                        lastAnswer = blpLeftOf(chatIlMResponse,'[debug]');

                        
                        let finalResponse = chatIlMResponse;
                        finalResponse = blpReplace(finalResponse,'[debug]');
                        finalResponse = '<span style="font-family: helvetica;font-size:110%;">' + finalResponse + '</span>';
                        //finalResponse += '<p><hr><span style="opacity:0.8;font-size:80%;"><b>Disclaimer:</b> <i>This reply was delivered by <a href="/chatILM"><span style="color:crimson">CHAT ILM</span></a> (IslamiCity AI Engine) which may occasionally generate incorrect information. Please verify!.</i></span><p>';

                        finalResponse += '<p><hr><span style="opacity:0.8;font-size:80%;"><b>Disclaimer:</b><br>The above response generated by ChatILM ( an AI Engine developed by IslamiCity). This response utilizes only the Quran and Hadith sources. For a more comprehensive coverage that is beyond Quran And Hadith context, please <a href="/chatILM/?uuid='+uuid+'">visit Islamicity\'s Chat<span style="color:crimson"><i>ILM</i></span></a> Home Page!</span><p><hr><p>';



                        if ( false ) {
                            // type writer 
                            const element = document.getElementById('results');
                            const speed = 10; // Adjust typing speed (in milliseconds)
                            typeWriter(element, finalResponse, speed);
                        } else {
                            //$('#results').html(finalResponse); // javascript ajax typewriter   
                            $('#results').html('<div style="margin-top:25px;">CHAT ILM RESPONSE</div><hr><br>' + finalResponse); // javascript ajax typewriter       
                        }
                        
                        

                        if ( blpContains(appName,'Hadith')) {
                        } else {
                            const baseUrl = 'https://www.islamicity.org/quransearch/';
                            const newUrl = `${baseUrl}index.php?q=`+encodeURIComponent(window.document.getElementById("q").value);
                            window.history.replaceState({}, '', newUrl);  
                        }
                        
                
                    }
                );
            }

        </script>
        <script type='text/javascript' src='https://www.islamicity.org/wp-content/plugins/blueprint/blp-js-library.js?ver=aug-11-22.3'></script>
        <script>
            SESSION_ID = '1793907372';
            var hs__visitCount_NOW = blpSetCookie('hs__visitCount','++','1000 days'); // smart! ++ increments it on the fly
            mobile1_or_0 = '';// // this is so that liteboxed seerveHadis.php does not think it is running for desktop when it is contacted by fancyboxes' viewsource like calls. see style.css for the usage of &mobile=1 or &mobile=0 thing.
        </script>
        <!--end chatilm work-->

    
<div id="app" style="width: 100%;margin-top:0px;">
      <div class="App" style="width: 100%;">
        <div class="Loader">loading...</div>
        <article class="main">
          <header class="Header">
            <div class="SearchBox">
              <div class="Search">

IslamiCity<br>
              <input id="searchBox" type="text" type="search" inputmode="search" autoComplete="none" autoCorrect="none" autocomplete="off"
    autoCapitalize="none" spellCheck="false" 
    placeholder="Ask. Search. Discover." />




            <button id="goButton" onClick="triggerSearch();" class="clear" style="z-index:1000000;background-color: #199860; color: white; 
	    margin-right: 14px; border-radius: 4px !important; padding-right: 10px; 
	    padding-left: 10px; margin-top: 25px; padding-top: 8px; padding-bottom: 9px; 
	    height: 32px; opacity: 0; visibility: hidden; transition: opacity 0.5s ease;width: 0px;height: 0px;padding: 0px;">ASK AI
	</button>
      



<script>

//alert('triggerSearch is just defined.');
    function triggerSearch() {
        // submitToChatILM();
        debugger;
        //alert('triggerSearch kicked in.');
        searchValue = window.document.getElementById('searchBox').value;
        // alert('stopped chatilm searchValue:' + searchValue);
        // debugger;
        
        $html = '<div class="align-items-center" style="text-align: center;margin-top:30px;"><strong>Contacting ChatILM. Please wait....<br></strong><div class="spinner-border ms-auto" role="status" aria-hidden="true" style="color:red;display:inline-block;margin-top: 20px;"></div></div>';
        $('#results').html($html); 
        /*
        
        */
        // alert('temporarily paused.');
        // return;
        const appName = '/ic3'; // Pass your application name as a prefix
        uuid = getSessionUUID(appName);
        if ( lastQuestion ){
            addQuery(appName, lastQuestion + '@@@' + lastAnswer);
        }
        const lastFourQueriesString = getLastFourQueriesString(appName);
        getChatILMResults_STEP2(appName,searchValue,uuid,lastFourQueriesString);            
        return false;
        // debugger;
        if (searchValue) {
            window.location.href = 'https://chatilm.islamicity.org/?question=' + window.document.getElementById('searchBox').value;
        } else {
            //alert('Search box empty. ');
            return false;
        }
        
    }

askAIButtonIsVisible = false;    
document.addEventListener("DOMContentLoaded", function() {

    

    const searchBox = document.getElementById("searchBox");
    const goButton = document.getElementById("goButton");

    const questionWords = ["which", "what", "where", "why", "when", "who", "how", "can", "is", "do", "does", "will", "shall", "could", "should", "would"];

    function shouldShowGoButton(inputValue, lastKey) {
        const spaceCount = (inputValue.match(/ /g) || []).length;
        const firstWord = inputValue.trim().split(/\s+/)[0].toLowerCase();
        searchEnabled = false;
        //document.getElementsByClassName('SongList')[0].innerHTML = '';
        return spaceCount >= 3 || lastKey === "?" || questionWords.includes(firstWord);
    }

    function showGoButton() {
        askAIButtonIsVisible = true;
        goButton.style.visibility = "visible";
        goButton.style.opacity = "1";
        searchEnabled = false;
        // document.getElementsByClassName('SongList')[0].innerHTML = '';
        
    }

    function hideGoButton() {
        // alert('hide the go button.');
        askAIButtonIsVisible = false;
        goButton.style.opacity = "0";
        setTimeout(() => goButton.style.visibility = "hidden", 500);
        searchEnabled = true;

        const songList = document.querySelector('.SongList');
        songList.innerHTML = '';
        
        const results = document.querySelector('#results');
        results.innerHTML = '';
        
        
    }

    searchBox.addEventListener("input", function(event) {
        if (shouldShowGoButton(searchBox.value, event.data)) {
            showGoButton();
        } else {
            hideGoButton();
        }   
    });

    

    goButton.addEventListener("click", triggerSearch);
    
    searchBox.addEventListener("keydown", function(event) {
        if (event.key === "Enter") {
            event.preventDefault();
            return false;
            searchValue = window.document.getElementById('searchBox').value;
            // debugger;
            if ( searchValue ) {
                triggerSearch();
            } else {

            }
        }
    });

    // Expose hideGoButton globally so you can call it anytime
    window.hideGoButton = hideGoButton;
});
</script>



                <button class="clear" style="color:gray;" onClick="hideGoButton();document.getElementById('smartButtonsRow').style.visibility = 'hidden';const searchBox = document.getElementById('searchBox');searchBox.value = '';document.getElementById('searchBox').focus();">&times;</button>
              </div>

              <!--<div style="max-width: 798px;font-size: small;opacity: 0.8;padding:10px;">Search topics, authors, apps on IslamiCity. You can also search surah names or ask questions and receive AI-powered answers about Islam and Muslims—powered by IslamiCity’s own intelligent search engine, <u onClick="window.location.href='https://chatilm.islamicity.org'" style="cursor:pointer;"><code>CHAT<i style="color:crimson">ILM</code></i></u>. To search our article or video titles, please <a href="/?articlesearch=1"><span style="color:crimson">click here</a>.</span></div>-->

              
              <div id="results" style="234.124;"></div>
              <ul class="SuggestionList" style="visibility:hidden;">
              </ul>

              <details class="AdvancedOptions" style="visibility:hidden;">
                <summary>Advanced options</summary>
                <form class="options">
                  <div style="visibility:hidden">
                    
                    <b>Search in:</b>
                    <label>
                      <input type="checkbox" name="fields" value="title" checked />
                      Title
                    </label>
                    <label>
                      <input type="checkbox" name="fields" value="artist"  />
                      Authors/Source/By
                    </label>
                    <label>
                      <input type="checkbox" name="fields" value="category" checked />
                      Category (Apps, Videos, Articles )
                    </label>
                    <label><input type="checkbox" name="prefix" value="true" checked /> Prefix</label>
                  </div>
                   
                <div>
                    <b>Search options:</b>
                    
                    <label><input type="checkbox" name="fuzzy" value="true" checked /> Fuzzy </label>
                </div>
                    
                <div s_tyle="visibility:hidden">  
                        <b>Combine multiple terms with:</b>
                        <label><input type="radio" name="combineWith" value="OR" checked /> OR</label>
                        <label><input type="radio" name="combineWith" value="AND"  /> AND</label>
                    </div>
                    
                  
                </form>
              </details>
            </div>
          </header>
          
          <!--<center><div align="middle" id="biDakka" style="text-align:center">&nbsp;</div></center>-->
          
          <ul id="SongListSuggestionsArea" class="SongList">
          </ul>
         
        </article>
      </div>
    </div>

    <!--<link href="https://lucaong.github.io/minisearch/demo/app.css?v=1" rel="stylesheet"  type="text/css" media="print" onload="this.onload=null;this.media='all'">-->
    <style>
        * {
            box-sizing: border-box;
        }
        
        
        dl {
        margin: 0;
        }
        dt, dd {
        display: inline;
        margin: 0;
        }
        dt {
        font-weight: bold;
        color: #333;
        }
        dd:after {
        content: '';
        display: block;
        }
        details, summary {
        outline: none;
        }

        

        .App {
    max-height: 100vh;
    overflow: auto;
}

.App .main {
    padding: 1em;
    display: flex;
    flex-flow: column;
    max-height: 100vh;
    max-width: 900px;
    margin: 0 auto;
    scroll-behavior: smooth;
    overflow: auto; /* Ensures scrollbar applies only to this container */
}


    /* width */
    ::-webkit-scrollbar {
        width: 2px;
    }

    /* Track */
    ::-webkit-scrollbar-track {
        background: #f1f1f1; 
    }

    /* Handle */
    ::-webkit-scrollbar-thumb {
        background: #888; 
    }

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #555; 
    }


        .Header h1 {
        font-size: 2em;
        margin-top: 0;
        }
        .SearchBox {
        position: relative;
        }
        .Search {
        position: relative;
        }
        
        
        .Search button.clear {        
        position: absolute;

                     
            top: -52px;
            font-size: xx-large;
            right: 2.6em !important;
         
    
        bottom: 0.2em;
        */ font-size: 41px;
        line-height: 1;
        z-index: 20;
        
        border: none;
        background: none;
        outline: none;
        margin: 0;
        padding: 0;
        }
        
        
        .Search input {
        width: 100%;

                    border-radius: 20px;
                

        /*
        padding: 2em 1em 2em 1em;
        font-size: 16px;
        */

                    padding: 1em 1em 1em 1em;
            font-size: 26px;
                

        border: 1px solid #ccc;
        
        outline: none;
        color: #555;
        box-shadow: none;
        }
        
        .hasResults .Explanation {
        display: none;
        }
        .AdvancedOptions {
        font-size: 0.9em;
        }
        .AdvancedOptions summary {
        text-decoration: underline;
        }
        .AdvancedOptions .options {
        margin-top: 1em;
        font-size: 0.85em;
        }
        .AdvancedOptions .options label {
        display: inline;
        margin-left: 0.7em;
        }
        .SongList {
        margin: 1em 0 0 0;
        padding: 0;
        list-style: none;
        flex-grow: 1;
        position: relative;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
                    margin-bottom: 100px;
                
        
        }
        .SongList:before {
        content: '';
        display: block;
        position: sticky;
        z-index: 10;
        left: 0;
        right: 0;
        top: -1px;
        width: 100%;
        */height: 0.7em;
        margin-bottom: -0.7em;
        background: linear-gradient(white, rgba(255, 255, 255, 0));
        }
        .SongList:after {
        content: '';
        display: block;
        position: sticky;
        z-index: 10;
        left: 0;
        right: 0;
        bottom: -1px;
        width: 100%;
        */ height: 0.7em;
        margin-bottom: -0.7em;
        background: linear-gradient(rgba(255, 255, 255, 0), white);
        }
        .Song {
        border-bottom: 1px solid #ccc;
        padding: 0.7em 0 0.5em 0;
        border-color: #ebeaca;
        }
        .Song:last-child {
        border-bottom: none;
        }
        .Song h3 {
        margin-top: 0;
        margin-bottom: 0.15em;
        }
        .SuggestionList {
        display: none;
        list-style: none;
        padding: 0;
        border: 1px solid #ccc;
        border-top: 0;
        margin: 0 0 0.2em 0;
        border-radius: 3px;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
        background: rgba(255, 255, 255, 0.93);
        position: absolute;
        z-index: 20;
        left: 0;
        right: 0;
        }
        .hasSuggestions .SuggestionList {
        display: block;
        }
        .Suggestion {
        padding: 0.5em 1em;
        border-bottom: 1px solid #eee;
        }
        .Suggestion:last-child {
        border: none;
        }
        .Suggestion.selected {
        background: rgba(240, 240, 240, 0.95);
        }
        .Suggestion:hover:not(.selected) {
        background: rgba(250, 250, 250, 0.95);
        }
        .Loader {
        display: none;
        }
        .loading .Loader {
        display: block;
        }
        .loading .main {
        display: none;
        }
        .Loader,
        .Loader:after {
        border-radius: 50%;
        width: 10em;
        height: 10em;
        }
        .Loader {
        margin: 5px auto;
        font-size: 5px;
        position: relative;
        text-indent: -9999em;
        border-top: 1.1em solid rgba(255, 255, 255, 0.2);
        border-right: 1.1em solid rgba(255, 255, 255, 0.2);
        border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
        border-left: 1.1em solid #0099cc;
        -webkit-transform: translateZ(0);
        -ms-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-animation: load8 1.1s infinite linear;
        animation: load8 1.1s infinite linear;
        }
        @-webkit-keyframes load8 {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }
        }
        @keyframes load8 {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }
        }

    </style>    

<script defer src="https://cdn.jsdelivr.net/npm/minisearch@7.1.0/dist/umd/index.min.js"></script>

<script>
document.addEventListener("DOMContentLoaded", () => {
    // Delay execution to avoid blocking LCP
    if ('requestIdleCallback' in window) {
        requestIdleCallback(initSearch);
    } else {
        setTimeout(initSearch, 0);
    }
});



function initSearch() {
    const miniSearch = new MiniSearch({
        fields: ['title', 'category'],
        storeFields: ['title', 'category', 'url'],
        searchOptions: {
            boost: { category: 3 },
            fuzzy: 0.2,
            limit: 50
        }
    });

    const $app = document.querySelector('.App');
    const $search = document.querySelector('.Search');
    const $searchInput = document.querySelector('.Search input');
    const $clearButton = document.querySelector('.Search button.clear');
    const $songList = document.querySelector('.SongList');
    const $suggestionList = document.querySelector('.SuggestionList');
    const $options = document.querySelector('.AdvancedOptions form');

    let songsById = {};
    let originalSongs = [];
    let lastFetchedPrefix = null;
    let lastLength = 0;

    
    // Load and cache original JSON
    fetch('https://www.islamicity.org/wp-content/uploads/blueprint/ic3/minisearch.json?ver=1772868700')
        .then(response => response.json())
        .then((allSongs) => {
            originalSongs = allSongs;
            songsById = allSongs.reduce((byId, song) => {
                byId[song.id] = song;
                return byId;
            }, {});
            return miniSearch.addAll(allSongs);
        })
        .then(() => {
            $app.classList.remove('loading');
        });

    $searchInput.addEventListener('input', (event) => {
        //const query = $searchInput.value.trim(); 
        let query = $searchInput.value;
        
         // Top 10 most common English stop words
        const stopWords = new Set(["the", "is", "in", "and", "of", "to", "a", "it", "that", "on"]);

        // Remove stop words
        const cleanedQuery = query
            .toLowerCase()
            .split(/\s+/)
            .filter(word => !stopWords.has(word))
            .join(" ");
        query = cleanedQuery;
        const currentLength = query.length;
        // console.log ('currentLength:' + currentLength  + '\nlastLength:' + lastLength);
        if (currentLength === 5 && lastLength === 4) {
        
            let prefix = query.toLowerCase();
            
            
            if (prefix !== lastFetchedPrefix) {
                lastFetchedPrefix = prefix;
                //const biDakka = document.querySelector('#biDakka');
                //biDakka.innerHTML = '<span class="please wait" style="font-size:small;font-family:arial;opacity:1;color:teal">Please wait ... Search is initializing... </span>';

                const xhr = new XMLHttpRequest();
                prefix = prefix.trim();
                // if ( MHK ) alert('Time to trigger article search: \n\ncurrentLength:' + currentLength  + '\nlastLength:' + lastLength);
                const url = 'https://www.islamicity.org/_ic3/templates/mundana-x/server-search.php?prefix=' + encodeURIComponent(prefix);

                if ( MHK ) {
                    // prompt('Current Length is ' + currentLength + '\nSubmitting this prefix ['+prefix+'] to server-search.php like this:', + '&debug=1);
                    // console.log('Current Length is ' + currentLength + '\nCurrent query is ' + query + '\nCurrent prefix ( to submit to server-search is ['+prefix+'].\n\nAnd finally, full URL is ' + url + '&debug=1');
                }

                xhr.open('GET', url, true);

                xhr.onreadystatechange = function () {
                    if (xhr.readyState === 4) { 
                        if (xhr.status === 200) {
                            // debugger;
                            try {
                                const data = JSON.parse(xhr.responseText);
                                console.log(data);
                                miniSearch.removeAll();
                                songsById = {};

                                // Merge server data and original data (to allow backsearches)
                                const merged = [...data, ...originalSongs];
                                const seen = new Set();

                                const uniqueMerged = merged.filter(song => {
                                    if (seen.has(song.id)) return false;
                                    seen.add(song.id);
                                    return true;
                                });

                                uniqueMerged.forEach(song => {
                                    if (song && song.id !== undefined) {
                                        songsById[song.id] = song;
                                    } else {
                                        console.warn('Invalid song object:', song);
                                    }
                                });

                                miniSearch.addAll(Object.values(songsById));
                                renderSearchResults(getSearchResults($searchInput.value));
                                // biDakka.innerHTML = '';
                            } catch (e) {
                                console.error('JSON parse error:', e);
                                // biDakka.innerHTML = '<span style="color:red;"><b>Error</b> (in JSON Conversion)</span><p><pre>' + xhr.responseText + '</pre>';
                            }
                        } else {
                            debugger;
                            console.error('AJAX request failed with status:', xhr.status);
                            alert('failed response: \n\n' + xhr.responseText);
                        }
                    }
                };

                xhr.send();
            }
        }

        if (currentLength === 0) {
            lastFetchedPrefix = null;
            miniSearch.removeAll();
            songsById = originalSongs.reduce((byId, song) => {
                byId[song.id] = song;
                return byId;
            }, {});
            miniSearch.addAll(originalSongs);
        }

        lastLength = currentLength;

        const results = (currentLength > 1) ? getSearchResults(query) : [];
        renderSearchResults(results);

        const suggestions = (currentLength > 1) ? getSuggestions(query) : [];
        renderSuggestions(suggestions);
    });

    $clearButton.addEventListener('click', () => {
        $searchInput.value = '';
        renderSearchResults([]);
        renderSuggestions([]);
    });

    $suggestionList.addEventListener('click', (event) => {
        const $suggestion = event.target;
        if ($suggestion.classList.contains('Suggestion')) {
            const query = $suggestion.innerText.trim();
            $searchInput.value = query;
            renderSearchResults(getSearchResults(query));
            renderSuggestions([]);
        }
    });

    $search.addEventListener('keydown', (event) => {
        if (event.key === 'ArrowDown') {
            selectSuggestion(+1);
        } else if (event.key === 'ArrowUp') {
            selectSuggestion(-1);
        } else if (event.key === 'Enter' || event.key === 'Escape') {
            $searchInput.blur();
            renderSuggestions([]);
        }
        renderSearchResults(getSearchResults($searchInput.value));
    });

    $app.addEventListener('click', () => renderSuggestions([]));
    $options.addEventListener('change', () => renderSearchResults(getSearchResults($searchInput.value)));

    function getSearchResults(query) {
        const searchOptions = getSearchOptions();
        return miniSearch.search(query, searchOptions)
            .map(({ id }) => {
                const item = songsById[id];
                if (!item) {
                    console.warn('⚠️ Missing ID in songsById:', id);
                }
                return item;
            })
            .filter(item => item !== undefined);
    }

    function getSuggestions(query) {
        return miniSearch.autoSuggest(query, { boost: { category: 5 } })
            .filter(({ suggestion, score }, _, [first]) => score > first.score / 4)
            .slice(0, 5);
    }

    function renderSearchResults(results) {
    const query = document.getElementById('searchBox').value.trim().toLowerCase();

    var prefix = '';
    $songList.innerHTML = results.map(({ url, category, title }) => {
        let theIcon = '';
        if (category === 'v' || category === 'video') {
            theIcon = '<i class="fas fa-video"></i>';
            category = 'Video';
            prefix = 'Videos: ';
        } else if (category === 'a' || category === 'article') {
            category = 'Articles';
            prefix = 'Article: ';
            //category = 'Arty';
        } else if (url.includes('/topics/')) {
            category = 'Topics';
            prefix = 'Topic (Tag): ';
        } else if (url.includes('/values/')) {
            category = 'Values';
            prefix = 'Topic (Values): ';
        } else if (url.includes('/channels/')) {
            category = 'Channels';
            prefix = 'Channels: ';
        } else if (url.includes('/by/') || url.includes('/source/')) {
            category = 'Authors <span style="opacity:0.4;font-size:80%;">(By/Source)</span>';
            prefix = 'Authors <span style="opacity:0.4;font-size:80%;">(By/Source)</span>';
        } else if (url.includes('quransearch')) {
            category = "Holy Qur'an";
            prefix = "Holy Qur'an: ";
        } else {
            category = 'Apps, Tools & Services';
            prefix = 'Apps & Tools: ';
        }

         
        let appStyle = ' style= "color: teal;font-weight: 600;" ';

        if (category === 'Apps, Tools & Services') {
            url = "https://www.islamicity.org" + url;
            appStyle = ' style= "color:teal;font-weight: 600;" ';
        }
        if (category === 'By/Source') {
            url = "https://www.islamicity.org" + url + '/';
            appStyle = ' style= "color:teal;font-weight: 600;" ';
        }
        if (category === "Holy Qur'an") {
            url = "https://www.islamicity.org" + url;
            appStyle = ' style= "color:teal;font-weight: 600;" ';
        }
        if (category === "Channels") {
            url = "https://www.islamicity.org" + url + '/';
            appStyle = ' style= "color:teal;font-weight: 600;" ';
        }

        // Underline first 3 matching characters in the title
        let highlightedTitle = capitalize(title);
        const matchIndex = title.toLowerCase().indexOf(query);
        if (matchIndex >= 0) {
            const before = highlightedTitle.slice(0, matchIndex);
            const match = highlightedTitle.slice(matchIndex, matchIndex + 3);
            const after = highlightedTitle.slice(matchIndex + 3);
            highlightedTitle = before + '<u>' + match + '</u>' + after;
        }

        var prefix;
        var postfix;

        if ( category == 'Articles' ) {
            prefix = '<span style="font-weight:600;color:teal;">Article: </i></span>';
            postfix = '';
        } else {
            if ( category == 'Video' ) {
                prefix = '<span style="font-weight:600;color:teal;">Video: </i></span>';
                postfix = '';
            } else {
                prefix = '';
                postfix = '<span style="font-size:1.3em;">in <i '+appStyle+'>' + category + '</i></span>';
            }
        }
        

        if (category === "Holy Qur'an") {
            return;
        }
        

        if ( blpContains(url,'?')) {
            url = url + '&via=ic3-search';
        } else {
            url = url + '?via=ic3-search';
        }
        
        // <a 1256 href="${url}/"> 
        return `<li onClick="window.location.href='${url}/';" 45 class="Song" style="cursor:pointer;">
            <span style="font-size:1.3em;font-weight:200;font-family:system-ui">
                ${prefix} ${highlightedTitle} <sup style="font-size:60%;">${theIcon}</sup>
            </span> ${postfix} 
        </li>`;
        // </a>
    }).join('');

    $app.classList.toggle('hasResults', results.length > 0);
}


    function renderSuggestions(suggestions) {
        $suggestionList.innerHTML = suggestions.map(({ suggestion }) => `<li class="Suggestion">${suggestion}</li>`).join('');
        $app.classList.toggle('hasSuggestions', suggestions.length > 0);
    }

    function selectSuggestion(direction) {
        const $suggestions = document.querySelectorAll('.Suggestion');
        const $selected = document.querySelector('.Suggestion.selected');
        const index = Array.from($suggestions).indexOf($selected);

        if (index > -1) {
            $suggestions[index].classList.remove('selected');
        }

        const nextIndex = Math.max(Math.min(index + direction, $suggestions.length - 1), 0);
        $suggestions[nextIndex].classList.add('selected');
        $searchInput.value = $suggestions[nextIndex].innerText;
    }

    function getSearchOptions() {
        const formData = new FormData($options);
        return {
            fuzzy: formData.has('fuzzy') ? 0.1 : false,
            prefix: formData.has('prefix'),
            fields: formData.getAll('fields'),
            combineWith: formData.get('combineWith'),
        };
    }

    function capitalize(string) {
        return string.replace(/(\b\w)/gi, (char) => char.toUpperCase());
    }
}








</script>


<script>
    // added on july 21, 2025 
    // === Smart Buttons for Quran, Hadith, ChatILM, Prayer Times ===
const searchBox = document.getElementById("searchBox");
const clearBtn = document.querySelector('.Search button.clear');

//   visibility: hidden;


// Create container
const smartBtnRow = document.createElement('div');
smartBtnRow.id = 'smartButtonsRow';
smartBtnRow.style = `
  margin-top: 10px;
  opacity: 0;
  transition: opacity 0.5s ease;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
`;

// Define button data
const destinations = [
  { label: 'Find in Quran',        url: 'https://www.islamicity.org/quransearch/?q=' },
  { label: 'Find in Hadith',       url: 'https://www.islamicity.org/hadith/search/?q=' },
  { label: 'Ask AI (ChatILM)',     url: 'chatilm-custom-handler' },
  { label: 'Get Prayer Times',     url: 'https://www.islamicity.org/PrayerTimes/index.php?address=' }
];

// Define the ChatILM handler
function handleChatILM(query) {
  if (!query) return;
  // alert('imitate the ASK AI behaviour here. ');
  if ( askAIButtonIsVisible ) {
    // debugger;
    const element = document.getElementById('SongListSuggestionsArea');
    $(element).html(''); 
    triggerSearch();
  } else {
    alert('Kindly rephrase your input as a clear question to engage effectively with the ChatILM AI engine.');
  }
  
  // const finalUrl = 'https://chatilm.islamicity.org/?question=' + encodeURIComponent(query);
  // window.location.href = finalUrl;
}

// Create buttons
destinations.forEach(({ label, url }) => {
  const btn = document.createElement('button');
  btn.textContent = label;
  btn.style = `
    background: #199860;
    color: white;
    border: none;
    padding: 6px 6px;
    border-radius: 4px;
    font-size: 14px;
    cursor: pointer;
  `;
  btn.onclick = () => {
    const query = searchBox.value.trim();
    if (!query) return;

    /*
    if (url === 'chatilm-custom-handler') {
      handleChatILM(query);
    } else {
      window.location.href = url + encodeURIComponent(query) + '&via=ic3-search';
    }
    */

    if (url.toLowerCase().includes('hadith/search')) {
        // Handle hadith search case
        finalURL = url + encodeURIComponent(query) + '&sss=1&via=ic3-search';
        if (MHK ) alert(finalURL);
        window.location.href = finalURL
    } else if (url === 'chatilm-custom-handler') {
        handleChatILM(query);
    } else {
        window.location.href = url + encodeURIComponent(query) + '&via=ic3-search';
    }


  };
  smartBtnRow.appendChild(btn);
});

// Insert into DOM just below search box
// Create helper clue text
const smartBtnClue = document.createElement('div');
smartBtnClue.id = 'smartButtonsClue';
// smartBtnClue.textContent = 'Tip: Use the buttons below to search in specific sources like Quran, Hadith, or Prayer Times.<br><B>Find in:<br></b>';
smartBtnClue.innerHTML = 'Choose where to search: Quran, Hadith, ChatILM... '; // <br><b>Find in:</b>';

smartBtnClue.style = `
  font-size: 12px;
  color: #666;
  margin-top: 8px;
      font-size: 20px;
    text-align:center;
    
  opacity: 0;
  transition: opacity 0.5s ease;
  visibility: hidden;
`;

// Insert clue and buttons into DOM
searchBox.parentNode.appendChild(smartBtnClue);
searchBox.parentNode.appendChild(smartBtnRow);

toggleSmartButtons();

// Show/hide buttons as user types
function toggleSmartButtons() {
  const hasText = searchBox.value.trim().length > -1;
  
  smartBtnRow.style.opacity = hasText ? '1' : '0';
  smartBtnRow.style.visibility = hasText ? 'visible' : 'hidden';
  

  smartBtnClue.style.opacity = hasText ? '1' : '0';
  smartBtnClue.style.visibility = hasText ? 'visible' : 'hidden';

}

searchBox.addEventListener('input', toggleSmartButtons);
clearBtn.addEventListener('click', toggleSmartButtons);

</script>    

<!--existing search-ui.php-->
            <!--<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>-->
            <button id="closeSearchUIButton" type="button" class="btn btn-secondary" data-bs-dismiss="modal" style="position: absolute;right: -7px;top: 3px;color: red;background-color: white;border-width: 0px;">Close</button>
            
            

        </div>
        </div>
    </div>
</div>



    <script>

            
            var myModal = document.getElementById('staticBackdrop_SEARCHUI');
            var myInput = document.getElementById('searchBox');

            myModal.addEventListener('shown.bs.modal', function () {
                setTimeout(() => {
                    myModal.removeAttribute('inert'); // Ensure it's not hidden from accessibility tools
                    
                    myInput.focus();
                }, 50); // Small delay to prevent Bootstrap from interfering
            });

            myModal.addEventListener('hidden.bs.modal', function () {
                myInput.blur();
                document.body.focus(); // Move focus to body to prevent issues
            });

        
            
    </script>




<!-- ##FILE this is header.php END --> 
 <!-- <.header> to </.header> -->


                
                                <script>
                TERM_STUFF = false;
                // alert('TERM_STUFF is set to false, include1_BUFFERED is empty.')
            </script>  

                                      
        


                                                        
                



        
        <!-- Begin site-content -->

                
        
        <div class="container site-content " >
            


            
           
        
                                        

                            





<div class="alignfullincol position-relative"><!--[43]-->
    <div class="container pb-5"><!--[42]-->

        
        <div class="row justify-content-center"><!--[41]-->

            <!-- Left Column (items 0,1) -->
            <div class="col-sm-12 col-md-4 col-xl-4"><!--[40]-->
                
    <div class="mt-3 mt-md-0 card border-0 mb-4 postbox_style2"><!--[CARD]-->

            
        <!--<div class="col-4 col-md-4 pe-3">-->
                
                    <a href="https://islamicity.org/107295/the-ship-is-sinking-and-asean-is-still-negotiating/">
                                                    <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/11/ASEAN-Ship-Through-Smoke-and-Fire.png&w=497&h=279&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/11/ASEAN-Ship-Through-Smoke-and-Fire.png&w=497&h=279&q=100&zc=1"
            class="lazyload 0"
            width="497"
            height="279"
            alt="The Ship Is Sinking, and ASEAN Is Still Negotiating"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
                                                </a>
                
        <!--</div>-->

        <div class="card-body ps-0 pe-0 pb-0" ><!--[CARD-BODY]-->
            <h2 class="h4">
                                <a class="text-dark" href="https://islamicity.org/107295/the-ship-is-sinking-and-asean-is-still-negotiating/">
                    The Ship Is Sinking, and ASEAN Is Still Negotiating                                    </a>
            </h2>

            
                                            
                    <div class="mhkExcerpt">
                        How many more years must millions of people breathe polluted air before we stop treating the haze as an environmental problem and confront it as a failure of justice?                    </div>
                            
                
            
            
                            <div class="d-flex align-items-center" style="font-size:small;"><!--[META]-->

                    <small class="text-muted">

                                                    <div style="height:3px;"></div>
                            By                             <a class="text-capitalize dark-links" href="/by/abdulwahed-jalal-nori/">Abdulwahed Jalal Nori</a>
                                                

                        
                        on

                                                    <span class="thecatlinks text-dark">
                                <a href="/topics/economic-development" rel="category tag">
                                    Economic Development 
                                </a>
                            </span>
                                                    

                        
                    </small>
                </div><!--[META]-->
                
        </div><!--[CARD-BODY]-->
    </div><!--[CARD]-->
        

            </div><!--[40]-->

            <!-- Middle Column (items 2,3,4,5) -->
            <div class="col-sm-12 col-md-4 col-xl-5"><!--[39]-->
                        <div class="mt-3 mt-md-0 mb-3 d-flex post_box_style3">
            <div class="col-4 col-md-4 pe-3">
                
                <a href="https://islamicity.org/107296/albanias-crisis-rama-israeli-investments-and-the-demand-for-accountability/">
                    
                        <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/11/Albania-Is-Not-for-Sale.png&w=497&h=279&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/11/Albania-Is-Not-for-Sale.png&w=497&h=279&q=100&zc=1"
            class="lazyload 0"
            width="497"
            height="279"
            alt="Albania’s Crisis: Rama, Israeli Investments and the Demand for Accountability"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
                        
                </a>
            
            </div>
            <div style="font-size:small;">
                <h2 class="mb-2 h6" style="font-size:1.342em;">
                    
                    <a class="text-dark" href="https://islamicity.org/107296/albanias-crisis-rama-israeli-investments-and-the-demand-for-accountability/">
                        Albania’s Crisis: Rama, Israeli Investments and the Demand for Accountability  <sup 67k style="top:0.2em;"></sup>
                    </a>
                </h2>
                <div>
                    <small class="d-block text-muted">
                        <a class="text-capitalize dark-links" href="/by/olsi-jazexhi/">
                            
                                <div class="mhkStandoutAuthorInBlahBlahArea"></div>
                                Olsi Jazexhi                            
                        </a>
                        on
                        <span class="thecatlinks text-dark">
                            <a href="/topics/albania" rel="category tag">
                                Albania 
                            </a>
                        </span>
                        
                    </small>
                    
                </div>
            </div>
        </div>
            <div class="mt-3 mt-md-0 mb-3 d-flex post_box_style3">
            <div class="col-4 col-md-4 pe-3">
                
                <a href="https://islamicity.org/107290/muslim-americans-make-history-in-2026-elections/">
                    
                        <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/11/Muslim_Americans_Make_History_in_Congress_v2.png&w=497&h=279&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/11/Muslim_Americans_Make_History_in_Congress_v2.png&w=497&h=279&q=100&zc=1"
            class="lazyload 0"
            width="497"
            height="279"
            alt="Muslim Americans Make History in 2026 Elections"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
                        
                </a>
            
            </div>
            <div style="font-size:small;">
                <h2 class="mb-2 h6" style="font-size:1.342em;">
                    
                    <a class="text-dark" href="https://islamicity.org/107290/muslim-americans-make-history-in-2026-elections/">
                        Muslim Americans Make History in 2026 Elections  <sup 67k style="top:0.2em;"></sup>
                    </a>
                </h2>
                <div>
                    <small class="d-block text-muted">
                        <a class="text-capitalize dark-links" href="/source/islamicity/">
                            
                                <div class="mhkStandoutAuthorInBlahBlahArea"></div>
                                IslamiCity                            
                        </a>
                        on
                        <span class="thecatlinks text-dark">
                            <a href="/topics/american-muslims" rel="category tag">
                                American Muslims 
                            </a>
                        </span>
                        
                    </small>
                    
                </div>
            </div>
        </div>
            <div class="mt-3 mt-md-0 mb-3 d-flex post_box_style3">
            <div class="col-4 col-md-4 pe-3">
                
                <a href="https://islamicity.org/107289/american-muslim-election-victories-reflect-americas-founding-ideals/">
                    
                        <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/11/elections-nov-2026.png&w=497&h=279&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/11/elections-nov-2026.png&w=497&h=279&q=100&zc=1"
            class="lazyload 0"
            width="497"
            height="279"
            alt="American Muslim Election Victories Reflect America's Founding Ideals"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
                        
                </a>
            
            </div>
            <div style="font-size:small;">
                <h2 class="mb-2 h6" style="font-size:1.342em;">
                    
                    <a class="text-dark" href="https://islamicity.org/107289/american-muslim-election-victories-reflect-americas-founding-ideals/">
                        American Muslim Election Victories Reflect America's Founding Ideals  <sup 67k style="top:0.2em;"></sup>
                    </a>
                </h2>
                <div>
                    <small class="d-block text-muted">
                        <a class="text-capitalize dark-links" href="/by/staff/">
                            
                                <div class="mhkStandoutAuthorInBlahBlahArea"></div>
                                Staff                            
                        </a>
                        on
                        <span class="thecatlinks text-dark">
                            <a href="/topics/american-muslims" rel="category tag">
                                American Muslims 
                            </a>
                        </span>
                        
                    </small>
                    
                </div>
            </div>
        </div>
                </div><!--[39]-->

            <!-- Right Column (items 6,7) --> 
             
            <div class="col-sm-12 col-md-4 col-xl-3 showThisOnlyOnDesktop">
                <div style="padding-left:40px;">
                                                    <h4 class="spanborder h4">
                                    <span>
                                        Services 
                                    </span>
                                </h4>
                                <ol class="list-featured" style="padding-bottom:10px;">         <!-- repeater -->    
            <li class="loved-item mb-4" style="margin-bottom:0.1rem;">                <span>
                    <h6>
                        <a class="text-dark" href="/dua/">
                            Dua                        </a>
                    </h6>
                     

                </span>
            </li> 
        <!-- /repeater -->    
            <!-- repeater -->    
            <li class="loved-item mb-4" style="margin-bottom:0.1rem;">                <span>
                    <h6>
                        <a class="text-dark" href="101176/islam-live-chat-and-phone-call/">
                            Live Chat                        </a>
                    </h6>
                     

                </span>
            </li> 
        <!-- /repeater -->    
            <!-- repeater -->    
            <li class="loved-item mb-4" style="margin-bottom:0.1rem;">                <span>
                    <h6>
                        <a class="text-dark" href="https://chatilm.islamicity.org/">
                            Chat<font color=crimson><i>ILM</i></font>                        </a>
                    </h6>
                     

                </span>
            </li> 
        <!-- /repeater -->    
            <!-- repeater -->    
            <li class="loved-item mb-4" style="margin-bottom:0.1rem;">                <span>
                    <h6>
                        <a class="text-dark" href="/covers/99-names-of-allah/">
                            99 Names of Allah                        </a>
                    </h6>
                     

                </span>
            </li> 
        <!-- /repeater -->    
            <!-- repeater -->    
            <li class="loved-item mb-4" style="margin-bottom:0.1rem;">                <span>
                    <h6>
                        <a class="text-dark" href="/free-quran/">
                            Free Quran                        </a>
                    </h6>
                     

                </span>
            </li> 
        <!-- /repeater -->    
    </ol>                </div> <!-- <div align="middle"> -->    
            </div>
        </div><!--[41]-->
    </div><!--[42]-->
</div><!--[43]-->
                        



















                                

                
                                    
                    <div class="alternatingColors alternatingDark" style="">                        <div class="alignfullincol position-relative ">
                            <div class="container pb-5">  

                                <div style="height:10.01px;"></div><!--paintCarouselX call: $items, $sectionInfo->___News in 60|https://www.islamicity.org/videoHub/?list/news-in-60-by-islamicity/sortBy/Publish-Time&filterByDuration=|https://www.islamicity.org/videoHub/?list/news-in-60-by-islamicity/sortBy/Publish-Time&filterByDuration=____, false, "highlights|podcasts|$paintCallString->___*caro__CALLBACK('displayYouTubeVideos','1x1','row')*____", $likeFacets->_______, $fixThumbnail->___1___,true --><div class='carousel-wrapper fade-edges HELLO CHARLIE' style=';margin-bottom: 0.08px !important;;' id='carousel_wrapper_8'><div class='carousel-header' style=';;font-size: 28px;'><a href='https://www.islamicity.org/videoHub/?list/news-in-60-by-islamicity/sortBy/Publish-Time&filterByDuration=' class='carousel-title-link' style='font-size: 23.234px;'><strong ><span style='font-size:1.21em;x3244;'>News In 60</span></strong><span class='arrow'>&rsaquo;</span></a></div><div class='row__carousel' id='carousel_8' style='padding-bottom: 20.01px;;overflow-y: auto;padding-bottom:1.323px'><div class='row__inner__CARO' style='padding-bottom: 0.9999px;;padding-bottom:22.991px'><div 4000_10 class="tile__CARO" style="width:6000px;font-size:16.66px;;width:223px;height:421.777px;margin-right:0.12px;font-size: 1.1em;"><div 4000_20 class="row g-3" style=""><div 4000_30 class="col-12" style="">

<!--BEGIN|displayYouTubeVideos-->

<!--@div1@open--><div style="overflow: hidden;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;a1;">




    <style></style>        <!-- ##edgeToEdge-->
        <div style="vertical-align:top; display: inline-block;padding-bottom:5.22px;margin-bottom:-11.1px;    margin-left: 13.123px;b99;" >
            <a data-fancybox="news-in-60-https-www-islamicity-org-videohub-list-news-in-60-by-islamicity-sortby-publish-time-filterbyduration" rel="news-in-60-https-www-islamicity-org-videohub-list-news-in-60-by-islamicity-sortby-publish-time-filterbyduration" onclick="" href="https://www.youtube.com/embed/JfpFRFvwSh4">
                <div class="thumbnail-wrapper" style="position: relative; display: inline-block;">
                    <img 5612 style="width: 9em;height: 19em;orientation:s;object-fit: cover;border-radius: 6px;max-width: 100%;cursor: pointer;border: none !important;"  src="https://i.ytimg.com/vi/JfpFRFvwSh4/hqdefault.jpg">
                                            <div class="play-icon" style="opacity: 0.5;top: 84%;">▶</div>
                                
                    
                </div>
                <div aa34="" class="justTitle" style="margin-top: -5.618px; margin-bottom: 6px; margin-left: 2px;c99;">
                    <span class="viewCountHigh" style="font-size:0.72rem;">
                        192&nbsp;Views 
                    </span> 
                    <div style="font-weight: 700;color:black;overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; text-overflow:ellipsis; white-space:normal; line-height:1.3em;">News in 60 Secs | 4th November 2026</div>        
                    
                    
                </div>

            </a>

            <br>
        </div>

        
        
        

        
        </div><!--@div1@close-->

<!--END|displayYouTubeVideos-->

</div></div></div><div 4000_10 class="tile__CARO" style="width:6000px;font-size:16.66px;;width:223px;height:421.777px;margin-right:0.12px;font-size: 1.1em;"><div 4000_20 class="row g-3" style=""><div 4000_30 class="col-12" style="">

<!--BEGIN|displayYouTubeVideos-->

<!--@div1@open--><div style="overflow: hidden;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;a1;">




            <!-- ##edgeToEdge-->
        <div style="vertical-align:top; display: inline-block;padding-bottom:5.22px;margin-bottom:-11.1px;    margin-left: 13.123px;b99;" >
            <a data-fancybox="news-in-60-https-www-islamicity-org-videohub-list-news-in-60-by-islamicity-sortby-publish-time-filterbyduration" rel="news-in-60-https-www-islamicity-org-videohub-list-news-in-60-by-islamicity-sortby-publish-time-filterbyduration" onclick="" href="https://www.youtube.com/embed/eXwh28EEyv0">
                <div class="thumbnail-wrapper" style="position: relative; display: inline-block;">
                    <img 5612 style="width: 9em;height: 19em;orientation:s;object-fit: cover;border-radius: 6px;max-width: 100%;cursor: pointer;border: none !important;"  src="https://i.ytimg.com/vi/eXwh28EEyv0/hqdefault.jpg">
                                            <div class="play-icon" style="opacity: 0.5;top: 84%;">▶</div>
                                
                    
                </div>
                <div aa34="" class="justTitle" style="margin-top: -5.618px; margin-bottom: 6px; margin-left: 2px;c99;">
                    <span class="viewCountHigh" style="font-size:0.72rem;">
                        223&nbsp;Views 
                    </span> 
                    <div style="font-weight: 700;color:black;overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; text-overflow:ellipsis; white-space:normal; line-height:1.3em;">News in 60 Sec | 2nd November 2026</div>        
                    
                    
                </div>

            </a>

            <br>
        </div>

        
        
        

        
        </div><!--@div1@close-->

<!--END|displayYouTubeVideos-->

</div></div></div><div 4000_10 class="tile__CARO" style="width:6000px;font-size:16.66px;;width:223px;height:421.777px;margin-right:0.12px;font-size: 1.1em;"><div 4000_20 class="row g-3" style=""><div 4000_30 class="col-12" style="">

<!--BEGIN|displayYouTubeVideos-->

<!--@div1@open--><div style="overflow: hidden;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;a1;">




            <!-- ##edgeToEdge-->
        <div style="vertical-align:top; display: inline-block;padding-bottom:5.22px;margin-bottom:-11.1px;    margin-left: 13.123px;b99;" >
            <a data-fancybox="news-in-60-https-www-islamicity-org-videohub-list-news-in-60-by-islamicity-sortby-publish-time-filterbyduration" rel="news-in-60-https-www-islamicity-org-videohub-list-news-in-60-by-islamicity-sortby-publish-time-filterbyduration" onclick="" href="https://www.youtube.com/embed/kh9lrenAtsQ">
                <div class="thumbnail-wrapper" style="position: relative; display: inline-block;">
                    <img 5612 style="width: 9em;height: 19em;orientation:s;object-fit: cover;border-radius: 6px;max-width: 100%;cursor: pointer;border: none !important;"  src="https://i.ytimg.com/vi/kh9lrenAtsQ/hqdefault.jpg">
                                            <div class="play-icon" style="opacity: 0.5;top: 84%;">▶</div>
                                
                    
                </div>
                <div aa34="" class="justTitle" style="margin-top: -5.618px; margin-bottom: 6px; margin-left: 2px;c99;">
                    <span class="viewCountHigh" style="font-size:0.72rem;">
                        518&nbsp;Views 
                    </span> 
                    <div style="font-weight: 700;color:black;overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; text-overflow:ellipsis; white-space:normal; line-height:1.3em;">News in 60 Sec | 30th October 2026</div>        
                    
                    
                </div>

            </a>

            <br>
        </div>

        
        
        

        
        </div><!--@div1@close-->

<!--END|displayYouTubeVideos-->

</div></div></div><div 4000_10 class="tile__CARO" style="width:6000px;font-size:16.66px;;width:223px;height:421.777px;margin-right:0.12px;font-size: 1.1em;"><div 4000_20 class="row g-3" style=""><div 4000_30 class="col-12" style="">

<!--BEGIN|displayYouTubeVideos-->

<!--@div1@open--><div style="overflow: hidden;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;a1;">




            <!-- ##edgeToEdge-->
        <div style="vertical-align:top; display: inline-block;padding-bottom:5.22px;margin-bottom:-11.1px;    margin-left: 13.123px;b99;" >
            <a data-fancybox="news-in-60-https-www-islamicity-org-videohub-list-news-in-60-by-islamicity-sortby-publish-time-filterbyduration" rel="news-in-60-https-www-islamicity-org-videohub-list-news-in-60-by-islamicity-sortby-publish-time-filterbyduration" onclick="" href="https://www.youtube.com/embed/fkiL4I-sNd4">
                <div class="thumbnail-wrapper" style="position: relative; display: inline-block;">
                    <img 5612 style="width: 9em;height: 19em;orientation:s;object-fit: cover;border-radius: 6px;max-width: 100%;cursor: pointer;border: none !important;"  src="https://i.ytimg.com/vi/fkiL4I-sNd4/hqdefault.jpg">
                                            <div class="play-icon" style="opacity: 0.5;top: 84%;">▶</div>
                                
                    
                </div>
                <div aa34="" class="justTitle" style="margin-top: -5.618px; margin-bottom: 6px; margin-left: 2px;c99;">
                    <span class="viewCountHigh" style="font-size:0.72rem;">
                        136&nbsp;Views 
                    </span> 
                    <div style="font-weight: 700;color:black;overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; text-overflow:ellipsis; white-space:normal; line-height:1.3em;">News in 60 Secs | 29th September 2026</div>        
                    
                    
                </div>

            </a>

            <br>
        </div>

        
        
        

        
        </div><!--@div1@close-->

<!--END|displayYouTubeVideos-->

</div></div></div><div 4000_10 class="tile__CARO" style="width:6000px;font-size:16.66px;;width:223px;height:421.777px;margin-right:0.12px;font-size: 1.1em;"><div 4000_20 class="row g-3" style=""><div 4000_30 class="col-12" style="">

<!--BEGIN|displayYouTubeVideos-->

<!--@div1@open--><div style="overflow: hidden;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;a1;">




            <!-- ##edgeToEdge-->
        <div style="vertical-align:top; display: inline-block;padding-bottom:5.22px;margin-bottom:-11.1px;    margin-left: 13.123px;b99;" >
            <a data-fancybox="news-in-60-https-www-islamicity-org-videohub-list-news-in-60-by-islamicity-sortby-publish-time-filterbyduration" rel="news-in-60-https-www-islamicity-org-videohub-list-news-in-60-by-islamicity-sortby-publish-time-filterbyduration" onclick="" href="https://www.youtube.com/embed/7zAHYSoMZg8">
                <div class="thumbnail-wrapper" style="position: relative; display: inline-block;">
                    <img 5612 style="width: 9em;height: 19em;orientation:s;object-fit: cover;border-radius: 6px;max-width: 100%;cursor: pointer;border: none !important;"  src="https://i.ytimg.com/vi/7zAHYSoMZg8/hqdefault.jpg">
                                            <div class="play-icon" style="opacity: 0.5;top: 84%;">▶</div>
                                
                    
                </div>
                <div aa34="" class="justTitle" style="margin-top: -5.618px; margin-bottom: 6px; margin-left: 2px;c99;">
                    <span class="viewCountHigh" style="font-size:0.72rem;">
                        147&nbsp;Views 
                    </span> 
                    <div style="font-weight: 700;color:black;overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; text-overflow:ellipsis; white-space:normal; line-height:1.3em;">News in 60 Sec | 27th October 2026</div>        
                    
                    
                </div>

            </a>

            <br>
        </div>

        
        
        

        
        </div><!--@div1@close-->

<!--END|displayYouTubeVideos-->

</div></div></div><div 4000_10 class="tile__CARO" style="width:6000px;font-size:16.66px;;width:223px;height:421.777px;margin-right:0.12px;font-size: 1.1em;"><div 4000_20 class="row g-3" style=""><div 4000_30 class="col-12" style="">

<!--BEGIN|displayYouTubeVideos-->

<!--@div1@open--><div style="overflow: hidden;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;a1;">




            <!-- ##edgeToEdge-->
        <div style="vertical-align:top; display: inline-block;padding-bottom:5.22px;margin-bottom:-11.1px;    margin-left: 13.123px;b99;" >
            <a data-fancybox="news-in-60-https-www-islamicity-org-videohub-list-news-in-60-by-islamicity-sortby-publish-time-filterbyduration" rel="news-in-60-https-www-islamicity-org-videohub-list-news-in-60-by-islamicity-sortby-publish-time-filterbyduration" onclick="" href="https://www.youtube.com/embed/MBwnWsPg66Q">
                <div class="thumbnail-wrapper" style="position: relative; display: inline-block;">
                    <img 5612 style="width: 9em;height: 19em;orientation:s;object-fit: cover;border-radius: 6px;max-width: 100%;cursor: pointer;border: none !important;"  src="https://i.ytimg.com/vi/MBwnWsPg66Q/hqdefault.jpg">
                                            <div class="play-icon" style="opacity: 0.5;top: 84%;">▶</div>
                                
                    
                </div>
                <div aa34="" class="justTitle" style="margin-top: -5.618px; margin-bottom: 6px; margin-left: 2px;c99;">
                    <span class="viewCountHigh" style="font-size:0.72rem;">
                        174&nbsp;Views 
                    </span> 
                    <div style="font-weight: 700;color:black;overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; text-overflow:ellipsis; white-space:normal; line-height:1.3em;">News in 60 Sec | 26th October 2026</div>        
                    
                    
                </div>

            </a>

            <br>
        </div>

        
        
        

        
        </div><!--@div1@close-->

<!--END|displayYouTubeVideos-->

</div></div></div><div 4000_10 class="tile__CARO" style="width:6000px;font-size:16.66px;;width:223px;height:421.777px;margin-right:0.12px;font-size: 1.1em;"><div 4000_20 class="row g-3" style=""><div 4000_30 class="col-12" style="">

<!--BEGIN|displayYouTubeVideos-->

<!--@div1@open--><div style="overflow: hidden;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;a1;">




            <!-- ##edgeToEdge-->
        <div style="vertical-align:top; display: inline-block;padding-bottom:5.22px;margin-bottom:-11.1px;    margin-left: 13.123px;b99;" >
            <a data-fancybox="news-in-60-https-www-islamicity-org-videohub-list-news-in-60-by-islamicity-sortby-publish-time-filterbyduration" rel="news-in-60-https-www-islamicity-org-videohub-list-news-in-60-by-islamicity-sortby-publish-time-filterbyduration" onclick="" href="https://www.youtube.com/embed/rv4FAFEkvjU">
                <div class="thumbnail-wrapper" style="position: relative; display: inline-block;">
                    <img 5612 style="width: 9em;height: 19em;orientation:s;object-fit: cover;border-radius: 6px;max-width: 100%;cursor: pointer;border: none !important;"  src="https://i.ytimg.com/vi/rv4FAFEkvjU/hqdefault.jpg">
                                            <div class="play-icon" style="opacity: 0.5;top: 84%;">▶</div>
                                
                    
                </div>
                <div aa34="" class="justTitle" style="margin-top: -5.618px; margin-bottom: 6px; margin-left: 2px;c99;">
                    <span class="viewCountHigh" style="font-size:0.72rem;">
                        90&nbsp;Views 
                    </span> 
                    <div style="font-weight: 700;color:black;overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; text-overflow:ellipsis; white-space:normal; line-height:1.3em;">News in 60 Sec | 23rd October 2026</div>        
                    
                    
                </div>

            </a>

            <br>
        </div>

        
        
        

        
        </div><!--@div1@close-->

<!--END|displayYouTubeVideos-->

</div></div></div><div 4000_10 class="tile__CARO" style="width:6000px;font-size:16.66px;;width:223px;height:421.777px;margin-right:0.12px;font-size: 1.1em;"><div 4000_20 class="row g-3" style=""><div 4000_30 class="col-12" style="">

<!--BEGIN|displayYouTubeVideos-->

<!--@div1@open--><div style="overflow: hidden;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;a1;">




            <!-- ##edgeToEdge-->
        <div style="vertical-align:top; display: inline-block;padding-bottom:5.22px;margin-bottom:-11.1px;    margin-left: 13.123px;b99;" >
            <a data-fancybox="news-in-60-https-www-islamicity-org-videohub-list-news-in-60-by-islamicity-sortby-publish-time-filterbyduration" rel="news-in-60-https-www-islamicity-org-videohub-list-news-in-60-by-islamicity-sortby-publish-time-filterbyduration" onclick="" href="https://www.youtube.com/embed/NB055dFZYiU">
                <div class="thumbnail-wrapper" style="position: relative; display: inline-block;">
                    <img 5612 style="width: 9em;height: 19em;orientation:s;object-fit: cover;border-radius: 6px;max-width: 100%;cursor: pointer;border: none !important;"  src="https://i.ytimg.com/vi/NB055dFZYiU/hqdefault.jpg">
                                            <div class="play-icon" style="opacity: 0.5;top: 84%;">▶</div>
                                
                    
                </div>
                <div aa34="" class="justTitle" style="margin-top: -5.618px; margin-bottom: 6px; margin-left: 2px;c99;">
                    <span class="viewCountHigh" style="font-size:0.72rem;">
                        84&nbsp;Views 
                    </span> 
                    <div style="font-weight: 700;color:black;overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; text-overflow:ellipsis; white-space:normal; line-height:1.3em;">News in 60 Sec | 22nd October 2026</div>        
                    
                    
                </div>

            </a>

            <br>
        </div>

        
        
        

        
        </div><!--@div1@close-->

<!--END|displayYouTubeVideos-->

</div></div></div><div 4000_10 class="tile__CARO" style="width:6000px;font-size:16.66px;;width:223px;height:421.777px;margin-right:0.12px;font-size: 1.1em;"><div 4000_20 class="row g-3" style=""><div 4000_30 class="col-12" style="">

<!--BEGIN|displayYouTubeVideos-->

<!--@div1@open--><div style="overflow: hidden;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;a1;">




            <!-- ##edgeToEdge-->
        <div style="vertical-align:top; display: inline-block;padding-bottom:5.22px;margin-bottom:-11.1px;    margin-left: 13.123px;b99;" >
            <a data-fancybox="news-in-60-https-www-islamicity-org-videohub-list-news-in-60-by-islamicity-sortby-publish-time-filterbyduration" rel="news-in-60-https-www-islamicity-org-videohub-list-news-in-60-by-islamicity-sortby-publish-time-filterbyduration" onclick="" href="https://www.youtube.com/embed/EVgNke4TYuE">
                <div class="thumbnail-wrapper" style="position: relative; display: inline-block;">
                    <img 5612 style="width: 9em;height: 19em;orientation:s;object-fit: cover;border-radius: 6px;max-width: 100%;cursor: pointer;border: none !important;"  src="https://i.ytimg.com/vi/EVgNke4TYuE/hqdefault.jpg">
                                            <div class="play-icon" style="opacity: 0.5;top: 84%;">▶</div>
                                
                    
                </div>
                <div aa34="" class="justTitle" style="margin-top: -5.618px; margin-bottom: 6px; margin-left: 2px;c99;">
                    <span class="viewCountHigh" style="font-size:0.72rem;">
                        116&nbsp;Views 
                    </span> 
                    <div style="font-weight: 700;color:black;overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; text-overflow:ellipsis; white-space:normal; line-height:1.3em;">News in 60 Sec | 21st October 2026</div>        
                    
                    
                </div>

            </a>

            <br>
        </div>

        
        
        

        
        </div><!--@div1@close-->

<!--END|displayYouTubeVideos-->

</div></div></div><div 4000_10 class="tile__CARO" style="width:6000px;font-size:16.66px;;width:223px;height:421.777px;margin-right:0.12px;font-size: 1.1em;"><div 4000_20 class="row g-3" style=""><div 4000_30 class="col-12" style="">

<!--BEGIN|displayYouTubeVideos-->

<!--@div1@open--><div style="overflow: hidden;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;a1;">




            <!-- ##edgeToEdge-->
        <div style="vertical-align:top; display: inline-block;padding-bottom:5.22px;margin-bottom:-11.1px;    margin-left: 13.123px;b99;" >
            <a data-fancybox="news-in-60-https-www-islamicity-org-videohub-list-news-in-60-by-islamicity-sortby-publish-time-filterbyduration" rel="news-in-60-https-www-islamicity-org-videohub-list-news-in-60-by-islamicity-sortby-publish-time-filterbyduration" onclick="" href="https://www.youtube.com/embed/-zWWFWzcjW0">
                <div class="thumbnail-wrapper" style="position: relative; display: inline-block;">
                    <img 5612 style="width: 9em;height: 19em;orientation:s;object-fit: cover;border-radius: 6px;max-width: 100%;cursor: pointer;border: none !important;"  src="https://i.ytimg.com/vi/-zWWFWzcjW0/hqdefault.jpg">
                                            <div class="play-icon" style="opacity: 0.5;top: 84%;">▶</div>
                                
                    
                </div>
                <div aa34="" class="justTitle" style="margin-top: -5.618px; margin-bottom: 6px; margin-left: 2px;c99;">
                    <span class="viewCountHigh" style="font-size:0.72rem;">
                        105&nbsp;Views 
                    </span> 
                    <div style="font-weight: 700;color:black;overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; text-overflow:ellipsis; white-space:normal; line-height:1.3em;">News in 60 Sec | 20th October 2026</div>        
                    
                    
                </div>

            </a>

            <br>
        </div>

        
        
        

        
        </div><!--@div1@close-->

<!--END|displayYouTubeVideos-->

</div></div></div><div 4000_10 class="tile__CARO" style="width:6000px;font-size:16.66px;;width:223px;height:421.777px;margin-right:0.12px;font-size: 1.1em;"><div 4000_20 class="row g-3" style=""><div 4000_30 class="col-12" style="">

<!--BEGIN|displayYouTubeVideos-->

<!--@div1@open--><div style="overflow: hidden;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;a1;">




            <!-- ##edgeToEdge-->
        <div style="vertical-align:top; display: inline-block;padding-bottom:5.22px;margin-bottom:-11.1px;    margin-left: 13.123px;b99;" >
            <a data-fancybox="news-in-60-https-www-islamicity-org-videohub-list-news-in-60-by-islamicity-sortby-publish-time-filterbyduration" rel="news-in-60-https-www-islamicity-org-videohub-list-news-in-60-by-islamicity-sortby-publish-time-filterbyduration" onclick="" href="https://www.youtube.com/embed/F2OEO7uXclI">
                <div class="thumbnail-wrapper" style="position: relative; display: inline-block;">
                    <img 5612 style="width: 9em;height: 19em;orientation:s;object-fit: cover;border-radius: 6px;max-width: 100%;cursor: pointer;border: none !important;"  src="https://i.ytimg.com/vi/F2OEO7uXclI/hqdefault.jpg">
                                            <div class="play-icon" style="opacity: 0.5;top: 84%;">▶</div>
                                
                    
                </div>
                <div aa34="" class="justTitle" style="margin-top: -5.618px; margin-bottom: 6px; margin-left: 2px;c99;">
                    <span class="viewCountHigh" style="font-size:0.72rem;">
                        109&nbsp;Views 
                    </span> 
                    <div style="font-weight: 700;color:black;overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; text-overflow:ellipsis; white-space:normal; line-height:1.3em;">News in 60 Sec | 19th October 2026</div>        
                    
                    
                </div>

            </a>

            <br>
        </div>

        
        
        

        
        </div><!--@div1@close-->

<!--END|displayYouTubeVideos-->

</div></div></div><div 4000_10 class="tile__CARO" style="width:6000px;font-size:16.66px;;width:223px;height:421.777px;margin-right:0.12px;font-size: 1.1em;"><div 4000_20 class="row g-3" style=""><div 4000_30 class="col-12" style="">

<!--BEGIN|displayYouTubeVideos-->

<!--@div1@open--><div style="overflow: hidden;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;a1;">




            <!-- ##edgeToEdge-->
        <div style="vertical-align:top; display: inline-block;padding-bottom:5.22px;margin-bottom:-11.1px;    margin-left: 13.123px;b99;" >
            <a data-fancybox="news-in-60-https-www-islamicity-org-videohub-list-news-in-60-by-islamicity-sortby-publish-time-filterbyduration" rel="news-in-60-https-www-islamicity-org-videohub-list-news-in-60-by-islamicity-sortby-publish-time-filterbyduration" onclick="" href="https://www.youtube.com/embed/ECDZ-zUDnZc">
                <div class="thumbnail-wrapper" style="position: relative; display: inline-block;">
                    <img 5612 style="width: 9em;height: 19em;orientation:s;object-fit: cover;border-radius: 6px;max-width: 100%;cursor: pointer;border: none !important;"  src="https://i.ytimg.com/vi/ECDZ-zUDnZc/hqdefault.jpg">
                                            <div class="play-icon" style="opacity: 0.5;top: 84%;">▶</div>
                                
                    
                </div>
                <div aa34="" class="justTitle" style="margin-top: -5.618px; margin-bottom: 6px; margin-left: 2px;c99;">
                    <span class="viewCountHigh" style="font-size:0.72rem;">
                        145&nbsp;Views 
                    </span> 
                    <div style="font-weight: 700;color:black;overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; text-overflow:ellipsis; white-space:normal; line-height:1.3em;">News in 60 Sec | 16th October 2026</div>        
                    
                    
                </div>

            </a>

            <br>
        </div>

        
        
        

        
        </div><!--@div1@close-->

<!--END|displayYouTubeVideos-->

</div></div></div><div 4000_10 class="tile__CARO" style="width:6000px;font-size:16.66px;;width:223px;height:421.777px;margin-right:0.12px;font-size: 1.1em;"><div 4000_20 class="row g-3" style=""><div 4000_30 class="col-12" style="">

<!--BEGIN|displayYouTubeVideos-->

<!--@div1@open--><div style="overflow: hidden;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;a1;">




            <!-- ##edgeToEdge-->
        <div style="vertical-align:top; display: inline-block;padding-bottom:5.22px;margin-bottom:-11.1px;    margin-left: 13.123px;b99;" >
            <a data-fancybox="news-in-60-https-www-islamicity-org-videohub-list-news-in-60-by-islamicity-sortby-publish-time-filterbyduration" rel="news-in-60-https-www-islamicity-org-videohub-list-news-in-60-by-islamicity-sortby-publish-time-filterbyduration" onclick="" href="https://www.youtube.com/embed/asA81yffeVM">
                <div class="thumbnail-wrapper" style="position: relative; display: inline-block;">
                    <img 5612 style="width: 9em;height: 19em;orientation:s;object-fit: cover;border-radius: 6px;max-width: 100%;cursor: pointer;border: none !important;"  src="https://i.ytimg.com/vi/asA81yffeVM/hqdefault.jpg">
                                            <div class="play-icon" style="opacity: 0.5;top: 84%;">▶</div>
                                
                    
                </div>
                <div aa34="" class="justTitle" style="margin-top: -5.618px; margin-bottom: 6px; margin-left: 2px;c99;">
                    <span class="viewCountHigh" style="font-size:0.72rem;">
                        143&nbsp;Views 
                    </span> 
                    <div style="font-weight: 700;color:black;overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; text-overflow:ellipsis; white-space:normal; line-height:1.3em;">News in 60 Sec | 15th October 2026</div>        
                    
                    
                </div>

            </a>

            <br>
        </div>

        
        
        

        
        </div><!--@div1@close-->

<!--END|displayYouTubeVideos-->

</div></div></div><div 4000_10 class="tile__CARO" style="width:6000px;font-size:16.66px;;width:223px;height:421.777px;margin-right:0.12px;font-size: 1.1em;"><div 4000_20 class="row g-3" style=""><div 4000_30 class="col-12" style="">

<!--BEGIN|displayYouTubeVideos-->

<!--@div1@open--><div style="overflow: hidden;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;a1;">




            <!-- ##edgeToEdge-->
        <div style="vertical-align:top; display: inline-block;padding-bottom:5.22px;margin-bottom:-11.1px;    margin-left: 13.123px;b99;" >
            <a data-fancybox="news-in-60-https-www-islamicity-org-videohub-list-news-in-60-by-islamicity-sortby-publish-time-filterbyduration" rel="news-in-60-https-www-islamicity-org-videohub-list-news-in-60-by-islamicity-sortby-publish-time-filterbyduration" onclick="" href="https://www.youtube.com/embed/xuxiva6EsRI">
                <div class="thumbnail-wrapper" style="position: relative; display: inline-block;">
                    <img 5612 style="width: 9em;height: 19em;orientation:s;object-fit: cover;border-radius: 6px;max-width: 100%;cursor: pointer;border: none !important;"  src="https://i.ytimg.com/vi/xuxiva6EsRI/hqdefault.jpg">
                                            <div class="play-icon" style="opacity: 0.5;top: 84%;">▶</div>
                                
                    
                </div>
                <div aa34="" class="justTitle" style="margin-top: -5.618px; margin-bottom: 6px; margin-left: 2px;c99;">
                    <span class="viewCountHigh" style="font-size:0.72rem;">
                        104&nbsp;Views 
                    </span> 
                    <div style="font-weight: 700;color:black;overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; text-overflow:ellipsis; white-space:normal; line-height:1.3em;">News in 60 Sec | 14th October 2026</div>        
                    
                    
                </div>

            </a>

            <br>
        </div>

        
        
        

        
        </div><!--@div1@close-->

<!--END|displayYouTubeVideos-->

</div></div></div><div 4000_10 class="tile__CARO" style="width:6000px;font-size:16.66px;;width:223px;height:421.777px;margin-right:0.12px;font-size: 1.1em;"><div 4000_20 class="row g-3" style=""><div 4000_30 class="col-12" style="">

<!--BEGIN|displayYouTubeVideos-->

<!--@div1@open--><div style="overflow: hidden;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;a1;">




            <!-- ##edgeToEdge-->
        <div style="vertical-align:top; display: inline-block;padding-bottom:5.22px;margin-bottom:-11.1px;    margin-left: 13.123px;b99;" >
            <a data-fancybox="news-in-60-https-www-islamicity-org-videohub-list-news-in-60-by-islamicity-sortby-publish-time-filterbyduration" rel="news-in-60-https-www-islamicity-org-videohub-list-news-in-60-by-islamicity-sortby-publish-time-filterbyduration" onclick="" href="https://www.youtube.com/embed/PUl7CKYpxvg">
                <div class="thumbnail-wrapper" style="position: relative; display: inline-block;">
                    <img 5612 style="width: 9em;height: 19em;orientation:s;object-fit: cover;border-radius: 6px;max-width: 100%;cursor: pointer;border: none !important;"  src="https://i.ytimg.com/vi/PUl7CKYpxvg/hqdefault.jpg">
                                            <div class="play-icon" style="opacity: 0.5;top: 84%;">▶</div>
                                
                    
                </div>
                <div aa34="" class="justTitle" style="margin-top: -5.618px; margin-bottom: 6px; margin-left: 2px;c99;">
                    <span class="viewCountHigh" style="font-size:0.72rem;">
                        135&nbsp;Views 
                    </span> 
                    <div style="font-weight: 700;color:black;overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; text-overflow:ellipsis; white-space:normal; line-height:1.3em;">News in 60 Sec | 13th October 2026</div>        
                    
                    
                </div>

            </a>

            <br>
        </div>

        
        
        

        
        </div><!--@div1@close-->

<!--END|displayYouTubeVideos-->

</div></div></div><div 4000_10 class="tile__CARO" style="width:6000px;font-size:16.66px;;width:223px;height:421.777px;margin-right:0.12px;font-size: 1.1em;"><div 4000_20 class="row g-3" style=""><div 4000_30 class="col-12" style="">

<!--BEGIN|displayYouTubeVideos-->

<!--@div1@open--><div style="overflow: hidden;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;a1;">




            <!-- ##edgeToEdge-->
        <div style="vertical-align:top; display: inline-block;padding-bottom:5.22px;margin-bottom:-11.1px;    margin-left: 13.123px;b99;" >
            <a data-fancybox="news-in-60-https-www-islamicity-org-videohub-list-news-in-60-by-islamicity-sortby-publish-time-filterbyduration" rel="news-in-60-https-www-islamicity-org-videohub-list-news-in-60-by-islamicity-sortby-publish-time-filterbyduration" onclick="" href="https://www.youtube.com/embed/nwWWGQFgxqA">
                <div class="thumbnail-wrapper" style="position: relative; display: inline-block;">
                    <img 5612 style="width: 9em;height: 19em;orientation:s;object-fit: cover;border-radius: 6px;max-width: 100%;cursor: pointer;border: none !important;"  src="https://i.ytimg.com/vi/nwWWGQFgxqA/hqdefault.jpg">
                                            <div class="play-icon" style="opacity: 0.5;top: 84%;">▶</div>
                                
                    
                </div>
                <div aa34="" class="justTitle" style="margin-top: -5.618px; margin-bottom: 6px; margin-left: 2px;c99;">
                    <span class="viewCountHigh" style="font-size:0.72rem;">
                        309&nbsp;Views 
                    </span> 
                    <div style="font-weight: 700;color:black;overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; text-overflow:ellipsis; white-space:normal; line-height:1.3em;">News in 60 Sec | 12th October 2026</div>        
                    
                    
                </div>

            </a>

            <br>
        </div>

        
        
        

        
        </div><!--@div1@close-->

<!--END|displayYouTubeVideos-->

</div></div></div><div 4000_10 class="tile__CARO" style="width:6000px;font-size:16.66px;;width:223px;height:421.777px;margin-right:0.12px;font-size: 1.1em;"><div 4000_20 class="row g-3" style=""><div 4000_30 class="col-12" style="">

<!--BEGIN|displayYouTubeVideos-->

<!--@div1@open--><div style="overflow: hidden;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;a1;">




            <!-- ##edgeToEdge-->
        <div style="vertical-align:top; display: inline-block;padding-bottom:5.22px;margin-bottom:-11.1px;    margin-left: 13.123px;b99;" >
            <a data-fancybox="news-in-60-https-www-islamicity-org-videohub-list-news-in-60-by-islamicity-sortby-publish-time-filterbyduration" rel="news-in-60-https-www-islamicity-org-videohub-list-news-in-60-by-islamicity-sortby-publish-time-filterbyduration" onclick="" href="https://www.youtube.com/embed/ZOwS8aHUYEA">
                <div class="thumbnail-wrapper" style="position: relative; display: inline-block;">
                    <img 5612 style="width: 9em;height: 19em;orientation:s;object-fit: cover;border-radius: 6px;max-width: 100%;cursor: pointer;border: none !important;"  src="https://i.ytimg.com/vi/ZOwS8aHUYEA/hqdefault.jpg">
                                            <div class="play-icon" style="opacity: 0.5;top: 84%;">▶</div>
                                
                    
                </div>
                <div aa34="" class="justTitle" style="margin-top: -5.618px; margin-bottom: 6px; margin-left: 2px;c99;">
                    <span class="viewCountHigh" style="font-size:0.72rem;">
                        790&nbsp;Views 
                    </span> 
                    <div style="font-weight: 700;color:black;overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; text-overflow:ellipsis; white-space:normal; line-height:1.3em;">News in 60 Sec | 9th October 2026</div>        
                    
                    
                </div>

            </a>

            <br>
        </div>

        
        
        

        
        </div><!--@div1@close-->

<!--END|displayYouTubeVideos-->

</div></div></div><div 4000_10 class="tile__CARO" style="width:6000px;font-size:16.66px;;width:223px;height:421.777px;margin-right:0.12px;font-size: 1.1em;"><div 4000_20 class="row g-3" style=""><div 4000_30 class="col-12" style="">

<!--BEGIN|displayYouTubeVideos-->

<!--@div1@open--><div style="overflow: hidden;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;a1;">




            <!-- ##edgeToEdge-->
        <div style="vertical-align:top; display: inline-block;padding-bottom:5.22px;margin-bottom:-11.1px;    margin-left: 13.123px;b99;" >
            <a data-fancybox="news-in-60-https-www-islamicity-org-videohub-list-news-in-60-by-islamicity-sortby-publish-time-filterbyduration" rel="news-in-60-https-www-islamicity-org-videohub-list-news-in-60-by-islamicity-sortby-publish-time-filterbyduration" onclick="" href="https://www.youtube.com/embed/zmWLjUvx-pY">
                <div class="thumbnail-wrapper" style="position: relative; display: inline-block;">
                    <img 5612 style="width: 9em;height: 19em;orientation:s;object-fit: cover;border-radius: 6px;max-width: 100%;cursor: pointer;border: none !important;"  src="https://i.ytimg.com/vi/zmWLjUvx-pY/hqdefault.jpg">
                                            <div class="play-icon" style="opacity: 0.5;top: 84%;">▶</div>
                                
                    
                </div>
                <div aa34="" class="justTitle" style="margin-top: -5.618px; margin-bottom: 6px; margin-left: 2px;c99;">
                    <span class="viewCountHigh" style="font-size:0.72rem;">
                        73&nbsp;Views 
                    </span> 
                    <div style="font-weight: 700;color:black;overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; text-overflow:ellipsis; white-space:normal; line-height:1.3em;">News in 60 Sec | 8th October 2026</div>        
                    
                    
                </div>

            </a>

            <br>
        </div>

        
        
        

        
        </div><!--@div1@close-->

<!--END|displayYouTubeVideos-->

</div></div></div><div 4000_10 class="tile__CARO" style="width:6000px;font-size:16.66px;;width:223px;height:421.777px;margin-right:0.12px;font-size: 1.1em;"><div 4000_20 class="row g-3" style=""><div 4000_30 class="col-12" style="">

<!--BEGIN|displayYouTubeVideos-->

<!--@div1@open--><div style="overflow: hidden;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;a1;">




            <!-- ##edgeToEdge-->
        <div style="vertical-align:top; display: inline-block;padding-bottom:5.22px;margin-bottom:-11.1px;    margin-left: 13.123px;b99;" >
            <a data-fancybox="news-in-60-https-www-islamicity-org-videohub-list-news-in-60-by-islamicity-sortby-publish-time-filterbyduration" rel="news-in-60-https-www-islamicity-org-videohub-list-news-in-60-by-islamicity-sortby-publish-time-filterbyduration" onclick="" href="https://www.youtube.com/embed/_WOBX9MacU0">
                <div class="thumbnail-wrapper" style="position: relative; display: inline-block;">
                    <img 5612 style="width: 9em;height: 19em;orientation:s;object-fit: cover;border-radius: 6px;max-width: 100%;cursor: pointer;border: none !important;"  src="https://i.ytimg.com/vi/_WOBX9MacU0/hqdefault.jpg">
                                            <div class="play-icon" style="opacity: 0.5;top: 84%;">▶</div>
                                
                    
                </div>
                <div aa34="" class="justTitle" style="margin-top: -5.618px; margin-bottom: 6px; margin-left: 2px;c99;">
                    <span class="viewCountHigh" style="font-size:0.72rem;">
                        327&nbsp;Views 
                    </span> 
                    <div style="font-weight: 700;color:black;overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; text-overflow:ellipsis; white-space:normal; line-height:1.3em;">News in 60 Sec | 7th October 2026</div>        
                    
                    
                </div>

            </a>

            <br>
        </div>

        
        
        

        
        </div><!--@div1@close-->

<!--END|displayYouTubeVideos-->

</div></div></div><div 4000_10 class="tile__CARO" style="width:6000px;font-size:16.66px;;width:223px;height:421.777px;margin-right:0.12px;font-size: 1.1em;"><div 4000_20 class="row g-3" style=""><div 4000_30 class="col-12" style="">

<!--BEGIN|displayYouTubeVideos-->

<!--@div1@open--><div style="overflow: hidden;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;a1;">




            <!-- ##edgeToEdge-->
        <div style="vertical-align:top; display: inline-block;padding-bottom:5.22px;margin-bottom:-11.1px;    margin-left: 13.123px;b99;" >
            <a data-fancybox="news-in-60-https-www-islamicity-org-videohub-list-news-in-60-by-islamicity-sortby-publish-time-filterbyduration" rel="news-in-60-https-www-islamicity-org-videohub-list-news-in-60-by-islamicity-sortby-publish-time-filterbyduration" onclick="" href="https://www.youtube.com/embed/d40esUh_QY4">
                <div class="thumbnail-wrapper" style="position: relative; display: inline-block;">
                    <img 5612 style="width: 9em;height: 19em;orientation:s;object-fit: cover;border-radius: 6px;max-width: 100%;cursor: pointer;border: none !important;"  src="https://i.ytimg.com/vi/d40esUh_QY4/hqdefault.jpg">
                                            <div class="play-icon" style="opacity: 0.5;top: 84%;">▶</div>
                                
                    
                </div>
                <div aa34="" class="justTitle" style="margin-top: -5.618px; margin-bottom: 6px; margin-left: 2px;c99;">
                    <span class="viewCountHigh" style="font-size:0.72rem;">
                        274&nbsp;Views 
                    </span> 
                    <div style="font-weight: 700;color:black;overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; text-overflow:ellipsis; white-space:normal; line-height:1.3em;">News in 60 Secs | 6th October 2026</div>        
                    
                    
                </div>

            </a>

            <br>
        </div>

        
        
        

        
        </div><!--@div1@close-->

<!--END|displayYouTubeVideos-->

</div></div></div></div></div><span class='carousel-scroll-arrow' onclick="scrollCarouselBy('carousel_8', 2, 'tile__CARO')">&#10230;</span><div class='carousel-fade-right'></div></div>    <script>
        

        function scrollCarouselBy(carouselId, numTiles = 2, tileClass = 'tile__CARO') {

            if (typeof MHK !== "undefined" && MHK) {
                // debugger;    
                // alert('carouselId:' + carouselId + '\n' + 'numTiles:' + numTiles + '\ntileClass:' + tileClass);
            }
            const carousel = document.getElementById(carouselId);
            if (!carousel) return;

            let tile = carousel.querySelector('.' + tileClass);
            if (!tile) {
               // try the other class
               tile = carousel.querySelector('.tile');
               if (!tile) {
                    return;
                } else {
                    // stay -- that worked
                    
                }   
            } 
            const style = window.getComputedStyle(tile);
            const marginRight = parseFloat(style.marginRight) || 0;
            const marginLeft = parseFloat(style.marginLeft) || 0;
            const fullTileWidth = tile.offsetWidth + marginLeft + marginRight;

            const scrollAmount = fullTileWidth * numTiles;

            // Temporarily disable snapping
            carousel.style.scrollSnapType = 'none';
            carousel.style.WebkitScrollSnapType = 'none';

            // Scroll manually
            carousel.scrollBy({ left: scrollAmount, behavior: 'smooth' });

            // Re-enable snap after scroll finishes
            setTimeout(() => {
                carousel.style.scrollSnapType = 'x mandatory';
                carousel.style.WebkitScrollSnapType = 'x mandatory';
            }, 500); // Match your scroll duration
        }

        function updateCarouselVisibility(carouselId, wrapperId) {
            const carousel = document.getElementById(carouselId);
            const wrapper = document.getElementById(wrapperId);
            if (!carousel || !wrapper) return;

            const hasOverflow = carousel.scrollWidth > carousel.clientWidth;

            // Toggle fade + arrow
            const fade = wrapper.querySelector('.carousel-fade-right');
            const arrow = wrapper.querySelector('.carousel-scroll-arrow');

            if (fade) fade.style.display = hasOverflow ? 'block' : 'none';
            if (arrow) arrow.style.display = hasOverflow ? 'block' : 'none';
        }

        // Call this after content renders
        document.addEventListener("DOMContentLoaded", () => {
            document.querySelectorAll('.carousel-wrapper').forEach(wrapper => {
                const carouselId = wrapper.querySelector('.row__carousel')?.id;
                const wrapperId = wrapper.id;
                if (carouselId && wrapperId) {
                    updateCarouselVisibility(carouselId, wrapperId);
                }
            });
        });

        window.addEventListener('resize', () => {
        document.querySelectorAll('.carousel-wrapper').forEach(wrapper => {
            const carouselId = wrapper.querySelector('.row__carousel')?.id;
            const wrapperId = wrapper.id;
            if (carouselId && wrapperId) {
                updateCarouselVisibility(carouselId, wrapperId);
            }
        });
    });


    </script>
                            </div>
                        </div>
                    </div>                                        























                <div class="row">
        <div class="col-md-8 col-lg-8 pe-md-5">
            <h2 class="spanborder h4" style="font-size: 2.1em;color: color(srgb 0 0 0);">
                <span>Highlights</span>
            </h2>
                            <!--repeater-->
                
                
                                        <div class="mt-3 mt-md-0 mb-3 d-flex postbox">
            <div class="col-4 col-md-4 pe-3">
                
                <a href="https://islamicity.org/107282/from-hate-to-history-abdul-el-sayed-americas-first-muslim-u-s-senator/">
                    
                        <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/11/Abdul-El-Sayed.jpg&w=497&h=279&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/11/Abdul-El-Sayed.jpg&w=497&h=279&q=100&zc=1"
            class="lazyload 0"
            width="497"
            height="279"
            alt="From Hate to History: Abdul El-Sayed America's First Muslim U.S. Senator"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
                        
                </a>
            
            </div>
            <div style="font-size:small;">
                <h2 class="mb-2 h6" style="font-size:1.342em;">
                    
                    <a class="text-dark" href="https://islamicity.org/107282/from-hate-to-history-abdul-el-sayed-americas-first-muslim-u-s-senator/">
                        From Hate to History: Abdul El-Sayed America's First Muslim U.S. Senator  <sup 67k style="top:0.2em;"></sup>
                    </a>
                </h2>
                <div>
                    <small class="d-block text-muted">
                        <a class="text-capitalize dark-links" href="/by/staff/">
                            
                                <div class="mhkStandoutAuthorInBlahBlahArea"></div>
                                Staff                            
                        </a>
                        on
                        <span class="thecatlinks text-dark">
                            <a href="/topics/american-muslims" rel="category tag">
                                American Muslims 
                            </a>
                        </span>
                        
                    </small>
                    
                </div>
            </div>
        </div>
        
                <!--/repeater-->


                            <!--repeater-->
                
                
                                        <div class="mt-3 mt-md-0 mb-3 d-flex postbox">
            <div class="col-4 col-md-4 pe-3">
                
                <a href="https://islamicity.org/107285/us-midterms-democrat-abdul-el-sayed-wins-michigan-senate-race/">
                    
                        <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://img.youtube.com/vi/DhLZJRTvh2M/maxresdefault.jpg&w=497&h=279&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://img.youtube.com/vi/DhLZJRTvh2M/maxresdefault.jpg&w=497&h=279&q=100&zc=1"
            class="lazyload 0"
            width="497"
            height="279"
            alt="US midterms: Democrat Abdul El-Sayed wins Michigan Senate race"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
                        
                </a>
            
            </div>
            <div style="font-size:small;">
                <h2 class="mb-2 h6" style="font-size:1.342em;">
                    
                    <a class="text-dark" href="https://islamicity.org/107285/us-midterms-democrat-abdul-el-sayed-wins-michigan-senate-race/">
                        US midterms: Democrat Abdul El-Sayed wins Michigan Senate race  <sup 67k style="top:0.2em;"></sup>
                    </a>
                </h2>
                <div>
                    <small class="d-block text-muted">
                        <a class="text-capitalize dark-links" href="/source/al-jazeera-news/">
                            
                                <div class="mhkStandoutAuthorInBlahBlahArea"></div>
                                Al Jazeera News                            
                        </a>
                        on
                        <span class="thecatlinks text-dark">
                            <a href="/topics/america" rel="category tag">
                                America 
                            </a>
                        </span>
                        
                    </small>
                    
                </div>
            </div>
        </div>
        
                <!--/repeater-->


                            <!--repeater-->
                
                
                                        <div class="mt-3 mt-md-0 mb-3 d-flex postbox">
            <div class="col-4 col-md-4 pe-3">
                
                <a href="https://islamicity.org/107286/trumps-regime-change-plans-in-iran-backfire-as-democrats-deliver-a-political-blow-at-home/">
                    
                        <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/11/Trump-Conflict-and-Capitol-Celebration.png&w=497&h=279&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/11/Trump-Conflict-and-Capitol-Celebration.png&w=497&h=279&q=100&zc=1"
            class="lazyload 0"
            width="497"
            height="279"
            alt="Trump’s Regime Change Plans in Iran Backfire as Democrats Deliver a Political Blow at Home"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
                        
                </a>
            
            </div>
            <div style="font-size:small;">
                <h2 class="mb-2 h6" style="font-size:1.342em;">
                    
                    <a class="text-dark" href="https://islamicity.org/107286/trumps-regime-change-plans-in-iran-backfire-as-democrats-deliver-a-political-blow-at-home/">
                        Trump’s Regime Change Plans in Iran Backfire as Democrats Deliver a Political Blow at Home  <sup 67k style="top:0.2em;"></sup>
                    </a>
                </h2>
                <div>
                    <small class="d-block text-muted">
                        <a class="text-capitalize dark-links" href="/source/iviews/">
                            
                                <div class="mhkStandoutAuthorInBlahBlahArea"></div>
                                iViews                            
                        </a>
                        on
                        <span class="thecatlinks text-dark">
                            <a href="/topics/american-politics" rel="category tag">
                                American Politics 
                            </a>
                        </span>
                        
                    </small>
                    
                </div>
            </div>
        </div>
        
                <!--/repeater-->


                            <!--repeater-->
                
                
                                        <div class="mt-3 mt-md-0 mb-3 d-flex postbox">
            <div class="col-4 col-md-4 pe-3">
                
                <a href="https://islamicity.org/107287/muslim-americans-make-historic-gains-in-2026-midterms-breaking-barriers-across-us-politics/">
                    
                        <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/11/Capitol-Debate_-Donkey-and-Elephant.png&w=497&h=279&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/11/Capitol-Debate_-Donkey-and-Elephant.png&w=497&h=279&q=100&zc=1"
            class="lazyload 0"
            width="497"
            height="279"
            alt="Muslim Americans Make Historic Gains in 2026 Midterms, Breaking Barriers Across US Politics"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
                        
                </a>
            
            </div>
            <div style="font-size:small;">
                <h2 class="mb-2 h6" style="font-size:1.342em;">
                    
                    <a class="text-dark" href="https://islamicity.org/107287/muslim-americans-make-historic-gains-in-2026-midterms-breaking-barriers-across-us-politics/">
                        Muslim Americans Make Historic Gains in 2026 Midterms, Breaking Barriers Across US Politics  <sup 67k style="top:0.2em;"></sup>
                    </a>
                </h2>
                <div>
                    <small class="d-block text-muted">
                        <a class="text-capitalize dark-links" href="/source/iviews/">
                            
                                <div class="mhkStandoutAuthorInBlahBlahArea"></div>
                                iViews                            
                        </a>
                        on
                        <span class="thecatlinks text-dark">
                            <a href="/topics/american-politics" rel="category tag">
                                American Politics 
                            </a>
                        </span>
                        
                    </small>
                    
                </div>
            </div>
        </div>
        
                <!--/repeater-->


                            <!--repeater-->
                
                
                                        <div class="mt-3 mt-md-0 mb-3 d-flex postbox">
            <div class="col-4 col-md-4 pe-3">
                
                <a href="https://islamicity.org/106002/ibadur-rahman-the-servants-of-the-most-merciful-2/">
                    
                        <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2025/11/quraan.jpg&w=497&h=279&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2025/11/quraan.jpg&w=497&h=279&q=100&zc=1"
            class="lazyload 0"
            width="497"
            height="279"
            alt="Ibadur-Rahman (The Servants of the Most Merciful)"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
                        
                </a>
            
            </div>
            <div style="font-size:small;">
                <h2 class="mb-2 h6" style="font-size:1.342em;">
                    
                    <a class="text-dark" href="https://islamicity.org/106002/ibadur-rahman-the-servants-of-the-most-merciful-2/">
                        Ibadur-Rahman (The Servants of the Most Merciful)  <sup 67k style="top:0.2em;"></sup>
                    </a>
                </h2>
                <div>
                    <small class="d-block text-muted">
                        <a class="text-capitalize dark-links" href="/by/saeed/">
                            
                                <div class="mhkStandoutAuthorInBlahBlahArea"></div>
                                Saeed                            
                        </a>
                        on
                        <span class="thecatlinks text-dark">
                            <a href="/topics/quran" rel="category tag">
                                Quran 
                            </a>
                        </span>
                        
                    </small>
                    
                </div>
            </div>
        </div>
        
                <!--/repeater-->


                            <!--repeater-->
                
                
                                        <div class="mt-3 mt-md-0 mb-3 d-flex postbox">
            <div class="col-4 col-md-4 pe-3">
                
                <a href="https://islamicity.org/106577/why-does-the-ego-get-hurt-so-easily/">
                    
                        <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/11/Why-Does-Ego-Get-Hurt_.png&w=497&h=279&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/11/Why-Does-Ego-Get-Hurt_.png&w=497&h=279&q=100&zc=1"
            class="lazyload 0"
            width="497"
            height="279"
            alt="Why does the Ego get hurt so easily?"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
                        
                </a>
            
            </div>
            <div style="font-size:small;">
                <h2 class="mb-2 h6" style="font-size:1.342em;">
                    
                    <a class="text-dark" href="https://islamicity.org/106577/why-does-the-ego-get-hurt-so-easily/">
                        Why does the Ego get hurt so easily?  <sup 67k style="top:0.2em;"><i class="bi bi-mic-fill theIcon"></i></sup>
                    </a>
                </h2>
                <div>
                    <small class="d-block text-muted">
                        <a class="text-capitalize dark-links" href="/source/islamicity/">
                            
                                <div class="mhkStandoutAuthorInBlahBlahArea"></div>
                                IslamiCity                            
                        </a>
                        on
                        <span class="thecatlinks text-dark">
                            <a href="/topics/ego" rel="category tag">
                                Ego 
                            </a>
                        </span>
                        
                    </small>
                    
                </div>
            </div>
        </div>
        
                <!--/repeater-->


                        <!--thin-line-borred-from-pagination-sesction-->
            <!--
            <div class="bottompagination">
                <span class="navigation">
                </span>
            </div>
            -->
        </div>


        
        
         
            <!-- right sidebar (widgets if any & popular posts) -->
             
            <div class="col-md-4 col-lg-4 thesidebar" style="display:flex;align-items: start;justify-content: center;" >
                <div class="sticky-top sticky-sidebar-offset mundana_claps_popular" style="border-radius:3px;background-color:#ffffff;padding-top:20px;padding-bottom:20px;">
                    <div align="middle" class="showThisOnlyOnDesktop">
                        <!-- /1016843/IC3_Vertical -->
                        <div id='div-gpt-ad-1752159662523-0' style='min-width: 250px; min-height: 250px;'>
                        <script>
                            googletag.cmd.push(function() { googletag.display('div-gpt-ad-1752159662523-0'); });
                        </script>
                    </div> 
                    </center>

                </div>
            </div>
            <!-- end right sidebar -->
                

    </div>    
    

                             

            
















                                 







                        </div>

<!-- ##include2 -->
                            <div class="alternatingColors alternatingDark" style=""> <!--for: _home.php & zoneInclude2 & display-meta.php & include1 --> <!--entering:display-meta.php--> <!--entering:display-meta-helper-functions.php--> <!--exiting:display-meta-helper-functions.php--><div style="clear:both"></div><div class="vc_row wpb_row vc_row-fluid wt_main_row wt_row_default" style="padding-top:20px;padding-bottom:1px;background-color:white;"><!--div 1--> <div class="container" style='background-color:'><!--div 2--> <div class="row"><!--div 3--> <div class="wpb_column vc_column_container vc_col-md-12"><!--div 4--> <div class="vc_column-inner "><!--div 5--> <div class="wpb_wrapper"><!--div 6--> <!-- ic3: removed obsolete WOW animation wrapper --> <h1 class="section-title" > &nbsp; <!-- &blp_id=not_defined__error_key:334e3cd22 --> </h1> <!-- ic3: removed obsolete WOW animation wrapper --> <div> <div style="margin-bottom: 1rem;text-align:center;"> <button id="launchBtn" title="Open Audio News Brief"> <span class="eq-bars" aria-hidden="true"> <span></span><span></span><span></span><span></span> </span> <span class="btn-label">Audio News Briefs</span> </button> </div> <script src="/dailyheadlinenews/audio-player-tracks.js?v=20261105"></script> <script src="/dailyheadlinenews/audio-player.js?v=20260529C"></script></div> </div><!--6--> </div><!--5--> </div><!--4--> </div><!--3--> </div><!--2--> </div><!--1--> <!--if parallax background is passed, honor it! --> <!--exiting:display-meta.php--> </div>            

            <!-- ##facet2 -->    
                                                                                                            
                                    



                    
         
              

                <div class="alternatingColors alternatingLite" style="">                


<div class="alignfullincol position-relative"><!--[43]-->
    <div class="container pb-5"><!--[42]-->

                    <h2 class="spanborder h4 mt-5" 092 style="margin-top:15px !important; font-size: 2.1em; color: color(srgb 0 0 0);">
        
            <a href="/explore/world-affairs/" class="carousel-title-link" style="font-size: 23.234px;" data-fixed="true"><strong 5435><span style='font-size:1.312em;'>World Affairs</span></strong><span class="arrow">›</span></a>          

        </h2>

        <div class="row justify-content-center" style="margin-top: -20.201px;"><!--[41]-->

            <!-- Left Column (1st post) -->
            <div class="col-sm-12 col-md-4 col-xl-4"><!--[40]-->
                                
                
    <div class="mt-3 mt-md-0 card border-0 mb-4 postbox_style2"><!--[CARD]-->

            
        <!--<div class="col-4 col-md-4 pe-3">-->
                
                    <a href="https://islamicity.org/107273/helping-hand-for-relief-and-development-plans-winter-relief-for-2000-families-in-gaza/">
                                                    <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/11/HHRDD.png&w=497&h=279&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/11/HHRDD.png&w=497&h=279&q=100&zc=1"
            class="lazyload 0"
            width="497"
            height="279"
            alt="Helping Hand for Relief and Development Plans Winter Relief for 2,000 Families in Gaza"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
                                                </a>
                
        <!--</div>-->

        <div class="card-body ps-0 pe-0 pb-0" ><!--[CARD-BODY]-->
            <h2 class="h4">
                                <a class="text-dark" href="https://islamicity.org/107273/helping-hand-for-relief-and-development-plans-winter-relief-for-2000-families-in-gaza/">
                    Helping Hand for Relief and Development Plans Winter Relief for 2,000 Families in Gaza                                    </a>
            </h2>

            
                
            
            
                            <div class="d-flex align-items-center" style="font-size:small;"><!--[META]-->

                    <small class="text-muted">

                                                    <div style="height:3px;"></div>
                            By                             <a class="text-capitalize dark-links" href="/by/blerta-kosumi/">Blerta Kosumi</a>
                                                

                        
                        on

                                                    <span class="thecatlinks text-dark">
                                <a href="/topics/charity" rel="category tag">
                                    Charity 
                                </a>
                            </span>
                                                    

                        
                    </small>
                </div><!--[META]-->
                
        </div><!--[CARD-BODY]-->
    </div><!--[CARD]-->
        


    <div class="mt-3 mt-md-0 card border-0 mb-4 postbox_style2"><!--[CARD]-->

            
        <!--<div class="col-4 col-md-4 pe-3">-->
                
                    <a href="https://islamicity.org/107269/worldwide-hunger-underlying-causes-to-overcome-and-how-to-reduce-food-waste/">
                                                    <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/10/Hopeful-Hunger-Relief-ero.png&w=497&h=279&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/10/Hopeful-Hunger-Relief-ero.png&w=497&h=279&q=100&zc=1"
            class="lazyload 0"
            width="497"
            height="279"
            alt="Worldwide Hunger, Underlying causes to overcome, and how to reduce food Waste"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
                                                </a>
                
        <!--</div>-->

        <div class="card-body ps-0 pe-0 pb-0" ><!--[CARD-BODY]-->
            <h2 class="h4">
                                <a class="text-dark" href="https://islamicity.org/107269/worldwide-hunger-underlying-causes-to-overcome-and-how-to-reduce-food-waste/">
                    Worldwide Hunger, Underlying causes to overcome, and how to reduce food Waste                                    </a>
            </h2>

            
                
            
            
                            <div class="d-flex align-items-center" style="font-size:small;"><!--[META]-->

                    <small class="text-muted">

                                                    <div style="height:3px;"></div>
                            By                             <a class="text-capitalize dark-links" href="/by/siraj-islam-mufti/">Siraj Islam Mufti</a>
                                                

                        
                        on

                                                    <span class="thecatlinks text-dark">
                                <a href="/topics/hunger" rel="category tag">
                                    Hunger 
                                </a>
                            </span>
                                                    

                        
                    </small>
                </div><!--[META]-->
                
        </div><!--[CARD-BODY]-->
    </div><!--[CARD]-->
        

            

                
            </div><!--[40]-->
            

            <!-- Middle Column (posts 2-5) -->
            <div class="col-sm-12 col-md-4 col-xl-5"><!--[39]-->
                        <div class="mt-3 mt-md-0 mb-3 d-flex post_box_style3">
            <div class="col-4 col-md-4 pe-3">
                
                <a href="https://islamicity.org/101738/materialism-the-ultimate-evil/">
                    
                        <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2024/05/Materialism-is-evil.jpg&w=497&h=279&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2024/05/Materialism-is-evil.jpg&w=497&h=279&q=100&zc=1"
            class="lazyload 0"
            width="497"
            height="279"
            alt="The Golden Cage: How Materialism Enslaves Humanity"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
                        
                </a>
            
            </div>
            <div style="font-size:small;">
                <h2 class="mb-2 h6" style="font-size:1.342em;">
                    
                    <a class="text-dark" href="https://islamicity.org/101738/materialism-the-ultimate-evil/">
                        The Golden Cage: How Materialism Enslaves Humanity  <sup 67k style="top:0.2em;"></sup>
                    </a>
                </h2>
                <div>
                    <small class="d-block text-muted">
                        <a class="text-capitalize dark-links" href="/by/spahic-omer/">
                            
                                <div class="mhkStandoutAuthorInBlahBlahArea"></div>
                                Spahic Omer                            
                        </a>
                        on
                        <span class="thecatlinks text-dark">
                            <a href="/topics/materialism" rel="category tag">
                                Materialism 
                            </a>
                        </span>
                        
                    </small>
                    
                </div>
            </div>
        </div>
            <div class="mt-3 mt-md-0 mb-3 d-flex post_box_style3">
            <div class="col-4 col-md-4 pe-3">
                
                <a href="https://islamicity.org/107233/islams-approach-to-science/">
                    
                        <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/10/science.png&w=497&h=279&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/10/science.png&w=497&h=279&q=100&zc=1"
            class="lazyload 0"
            width="497"
            height="279"
            alt="Islam's Approach to Science"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
                        
                </a>
            
            </div>
            <div style="font-size:small;">
                <h2 class="mb-2 h6" style="font-size:1.342em;">
                    
                    <a class="text-dark" href="https://islamicity.org/107233/islams-approach-to-science/">
                        Islam's Approach to Science  <sup 67k style="top:0.2em;"></sup>
                    </a>
                </h2>
                <div>
                    <small class="d-block text-muted">
                        <a class="text-capitalize dark-links" href="/by/zin-eddine-dadach/">
                            
                                <div class="mhkStandoutAuthorInBlahBlahArea"></div>
                                Zin Eddine Dadach                            
                        </a>
                        on
                        <span class="thecatlinks text-dark">
                            <a href="/topics/science-and-religion" rel="category tag">
                                Science And Religion 
                            </a>
                        </span>
                        
                    </small>
                    
                </div>
            </div>
        </div>
            <div class="mt-3 mt-md-0 mb-3 d-flex post_box_style3">
            <div class="col-4 col-md-4 pe-3">
                
                <a href="https://islamicity.org/107236/artificial-intelligence-its-multifarious-uses-and-warnings-about-risks-to-humanity/">
                    
                        <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/10/AI.png&w=497&h=279&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/10/AI.png&w=497&h=279&q=100&zc=1"
            class="lazyload 0"
            width="497"
            height="279"
            alt="Artificial Intelligence, its multifarious uses and warnings about risks to humanity"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
                        
                </a>
            
            </div>
            <div style="font-size:small;">
                <h2 class="mb-2 h6" style="font-size:1.342em;">
                    
                    <a class="text-dark" href="https://islamicity.org/107236/artificial-intelligence-its-multifarious-uses-and-warnings-about-risks-to-humanity/">
                        Artificial Intelligence, its multifarious uses and warnings about risks to humanity  <sup 67k style="top:0.2em;"></sup>
                    </a>
                </h2>
                <div>
                    <small class="d-block text-muted">
                        <a class="text-capitalize dark-links" href="/by/siraj-islam-mufti/">
                            
                                <div class="mhkStandoutAuthorInBlahBlahArea"></div>
                                Siraj Islam Mufti                            
                        </a>
                        on
                        <span class="thecatlinks text-dark">
                            <a href="/topics/artificial-intelligence" rel="category tag">
                                Artificial Intelligence 
                            </a>
                        </span>
                        
                    </small>
                    
                </div>
            </div>
        </div>
            <div class="mt-3 mt-md-0 mb-3 d-flex post_box_style3">
            <div class="col-4 col-md-4 pe-3">
                
                <a href="https://islamicity.org/107226/the-country-under-critical-lense-exposes-power-grab-and-corruption/">
                    
                        <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/10/pakistan-map.png&w=497&h=279&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/10/pakistan-map.png&w=497&h=279&q=100&zc=1"
            class="lazyload 0"
            width="497"
            height="279"
            alt="The Country under Critical Lens exposes Power Grab and Corruption"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
                        
                </a>
            
            </div>
            <div style="font-size:small;">
                <h2 class="mb-2 h6" style="font-size:1.342em;">
                    
                    <a class="text-dark" href="https://islamicity.org/107226/the-country-under-critical-lense-exposes-power-grab-and-corruption/">
                        The Country under Critical Lens exposes Power Grab and Corruption  <sup 67k style="top:0.2em;"></sup>
                    </a>
                </h2>
                <div>
                    <small class="d-block text-muted">
                        <a class="text-capitalize dark-links" href="/by/mahboob-khawaja/">
                            
                                <div class="mhkStandoutAuthorInBlahBlahArea"></div>
                                Mahboob Khawaja                            
                        </a>
                        on
                        <span class="thecatlinks text-dark">
                            <a href="/topics/pakistan" rel="category tag">
                                Pakistan 
                            </a>
                        </span>
                        
                    </small>
                    
                </div>
            </div>
        </div>
                </div><!--[39]-->

            <!-- Right Column (posts 6-7) -->
            <div class="col-sm-12 col-md-4 col-xl-3"><!--[38]-->
                
    <div class="mt-3 mt-md-0 card border-0 mb-4 postbox_style2"><!--[CARD]-->

            
        <!--<div class="col-4 col-md-4 pe-3">-->
                
                    <a href="https://islamicity.org/107229/palestine-a-peoples-endurance-struggle-and-hope/">
                                                    <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/10/Palestinian-Resilience-at-Sunset.png&w=497&h=279&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/10/Palestinian-Resilience-at-Sunset.png&w=497&h=279&q=100&zc=1"
            class="lazyload 0"
            width="497"
            height="279"
            alt="Palestine: A People’s Endurance, Struggle and Hope"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
                                                </a>
                
        <!--</div>-->

        <div class="card-body ps-0 pe-0 pb-0" ><!--[CARD-BODY]-->
            <h2 class="h4">
                                <a class="text-dark" href="https://islamicity.org/107229/palestine-a-peoples-endurance-struggle-and-hope/">
                    Palestine: A People’s Endurance, Struggle and Hope                                    </a>
            </h2>

            
                
            
            
                            <div class="d-flex align-items-center" style="font-size:small;"><!--[META]-->

                    <small class="text-muted">

                                                    <div style="height:3px;"></div>
                            By                             <a class="text-capitalize dark-links" href="/by/mohd-abbas-abdul-razak/">Mohd Abbas Abdul Razak</a>
                                                

                        
                        on

                                                    <span class="thecatlinks text-dark">
                                <a href="/topics/israel-palestine-conflict" rel="category tag">
                                    Israel–palestine Conflict 
                                </a>
                            </span>
                                                    

                        
                    </small>
                </div><!--[META]-->
                
        </div><!--[CARD-BODY]-->
    </div><!--[CARD]-->
        


    <div class="mt-3 mt-md-0 card border-0 mb-4 postbox_style2"><!--[CARD]-->

            
        <!--<div class="col-4 col-md-4 pe-3">-->
                
                    <a href="https://islamicity.org/107199/naza-film-on-gaza-genocide-wins-venice-special-jury-prize-israel-threatens-directors-citizenship/">
                                                    <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://img.youtube.com/vi/GY79iZahszU/maxresdefault.jpg&w=497&h=279&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://img.youtube.com/vi/GY79iZahszU/maxresdefault.jpg&w=497&h=279&q=100&zc=1"
            class="lazyload 0"
            width="497"
            height="279"
            alt="Naza Film on Gaza Genocide Wins Venice Special Jury Prize - Israel Threatens Directors Citizenship"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
                                                </a>
                
        <!--</div>-->

        <div class="card-body ps-0 pe-0 pb-0" ><!--[CARD-BODY]-->
            <h2 class="h4">
                                <a class="text-dark" href="https://islamicity.org/107199/naza-film-on-gaza-genocide-wins-venice-special-jury-prize-israel-threatens-directors-citizenship/">
                    Naza Film on Gaza Genocide Wins Venice Special Jury Prize - Israel Threatens Directors Citizenship                    <sup 45c style="top:0.5em;"><i class="bi bi-youtube theIcon"></i></sup>                </a>
            </h2>

            
                
            
            
                            <div class="d-flex align-items-center" style="font-size:small;"><!--[META]-->

                    <small class="text-muted">

                                                    <div style="height:3px;"></div>
                            Source:                             <a class="text-capitalize dark-links" href="/source/democracy-now/">Democracy Now</a>
                                                

                        
                        on

                                                    <span class="thecatlinks text-dark">
                                <a href="/topics/gaza" rel="category tag">
                                    Gaza 
                                </a>
                            </span>
                                                    

                        
                    </small>
                </div><!--[META]-->
                
        </div><!--[CARD-BODY]-->
    </div><!--[CARD]-->
        

            </div><!--[38]-->
        </div><!--[41]-->
    </div><!--[42]-->
</div><!--[43]-->
                </div>

                <div class="alternatingColors alternatingDark" style="">                <div class="alignfullincol position-relative">
                <div class="container pb-5">
                    
                <div class="container pb-5">
    <h2 class="spanborder h4 mt-5" 092="" style="margin-top:15px !important;font-size: 2.1em;color: color(srgb 0 0 0);margin-bottom: -13px;">
        
            <a href="https://news.islamicity.org/?utm_source=frontpage&amp;utm_medium=web" class="carousel-title-link" style="font-size: 23.234px;" data-fixed="true">
              <strong 5435=""><span style="font-size:1.312em;">News</span></strong>
              <span class="arrow">&#8250;</span>
            </a>          
        </h2>

<div class="islamicity-trending" style="max-width:1250px;background:#f3f3f3;font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','Segoe UI',Roboto,Helvetica,Arial,sans-serif;">
  <div style="display:flex;gap:32px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:16px;padding:16px;box-sizing:border-box;-webkit-overflow-scrolling:touch;scrollbar-width:none;">
    <div style="flex:0 1 min(85%,400px);min-width:min(80%,300px);display:flex;flex-direction:column;gap:28px;scroll-snap-align:start;">
      <a href="https://news.islamicity.org/article/cmw3qm9mu00175ilzxjmcg8a7" target="_blank" rel="noopener" style="display:block;text-decoration:none;">
        <span style="display:block;color:#757575;font-size:11px;line-height:1.3;margin-bottom:3px;">arabnews.com</span>
        <span style="display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#7b5114;font-size:17px;font-weight:700;line-height:1.2;letter-spacing:-0.01em;">Israel extends detention of Palestinian journalist accused of &#8216;contacting foreign agent&#8217;</span>
      </a>
      <a href="https://news.islamicity.org/article/cmw3qma5j00185ilzvzksbcnn" target="_blank" rel="noopener" style="display:block;text-decoration:none;">
        <span style="display:block;color:#757575;font-size:11px;line-height:1.3;margin-bottom:3px;">arabnews.com</span>
        <span style="display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#7b5114;font-size:17px;font-weight:700;line-height:1.2;letter-spacing:-0.01em;">Handicrafts program for women launched in AlUla</span>
      </a>
      <a href="https://news.islamicity.org/article/cmw3qmao900195ilzb1xmi591" target="_blank" rel="noopener" style="display:block;text-decoration:none;">
        <span style="display:block;color:#757575;font-size:11px;line-height:1.3;margin-bottom:3px;">arabnews.com</span>
        <span style="display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#7b5114;font-size:17px;font-weight:700;line-height:1.2;letter-spacing:-0.01em;">Taibah University ranks 84th in Times rankings</span>
      </a>
    </div>
    <div style="flex:0 1 min(85%,400px);min-width:min(80%,300px);display:flex;flex-direction:column;gap:28px;scroll-snap-align:start;">
      <a href="https://news.islamicity.org/article/cmw3qmb6w001a5ilzs6dtdyzs" target="_blank" rel="noopener" style="display:block;text-decoration:none;">
        <span style="display:block;color:#757575;font-size:11px;line-height:1.3;margin-bottom:3px;">arabnews.com</span>
        <span style="display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#7b5114;font-size:17px;font-weight:700;line-height:1.2;letter-spacing:-0.01em;">Five western countries back Lebanon&#8217;s state monopoly on arms, urge MPs and parties to follow suit</span>
      </a>
      <a href="https://news.islamicity.org/article/cmw3qmbph001b5ilz3z5hjf95" target="_blank" rel="noopener" style="display:block;text-decoration:none;">
        <span style="display:block;color:#757575;font-size:11px;line-height:1.3;margin-bottom:3px;">arabnews.com</span>
        <span style="display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#7b5114;font-size:17px;font-weight:700;line-height:1.2;letter-spacing:-0.01em;">Israeli far-right minister orders shutdown of Palestinian sports club in old Jerusalem</span>
      </a>
      <a href="https://news.islamicity.org/article/cmw3qmc86001c5ilzyxqe9ktk" target="_blank" rel="noopener" style="display:block;text-decoration:none;">
        <span style="display:block;color:#757575;font-size:11px;line-height:1.3;margin-bottom:3px;">arabnews.com</span>
        <span style="display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#7b5114;font-size:17px;font-weight:700;line-height:1.2;letter-spacing:-0.01em;">In a frontline Lebanese orphanage, girls strive for a normal life</span>
      </a>
    </div>
    <div style="flex:0 1 min(85%,400px);min-width:min(80%,300px);display:flex;flex-direction:column;gap:28px;scroll-snap-align:start;">
      <a href="https://news.islamicity.org/article/cmw3qlrea00085ilz08x4n9of" target="_blank" rel="noopener" style="display:block;text-decoration:none;">
        <span style="display:block;color:#757575;font-size:11px;line-height:1.3;margin-bottom:3px;">middleeastmonitor.com</span>
        <span style="display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#7b5114;font-size:17px;font-weight:700;line-height:1.2;letter-spacing:-0.01em;">Israeli army demolishes 5 Palestinian homes near Jerusalem, displacing over 20</span>
      </a>
      <a href="https://news.islamicity.org/article/cmw3qmrl700265ilz1f98ilrn" target="_blank" rel="noopener" style="display:block;text-decoration:none;">
        <span style="display:block;color:#757575;font-size:11px;line-height:1.3;margin-bottom:3px;">en.antaranews.com</span>
        <span style="display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#7b5114;font-size:17px;font-weight:700;line-height:1.2;letter-spacing:-0.01em;">El Ni&#65533;o could delay Indonesia&#x27;s rice harvest, raising Eid supply risk</span>
      </a>
      <a href="https://news.islamicity.org/article/cmw3qmkiy001s5ilzd8dphaxd" target="_blank" rel="noopener" style="display:block;text-decoration:none;">
        <span style="display:block;color:#757575;font-size:11px;line-height:1.3;margin-bottom:3px;">premiumtimesng.com</span>
        <span style="display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#7b5114;font-size:17px;font-weight:700;line-height:1.2;letter-spacing:-0.01em;">Nigeria to partner with AES countries to reposition MNJTF</span>
      </a>
    </div>
  </div>
</div>

</div>
                </div>
                </div>
            </div>                 






            
            <div class="alternatingColors alternatingLite" style="">                


<div class="alignfullincol position-relative"><!--[43]-->
    <div class="container pb-5"><!--[42]-->

                    <h2 class="spanborder h4 mt-5" 092 style="margin-top:15px !important; font-size: 2.1em; color: color(srgb 0 0 0);">
        
            <a href="/explore/faith/" class="carousel-title-link" style="font-size: 23.234px;" data-fixed="true"><strong 5435><span style='font-size:1.312em;'>Faith & Spirituality</span></strong><span class="arrow">›</span></a>          

        </h2>

        <div class="row justify-content-center" style="margin-top: -20.201px;"><!--[41]-->

            <!-- Left Column (1st post) -->
            <div class="col-sm-12 col-md-4 col-xl-4"><!--[40]-->
                                
                
    <div class="mt-3 mt-md-0 card border-0 mb-4 postbox_style2"><!--[CARD]-->

            
        <!--<div class="col-4 col-md-4 pe-3">-->
                
                    <a href="https://islamicity.org/3773/the-man-who-committed-99-murders/">
                                                    <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/11/Old-and-new-life.jpg&w=497&h=279&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/11/Old-and-new-life.jpg&w=497&h=279&q=100&zc=1"
            class="lazyload 0"
            width="497"
            height="279"
            alt="The man who committed 99 murders - A Story of Repentance and Allah's Mercy"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
                                                </a>
                
        <!--</div>-->

        <div class="card-body ps-0 pe-0 pb-0" ><!--[CARD-BODY]-->
            <h2 class="h4">
                                <a class="text-dark" href="https://islamicity.org/3773/the-man-who-committed-99-murders/">
                    The man who committed 99 murders - A Story of Repentance and Allah's Mercy                                    </a>
            </h2>

            
                
            
            
                            <div class="d-flex align-items-center" style="font-size:small;"><!--[META]-->

                    <small class="text-muted">

                                                    <div style="height:3px;"></div>
                            By                             <a class="text-capitalize dark-links" href="/by/majd-arbil/">Majd Arbil</a>
                                                

                        
                        on

                                                    <span class="thecatlinks text-dark">
                                <a href="/topics/tawbah-repentance" rel="category tag">
                                    Tawbah (Repentance) 
                                </a>
                            </span>
                                                    

                        
                    </small>
                </div><!--[META]-->
                
        </div><!--[CARD-BODY]-->
    </div><!--[CARD]-->
        


    <div class="mt-3 mt-md-0 card border-0 mb-4 postbox_style2"><!--[CARD]-->

            
        <!--<div class="col-4 col-md-4 pe-3">-->
                
                    <a href="https://islamicity.org/106716/a-manifesto-for-the-muslim-world/">
                                                    <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/05/A-Manifesto-for-the-Muslim-World.png&w=497&h=279&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/05/A-Manifesto-for-the-Muslim-World.png&w=497&h=279&q=100&zc=1"
            class="lazyload 0"
            width="497"
            height="279"
            alt="A Manifesto for the Muslim World"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
                                                </a>
                
        <!--</div>-->

        <div class="card-body ps-0 pe-0 pb-0" ><!--[CARD-BODY]-->
            <h2 class="h4">
                                <a class="text-dark" href="https://islamicity.org/106716/a-manifesto-for-the-muslim-world/">
                    A Manifesto for the Muslim World                                    </a>
            </h2>

            
                
            
            
                            <div class="d-flex align-items-center" style="font-size:small;"><!--[META]-->

                    <small class="text-muted">

                                                    <div style="height:3px;"></div>
                            By                             <a class="text-capitalize dark-links" href="/by/aadil-farook/">Aadil Farook</a>
                                                

                        
                        on

                                                    <span class="thecatlinks text-dark">
                                <a href="/topics/muslim" rel="category tag">
                                    Muslim 
                                </a>
                            </span>
                                                    

                        
                    </small>
                </div><!--[META]-->
                
        </div><!--[CARD-BODY]-->
    </div><!--[CARD]-->
        

            

                
            </div><!--[40]-->
            

            <!-- Middle Column (posts 2-5) -->
            <div class="col-sm-12 col-md-4 col-xl-5"><!--[39]-->
                        <div class="mt-3 mt-md-0 mb-3 d-flex post_box_style3">
            <div class="col-4 col-md-4 pe-3">
                
                <a href="https://islamicity.org/106765/makkah-from-unburdening-to-healing/">
                    
                        <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/06/makkahh.png&w=497&h=279&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/06/makkahh.png&w=497&h=279&q=100&zc=1"
            class="lazyload 0"
            width="497"
            height="279"
            alt="Makkah: From Unburdening to Healing"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
                        
                </a>
            
            </div>
            <div style="font-size:small;">
                <h2 class="mb-2 h6" style="font-size:1.342em;">
                    
                    <a class="text-dark" href="https://islamicity.org/106765/makkah-from-unburdening-to-healing/">
                        Makkah: From Unburdening to Healing  <sup 67k style="top:0.2em;"></sup>
                    </a>
                </h2>
                <div>
                    <small class="d-block text-muted">
                        <a class="text-capitalize dark-links" href="/by/spahic-omer/">
                            
                                <div class="mhkStandoutAuthorInBlahBlahArea"></div>
                                Spahic Omer                            
                        </a>
                        on
                        <span class="thecatlinks text-dark">
                            <a href="/topics/makkah-mecca" rel="category tag">
                                Makkah (Mecca) 
                            </a>
                        </span>
                        
                    </small>
                    
                </div>
            </div>
        </div>
            <div class="mt-3 mt-md-0 mb-3 d-flex post_box_style3">
            <div class="col-4 col-md-4 pe-3">
                
                <a href="https://islamicity.org/107276/why-sincere-tawbah-wont-erase-this-one-sin/">
                    
                        <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://img.youtube.com/vi/SwQ_f4_VapQ/maxresdefault.jpg&w=497&h=279&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://img.youtube.com/vi/SwQ_f4_VapQ/maxresdefault.jpg&w=497&h=279&q=100&zc=1"
            class="lazyload 0"
            width="497"
            height="279"
            alt="Why Sincere Tawbah Won’t Erase This One Sin?"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
                        
                </a>
            
            </div>
            <div style="font-size:small;">
                <h2 class="mb-2 h6" style="font-size:1.342em;">
                    
                    <a class="text-dark" href="https://islamicity.org/107276/why-sincere-tawbah-wont-erase-this-one-sin/">
                        Why Sincere Tawbah Won’t Erase This One Sin?  <sup 67k style="top:0.2em;"><i class="bi bi-youtube theIcon"></i></sup>
                    </a>
                </h2>
                <div>
                    <small class="d-block text-muted">
                        <a class="text-capitalize dark-links" href="/by/belal-assaad/">
                            
                                <div class="mhkStandoutAuthorInBlahBlahArea"></div>
                                Belal Assaad                            
                        </a>
                        on
                        <span class="thecatlinks text-dark">
                            <a href="/topics/tawbah-repentance" rel="category tag">
                                Tawbah (Repentance) 
                            </a>
                        </span>
                        
                    </small>
                    
                </div>
            </div>
        </div>
            <div class="mt-3 mt-md-0 mb-3 d-flex post_box_style3">
            <div class="col-4 col-md-4 pe-3">
                
                <a href="https://islamicity.org/107277/this-umrah-trip-saved-his-life/">
                    
                        <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://img.youtube.com/vi/tD_QjlzcYVI/maxresdefault.jpg&w=497&h=279&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://img.youtube.com/vi/tD_QjlzcYVI/maxresdefault.jpg&w=497&h=279&q=100&zc=1"
            class="lazyload 0"
            width="497"
            height="279"
            alt="This Umrah Trip Saved His Life"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
                        
                </a>
            
            </div>
            <div style="font-size:small;">
                <h2 class="mb-2 h6" style="font-size:1.342em;">
                    
                    <a class="text-dark" href="https://islamicity.org/107277/this-umrah-trip-saved-his-life/">
                        This Umrah Trip Saved His Life  <sup 67k style="top:0.2em;"><i class="bi bi-youtube theIcon"></i></sup>
                    </a>
                </h2>
                <div>
                    <small class="d-block text-muted">
                        <a class="text-capitalize dark-links" href="/source/the-revert-umrah/">
                            
                                <div class="mhkStandoutAuthorInBlahBlahArea"></div>
                                The Revert Umrah                            
                        </a>
                        on
                        <span class="thecatlinks text-dark">
                            <a href="/topics/umrah" rel="category tag">
                                Umrah 
                            </a>
                        </span>
                        
                    </small>
                    
                </div>
            </div>
        </div>
            <div class="mt-3 mt-md-0 mb-3 d-flex post_box_style3">
            <div class="col-4 col-md-4 pe-3">
                
                <a href="https://islamicity.org/107275/99-for-muslims-and-one-silent-from-yhvh/">
                    
                        <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/11/interfaith.png&w=497&h=279&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/11/interfaith.png&w=497&h=279&q=100&zc=1"
            class="lazyload 0"
            width="497"
            height="279"
            alt="99 For Muslims and One Silent From YHVH"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
                        
                </a>
            
            </div>
            <div style="font-size:small;">
                <h2 class="mb-2 h6" style="font-size:1.342em;">
                    
                    <a class="text-dark" href="https://islamicity.org/107275/99-for-muslims-and-one-silent-from-yhvh/">
                        99 For Muslims and One Silent From YHVH  <sup 67k style="top:0.2em;"></sup>
                    </a>
                </h2>
                <div>
                    <small class="d-block text-muted">
                        <a class="text-capitalize dark-links" href="/by/rabbi-allen-s-maller/">
                            
                                <div class="mhkStandoutAuthorInBlahBlahArea"></div>
                                Rabbi Allen S. Maller                            
                        </a>
                        on
                        <span class="thecatlinks text-dark">
                            <a href="/topics/interfaith" rel="category tag">
                                Interfaith 
                            </a>
                        </span>
                        
                    </small>
                    
                </div>
            </div>
        </div>
                </div><!--[39]-->

            <!-- Right Column (posts 6-7) -->
            <div class="col-sm-12 col-md-4 col-xl-3"><!--[38]-->
                
    <div class="mt-3 mt-md-0 card border-0 mb-4 postbox_style2"><!--[CARD]-->

            
        <!--<div class="col-4 col-md-4 pe-3">-->
                
                    <a href="https://islamicity.org/107243/only-3-of-the-quran-is-rules-so-why-do-we-teach-islam-like-this/">
                                                    <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://img.youtube.com/vi/nHM1FD0kKrY/maxresdefault.jpg&w=497&h=279&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://img.youtube.com/vi/nHM1FD0kKrY/maxresdefault.jpg&w=497&h=279&q=100&zc=1"
            class="lazyload 0"
            width="497"
            height="279"
            alt="Only 3% of the Quran Is Rules — So Why Do We Teach Islam Like This?"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
                                                </a>
                
        <!--</div>-->

        <div class="card-body ps-0 pe-0 pb-0" ><!--[CARD-BODY]-->
            <h2 class="h4">
                                <a class="text-dark" href="https://islamicity.org/107243/only-3-of-the-quran-is-rules-so-why-do-we-teach-islam-like-this/">
                    Only 3% of the Quran Is Rules — So Why Do We Teach Islam Like This?                    <sup 45c style="top:0.5em;"><i class="bi bi-youtube theIcon"></i></sup>                </a>
            </h2>

            
                
            
            
                            <div class="d-flex align-items-center" style="font-size:small;"><!--[META]-->

                    <small class="text-muted">

                                                    <div style="height:3px;"></div>
                            Source:                             <a class="text-capitalize dark-links" href="/source/sabr-network/">Sabr Network</a>
                                                

                        
                        on

                                                    <span class="thecatlinks text-dark">
                                <a href="/topics/quran" rel="category tag">
                                    Quran 
                                </a>
                            </span>
                                                    

                        
                    </small>
                </div><!--[META]-->
                
        </div><!--[CARD-BODY]-->
    </div><!--[CARD]-->
        


    <div class="mt-3 mt-md-0 card border-0 mb-4 postbox_style2"><!--[CARD]-->

            
        <!--<div class="col-4 col-md-4 pe-3">-->
                
                    <a href="https://islamicity.org/107270/legends-lies-and-aliens-islams-response-to-historical-confusion/">
                                                    <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/10/Golden-Library-of-Ancient-Wisdom.png&w=497&h=279&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/10/Golden-Library-of-Ancient-Wisdom.png&w=497&h=279&q=100&zc=1"
            class="lazyload 0"
            width="497"
            height="279"
            alt="Legends, Lies and Aliens: Islam’s Response to Historical Confusion"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
                                                </a>
                
        <!--</div>-->

        <div class="card-body ps-0 pe-0 pb-0" ><!--[CARD-BODY]-->
            <h2 class="h4">
                                <a class="text-dark" href="https://islamicity.org/107270/legends-lies-and-aliens-islams-response-to-historical-confusion/">
                    Legends, Lies and Aliens: Islam’s Response to Historical Confusion                                    </a>
            </h2>

            
                
            
            
                            <div class="d-flex align-items-center" style="font-size:small;"><!--[META]-->

                    <small class="text-muted">

                                                    <div style="height:3px;"></div>
                            By                             <a class="text-capitalize dark-links" href="/by/spahic-omer/">Spahic Omer</a>
                                                

                        
                        on

                                                    <span class="thecatlinks text-dark">
                                <a href="/topics/muslim" rel="category tag">
                                    Muslim 
                                </a>
                            </span>
                                                    

                        
                    </small>
                </div><!--[META]-->
                
        </div><!--[CARD-BODY]-->
    </div><!--[CARD]-->
        

            </div><!--[38]-->
        </div><!--[41]-->
    </div><!--[42]-->
</div><!--[43]-->
            </div>


            
            <div class="alternatingColors alternatingDark" style="">                                


<div class="alignfullincol position-relative"><!--[43]-->
    <div class="container pb-5"><!--[42]-->

                    <h2 class="spanborder h4 mt-5" 092 style="margin-top:15px !important; font-size: 2.1em; color: color(srgb 0 0 0);">
        
            <a href="/explore/life/" class="carousel-title-link" style="font-size: 23.234px;" data-fixed="true"><strong 5435><span style='font-size:1.312em;'>Life & Society</span></strong><span class="arrow">›</span></a>          

        </h2>

        <div class="row justify-content-center" style="margin-top: -20.201px;"><!--[41]-->

            <!-- Left Column (1st post) -->
            <div class="col-sm-12 col-md-4 col-xl-4"><!--[40]-->
                                
                
    <div class="mt-3 mt-md-0 card border-0 mb-4 postbox_style2"><!--[CARD]-->

            
        <!--<div class="col-4 col-md-4 pe-3">-->
                
                    <a href="https://islamicity.org/107260/islam-a-universal-philosophy-of-life-for-humanity/">
                                                    <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/10/Global-Harmony-at-Sunrise.png&w=497&h=279&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/10/Global-Harmony-at-Sunrise.png&w=497&h=279&q=100&zc=1"
            class="lazyload 0"
            width="497"
            height="279"
            alt="Islam: A Universal Philosophy of Life for Humanity"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
                                                </a>
                
        <!--</div>-->

        <div class="card-body ps-0 pe-0 pb-0" ><!--[CARD-BODY]-->
            <h2 class="h4">
                                <a class="text-dark" href="https://islamicity.org/107260/islam-a-universal-philosophy-of-life-for-humanity/">
                    Islam: A Universal Philosophy of Life for Humanity                                    </a>
            </h2>

            
                
            
            
                            <div class="d-flex align-items-center" style="font-size:small;"><!--[META]-->

                    <small class="text-muted">

                                                    <div style="height:3px;"></div>
                            By                             <a class="text-capitalize dark-links" href="/by/mohd-abbas-abdul-razak/">Mohd Abbas Abdul Razak</a>
                                                

                        
                        on

                                                    <span class="thecatlinks text-dark">
                                <a href="/topics/islam" rel="category tag">
                                    Islam 
                                </a>
                            </span>
                                                    

                        
                    </small>
                </div><!--[META]-->
                
        </div><!--[CARD-BODY]-->
    </div><!--[CARD]-->
        


    <div class="mt-3 mt-md-0 card border-0 mb-4 postbox_style2"><!--[CARD]-->

            
        <!--<div class="col-4 col-md-4 pe-3">-->
                
                    <a href="https://islamicity.org/107241/helping-hand-for-relief-and-development-responds-to-panama-earthquake/">
                                                    <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/10/Panama.png&w=497&h=279&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/10/Panama.png&w=497&h=279&q=100&zc=1"
            class="lazyload 0"
            width="497"
            height="279"
            alt="Helping Hand for Relief and Development Responds to Panama Earthquake"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
                                                </a>
                
        <!--</div>-->

        <div class="card-body ps-0 pe-0 pb-0" ><!--[CARD-BODY]-->
            <h2 class="h4">
                                <a class="text-dark" href="https://islamicity.org/107241/helping-hand-for-relief-and-development-responds-to-panama-earthquake/">
                    Helping Hand for Relief and Development Responds to Panama Earthquake                                    </a>
            </h2>

            
                
            
            
                            <div class="d-flex align-items-center" style="font-size:small;"><!--[META]-->

                    <small class="text-muted">

                                                    <div style="height:3px;"></div>
                            By                             <a class="text-capitalize dark-links" href="/by/blerta-kosumi/">Blerta Kosumi</a>
                                                

                        
                        on

                                                    <span class="thecatlinks text-dark">
                                <a href="/topics/earthquakes" rel="category tag">
                                    Earthquakes 
                                </a>
                            </span>
                                                    

                        
                    </small>
                </div><!--[META]-->
                
        </div><!--[CARD-BODY]-->
    </div><!--[CARD]-->
        

            

                
            </div><!--[40]-->
            

            <!-- Middle Column (posts 2-5) -->
            <div class="col-sm-12 col-md-4 col-xl-5"><!--[39]-->
                        <div class="mt-3 mt-md-0 mb-3 d-flex post_box_style3">
            <div class="col-4 col-md-4 pe-3">
                
                <a href="https://islamicity.org/107237/islamic-scripture-hall-education-in-china/">
                    
                        <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/10/china-education.png&w=497&h=279&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/10/china-education.png&w=497&h=279&q=100&zc=1"
            class="lazyload 0"
            width="497"
            height="279"
            alt="Islamic Scripture Hall Education in China"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
                        
                </a>
            
            </div>
            <div style="font-size:small;">
                <h2 class="mb-2 h6" style="font-size:1.342em;">
                    
                    <a class="text-dark" href="https://islamicity.org/107237/islamic-scripture-hall-education-in-china/">
                        Islamic Scripture Hall Education in China  <sup 67k style="top:0.2em;"></sup>
                    </a>
                </h2>
                <div>
                    <small class="d-block text-muted">
                        <a class="text-capitalize dark-links" href="/by/mai-jianjun/">
                            
                                <div class="mhkStandoutAuthorInBlahBlahArea"></div>
                                Mai Jianjun                            
                        </a>
                        on
                        <span class="thecatlinks text-dark">
                            <a href="/topics/education" rel="category tag">
                                Education 
                            </a>
                        </span>
                        
                    </small>
                    
                </div>
            </div>
        </div>
            <div class="mt-3 mt-md-0 mb-3 d-flex post_box_style3">
            <div class="col-4 col-md-4 pe-3">
                
                <a href="https://islamicity.org/107225/shura-council-and-islamicity-academy-launch-education-partnership/">
                    
                        <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/10/ICA-ISCSC-PR.png&w=497&h=279&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/10/ICA-ISCSC-PR.png&w=497&h=279&q=100&zc=1"
            class="lazyload 0"
            width="497"
            height="279"
            alt="Shura Council and IslamiCity Academy Launch Education Partnership"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
                        
                </a>
            
            </div>
            <div style="font-size:small;">
                <h2 class="mb-2 h6" style="font-size:1.342em;">
                    
                    <a class="text-dark" href="https://islamicity.org/107225/shura-council-and-islamicity-academy-launch-education-partnership/">
                        Shura Council and IslamiCity Academy Launch Education Partnership  <sup 67k style="top:0.2em;"></sup>
                    </a>
                </h2>
                <div>
                    <small class="d-block text-muted">
                        <a class="text-capitalize dark-links" href="/source/islamicity/">
                            
                                <div class="mhkStandoutAuthorInBlahBlahArea"></div>
                                IslamiCity                            
                        </a>
                        on
                        <span class="thecatlinks text-dark">
                            <a href="/topics/empowerment" rel="category tag">
                                Empowerment 
                            </a>
                        </span>
                        
                    </small>
                    
                </div>
            </div>
        </div>
            <div class="mt-3 mt-md-0 mb-3 d-flex post_box_style3">
            <div class="col-4 col-md-4 pe-3">
                
                <a href="https://islamicity.org/107223/a-feminist-interpretation-of-enforced-disappearance/">
                    
                        <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/10/Echoes-of-the-Missing.png&w=497&h=279&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/10/Echoes-of-the-Missing.png&w=497&h=279&q=100&zc=1"
            class="lazyload 0"
            width="497"
            height="279"
            alt="A feminist interpretation of enforced disappearance"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
                        
                </a>
            
            </div>
            <div style="font-size:small;">
                <h2 class="mb-2 h6" style="font-size:1.342em;">
                    
                    <a class="text-dark" href="https://islamicity.org/107223/a-feminist-interpretation-of-enforced-disappearance/">
                        A feminist interpretation of enforced disappearance  <sup 67k style="top:0.2em;"></sup>
                    </a>
                </h2>
                <div>
                    <small class="d-block text-muted">
                        <a class="text-capitalize dark-links" href="/by/mahmudul-hasan/">
                            
                                <div class="mhkStandoutAuthorInBlahBlahArea"></div>
                                Mahmudul Hasan                            
                        </a>
                        on
                        <span class="thecatlinks text-dark">
                            <a href="/topics/bangladesh" rel="category tag">
                                Bangladesh 
                            </a>
                        </span>
                        
                    </small>
                    
                </div>
            </div>
        </div>
            <div class="mt-3 mt-md-0 mb-3 d-flex post_box_style3">
            <div class="col-4 col-md-4 pe-3">
                
                <a href="https://islamicity.org/55377/parenting-children-in-an-alien-culture/">
                    
                        <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/10/muslim-parenting.png&w=497&h=279&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/10/muslim-parenting.png&w=497&h=279&q=100&zc=1"
            class="lazyload 0"
            width="497"
            height="279"
            alt="Parenting Children in An Alien Culture"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
                        
                </a>
            
            </div>
            <div style="font-size:small;">
                <h2 class="mb-2 h6" style="font-size:1.342em;">
                    
                    <a class="text-dark" href="https://islamicity.org/55377/parenting-children-in-an-alien-culture/">
                        Parenting Children in An Alien Culture  <sup 67k style="top:0.2em;"></sup>
                    </a>
                </h2>
                <div>
                    <small class="d-block text-muted">
                        <a class="text-capitalize dark-links" href="/by/habib-siddiqui/">
                            
                                <div class="mhkStandoutAuthorInBlahBlahArea"></div>
                                Habib Siddiqui                            
                        </a>
                        on
                        <span class="thecatlinks text-dark">
                            <a href="/topics/american-muslims" rel="category tag">
                                American Muslims 
                            </a>
                        </span>
                        
                    </small>
                    
                </div>
            </div>
        </div>
                </div><!--[39]-->

            <!-- Right Column (posts 6-7) -->
            <div class="col-sm-12 col-md-4 col-xl-3"><!--[38]-->
                
    <div class="mt-3 mt-md-0 card border-0 mb-4 postbox_style2"><!--[CARD]-->

            
        <!--<div class="col-4 col-md-4 pe-3">-->
                
                    <a href="https://islamicity.org/107209/fighting-hunger-in-new-york-city-why-community-feeding-programs-matter/">
                                                    <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/10/Mercy-Bakery-Hot-Meal-Campaign.png&w=497&h=279&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/10/Mercy-Bakery-Hot-Meal-Campaign.png&w=497&h=279&q=100&zc=1"
            class="lazyload 0"
            width="497"
            height="279"
            alt="Fighting Hunger in New York City: Why Community Feeding Programs Matter"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
                                                </a>
                
        <!--</div>-->

        <div class="card-body ps-0 pe-0 pb-0" ><!--[CARD-BODY]-->
            <h2 class="h4">
                                <a class="text-dark" href="https://islamicity.org/107209/fighting-hunger-in-new-york-city-why-community-feeding-programs-matter/">
                    Fighting Hunger in New York City: Why Community Feeding Programs Matter                                    </a>
            </h2>

            
                
            
            
                            <div class="d-flex align-items-center" style="font-size:small;"><!--[META]-->

                    <small class="text-muted">

                                                    <div style="height:3px;"></div>
                            Source:                             <a class="text-capitalize dark-links" href="/source/hrd/">Hrd</a>
                                                

                        
                        on

                                                    <span class="thecatlinks text-dark">
                                <a href="/topics/charity" rel="category tag">
                                    Charity 
                                </a>
                            </span>
                                                    

                        
                    </small>
                </div><!--[META]-->
                
        </div><!--[CARD-BODY]-->
    </div><!--[CARD]-->
        


    <div class="mt-3 mt-md-0 card border-0 mb-4 postbox_style2"><!--[CARD]-->

            
        <!--<div class="col-4 col-md-4 pe-3">-->
                
                    <a href="https://islamicity.org/107213/what-if-our-children-grow-up-knowing-everything-about-the-world-but-very-little-about-allah/">
                                                    <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/10/A-Childs-Journey-of-Learning-and-Faith.png&w=497&h=279&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/10/A-Childs-Journey-of-Learning-and-Faith.png&w=497&h=279&q=100&zc=1"
            class="lazyload 0"
            width="497"
            height="279"
            alt="What If Our Children Grow Up Knowing Everything About the World, but Very Little About Allah?"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
                                                </a>
                
        <!--</div>-->

        <div class="card-body ps-0 pe-0 pb-0" ><!--[CARD-BODY]-->
            <h2 class="h4">
                                <a class="text-dark" href="https://islamicity.org/107213/what-if-our-children-grow-up-knowing-everything-about-the-world-but-very-little-about-allah/">
                    What If Our Children Grow Up Knowing Everything About the World, but Very Little About Allah?                                    </a>
            </h2>

            
                
            
            
                            <div class="d-flex align-items-center" style="font-size:small;"><!--[META]-->

                    <small class="text-muted">

                                                    <div style="height:3px;"></div>
                            Source:                             <a class="text-capitalize dark-links" href="/source/islamicity/">IslamiCity</a>
                                                

                        
                        on

                                                    <span class="thecatlinks text-dark">
                                <a href="/topics/children" rel="category tag">
                                    Children 
                                </a>
                            </span>
                                                    

                        
                    </small>
                </div><!--[META]-->
                
        </div><!--[CARD-BODY]-->
    </div><!--[CARD]-->
        

            </div><!--[38]-->
        </div><!--[41]-->
    </div><!--[42]-->
</div><!--[43]-->
            </div>            
            <div class="alternatingColors alternatingLite" style="">                


<div class="alignfullincol position-relative"><!--[43]-->
    <div class="container pb-5"><!--[42]-->

                    <h2 class="spanborder h4 mt-5" 092 style="margin-top:15px !important; font-size: 2.1em; color: color(srgb 0 0 0);">
        
            <a href="/explore/nature/" class="carousel-title-link" style="font-size: 23.234px;" data-fixed="true"><strong 5435><span style='font-size:1.312em;'>Science & Nature</span></strong><span class="arrow">›</span></a>          

        </h2>

        <div class="row justify-content-center" style="margin-top: -20.201px;"><!--[41]-->

            <!-- Left Column (1st post) -->
            <div class="col-sm-12 col-md-4 col-xl-4"><!--[40]-->
                                
                
    <div class="mt-3 mt-md-0 card border-0 mb-4 postbox_style2"><!--[CARD]-->

            
        <!--<div class="col-4 col-md-4 pe-3">-->
                
                    <a href="https://islamicity.org/106919/oceans-and-the-current-surge-of-investigations-in-ocean-conservation/">
                                                    <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/07/kelp-forest.png&w=497&h=279&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/07/kelp-forest.png&w=497&h=279&q=100&zc=1"
            class="lazyload 0"
            width="497"
            height="279"
            alt="Oceans And The Current Surge of Investigations in Ocean Conservation"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
                                                </a>
                
        <!--</div>-->

        <div class="card-body ps-0 pe-0 pb-0" ><!--[CARD-BODY]-->
            <h2 class="h4">
                                <a class="text-dark" href="https://islamicity.org/106919/oceans-and-the-current-surge-of-investigations-in-ocean-conservation/">
                    Oceans And The Current Surge of Investigations in Ocean Conservation                                    </a>
            </h2>

            
                
            
            
                            <div class="d-flex align-items-center" style="font-size:small;"><!--[META]-->

                    <small class="text-muted">

                                                    <div style="height:3px;"></div>
                            By                             <a class="text-capitalize dark-links" href="/by/siraj-islam-mufti/">Siraj Islam Mufti</a>
                                                

                        
                        on

                                                    <span class="thecatlinks text-dark">
                                <a href="/topics/kelp-forest" rel="category tag">
                                    Kelp Forest 
                                </a>
                            </span>
                                                    

                        
                    </small>
                </div><!--[META]-->
                
        </div><!--[CARD-BODY]-->
    </div><!--[CARD]-->
        


    <div class="mt-3 mt-md-0 card border-0 mb-4 postbox_style2"><!--[CARD]-->

            
        <!--<div class="col-4 col-md-4 pe-3">-->
                
                    <a href="https://islamicity.org/106903/no-scientific-future-for-muslims-without-islam/">
                                                    <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/07/islam-and-science.png&w=497&h=279&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/07/islam-and-science.png&w=497&h=279&q=100&zc=1"
            class="lazyload 0"
            width="497"
            height="279"
            alt="No Scientific Future for Muslims without Islam"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
                                                </a>
                
        <!--</div>-->

        <div class="card-body ps-0 pe-0 pb-0" ><!--[CARD-BODY]-->
            <h2 class="h4">
                                <a class="text-dark" href="https://islamicity.org/106903/no-scientific-future-for-muslims-without-islam/">
                    No Scientific Future for Muslims without Islam                                    </a>
            </h2>

            
                
            
            
                            <div class="d-flex align-items-center" style="font-size:small;"><!--[META]-->

                    <small class="text-muted">

                                                    <div style="height:3px;"></div>
                            By                             <a class="text-capitalize dark-links" href="/by/spahic-omer/">Spahic Omer</a>
                                                

                        
                        on

                                                    <span class="thecatlinks text-dark">
                                <a href="/topics/science-and-religion" rel="category tag">
                                    Science And Religion 
                                </a>
                            </span>
                                                    

                        
                    </small>
                </div><!--[META]-->
                
        </div><!--[CARD-BODY]-->
    </div><!--[CARD]-->
        

            

                
            </div><!--[40]-->
            

            <!-- Middle Column (posts 2-5) -->
            <div class="col-sm-12 col-md-4 col-xl-5"><!--[39]-->
                        <div class="mt-3 mt-md-0 mb-3 d-flex post_box_style3">
            <div class="col-4 col-md-4 pe-3">
                
                <a href="https://islamicity.org/106694/why-islam-is-more-empirical-than-science-itself/">
                    
                        <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/05/quran-islam.png&w=497&h=279&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/05/quran-islam.png&w=497&h=279&q=100&zc=1"
            class="lazyload 0"
            width="497"
            height="279"
            alt="Why Islam Is More Empirical Than Science Itself"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
                        
                </a>
            
            </div>
            <div style="font-size:small;">
                <h2 class="mb-2 h6" style="font-size:1.342em;">
                    
                    <a class="text-dark" href="https://islamicity.org/106694/why-islam-is-more-empirical-than-science-itself/">
                        Why Islam Is More Empirical Than Science Itself  <sup 67k style="top:0.2em;"></sup>
                    </a>
                </h2>
                <div>
                    <small class="d-block text-muted">
                        <a class="text-capitalize dark-links" href="/by/spahic-omer/">
                            
                                <div class="mhkStandoutAuthorInBlahBlahArea"></div>
                                Spahic Omer                            
                        </a>
                        on
                        <span class="thecatlinks text-dark">
                            <a href="/topics/science-and-religion" rel="category tag">
                                Science And Religion 
                            </a>
                        </span>
                        
                    </small>
                    
                </div>
            </div>
        </div>
            <div class="mt-3 mt-md-0 mb-3 d-flex post_box_style3">
            <div class="col-4 col-md-4 pe-3">
                
                <a href="https://islamicity.org/106546/quranic-intelligence-an-ai-exploration-of-divine-structure-special-episode-light-upon-light-by-islamicity-episode-48/">
                    
                        <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/04/Quran-and-AI.png&w=497&h=279&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/04/Quran-and-AI.png&w=497&h=279&q=100&zc=1"
            class="lazyload 0"
            width="497"
            height="279"
            alt="Quranic Intelligence: An AI Exploration of Divine Structure (Special Episode) - Light Upon Light by IslamiCity - Episode 48"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
                        
                </a>
            
            </div>
            <div style="font-size:small;">
                <h2 class="mb-2 h6" style="font-size:1.342em;">
                    
                    <a class="text-dark" href="https://islamicity.org/106546/quranic-intelligence-an-ai-exploration-of-divine-structure-special-episode-light-upon-light-by-islamicity-episode-48/">
                        Quranic Intelligence: An AI Exploration of Divine Structure (Special Episode) - Light Upon Light by IslamiCity - Episode 48  <sup 67k style="top:0.2em;"><i class="bi bi-mic-fill theIcon"></i></sup>
                    </a>
                </h2>
                <div>
                    <small class="d-block text-muted">
                        <a class="text-capitalize dark-links" href="/source/islamicity/">
                            
                                <div class="mhkStandoutAuthorInBlahBlahArea"></div>
                                IslamiCity                            
                        </a>
                        on
                        <span class="thecatlinks text-dark">
                            <a href="/topics/artificial-intelligence" rel="category tag">
                                Artificial Intelligence 
                            </a>
                        </span>
                        
                    </small>
                    
                </div>
            </div>
        </div>
            <div class="mt-3 mt-md-0 mb-3 d-flex post_box_style3">
            <div class="col-4 col-md-4 pe-3">
                
                <a href="https://islamicity.org/106541/wegovy-a-magic-pill-for-weight-loss-approved-by-the-us-food-and-drug-administration/">
                    
                        <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/04/weightloss.png&w=497&h=279&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/04/weightloss.png&w=497&h=279&q=100&zc=1"
            class="lazyload 0"
            width="497"
            height="279"
            alt="Wegovy – a Magic Pill for Weight-Loss Approved by the US Food and Drug Administration "
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
                        
                </a>
            
            </div>
            <div style="font-size:small;">
                <h2 class="mb-2 h6" style="font-size:1.342em;">
                    
                    <a class="text-dark" href="https://islamicity.org/106541/wegovy-a-magic-pill-for-weight-loss-approved-by-the-us-food-and-drug-administration/">
                        Wegovy – a Magic Pill for Weight-Loss Approved by the US Food and Drug Administration   <sup 67k style="top:0.2em;"></sup>
                    </a>
                </h2>
                <div>
                    <small class="d-block text-muted">
                        <a class="text-capitalize dark-links" href="/by/siraj-islam-mufti/">
                            
                                <div class="mhkStandoutAuthorInBlahBlahArea"></div>
                                Siraj Islam Mufti                            
                        </a>
                        on
                        <span class="thecatlinks text-dark">
                            <a href="/topics/modern-science" rel="category tag">
                                Modern Science 
                            </a>
                        </span>
                        
                    </small>
                    
                </div>
            </div>
        </div>
            <div class="mt-3 mt-md-0 mb-3 d-flex post_box_style3">
            <div class="col-4 col-md-4 pe-3">
                
                <a href="https://islamicity.org/11931/health-benefit-of-fasting/">
                    
                        <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2017/06/iStock-478301840.jpg&w=497&h=279&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2017/06/iStock-478301840.jpg&w=497&h=279&q=100&zc=1"
            class="lazyload 0"
            width="497"
            height="279"
            alt="Health Benefit of Fasting"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
                        
                </a>
            
            </div>
            <div style="font-size:small;">
                <h2 class="mb-2 h6" style="font-size:1.342em;">
                    
                    <a class="text-dark" href="https://islamicity.org/11931/health-benefit-of-fasting/">
                        Health Benefit of Fasting  <sup 67k style="top:0.2em;"><i class="bi bi-youtube theIcon"></i></sup>
                    </a>
                </h2>
                <div>
                    <small class="d-block text-muted">
                        <a class="text-capitalize dark-links" href="/by/gasser-hathout/">
                            
                                <div class="mhkStandoutAuthorInBlahBlahArea"></div>
                                Gasser Hathout                            
                        </a>
                        on
                        <span class="thecatlinks text-dark">
                            <a href="/topics/fasting-sawm" rel="category tag">
                                Fasting (Sawm) 
                            </a>
                        </span>
                        
                    </small>
                    
                </div>
            </div>
        </div>
                </div><!--[39]-->

            <!-- Right Column (posts 6-7) -->
            <div class="col-sm-12 col-md-4 col-xl-3"><!--[38]-->
                
    <div class="mt-3 mt-md-0 card border-0 mb-4 postbox_style2"><!--[CARD]-->

            
        <!--<div class="col-4 col-md-4 pe-3">-->
                
                    <a href="https://islamicity.org/100779/chatilm-enhancing-islamic-knowledge-with-ai/">
                                                    <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2025/07/chat-ilm-2.png&w=497&h=279&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2025/07/chat-ilm-2.png&w=497&h=279&q=100&zc=1"
            class="lazyload 0"
            width="497"
            height="279"
            alt="ChatILM: Enhancing Islamic Knowledge with AI"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
                                                </a>
                
        <!--</div>-->

        <div class="card-body ps-0 pe-0 pb-0" ><!--[CARD-BODY]-->
            <h2 class="h4">
                                <a class="text-dark" href="https://islamicity.org/100779/chatilm-enhancing-islamic-knowledge-with-ai/">
                    ChatILM: Enhancing Islamic Knowledge with AI                                    </a>
            </h2>

            
                
            
            
                            <div class="d-flex align-items-center" style="font-size:small;"><!--[META]-->

                    <small class="text-muted">

                                                    <div style="height:3px;"></div>
                            Source:                             <a class="text-capitalize dark-links" href="/source/islamicity/">IslamiCity</a>
                                                

                        
                        on

                                                    <span class="thecatlinks text-dark">
                                <a href="/topics/artificial-intelligence" rel="category tag">
                                    Artificial Intelligence 
                                </a>
                            </span>
                                                    

                        
                    </small>
                </div><!--[META]-->
                
        </div><!--[CARD-BODY]-->
    </div><!--[CARD]-->
        


    <div class="mt-3 mt-md-0 card border-0 mb-4 postbox_style2"><!--[CARD]-->

            
        <!--<div class="col-4 col-md-4 pe-3">-->
                
                    <a href="https://islamicity.org/77276/8-health-benefits-of-fasting/">
                                                    <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2021/04/iStock-1305026622.jpg&w=497&h=279&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2021/04/iStock-1305026622.jpg&w=497&h=279&q=100&zc=1"
            class="lazyload 0"
            width="497"
            height="279"
            alt="8 Health Benefits of Fasting"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
                                                </a>
                
        <!--</div>-->

        <div class="card-body ps-0 pe-0 pb-0" ><!--[CARD-BODY]-->
            <h2 class="h4">
                                <a class="text-dark" href="https://islamicity.org/77276/8-health-benefits-of-fasting/">
                    8 Health Benefits of Fasting                                    </a>
            </h2>

            
                
            
            
                            <div class="d-flex align-items-center" style="font-size:small;"><!--[META]-->

                    <small class="text-muted">

                                                    <div style="height:3px;"></div>
                            By                             <a class="text-capitalize dark-links" href="/by/mohammed-tadeeb-ansari/">Mohammed Tadeeb Ansari</a>
                                                

                        
                        on

                                                    <span class="thecatlinks text-dark">
                                <a href="/topics/fasting-sawm" rel="category tag">
                                    Fasting (Sawm) 
                                </a>
                            </span>
                                                    

                        
                    </small>
                </div><!--[META]-->
                
        </div><!--[CARD-BODY]-->
    </div><!--[CARD]-->
        

            </div><!--[38]-->
        </div><!--[41]-->
    </div><!--[42]-->
</div><!--[43]-->
            </div>

                    
            
            
            <!-- videos were here. -->










            

                    
            
            

            
            

                                                        


                            <?if (BLP_DESKTOP):?>
                    <div class="alternatingColors alternatingDark" style="">                    <div class="alignfullincol position-relative ">
                    <div class="container pb-5">  
                    <div align=middle as23> <!-- // otherwise the carousel left aligned. -->
                <?endif;?>            
                
                <div class='carousel-wrapper fade-edges HELLO CHARLIE' style=';margin-bottom: 0.08px !important;;' id='carousel_wrapper_1'><div class='carousel-header' style=';;font-size: 28px;'><a href='/topics/palestine/' class='carousel-title-link' style='font-size: 23.234px;'><strong ><span style='font-size:1.21em;x3244;'>Palestine</span></strong><span class='arrow'>&rsaquo;</span></a></div><div class='row__carousel' id='carousel_1' style='padding-bottom: 20.01px;'><div class='row__inner' style='padding-bottom: 148.961px;'><div class="tile" style=";width:379.279px;" onClick="window.location.href='https://www.islamicity.org/107101/palestine-a-cry-that-cannot-be-silenced/#'"><div 0890 class="tile__media">                                    <!--<div class="thumbnail-wrapper" style="position: relative; display: inline-block;">-->
                                        
                                            <a title="Palestine: A Cry That Cannot Be Silenced" href="https://www.islamicity.org/107101/palestine-a-cry-that-cannot-be-silenced/">    <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/09/palestine.png&w=250.12&h=140&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/09/palestine.png&w=250.12&h=140&q=100&zc=1"
            class="lazyload w-100 wp-post-image tile__img"
            width="250.12"
            height="140"
            alt="Palestine: A Cry That Cannot Be Silenced"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
    </a>
                                        <!--<div class="play-icon">▶</div>-->
                                    <!--</div>-->
                                    </div><div class="tile__details"><div class="tile__title"><div 345 align="right"><a 131 href='/topics/palestine'><span 193.4 style='color:#855d13;'>Palestine</span></a></div></div></div><div style="white-space: normal;word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;text-align:left;a2;a100"><span 456 style="color:teal;font-size:90%;"><a 131a href='/by/mohd-abbas-abdul-razak'><span 193.12 style='color:#855d13;'>Mohd Abbas Abdul Razak</span></a></span><br><span style="font-size: large;font-weight: 700;">Palestine: A Cry That Cannot Be Silenced&nbsp;&nbsp;</span><br></div><!--/a100--></div><div class="tile" style=";width:379.279px;" onClick="window.location.href='https://www.islamicity.org/107090/when-olive-trees-become-a-security-threat/#'"><div 0890 class="tile__media">                                    <!--<div class="thumbnail-wrapper" style="position: relative; display: inline-block;">-->
                                        
                                            <a title="When Olive Trees Become a &quot;Security Threat&quot;" href="https://www.islamicity.org/107090/when-olive-trees-become-a-security-threat/">    <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/09/olive-tree.png&w=250.12&h=140&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/09/olive-tree.png&w=250.12&h=140&q=100&zc=1"
            class="lazyload w-100 wp-post-image tile__img"
            width="250.12"
            height="140"
            alt="When Olive Trees Become a &quot;Security Threat&quot;"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
    </a>
                                        <!--<div class="play-icon">▶</div>-->
                                    <!--</div>-->
                                    </div><div class="tile__details"><div class="tile__title"><div 345 align="right"><a 131 href='/topics/palestine'><span 193.4 style='color:#855d13;'>Palestine</span></a></div></div></div><div style="white-space: normal;word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;text-align:left;a2;a100"><span 456 style="color:teal;font-size:90%;"><a 131a href='/by/mahmoud-el-yousseph'><span 193.12 style='color:#855d13;'>Mahmoud El-Yousseph</span></a></span><br><span style="font-size: large;font-weight: 700;">When Olive Trees Become a &quot;Security Threat&quot;&nbsp;&nbsp;</span><br></div><!--/a100--></div><div class="tile" style=";width:379.279px;" onClick="window.location.href='https://www.islamicity.org/106898/spains-world-cup-triumph-resonates-across-the-muslim-world/#'"><div 0890 class="tile__media">                                    <!--<div class="thumbnail-wrapper" style="position: relative; display: inline-block;">-->
                                        
                                            <a title="Spain&#039;s World Cup Triumph Resonates Across the Mus..." href="https://www.islamicity.org/106898/spains-world-cup-triumph-resonates-across-the-muslim-world/">    <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/07/Spain-soccer-1.png&w=250.12&h=140&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/07/Spain-soccer-1.png&w=250.12&h=140&q=100&zc=1"
            class="lazyload w-100 wp-post-image tile__img"
            width="250.12"
            height="140"
            alt="Spain's World Cup Triumph Resonates Across the Muslim World"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
    </a>
                                        <!--<div class="play-icon">▶</div>-->
                                    <!--</div>-->
                                    </div><div class="tile__details"><div class="tile__title"><div 345 align="right"><a 131 href='/topics/palestine'><span 193.4 style='color:#855d13;'>Palestine</span></a></div></div></div><div style="white-space: normal;word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;text-align:left;a2;a100"><span 456 style="color:teal;font-size:90%;"><a 131a href='/by/staff'><span 193.12 style='color:#855d13;'>Staff</span></a></span><br><span style="font-size: large;font-weight: 700;">Spain&#039;s World Cup Triumph Resonates Across the Mus...&nbsp;&nbsp;</span><br></div><!--/a100--></div><div class="tile" style=";width:379.279px;" onClick="window.location.href='https://www.islamicity.org/106540/3-lebanese-journalists-and-a-medic-targeted-and-assassinated-in-an-israeli-airstrike/#'"><div 0890 class="tile__media">                                    <!--<div class="thumbnail-wrapper" style="position: relative; display: inline-block;">-->
                                        
                                            <a title="3 Lebanese Journalists and a Medic Targeted and As..." href="https://www.islamicity.org/106540/3-lebanese-journalists-and-a-medic-targeted-and-assassinated-in-an-israeli-airstrike/">    <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/04/news.png&w=250.12&h=140&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/04/news.png&w=250.12&h=140&q=100&zc=1"
            class="lazyload w-100 wp-post-image tile__img"
            width="250.12"
            height="140"
            alt="3 Lebanese Journalists and a Medic Targeted and Assassinated in an Israeli Airstrike"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
    </a>
                                        <!--<div class="play-icon">▶</div>-->
                                    <!--</div>-->
                                    </div><div class="tile__details"><div class="tile__title"><div 345 align="right"><a 131 href='/topics/palestine'><span 193.4 style='color:#855d13;'>Palestine</span></a></div></div></div><div style="white-space: normal;word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;text-align:left;a2;a100"><span 456 style="color:teal;font-size:90%;"><a 131a href='/by/mahmoud-el-yousseph'><span 193.12 style='color:#855d13;'>Mahmoud El-Yousseph</span></a></span><br><span style="font-size: large;font-weight: 700;">3 Lebanese Journalists and a Medic Targeted and As...&nbsp;&nbsp;</span><br></div><!--/a100--></div><div class="tile" style=";width:379.279px;" onClick="window.location.href='https://www.islamicity.org/106520/i-ignored-the-media-and-visited-palestine/#'"><div 0890 class="tile__media">                                    <!--<div class="thumbnail-wrapper" style="position: relative; display: inline-block;">-->
                                        
                                            <a title="I ignored the media and visited Palestine" href="https://www.islamicity.org/106520/i-ignored-the-media-and-visited-palestine/">    <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://img.youtube.com/vi/zXtIYQwV1nk/maxresdefault.jpg&w=250.12&h=140&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://img.youtube.com/vi/zXtIYQwV1nk/maxresdefault.jpg&w=250.12&h=140&q=100&zc=1"
            class="lazyload w-100 wp-post-image tile__img"
            width="250.12"
            height="140"
            alt="I ignored the media and visited Palestine"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
    </a>
                                        <!--<div class="play-icon">▶</div>-->
                                    <!--</div>-->
                                    </div><div class="tile__details"><div class="tile__title"><div 345 align="right"><a 131 href='/topics/palestine'><span 193.4 style='color:#855d13;'>Palestine</span></a></div></div></div><div style="white-space: normal;word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;text-align:left;a2;a100"><span 456 style="color:teal;font-size:90%;"><a 131a href='/by/thom-j-defilet'><span 193.12 style='color:#855d13;'>Thom J. Defilet</span></a></span><br><span style="font-size: large;font-weight: 700;">I ignored the media and visited Palestine&nbsp;&nbsp;<i class="fa-solid fa-video"></i></span><br></div><!--/a100--></div><div class="tile" style=";width:379.279px;" onClick="window.location.href='https://www.islamicity.org/102522/the-destruction-of-madinah-and-the-greater-israel/#'"><div 0890 class="tile__media">                                    <!--<div class="thumbnail-wrapper" style="position: relative; display: inline-block;">-->
                                        
                                            <a title="The Destruction of Madinah and The Greater Israel" href="https://www.islamicity.org/102522/the-destruction-of-madinah-and-the-greater-israel/">    <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://img.youtube.com/vi/0YSp-HBq32g/maxresdefault.jpg&w=250.12&h=140&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://img.youtube.com/vi/0YSp-HBq32g/maxresdefault.jpg&w=250.12&h=140&q=100&zc=1"
            class="lazyload w-100 wp-post-image tile__img"
            width="250.12"
            height="140"
            alt="The Destruction of Madinah and The Greater Israel"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
    </a>
                                        <!--<div class="play-icon">▶</div>-->
                                    <!--</div>-->
                                    </div><div class="tile__details"><div class="tile__title"><div 345 align="right"><a 131 href='/topics/madinah-medina'><span 193.4 style='color:#855d13;'>madinah (medina)</span></a></div></div></div><div style="white-space: normal;word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;text-align:left;a2;a100"><span 456 style="color:teal;font-size:90%;"><a 131a href='/by/wahaj-tarin'><span 193.12 style='color:#855d13;'>Wahaj Tarin</span></a></span><br><span style="font-size: large;font-weight: 700;">The Destruction of Madinah and The Greater Israel&nbsp;&nbsp;<i class="fa-solid fa-video"></i></span><br></div><!--/a100--></div></div></div><span class='carousel-scroll-arrow' onclick="scrollCarouselBy('carousel_1', 2)">&#10230;</span><div class='carousel-fade-right'></div></div><div class='carousel-wrapper fade-edges HELLO CHARLIE' style=';margin-bottom: 0.08px !important;;' id='carousel_wrapper_2'><div class='carousel-header' style=';;font-size: 28px;'><a href='/explore/regions/middle-east' class='carousel-title-link' style='font-size: 23.234px;'><strong ><span style='font-size:1.21em;x3244;'>Middle East</span></strong><span class='arrow'>&rsaquo;</span></a></div><div class='row__carousel' id='carousel_2' style='padding-bottom: 20.01px;'><div class='row__inner' style='padding-bottom: 148.961px;'><div class="tile" style=";width:379.279px;" onClick="window.location.href='https://www.islamicity.org/107229/palestine-a-peoples-endurance-struggle-and-hope/#'"><div 0890 class="tile__media">                                    <!--<div class="thumbnail-wrapper" style="position: relative; display: inline-block;">-->
                                        
                                            <a title="Palestine: A People&#039;s Endurance, Struggle and Hope" href="https://www.islamicity.org/107229/palestine-a-peoples-endurance-struggle-and-hope/">    <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/10/Palestinian-Resilience-at-Sunset.png&w=250.12&h=140&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/10/Palestinian-Resilience-at-Sunset.png&w=250.12&h=140&q=100&zc=1"
            class="lazyload w-100 wp-post-image tile__img"
            width="250.12"
            height="140"
            alt="Palestine: A People's Endurance, Struggle and Hope"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
    </a>
                                        <!--<div class="play-icon">▶</div>-->
                                    <!--</div>-->
                                    </div><div class="tile__details"><div class="tile__title"><div 345 align="right"><a 131 href='/topics/israel-palestine-conflict'><span 193.4 style='color:#855d13;'>israel-palestine conflict</span></a></div></div></div><div style="white-space: normal;word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;text-align:left;a2;a100"><span 456 style="color:teal;font-size:90%;"><a 131a href='/by/mohd-abbas-abdul-razak'><span 193.12 style='color:#855d13;'>Mohd Abbas Abdul Razak</span></a></span><br><span style="font-size: large;font-weight: 700;">Palestine: A People&#039;s Endurance, Struggle and Hope&nbsp;&nbsp;</span><br></div><!--/a100--></div><div class="tile" style=";width:379.279px;" onClick="window.location.href='https://www.islamicity.org/107161/time-is-running-out-for-palestinian-children-in-gaza/#'"><div 0890 class="tile__media">                                    <!--<div class="thumbnail-wrapper" style="position: relative; display: inline-block;">-->
                                        
                                            <a title="Time is running out for Palestinian Children in Ga..." href="https://www.islamicity.org/107161/time-is-running-out-for-palestinian-children-in-gaza/">    <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/09/Gaza-emergency.jpg&w=250.12&h=140&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/09/Gaza-emergency.jpg&w=250.12&h=140&q=100&zc=1"
            class="lazyload w-100 wp-post-image tile__img"
            width="250.12"
            height="140"
            alt="Time is running out for Palestinian Children in Gaza"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
    </a>
                                        <!--<div class="play-icon">▶</div>-->
                                    <!--</div>-->
                                    </div><div class="tile__details"><div class="tile__title"><div 345 align="right"><a 131 href='/topics/war-on-gaza'><span 193.4 style='color:#855d13;'>war on gaza</span></a></div></div></div><div style="white-space: normal;word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;text-align:left;a2;a100"><span 456 style="color:teal;font-size:90%;"><a 131a href='/by/siraj-islam-mufti'><span 193.12 style='color:#855d13;'>Siraj Islam Mufti</span></a></span><br><span style="font-size: large;font-weight: 700;">Time is running out for Palestinian Children in Ga...&nbsp;&nbsp;</span><br></div><!--/a100--></div><div class="tile" style=";width:379.279px;" onClick="window.location.href='https://www.islamicity.org/106843/iran-begins-final-farewell/#'"><div 0890 class="tile__media">                                    <!--<div class="thumbnail-wrapper" style="position: relative; display: inline-block;">-->
                                        
                                            <a title="Iran Begins Final Farewell" href="https://www.islamicity.org/106843/iran-begins-final-farewell/">    <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://img.youtube.com/vi/wihjzxb4vks/maxresdefault.jpg&w=250.12&h=140&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://img.youtube.com/vi/wihjzxb4vks/maxresdefault.jpg&w=250.12&h=140&q=100&zc=1"
            class="lazyload w-100 wp-post-image tile__img"
            width="250.12"
            height="140"
            alt="Iran Begins Final Farewell"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
    </a>
                                        <!--<div class="play-icon">▶</div>-->
                                    <!--</div>-->
                                    </div><div class="tile__details"><div class="tile__title"><div 345 align="right"><a 131 href='/topics/ayatollah-ali-khamenei'><span 193.4 style='color:#855d13;'>ayatollah ali khamenei</span></a></div></div></div><div style="white-space: normal;word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;text-align:left;a2;a100"><span 456 style="color:teal;font-size:90%;"><a 131a href='/source/mirror-now'><span 193.12 style='color:#855d13;'>Mirror Now</span></a></span><br><span style="font-size: large;font-weight: 700;">Iran Begins Final Farewell&nbsp;&nbsp;<i class="fa-solid fa-video"></i></span><br></div><!--/a100--></div><div class="tile" style=";width:379.279px;" onClick="window.location.href='https://www.islamicity.org/106839/from-the-fourth-of-july-to-the-liberation-of-jerusalem/#'"><div 0890 class="tile__media">                                    <!--<div class="thumbnail-wrapper" style="position: relative; display: inline-block;">-->
                                        
                                            <a title="From the Fourth of July to the Liberation of Jerus..." href="https://www.islamicity.org/106839/from-the-fourth-of-july-to-the-liberation-of-jerusalem/">    <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/07/Ṣalaḥ-al-Din-Jerusalem-LP.jpg&w=250.12&h=140&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/07/Ṣalaḥ-al-Din-Jerusalem-LP.jpg&w=250.12&h=140&q=100&zc=1"
            class="lazyload w-100 wp-post-image tile__img"
            width="250.12"
            height="140"
            alt="From the Fourth of July to the Liberation of Jerusalem"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
    </a>
                                        <!--<div class="play-icon">▶</div>-->
                                    <!--</div>-->
                                    </div><div class="tile__details"><div class="tile__title"><div 345 align="right"><a 131 href='/topics/independence'><span 193.4 style='color:#855d13;'>independence</span></a></div></div></div><div style="white-space: normal;word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;text-align:left;a2;a100"><span 456 style="color:teal;font-size:90%;"><a 131a href='/by/majd-arbil'><span 193.12 style='color:#855d13;'>Majd Arbil</span></a></span><br><span style="font-size: large;font-weight: 700;">From the Fourth of July to the Liberation of Jerus...&nbsp;&nbsp;</span><br></div><!--/a100--></div><div class="tile" style=";width:379.279px;" onClick="window.location.href='https://www.islamicity.org/6301/hajj-the-spiritual-climax/#'"><div 0890 class="tile__media">                                    <!--<div class="thumbnail-wrapper" style="position: relative; display: inline-block;">-->
                                        
                                            <a title="Hajj - The Spiritual Climax" href="https://www.islamicity.org/6301/hajj-the-spiritual-climax/">    <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2017/08/Arafat_Hajj.jpg&w=250.12&h=140&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2017/08/Arafat_Hajj.jpg&w=250.12&h=140&q=100&zc=1"
            class="lazyload w-100 wp-post-image tile__img"
            width="250.12"
            height="140"
            alt="Hajj - The Spiritual Climax"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
    </a>
                                        <!--<div class="play-icon">▶</div>-->
                                    <!--</div>-->
                                    </div><div class="tile__details"><div class="tile__title"><div 345 align="right"><a 131 href='/topics/day-of-arafah'><span 193.4 style='color:#855d13;'>day of arafah</span></a></div></div></div><div style="white-space: normal;word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;text-align:left;a2;a100"><span 456 style="color:teal;font-size:90%;"><a 131a href='/by/ebrahim-m-a-el-khouly'><span 193.12 style='color:#855d13;'>Ebrahim M. A. El-Khouly</span></a></span><br><span style="font-size: large;font-weight: 700;">Hajj - The Spiritual Climax&nbsp;&nbsp;</span><br></div><!--/a100--></div><div class="tile" style=";width:379.279px;" onClick="window.location.href='https://www.islamicity.org/106724/arafah-the-one-day-that-could-change-your-entire-life-light-upon-light-by-islamicity-episode-52/#'"><div 0890 class="tile__media">                                    <!--<div class="thumbnail-wrapper" style="position: relative; display: inline-block;">-->
                                        
                                            <a title="Arafah: The One Day That Could Change Your Entire ..." href="https://www.islamicity.org/106724/arafah-the-one-day-that-could-change-your-entire-life-light-upon-light-by-islamicity-episode-52/">    <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/05/hajj-podcast.png&w=250.12&h=140&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/05/hajj-podcast.png&w=250.12&h=140&q=100&zc=1"
            class="lazyload w-100 wp-post-image tile__img"
            width="250.12"
            height="140"
            alt="Arafah: The One Day That Could Change Your Entire Life - Light Upon Light by IslamiCity - Episode 52"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
    </a>
                                        <!--<div class="play-icon">▶</div>-->
                                    <!--</div>-->
                                    </div><div class="tile__details"><div class="tile__title"><div 345 align="right"><a 131 href='/topics/day-of-arafah'><span 193.4 style='color:#855d13;'>day of arafah</span></a></div></div></div><div style="white-space: normal;word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;text-align:left;a2;a100"><span 456 style="color:teal;font-size:90%;"><a 131a href='/source/islamicity'><span 193.12 style='color:#855d13;'> IslamiCity </span></a></span><br><span style="font-size: large;font-weight: 700;">Arafah: The One Day That Could Change Your Entire ...&nbsp;&nbsp;<i class="fa-solid fa-microphone"></i></span><br></div><!--/a100--></div><div class="tile" style=";width:379.279px;" onClick="window.location.href='https://www.islamicity.org/6291/hajj-reaching-toward-allah/#'"><div 0890 class="tile__media">                                    <!--<div class="thumbnail-wrapper" style="position: relative; display: inline-block;">-->
                                        
                                            <a title="Hajj: Reaching Toward Allah" href="https://www.islamicity.org/6291/hajj-reaching-toward-allah/">    <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://www.islamicity.org/global/images/photo/IC-Articles/arafatduamanIC__600x340.JPG&w=250.12&h=140&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://www.islamicity.org/global/images/photo/IC-Articles/arafatduamanIC__600x340.JPG&w=250.12&h=140&q=100&zc=1"
            class="lazyload w-100 wp-post-image tile__img"
            width="250.12"
            height="140"
            alt="Hajj: Reaching Toward Allah"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
    </a>
                                        <!--<div class="play-icon">▶</div>-->
                                    <!--</div>-->
                                    </div><div class="tile__details"><div class="tile__title"><div 345 align="right"><a 131 href='/topics/hajj'><span 193.4 style='color:#855d13;'>hajj</span></a></div></div></div><div style="white-space: normal;word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;text-align:left;a2;a100"><span 456 style="color:teal;font-size:90%;"><a 131a href='/by/ali-shariati'><span 193.12 style='color:#855d13;'>Ali Shariati</span></a></span><br><span style="font-size: large;font-weight: 700;">Hajj: Reaching Toward Allah&nbsp;&nbsp;</span><br></div><!--/a100--></div></div></div><span class='carousel-scroll-arrow' onclick="scrollCarouselBy('carousel_2', 2)">&#10230;</span><div class='carousel-fade-right'></div></div><div class='carousel-wrapper fade-edges HELLO CHARLIE' style=';margin-bottom: 0.08px !important;;' id='carousel_wrapper_3'><div class='carousel-header' style=';;font-size: 28px;'><a href='/explore/regions/americas' class='carousel-title-link' style='font-size: 23.234px;'><strong ><span style='font-size:1.21em;x3244;'>Americas</span></strong><span class='arrow'>&rsaquo;</span></a></div><div class='row__carousel' id='carousel_3' style='padding-bottom: 20.01px;'><div class='row__inner' style='padding-bottom: 148.961px;'><div class="tile" style=";width:379.279px;" onClick="window.location.href='https://www.islamicity.org/107290/muslim-americans-make-history-in-2026-elections/#'"><div 0890 class="tile__media">                                    <!--<div class="thumbnail-wrapper" style="position: relative; display: inline-block;">-->
                                        
                                            <a title="Muslim Americans Make History in 2026 Elections" href="https://www.islamicity.org/107290/muslim-americans-make-history-in-2026-elections/">    <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/11/Muslim_Americans_Make_History_in_Congress_v2.png&w=250.12&h=140&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/11/Muslim_Americans_Make_History_in_Congress_v2.png&w=250.12&h=140&q=100&zc=1"
            class="lazyload w-100 wp-post-image tile__img"
            width="250.12"
            height="140"
            alt="Muslim Americans Make History in 2026 Elections"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
    </a>
                                        <!--<div class="play-icon">▶</div>-->
                                    <!--</div>-->
                                    </div><div class="tile__details"><div class="tile__title"><div 345 align="right"><a 131 href='/topics/american-muslims'><span 193.4 style='color:#855d13;'>american muslims</span></a></div></div></div><div style="white-space: normal;word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;text-align:left;a2;a100"><span 456 style="color:teal;font-size:90%;"><a 131a href='/source/islamicity'><span 193.12 style='color:#855d13;'> IslamiCity </span></a></span><br><span style="font-size: large;font-weight: 700;">Muslim Americans Make History in 2026 Elections&nbsp;&nbsp;</span><br></div><!--/a100--></div><div class="tile" style=";width:379.279px;" onClick="window.location.href='https://www.islamicity.org/107282/from-hate-to-history-abdul-el-sayed-americas-first-muslim-u-s-senator/#'"><div 0890 class="tile__media">                                    <!--<div class="thumbnail-wrapper" style="position: relative; display: inline-block;">-->
                                        
                                            <a title="From Hate to History: Abdul El-Sayed America&#039;s Fir..." href="https://www.islamicity.org/107282/from-hate-to-history-abdul-el-sayed-americas-first-muslim-u-s-senator/">    <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/11/Abdul-El-Sayed.jpg&w=250.12&h=140&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/11/Abdul-El-Sayed.jpg&w=250.12&h=140&q=100&zc=1"
            class="lazyload w-100 wp-post-image tile__img"
            width="250.12"
            height="140"
            alt="From Hate to History: Abdul El-Sayed America's First Muslim U.S. Senator"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
    </a>
                                        <!--<div class="play-icon">▶</div>-->
                                    <!--</div>-->
                                    </div><div class="tile__details"><div class="tile__title"><div 345 align="right"><a 131 href='/topics/elections'><span 193.4 style='color:#855d13;'>elections</span></a></div></div></div><div style="white-space: normal;word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;text-align:left;a2;a100"><span 456 style="color:teal;font-size:90%;"><a 131a href='/by/staff'><span 193.12 style='color:#855d13;'>Staff</span></a></span><br><span style="font-size: large;font-weight: 700;">From Hate to History: Abdul El-Sayed America&#039;s Fir...&nbsp;&nbsp;</span><br></div><!--/a100--></div><div class="tile" style=";width:379.279px;" onClick="window.location.href='https://www.islamicity.org/107286/trumps-regime-change-plans-in-iran-backfire-as-democrats-deliver-a-political-blow-at-home/#'"><div 0890 class="tile__media">                                    <!--<div class="thumbnail-wrapper" style="position: relative; display: inline-block;">-->
                                        
                                            <a title="Trump&#039;s Regime Change Plans in Iran Backfire as De..." href="https://www.islamicity.org/107286/trumps-regime-change-plans-in-iran-backfire-as-democrats-deliver-a-political-blow-at-home/">    <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/11/Trump-Conflict-and-Capitol-Celebration.png&w=250.12&h=140&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/11/Trump-Conflict-and-Capitol-Celebration.png&w=250.12&h=140&q=100&zc=1"
            class="lazyload w-100 wp-post-image tile__img"
            width="250.12"
            height="140"
            alt="Trump's Regime Change Plans in Iran Backfire as Democrats Deliver a Political Blow at Home"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
    </a>
                                        <!--<div class="play-icon">▶</div>-->
                                    <!--</div>-->
                                    </div><div class="tile__details"><div class="tile__title"><div 345 align="right"><a 131 href='/topics/american-politics'><span 193.4 style='color:#855d13;'>american politics</span></a></div></div></div><div style="white-space: normal;word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;text-align:left;a2;a100"><span 456 style="color:teal;font-size:90%;"><a 131a href='/source/iviews'><span 193.12 style='color:#855d13;'>iViews</span></a></span><br><span style="font-size: large;font-weight: 700;">Trump&#039;s Regime Change Plans in Iran Backfire as De...&nbsp;&nbsp;</span><br></div><!--/a100--></div><div class="tile" style=";width:379.279px;" onClick="window.location.href='https://www.islamicity.org/107287/muslim-americans-make-historic-gains-in-2026-midterms-breaking-barriers-across-us-politics/#'"><div 0890 class="tile__media">                                    <!--<div class="thumbnail-wrapper" style="position: relative; display: inline-block;">-->
                                        
                                            <a title="Muslim Americans Make Historic Gains in 2026 Midte..." href="https://www.islamicity.org/107287/muslim-americans-make-historic-gains-in-2026-midterms-breaking-barriers-across-us-politics/">    <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/11/Capitol-Debate_-Donkey-and-Elephant.png&w=250.12&h=140&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/11/Capitol-Debate_-Donkey-and-Elephant.png&w=250.12&h=140&q=100&zc=1"
            class="lazyload w-100 wp-post-image tile__img"
            width="250.12"
            height="140"
            alt="Muslim Americans Make Historic Gains in 2026 Midterms, Breaking Barriers Across US Politics"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
    </a>
                                        <!--<div class="play-icon">▶</div>-->
                                    <!--</div>-->
                                    </div><div class="tile__details"><div class="tile__title"><div 345 align="right"><a 131 href='/topics/american-politics'><span 193.4 style='color:#855d13;'>american politics</span></a></div></div></div><div style="white-space: normal;word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;text-align:left;a2;a100"><span 456 style="color:teal;font-size:90%;"><a 131a href='/source/iviews'><span 193.12 style='color:#855d13;'>iViews</span></a></span><br><span style="font-size: large;font-weight: 700;">Muslim Americans Make Historic Gains in 2026 Midte...&nbsp;&nbsp;</span><br></div><!--/a100--></div><div class="tile" style=";width:379.279px;" onClick="window.location.href='https://www.islamicity.org/107225/shura-council-and-islamicity-academy-launch-education-partnership/#'"><div 0890 class="tile__media">                                    <!--<div class="thumbnail-wrapper" style="position: relative; display: inline-block;">-->
                                        
                                            <a title="Shura Council and IslamiCity Academy Launch Educat..." href="https://www.islamicity.org/107225/shura-council-and-islamicity-academy-launch-education-partnership/">    <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/10/ICA-ISCSC-PR.png&w=250.12&h=140&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/10/ICA-ISCSC-PR.png&w=250.12&h=140&q=100&zc=1"
            class="lazyload w-100 wp-post-image tile__img"
            width="250.12"
            height="140"
            alt="Shura Council and IslamiCity Academy Launch Education Partnership"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
    </a>
                                        <!--<div class="play-icon">▶</div>-->
                                    <!--</div>-->
                                    </div><div class="tile__details"><div class="tile__title"><div 345 align="right"><a 131 href='/topics/schools'><span 193.4 style='color:#855d13;'>schools</span></a></div></div></div><div style="white-space: normal;word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;text-align:left;a2;a100"><span 456 style="color:teal;font-size:90%;"><a 131a href='/source/islamicity'><span 193.12 style='color:#855d13;'> IslamiCity </span></a></span><br><span style="font-size: large;font-weight: 700;">Shura Council and IslamiCity Academy Launch Educat...&nbsp;&nbsp;</span><br></div><!--/a100--></div><div class="tile" style=";width:379.279px;" onClick="window.location.href='https://www.islamicity.org/106948/religious-liberty-means-protecting-the-faiths-we-dont-share-what-americas-founders-actually-believed/#'"><div 0890 class="tile__media">                                    <!--<div class="thumbnail-wrapper" style="position: relative; display: inline-block;">-->
                                        
                                            <a title="Religious Liberty Means Protecting the Faiths We D..." href="https://www.islamicity.org/106948/religious-liberty-means-protecting-the-faiths-we-dont-share-what-americas-founders-actually-believed/">    <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/07/american-religion.png&w=250.12&h=140&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/07/american-religion.png&w=250.12&h=140&q=100&zc=1"
            class="lazyload w-100 wp-post-image tile__img"
            width="250.12"
            height="140"
            alt="Religious Liberty Means Protecting the Faiths We Don't Share: What America's Founders Actually Believed"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
    </a>
                                        <!--<div class="play-icon">▶</div>-->
                                    <!--</div>-->
                                    </div><div class="tile__details"><div class="tile__title"><div 345 align="right"><a 131 href='/topics/american-politics'><span 193.4 style='color:#855d13;'>american politics</span></a></div></div></div><div style="white-space: normal;word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;text-align:left;a2;a100"><span 456 style="color:teal;font-size:90%;"><a 131a href='/by/tarik-trad'><span 193.12 style='color:#855d13;'>Tarik Trad</span></a></span><br><span style="font-size: large;font-weight: 700;">Religious Liberty Means Protecting the Faiths We D...&nbsp;&nbsp;</span><br></div><!--/a100--></div><div class="tile" style=";width:379.279px;" onClick="window.location.href='https://www.islamicity.org/78627/juneteenth-race-still-matters/#'"><div 0890 class="tile__media">                                    <!--<div class="thumbnail-wrapper" style="position: relative; display: inline-block;">-->
                                        
                                            <a title="Juneteenth: Race Still Matters" href="https://www.islamicity.org/78627/juneteenth-race-still-matters/">    <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2020/06/juneteenth_isp.jpg&w=250.12&h=140&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2020/06/juneteenth_isp.jpg&w=250.12&h=140&q=100&zc=1"
            class="lazyload w-100 wp-post-image tile__img"
            width="250.12"
            height="140"
            alt="Juneteenth: Race Still Matters"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
    </a>
                                        <!--<div class="play-icon">▶</div>-->
                                    <!--</div>-->
                                    </div><div class="tile__details"><div class="tile__title"><div 345 align="right"><a 131 href='/topics/juneteenth'><span 193.4 style='color:#855d13;'>juneteenth</span></a></div></div></div><div style="white-space: normal;word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;text-align:left;a2;a100"><span 456 style="color:teal;font-size:90%;"><a 131a href='/by/habib-siddiqui'><span 193.12 style='color:#855d13;'>Habib Siddiqui</span></a></span><br><span style="font-size: large;font-weight: 700;">Juneteenth: Race Still Matters&nbsp;&nbsp;</span><br></div><!--/a100--></div></div></div><span class='carousel-scroll-arrow' onclick="scrollCarouselBy('carousel_3', 2)">&#10230;</span><div class='carousel-fade-right'></div></div><div class='carousel-wrapper fade-edges HELLO CHARLIE' style=';margin-bottom: 0.08px !important;;' id='carousel_wrapper_4'><div class='carousel-header' style=';;font-size: 28px;'><a href='/explore/regions/europe' class='carousel-title-link' style='font-size: 23.234px;'><strong ><span style='font-size:1.21em;x3244;'>Europe</span></strong><span class='arrow'>&rsaquo;</span></a></div><div class='row__carousel' id='carousel_4' style='padding-bottom: 20.01px;'><div class='row__inner' style='padding-bottom: 148.961px;'><div class="tile" style=";width:379.279px;" onClick="window.location.href='https://www.islamicity.org/106312/morsis-fall-power-resistance-and-the-egyptian-deep-state/#'"><div 0890 class="tile__media">                                    <!--<div class="thumbnail-wrapper" style="position: relative; display: inline-block;">-->
                                        
                                            <a title="Morsi&#039;s Fall: Power, Resistance, and the Egyptian ..." href="https://www.islamicity.org/106312/morsis-fall-power-resistance-and-the-egyptian-deep-state/">    <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/02/morsi-egypt.png&w=250.12&h=140&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/02/morsi-egypt.png&w=250.12&h=140&q=100&zc=1"
            class="lazyload w-100 wp-post-image tile__img"
            width="250.12"
            height="140"
            alt="Morsi's Fall: Power, Resistance, and the Egyptian &quot;Deep State&quot;"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
    </a>
                                        <!--<div class="play-icon">▶</div>-->
                                    <!--</div>-->
                                    </div><div class="tile__details"><div class="tile__title"><div 345 align="right"><a 131 href='/topics/economy'><span 193.4 style='color:#855d13;'>economy</span></a></div></div></div><div style="white-space: normal;word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;text-align:left;a2;a100"><span 456 style="color:teal;font-size:90%;"><a 131a href='/by/habib-siddiqui'><span 193.12 style='color:#855d13;'>Habib Siddiqui</span></a></span><br><span style="font-size: large;font-weight: 700;">Morsi&#039;s Fall: Power, Resistance, and the Egyptian ...&nbsp;&nbsp;</span><br></div><!--/a100--></div><div class="tile" style=";width:379.279px;" onClick="window.location.href='https://www.islamicity.org/106308/european-security-paradox-and-a-world-without-order/#'"><div 0890 class="tile__media">                                    <!--<div class="thumbnail-wrapper" style="position: relative; display: inline-block;">-->
                                        
                                            <a title="European Security Paradox and A World Without Orde..." href="https://www.islamicity.org/106308/european-security-paradox-and-a-world-without-order/">    <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/02/europee.png&w=250.12&h=140&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/02/europee.png&w=250.12&h=140&q=100&zc=1"
            class="lazyload w-100 wp-post-image tile__img"
            width="250.12"
            height="140"
            alt="European Security Paradox and A World Without Order"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
    </a>
                                        <!--<div class="play-icon">▶</div>-->
                                    <!--</div>-->
                                    </div><div class="tile__details"><div class="tile__title"><div 345 align="right"><a 131 href='/topics/western-europe'><span 193.4 style='color:#855d13;'>western europe</span></a></div></div></div><div style="white-space: normal;word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;text-align:left;a2;a100"><span 456 style="color:teal;font-size:90%;"><a 131a href='/by/mahboob-khawaja'><span 193.12 style='color:#855d13;'>Mahboob Khawaja</span></a></span><br><span style="font-size: large;font-weight: 700;">European Security Paradox and A World Without Orde...&nbsp;&nbsp;</span><br></div><!--/a100--></div><div class="tile" style=";width:379.279px;" onClick="window.location.href='https://www.islamicity.org/106291/secularism-is-cause-of-problems-in-the-west-and-will-lead-to-downfall-its-civilization/#'"><div 0890 class="tile__media">                                    <!--<div class="thumbnail-wrapper" style="position: relative; display: inline-block;">-->
                                        
                                            <a title="The Secular Experiment and the Crisis of Civilizat..." href="https://www.islamicity.org/106291/secularism-is-cause-of-problems-in-the-west-and-will-lead-to-downfall-its-civilization/">    <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/02/secularism.png&w=250.12&h=140&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/02/secularism.png&w=250.12&h=140&q=100&zc=1"
            class="lazyload w-100 wp-post-image tile__img"
            width="250.12"
            height="140"
            alt="The Secular Experiment and the Crisis of Civilization"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
    </a>
                                        <!--<div class="play-icon">▶</div>-->
                                    <!--</div>-->
                                    </div><div class="tile__details"><div class="tile__title"><div 345 align="right"><a 131 href='/topics/secularism'><span 193.4 style='color:#855d13;'>secularism</span></a></div></div></div><div style="white-space: normal;word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;text-align:left;a2;a100"><span 456 style="color:teal;font-size:90%;"><a 131a href='/by/siraj-islam-mufti'><span 193.12 style='color:#855d13;'>Siraj Islam Mufti</span></a></span><br><span style="font-size: large;font-weight: 700;">The Secular Experiment and the Crisis of Civilizat...&nbsp;&nbsp;</span><br></div><!--/a100--></div><div class="tile" style=";width:379.279px;" onClick="window.location.href='https://www.islamicity.org/105896/hate-crimes-against-muslims-surge-in-the-uk-outpacing-government-security-measures/#'"><div 0890 class="tile__media">                                    <!--<div class="thumbnail-wrapper" style="position: relative; display: inline-block;">-->
                                        
                                            <a title="Hate Crimes Against Muslims Surge in the UK, Outpa..." href="https://www.islamicity.org/105896/hate-crimes-against-muslims-surge-in-the-uk-outpacing-government-security-measures/">    <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2025/11/uk-islamophobia.png&w=250.12&h=140&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2025/11/uk-islamophobia.png&w=250.12&h=140&q=100&zc=1"
            class="lazyload w-100 wp-post-image tile__img"
            width="250.12"
            height="140"
            alt="Hate Crimes Against Muslims Surge in the UK, Outpacing Government Security Measures"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
    </a>
                                        <!--<div class="play-icon">▶</div>-->
                                    <!--</div>-->
                                    </div><div class="tile__details"><div class="tile__title"><div 345 align="right"><a 131 href='/topics/hate-crimes'><span 193.4 style='color:#855d13;'>hate crimes</span></a></div></div></div><div style="white-space: normal;word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;text-align:left;a2;a100"><span 456 style="color:teal;font-size:90%;"><a 131a href='/source/iviews'><span 193.12 style='color:#855d13;'>iViews</span></a></span><br><span style="font-size: large;font-weight: 700;">Hate Crimes Against Muslims Surge in the UK, Outpa...&nbsp;&nbsp;</span><br></div><!--/a100--></div><div class="tile" style=";width:379.279px;" onClick="window.location.href='https://www.islamicity.org/105481/millennials-and-gen-z-are-returning-to-god-heres-why/#'"><div 0890 class="tile__media">                                    <!--<div class="thumbnail-wrapper" style="position: relative; display: inline-block;">-->
                                        
                                            <a title="Millennials and Gen Z Are Returning to God - Here&#039;..." href="https://www.islamicity.org/105481/millennials-and-gen-z-are-returning-to-god-heres-why/">    <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://img.youtube.com/vi/VjIL0Gio4yA/maxresdefault.jpg&w=250.12&h=140&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://img.youtube.com/vi/VjIL0Gio4yA/maxresdefault.jpg&w=250.12&h=140&q=100&zc=1"
            class="lazyload w-100 wp-post-image tile__img"
            width="250.12"
            height="140"
            alt="Millennials and Gen Z Are Returning to God - Here's Why"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
    </a>
                                        <!--<div class="play-icon">▶</div>-->
                                    <!--</div>-->
                                    </div><div class="tile__details"><div class="tile__title"><div 345 align="right"><a 131 href='/topics/gen-z'><span 193.4 style='color:#855d13;'>gen z</span></a></div></div></div><div style="white-space: normal;word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;text-align:left;a2;a100"><span 456 style="color:teal;font-size:90%;"><a 131a href='/source/blogging-theology'><span 193.12 style='color:#855d13;'>Blogging Theology</span></a></span><br><span style="font-size: large;font-weight: 700;">Millennials and Gen Z Are Returning to God - Here&#039;...&nbsp;&nbsp;<i class="fa-solid fa-video"></i></span><br></div><!--/a100--></div><div class="tile" style=";width:379.279px;" onClick="window.location.href='https://www.islamicity.org/105343/france-drops-40-tonnes-of-humanitarian-aid-over-gaza-warns-of-famine-and-urges-israel-to-open-aid-routes/#'"><div 0890 class="tile__media">                                    <!--<div class="thumbnail-wrapper" style="position: relative; display: inline-block;">-->
                                        
                                            <a title="France drops 40 tonnes of humanitarian aid over Ga..." href="https://www.islamicity.org/105343/france-drops-40-tonnes-of-humanitarian-aid-over-gaza-warns-of-famine-and-urges-israel-to-open-aid-routes/">    <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2025/08/france-airdrops-aid-into-gaza.png&w=250.12&h=140&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2025/08/france-airdrops-aid-into-gaza.png&w=250.12&h=140&q=100&zc=1"
            class="lazyload w-100 wp-post-image tile__img"
            width="250.12"
            height="140"
            alt="France drops 40 tonnes of humanitarian aid over Gaza, warns of famine and urges Israel to open aid routes"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
    </a>
                                        <!--<div class="play-icon">▶</div>-->
                                    <!--</div>-->
                                    </div><div class="tile__details"><div class="tile__title"><div 345 align="right"><a 131 href='/topics/war-on-gaza'><span 193.4 style='color:#855d13;'>war on gaza</span></a></div></div></div><div style="white-space: normal;word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;text-align:left;a2;a100"><span 456 style="color:teal;font-size:90%;"><a 131a href='/source/iviews'><span 193.12 style='color:#855d13;'>iViews</span></a></span><br><span style="font-size: large;font-weight: 700;">France drops 40 tonnes of humanitarian aid over Ga...&nbsp;&nbsp;</span><br></div><!--/a100--></div><div class="tile" style=";width:379.279px;" onClick="window.location.href='https://www.islamicity.org/105192/srebrenica-at-30-a-tragedy-remembered-a-hypocrisy-exposed/#'"><div 0890 class="tile__media">                                    <!--<div class="thumbnail-wrapper" style="position: relative; display: inline-block;">-->
                                        
                                            <a title="Srebrenica at 30: A Tragedy Remembered, A Hypocris..." href="https://www.islamicity.org/105192/srebrenica-at-30-a-tragedy-remembered-a-hypocrisy-exposed/">    <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2025/07/srebrenica-at-30.png&w=250.12&h=140&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2025/07/srebrenica-at-30.png&w=250.12&h=140&q=100&zc=1"
            class="lazyload w-100 wp-post-image tile__img"
            width="250.12"
            height="140"
            alt="Srebrenica at 30: A Tragedy Remembered, A Hypocrisy Exposed"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
    </a>
                                        <!--<div class="play-icon">▶</div>-->
                                    <!--</div>-->
                                    </div><div class="tile__details"><div class="tile__title"><div 345 align="right"><a 131 href='/topics/ukraine'><span 193.4 style='color:#855d13;'>ukraine</span></a></div></div></div><div style="white-space: normal;word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;text-align:left;a2;a100"><span 456 style="color:teal;font-size:90%;"><a 131a href='/by/habib-siddiqui'><span 193.12 style='color:#855d13;'>Habib Siddiqui</span></a></span><br><span style="font-size: large;font-weight: 700;">Srebrenica at 30: A Tragedy Remembered, A Hypocris...&nbsp;&nbsp;</span><br></div><!--/a100--></div></div></div><span class='carousel-scroll-arrow' onclick="scrollCarouselBy('carousel_4', 2)">&#10230;</span><div class='carousel-fade-right'></div></div><div class='carousel-wrapper fade-edges HELLO CHARLIE' style=';margin-bottom: 0.08px !important;;' id='carousel_wrapper_5'><div class='carousel-header' style=';;font-size: 28px;'><a href='/explore/regions/asia' class='carousel-title-link' style='font-size: 23.234px;'><strong ><span style='font-size:1.21em;x3244;'>Asia</span></strong><span class='arrow'>&rsaquo;</span></a></div><div class='row__carousel' id='carousel_5' style='padding-bottom: 20.01px;'><div class='row__inner' style='padding-bottom: 148.961px;'><div class="tile" style=";width:379.279px;" onClick="window.location.href='https://www.islamicity.org/107295/the-ship-is-sinking-and-asean-is-still-negotiating/#'"><div 0890 class="tile__media">                                    <!--<div class="thumbnail-wrapper" style="position: relative; display: inline-block;">-->
                                        
                                            <a title="The Ship Is Sinking, and ASEAN Is Still Negotiatin..." href="https://www.islamicity.org/107295/the-ship-is-sinking-and-asean-is-still-negotiating/">    <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/11/ASEAN-Ship-Through-Smoke-and-Fire.png&w=250.12&h=140&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/11/ASEAN-Ship-Through-Smoke-and-Fire.png&w=250.12&h=140&q=100&zc=1"
            class="lazyload w-100 wp-post-image tile__img"
            width="250.12"
            height="140"
            alt="The Ship Is Sinking, and ASEAN Is Still Negotiating"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
    </a>
                                        <!--<div class="play-icon">▶</div>-->
                                    <!--</div>-->
                                    </div><div class="tile__details"><div class="tile__title"><div 345 align="right"><a 131 href='/topics/economic-development'><span 193.4 style='color:#855d13;'>economic development</span></a></div></div></div><div style="white-space: normal;word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;text-align:left;a2;a100"><span 456 style="color:teal;font-size:90%;"><a 131a href='/by/abdulwahed-jalal-nori'><span 193.12 style='color:#855d13;'>Abdulwahed Jalal Nori</span></a></span><br><span style="font-size: large;font-weight: 700;">The Ship Is Sinking, and ASEAN Is Still Negotiatin...&nbsp;&nbsp;</span><br></div><!--/a100--></div><div class="tile" style=";width:379.279px;" onClick="window.location.href='https://www.islamicity.org/106865/uzbekistans-first-international-islamic-civilization-forum/#'"><div 0890 class="tile__media">                                    <!--<div class="thumbnail-wrapper" style="position: relative; display: inline-block;">-->
                                        
                                            <a title="Uzbekistan&#039;s First International Islamic Civilizat..." href="https://www.islamicity.org/106865/uzbekistans-first-international-islamic-civilization-forum/">    <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/07/CISC_Uzbekistan.jpg&w=250.12&h=140&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/07/CISC_Uzbekistan.jpg&w=250.12&h=140&q=100&zc=1"
            class="lazyload w-100 wp-post-image tile__img"
            width="250.12"
            height="140"
            alt="Uzbekistan's First International Islamic Civilization Forum"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
    </a>
                                        <!--<div class="play-icon">▶</div>-->
                                    <!--</div>-->
                                    </div><div class="tile__details"><div class="tile__title"><div 345 align="right"><a 131 href='/topics/muslim-world'><span 193.4 style='color:#855d13;'>muslim world</span></a></div></div></div><div style="white-space: normal;word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;text-align:left;a2;a100"><span 456 style="color:teal;font-size:90%;"><a 131a href='/by/shukran-abd-rahman'><span 193.12 style='color:#855d13;'>Shukran Abd Rahman</span></a></span><br><span style="font-size: large;font-weight: 700;">Uzbekistan&#039;s First International Islamic Civilizat...&nbsp;&nbsp;</span><br></div><!--/a100--></div><div class="tile" style=";width:379.279px;" onClick="window.location.href='https://www.islamicity.org/106864/from-samarqand-with-love/#'"><div 0890 class="tile__media">                                    <!--<div class="thumbnail-wrapper" style="position: relative; display: inline-block;">-->
                                        
                                            <a title="From Samarqand with Love" href="https://www.islamicity.org/106864/from-samarqand-with-love/">    <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2023/08/iStock-1156403482.jpg&w=250.12&h=140&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2023/08/iStock-1156403482.jpg&w=250.12&h=140&q=100&zc=1"
            class="lazyload w-100 wp-post-image tile__img"
            width="250.12"
            height="140"
            alt="From Samarqand with Love"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
    </a>
                                        <!--<div class="play-icon">▶</div>-->
                                    <!--</div>-->
                                    </div><div class="tile__details"><div class="tile__title"><div 345 align="right"><a 131 href='/topics/book-review'><span 193.4 style='color:#855d13;'>book review</span></a></div></div></div><div style="white-space: normal;word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;text-align:left;a2;a100"><span 456 style="color:teal;font-size:90%;"><a 131a href='/by/otabek-mukhammadiev'><span 193.12 style='color:#855d13;'>Otabek Mukhammadiev</span></a></span><br><span style="font-size: large;font-weight: 700;">From Samarqand with Love&nbsp;&nbsp;</span><br></div><!--/a100--></div><div class="tile" style=";width:379.279px;" onClick="window.location.href='https://www.islamicity.org/106666/nehrus-mians-and-the-lost-tradition-of-hindu-muslim-political-coexistence/#'"><div 0890 class="tile__media">                                    <!--<div class="thumbnail-wrapper" style="position: relative; display: inline-block;">-->
                                        
                                            <a title="Nehrus, Mians, and the lost tradition of Hindu-Mus..." href="https://www.islamicity.org/106666/nehrus-mians-and-the-lost-tradition-of-hindu-muslim-political-coexistence/">    <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/05/nehru.png&w=250.12&h=140&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/05/nehru.png&w=250.12&h=140&q=100&zc=1"
            class="lazyload w-100 wp-post-image tile__img"
            width="250.12"
            height="140"
            alt="Nehrus, Mians, and the lost tradition of Hindu-Muslim political coexistence"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
    </a>
                                        <!--<div class="play-icon">▶</div>-->
                                    <!--</div>-->
                                    </div><div class="tile__details"><div class="tile__title"><div 345 align="right"><a 131 href='/topics/political-oppression'><span 193.4 style='color:#855d13;'>political oppression</span></a></div></div></div><div style="white-space: normal;word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;text-align:left;a2;a100"><span 456 style="color:teal;font-size:90%;"><a 131a href='/by/mahmudul-hasan'><span 193.12 style='color:#855d13;'>Mahmudul Hasan</span></a></span><br><span style="font-size: large;font-weight: 700;">Nehrus, Mians, and the lost tradition of Hindu-Mus...&nbsp;&nbsp;</span><br></div><!--/a100--></div><div class="tile" style=";width:379.279px;" onClick="window.location.href='https://www.islamicity.org/106384/will-post-july-bangladesh-learn-from-post-july-egypt/#'"><div 0890 class="tile__media">                                    <!--<div class="thumbnail-wrapper" style="position: relative; display: inline-block;">-->
                                        
                                            <a title="Will post-July Bangladesh learn from post-July Egy..." href="https://www.islamicity.org/106384/will-post-july-bangladesh-learn-from-post-july-egypt/">    <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/03/bangladesh-1.png&w=250.12&h=140&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/03/bangladesh-1.png&w=250.12&h=140&q=100&zc=1"
            class="lazyload w-100 wp-post-image tile__img"
            width="250.12"
            height="140"
            alt="Will post-July Bangladesh learn from post-July Egypt?"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
    </a>
                                        <!--<div class="play-icon">▶</div>-->
                                    <!--</div>-->
                                    </div><div class="tile__details"><div class="tile__title"><div 345 align="right"><a 131 href='/topics/bangladesh'><span 193.4 style='color:#855d13;'>bangladesh</span></a></div></div></div><div style="white-space: normal;word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;text-align:left;a2;a100"><span 456 style="color:teal;font-size:90%;"><a 131a href='/by/md-mahmudul-hasan'><span 193.12 style='color:#855d13;'>Md. Mahmudul Hasan</span></a></span><br><span style="font-size: large;font-weight: 700;">Will post-July Bangladesh learn from post-July Egy...&nbsp;&nbsp;</span><br></div><!--/a100--></div><div class="tile" style=";width:379.279px;" onClick="window.location.href='https://www.islamicity.org/106273/ai-video-showing-assam-chief-minister-targeting-muslims-sparks-political-outrage/#'"><div 0890 class="tile__media">                                    <!--<div class="thumbnail-wrapper" style="position: relative; display: inline-block;">-->
                                        
                                            <a title="AI Video Showing Assam Chief Minister Targeting Mu..." href="https://www.islamicity.org/106273/ai-video-showing-assam-chief-minister-targeting-muslims-sparks-political-outrage/">    <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/02/AI-Video.png&w=250.12&h=140&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/02/AI-Video.png&w=250.12&h=140&q=100&zc=1"
            class="lazyload w-100 wp-post-image tile__img"
            width="250.12"
            height="140"
            alt="AI Video Showing Assam Chief Minister Targeting Muslims Sparks Political Outrage"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
    </a>
                                        <!--<div class="play-icon">▶</div>-->
                                    <!--</div>-->
                                    </div><div class="tile__details"><div class="tile__title"><div 345 align="right"><a 131 href='/topics/artificial-intelligence'><span 193.4 style='color:#855d13;'>artificial intelligence</span></a></div></div></div><div style="white-space: normal;word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;text-align:left;a2;a100"><span 456 style="color:teal;font-size:90%;"><a 131a href='/source/iviews'><span 193.12 style='color:#855d13;'>iViews</span></a></span><br><span style="font-size: large;font-weight: 700;">AI Video Showing Assam Chief Minister Targeting Mu...&nbsp;&nbsp;</span><br></div><!--/a100--></div><div class="tile" style=";width:379.279px;" onClick="window.location.href='https://www.islamicity.org/106222/hhrd-humanitarian-support-amid-rohingya-camp-fires/#'"><div 0890 class="tile__media">                                    <!--<div class="thumbnail-wrapper" style="position: relative; display: inline-block;">-->
                                        
                                            <a title="HHRD Humanitarian Support Amid Rohingya Camp Fires" href="https://www.islamicity.org/106222/hhrd-humanitarian-support-amid-rohingya-camp-fires/">    <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/01/HHRD-FT-.jpeg&w=250.12&h=140&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2026/01/HHRD-FT-.jpeg&w=250.12&h=140&q=100&zc=1"
            class="lazyload w-100 wp-post-image tile__img"
            width="250.12"
            height="140"
            alt="HHRD Humanitarian Support Amid Rohingya Camp Fires"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
    </a>
                                        <!--<div class="play-icon">▶</div>-->
                                    <!--</div>-->
                                    </div><div class="tile__details"><div class="tile__title"><div 345 align="right"><a 131 href='/topics/rohingya-crisis'><span 193.4 style='color:#855d13;'>rohingya crisis</span></a></div></div></div><div style="white-space: normal;word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;text-align:left;a2;a100"><span 456 style="color:teal;font-size:90%;"><a 131a href='/by/blerta-kosumi'><span 193.12 style='color:#855d13;'>Blerta Kosumi</span></a></span><br><span style="font-size: large;font-weight: 700;">HHRD Humanitarian Support Amid Rohingya Camp Fires&nbsp;&nbsp;</span><br></div><!--/a100--></div></div></div><span class='carousel-scroll-arrow' onclick="scrollCarouselBy('carousel_5', 2)">&#10230;</span><div class='carousel-fade-right'></div></div><div class='carousel-wrapper fade-edges HELLO CHARLIE' style=';margin-bottom: 0.08px !important;;' id='carousel_wrapper_6'><div class='carousel-header' style=';;font-size: 28px;'><a href='/explore/regions/africa' class='carousel-title-link' style='font-size: 23.234px;'><strong ><span style='font-size:1.21em;x3244;'>Africa</span></strong><span class='arrow'>&rsaquo;</span></a></div><div class='row__carousel' id='carousel_6' style='padding-bottom: 20.01px;'><div class='row__inner' style='padding-bottom: 148.961px;'><div class="tile" style=";width:379.279px;" onClick="window.location.href='https://www.islamicity.org/105793/sudans-forgotten-war-starvation-and-siege/#'"><div 0890 class="tile__media">                                    <!--<div class="thumbnail-wrapper" style="position: relative; display: inline-block;">-->
                                        
                                            <a title="Sudan&#039;s Forgotten War: Starvation and Siege" href="https://www.islamicity.org/105793/sudans-forgotten-war-starvation-and-siege/">    <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://img.youtube.com/vi/jk4gXAtnMpE/maxresdefault.jpg&w=250.12&h=140&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://img.youtube.com/vi/jk4gXAtnMpE/maxresdefault.jpg&w=250.12&h=140&q=100&zc=1"
            class="lazyload w-100 wp-post-image tile__img"
            width="250.12"
            height="140"
            alt="Sudan's Forgotten War: Starvation and Siege"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
    </a>
                                        <!--<div class="play-icon">▶</div>-->
                                    <!--</div>-->
                                    </div><div class="tile__details"><div class="tile__title"><div 345 align="right"><a 131 href='/topics/war-crimes'><span 193.4 style='color:#855d13;'>war crimes</span></a></div></div></div><div style="white-space: normal;word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;text-align:left;a2;a100"><span 456 style="color:teal;font-size:90%;"><a 131a href='/source/al-jazeera'><span 193.12 style='color:#855d13;'>Al Jazeera</span></a></span><br><span style="font-size: large;font-weight: 700;">Sudan&#039;s Forgotten War: Starvation and Siege&nbsp;&nbsp;<i class="fa-solid fa-video"></i></span><br></div><!--/a100--></div><div class="tile" style=";width:379.279px;" onClick="window.location.href='https://www.islamicity.org/105636/the-ancient-library-of-timbuktu/#'"><div 0890 class="tile__media">                                    <!--<div class="thumbnail-wrapper" style="position: relative; display: inline-block;">-->
                                        
                                            <a title="The ancient library of Timbuktu" href="https://www.islamicity.org/105636/the-ancient-library-of-timbuktu/">    <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2025/09/library.jpg&w=250.12&h=140&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2025/09/library.jpg&w=250.12&h=140&q=100&zc=1"
            class="lazyload w-100 wp-post-image tile__img"
            width="250.12"
            height="140"
            alt="The ancient library of Timbuktu"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
    </a>
                                        <!--<div class="play-icon">▶</div>-->
                                    <!--</div>-->
                                    </div><div class="tile__details"><div class="tile__title"><div 345 align="right"><a 131 href='/topics/timbuktu'><span 193.4 style='color:#855d13;'>timbuktu</span></a></div></div></div><div style="white-space: normal;word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;text-align:left;a2;a100"><span 456 style="color:teal;font-size:90%;"><a 131a href='/by/abdulkadir-aden'><span 193.12 style='color:#855d13;'>Abdulkadir Aden</span></a></span><br><span style="font-size: large;font-weight: 700;">The ancient library of Timbuktu&nbsp;&nbsp;</span><br></div><!--/a100--></div><div class="tile" style=";width:379.279px;" onClick="window.location.href='https://www.islamicity.org/104063/sudan-the-most-devastating-humanitarian-and-displacement-crisis-in-the-world/#'"><div 0890 class="tile__media">                                    <!--<div class="thumbnail-wrapper" style="position: relative; display: inline-block;">-->
                                        
                                            <a title="Sudan: &#039;The Most Devastating Humanitarian and Disp..." href="https://www.islamicity.org/104063/sudan-the-most-devastating-humanitarian-and-displacement-crisis-in-the-world/">    <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2025/02/asking-help.jpg&w=250.12&h=140&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2025/02/asking-help.jpg&w=250.12&h=140&q=100&zc=1"
            class="lazyload w-100 wp-post-image tile__img"
            width="250.12"
            height="140"
            alt="Sudan: 'The Most Devastating Humanitarian and Displacement Crisis in the World'"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
    </a>
                                        <!--<div class="play-icon">▶</div>-->
                                    <!--</div>-->
                                    </div><div class="tile__details"><div class="tile__title"><div 345 align="right"><a 131 href='/topics/humanitarian-crisis'><span 193.4 style='color:#855d13;'>humanitarian crisis</span></a></div></div></div><div style="white-space: normal;word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;text-align:left;a2;a100"><span 456 style="color:teal;font-size:90%;"><a 131a href='/by/conor-lennon'><span 193.12 style='color:#855d13;'>Conor Lennon</span></a></span><br><span style="font-size: large;font-weight: 700;">Sudan: &#039;The Most Devastating Humanitarian and Disp...&nbsp;&nbsp;</span><br></div><!--/a100--></div><div class="tile" style=";width:379.279px;" onClick="window.location.href='https://www.islamicity.org/104047/tariq-ali-on-trumps-embrace-of-ethnic-cleansing-in-gaza-global-rise-of-the-far-right/#'"><div 0890 class="tile__media">                                    <!--<div class="thumbnail-wrapper" style="position: relative; display: inline-block;">-->
                                        
                                            <a title="Tariq Ali on Trump&#039;s Embrace of Ethnic Cleansing i..." href="https://www.islamicity.org/104047/tariq-ali-on-trumps-embrace-of-ethnic-cleansing-in-gaza-global-rise-of-the-far-right/">    <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://img.youtube.com/vi/mgurQaEy_aU/maxresdefault.jpg&w=250.12&h=140&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://img.youtube.com/vi/mgurQaEy_aU/maxresdefault.jpg&w=250.12&h=140&q=100&zc=1"
            class="lazyload w-100 wp-post-image tile__img"
            width="250.12"
            height="140"
            alt="Tariq Ali on Trump's Embrace of Ethnic Cleansing in Gaza & Global Rise of the Far Right"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
    </a>
                                        <!--<div class="play-icon">▶</div>-->
                                    <!--</div>-->
                                    </div><div class="tile__details"><div class="tile__title"><div 345 align="right"><a 131 href='/topics/israel-regional-conflicts'><span 193.4 style='color:#855d13;'>israel &amp; regional conflicts</span></a></div></div></div><div style="white-space: normal;word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;text-align:left;a2;a100"><span 456 style="color:teal;font-size:90%;"><a 131a href='/source/democracy-now'><span 193.12 style='color:#855d13;'>Democracy Now</span></a></span><br><span style="font-size: large;font-weight: 700;">Tariq Ali on Trump&#039;s Embrace of Ethnic Cleansing i...&nbsp;&nbsp;<i class="fa-solid fa-video"></i></span><br></div><!--/a100--></div><div class="tile" style=";width:379.279px;" onClick="window.location.href='https://www.islamicity.org/104030/why-is-donald-trump-targeting-south-africa/#'"><div 0890 class="tile__media">                                    <!--<div class="thumbnail-wrapper" style="position: relative; display: inline-block;">-->
                                        
                                            <a title="Why is Donald Trump targeting South Africa?" href="https://www.islamicity.org/104030/why-is-donald-trump-targeting-south-africa/">    <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://img.youtube.com/vi/akFVMGFOjwE/maxresdefault.jpg&w=250.12&h=140&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://img.youtube.com/vi/akFVMGFOjwE/maxresdefault.jpg&w=250.12&h=140&q=100&zc=1"
            class="lazyload w-100 wp-post-image tile__img"
            width="250.12"
            height="140"
            alt="Why is Donald Trump targeting South Africa?"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
    </a>
                                        <!--<div class="play-icon">▶</div>-->
                                    <!--</div>-->
                                    </div><div class="tile__details"><div class="tile__title"><div 345 align="right"><a 131 href='/topics/government-and-politics'><span 193.4 style='color:#855d13;'>government and politics</span></a></div></div></div><div style="white-space: normal;word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;text-align:left;a2;a100"><span 456 style="color:teal;font-size:90%;"><a 131a href='/source/aljazeera-english'><span 193.12 style='color:#855d13;'>Aljazeera English</span></a></span><br><span style="font-size: large;font-weight: 700;">Why is Donald Trump targeting South Africa?&nbsp;&nbsp;<i class="fa-solid fa-video"></i></span><br></div><!--/a100--></div><div class="tile" style=";width:379.279px;" onClick="window.location.href='https://www.islamicity.org/103891/south-africa-accused-of-horrific-crackdown-as-78-bodies-pulled-from-mine/#'"><div 0890 class="tile__media">                                    <!--<div class="thumbnail-wrapper" style="position: relative; display: inline-block;">-->
                                        
                                            <a title="South Africa accused of &#039;horrific&#039; crackdown as 78..." href="https://www.islamicity.org/103891/south-africa-accused-of-horrific-crackdown-as-78-bodies-pulled-from-mine/">    <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://img.youtube.com/vi/ywrxRWFj6f4/maxresdefault.jpg&w=250.12&h=140&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://img.youtube.com/vi/ywrxRWFj6f4/maxresdefault.jpg&w=250.12&h=140&q=100&zc=1"
            class="lazyload w-100 wp-post-image tile__img"
            width="250.12"
            height="140"
            alt="South Africa accused of 'horrific' crackdown as 78 bodies pulled from mine"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
    </a>
                                        <!--<div class="play-icon">▶</div>-->
                                    <!--</div>-->
                                    </div><div class="tile__details"><div class="tile__title"><div 345 align="right"><a 131 href='/topics/south-africa'><span 193.4 style='color:#855d13;'>south africa</span></a></div></div></div><div style="white-space: normal;word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;text-align:left;a2;a100"><span 456 style="color:teal;font-size:90%;"><a 131a href='/source/aljazeera-english'><span 193.12 style='color:#855d13;'>Aljazeera English</span></a></span><br><span style="font-size: large;font-weight: 700;">South Africa accused of &#039;horrific&#039; crackdown as 78...&nbsp;&nbsp;<i class="fa-solid fa-video"></i></span><br></div><!--/a100--></div><div class="tile" style=";width:379.279px;" onClick="window.location.href='https://www.islamicity.org/103532/emir-abd-el-kader-the-saintly-warrior-who-defied-empires/#'"><div 0890 class="tile__media">                                    <!--<div class="thumbnail-wrapper" style="position: relative; display: inline-block;">-->
                                        
                                            <a title="Emir Abd el-Kader: The Saintly Warrior Who Defied ..." href="https://www.islamicity.org/103532/emir-abd-el-kader-the-saintly-warrior-who-defied-empires/">    <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2024/11/Emir-Abd-el-Kader.png&w=250.12&h=140&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2024/11/Emir-Abd-el-Kader.png&w=250.12&h=140&q=100&zc=1"
            class="lazyload w-100 wp-post-image tile__img"
            width="250.12"
            height="140"
            alt="Emir Abd el-Kader: The Saintly Warrior Who Defied Empires"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
    </a>
                                        <!--<div class="play-icon">▶</div>-->
                                    <!--</div>-->
                                    </div><div class="tile__details"><div class="tile__title"><div 345 align="right"><a 131 href='/topics/north-african-history'><span 193.4 style='color:#855d13;'>north african history</span></a></div></div></div><div style="white-space: normal;word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;text-align:left;a2;a100"><span 456 style="color:teal;font-size:90%;"><a 131a href='/by/mohamed-chtatou'><span 193.12 style='color:#855d13;'>Mohamed Chtatou</span></a></span><br><span style="font-size: large;font-weight: 700;">Emir Abd el-Kader: The Saintly Warrior Who Defied ...&nbsp;&nbsp;</span><br></div><!--/a100--></div></div></div><span class='carousel-scroll-arrow' onclick="scrollCarouselBy('carousel_6', 2)">&#10230;</span><div class='carousel-fade-right'></div></div><div class='carousel-wrapper fade-edges HELLO CHARLIE' style=';margin-bottom: 0.08px !important;;' id='carousel_wrapper_7'><div class='carousel-header' style=';;font-size: 28px;'><a href='/topics/islamic-culture-and-civilization/' class='carousel-title-link' style='font-size: 23.234px;'><strong ><span style='font-size:1.21em;x3244;'>Islamic Culture And Civilization</span></strong><span class='arrow'>&rsaquo;</span></a></div><div class='row__carousel' id='carousel_7' style='padding-bottom: 20.01px;'><div class='row__inner' style='padding-bottom: 148.961px;'><div class="tile" style=";width:379.279px;" onClick="window.location.href='https://www.islamicity.org/100779/chatilm-enhancing-islamic-knowledge-with-ai/#'"><div 0890 class="tile__media">                                    <!--<div class="thumbnail-wrapper" style="position: relative; display: inline-block;">-->
                                        
                                            <a title="ChatILM: Enhancing Islamic Knowledge with AI" href="https://www.islamicity.org/100779/chatilm-enhancing-islamic-knowledge-with-ai/">    <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2025/07/chat-ilm-2.png&w=250.12&h=140&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2025/07/chat-ilm-2.png&w=250.12&h=140&q=100&zc=1"
            class="lazyload w-100 wp-post-image tile__img"
            width="250.12"
            height="140"
            alt="ChatILM: Enhancing Islamic Knowledge with AI"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
    </a>
                                        <!--<div class="play-icon">▶</div>-->
                                    <!--</div>-->
                                    </div><div class="tile__details"><div class="tile__title"><div 345 align="right"><a 131 href='/topics/prophet'><span 193.4 style='color:#855d13;'>prophet</span></a></div></div></div><div style="white-space: normal;word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;text-align:left;a2;a100"><span 456 style="color:teal;font-size:90%;"><a 131a href='/source/islamicity'><span 193.12 style='color:#855d13;'> IslamiCity </span></a></span><br><span style="font-size: large;font-weight: 700;">ChatILM: Enhancing Islamic Knowledge with AI&nbsp;&nbsp;</span><br></div><!--/a100--></div><div class="tile" style=";width:379.279px;" onClick="window.location.href='https://www.islamicity.org/77266/success-in-prophet-muhammads-pbuh-revolutionary-system/#'"><div 0890 class="tile__media">                                    <!--<div class="thumbnail-wrapper" style="position: relative; display: inline-block;">-->
                                        
                                            <a title="Success In Prophet Muhammad&#039;s (PBUH) Revolutionary..." href="https://www.islamicity.org/77266/success-in-prophet-muhammads-pbuh-revolutionary-system/">    <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2018/06/iStock-505894766-Muhammad-1.jpg&w=250.12&h=140&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2018/06/iStock-505894766-Muhammad-1.jpg&w=250.12&h=140&q=100&zc=1"
            class="lazyload w-100 wp-post-image tile__img"
            width="250.12"
            height="140"
            alt="Success In Prophet Muhammad's (PBUH) Revolutionary System"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
    </a>
                                        <!--<div class="play-icon">▶</div>-->
                                    <!--</div>-->
                                    </div><div class="tile__details"><div class="tile__title"><div 345 align="right"><a 131 href='/topics/humanity'><span 193.4 style='color:#855d13;'>humanity</span></a></div></div></div><div style="white-space: normal;word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;text-align:left;a2;a100"><span 456 style="color:teal;font-size:90%;"><a 131a href='/by/mansoor-alam'><span 193.12 style='color:#855d13;'>Mansoor Alam</span></a></span><br><span style="font-size: large;font-weight: 700;">Success In Prophet Muhammad&#039;s (PBUH) Revolutionary...&nbsp;&nbsp;</span><br></div><!--/a100--></div><div class="tile" style=";width:379.279px;" onClick="window.location.href='https://www.islamicity.org/105349/how-did-islam-become-a-global-religion/#'"><div 0890 class="tile__media">                                    <!--<div class="thumbnail-wrapper" style="position: relative; display: inline-block;">-->
                                        
                                            <a title="How Did Islam Become A Global Religion?" href="https://www.islamicity.org/105349/how-did-islam-become-a-global-religion/">    <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://img.youtube.com/vi/p-G6dZw3k_U/maxresdefault.jpg&w=250.12&h=140&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://img.youtube.com/vi/p-G6dZw3k_U/maxresdefault.jpg&w=250.12&h=140&q=100&zc=1"
            class="lazyload w-100 wp-post-image tile__img"
            width="250.12"
            height="140"
            alt="How Did Islam Become A Global Religion?"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
    </a>
                                        <!--<div class="play-icon">▶</div>-->
                                    <!--</div>-->
                                    </div><div class="tile__details"><div class="tile__title"><div 345 align="right"><a 131 href='/topics/ummah-community'><span 193.4 style='color:#855d13;'>ummah (community)</span></a></div></div></div><div style="white-space: normal;word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;text-align:left;a2;a100"><span 456 style="color:teal;font-size:90%;"><a 131a href='/source/epic-history-tv'><span 193.12 style='color:#855d13;'>Epic History Tv</span></a></span><br><span style="font-size: large;font-weight: 700;">How Did Islam Become A Global Religion?&nbsp;&nbsp;<i class="fa-solid fa-video"></i></span><br></div><!--/a100--></div><div class="tile" style=";width:379.279px;" onClick="window.location.href='https://www.islamicity.org/105023/history-of-the-persian-empire/#'"><div 0890 class="tile__media">                                    <!--<div class="thumbnail-wrapper" style="position: relative; display: inline-block;">-->
                                        
                                            <a title="History of The Persian Empire" href="https://www.islamicity.org/105023/history-of-the-persian-empire/">    <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://img.youtube.com/vi/5EtbBU0beus/maxresdefault.jpg&w=250.12&h=140&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://img.youtube.com/vi/5EtbBU0beus/maxresdefault.jpg&w=250.12&h=140&q=100&zc=1"
            class="lazyload w-100 wp-post-image tile__img"
            width="250.12"
            height="140"
            alt="History of The Persian Empire"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
    </a>
                                        <!--<div class="play-icon">▶</div>-->
                                    <!--</div>-->
                                    </div><div class="tile__details"><div class="tile__title"><div 345 align="right"><a 131 href='/topics/shia-sunni-relations'><span 193.4 style='color:#855d13;'>shia-sunni relations</span></a></div></div></div><div style="white-space: normal;word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;text-align:left;a2;a100"><span 456 style="color:teal;font-size:90%;"><a 131a href='/source/beginning-to-now'><span 193.12 style='color:#855d13;'>Beginning to Now</span></a></span><br><span style="font-size: large;font-weight: 700;">History of The Persian Empire&nbsp;&nbsp;<i class="fa-solid fa-video"></i></span><br></div><!--/a100--></div><div class="tile" style=";width:379.279px;" onClick="window.location.href='https://www.islamicity.org/102849/what-powerful-lessons-on-knowledge-does-the-first-revelation-unveil/#'"><div 0890 class="tile__media">                                    <!--<div class="thumbnail-wrapper" style="position: relative; display: inline-block;">-->
                                        
                                            <a title="What Powerful Lessons on Knowledge Does the First ..." href="https://www.islamicity.org/102849/what-powerful-lessons-on-knowledge-does-the-first-revelation-unveil/">    <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2024/09/lessons-of-quran.jpg&w=250.12&h=140&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2024/09/lessons-of-quran.jpg&w=250.12&h=140&q=100&zc=1"
            class="lazyload w-100 wp-post-image tile__img"
            width="250.12"
            height="140"
            alt="What Powerful Lessons on Knowledge Does the First Revelation Unveil?"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
    </a>
                                        <!--<div class="play-icon">▶</div>-->
                                    <!--</div>-->
                                    </div><div class="tile__details"><div class="tile__title"><div 345 align="right"><a 131 href='/topics/higher-education'><span 193.4 style='color:#855d13;'>higher education</span></a></div></div></div><div style="white-space: normal;word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;text-align:left;a2;a100"><span 456 style="color:teal;font-size:90%;"><a 131a href='/by/spahic-omer'><span 193.12 style='color:#855d13;'>Spahic Omer</span></a></span><br><span style="font-size: large;font-weight: 700;">What Powerful Lessons on Knowledge Does the First ...&nbsp;&nbsp;</span><br></div><!--/a100--></div><div class="tile" style=";width:379.279px;" onClick="window.location.href='https://www.islamicity.org/103397/can-islam-balance-ethics-and-modern-progress/#'"><div 0890 class="tile__media">                                    <!--<div class="thumbnail-wrapper" style="position: relative; display: inline-block;">-->
                                        
                                            <a title="Can Islam Balance Ethics and Modern Progress?" href="https://www.islamicity.org/103397/can-islam-balance-ethics-and-modern-progress/">    <div class="image-box-fixed" style="width:100%; aspect-ratio:16/9; overflow:hidden; display:block;">
        <img 1920 
            src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2024/11/Islam-Balance-between-modern-world-and-morals.png&w=250.12&h=140&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://media.islamicity.org/wp-content/uploads/2024/11/Islam-Balance-between-modern-world-and-morals.png&w=250.12&h=140&q=100&zc=1"
            class="lazyload w-100 wp-post-image tile__img"
            width="250.12"
            height="140"
            alt="Can Islam Balance Ethics and Modern Progress?"
            loading="lazy"
            decoding="async"
            style="width:100% !important; height:100% !important; object-fit:cover; display:block; max-width:none !important;;border-radius:3.01px;"
                                />
    </div>
    </a>
                                        <!--<div class="play-icon">▶</div>-->
                                    <!--</div>-->
                                    </div><div class="tile__details"><div class="tile__title"><div 345 align="right"><a 131 href='/topics/tawhid-oneness-of-god'><span 193.4 style='color:#855d13;'>tawhid (oneness of god)</span></a></div></div></div><div style="white-space: normal;word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;text-align:left;a2;a100"><span 456 style="color:teal;font-size:90%;"><a 131a href='/by/alizaman-d-gamon'><span 193.12 style='color:#855d13;'>Alizaman D. Gamon+..</span></a></span><br><span style="font-size: large;font-weight: 700;">Can Islam Balance Ethics and Modern Progress?&nbsp;&nbsp;</span><br></div><!--/a100--></div></div></div><span class='carousel-scroll-arrow' onclick="scrollCarouselBy('carousel_7', 2)">&#10230;</span><div class='carousel-fade-right'></div></div>
                <?if (BLP_DESKTOP):?>        
                    </div>
                    </div>
                    </div>
                    </div>                <?endif;?>
                        
            
            <!-- end first 7 posts on top and open a new container -->
            
            
            <!-- Here is a trick to prevent caching and expiring while enabling fast testing --> 
            <!-- https://www.islamicity.org/?ultracache=0&printZone=1&zoneCategory=Faith & Spirituality&layout=1+4+mostRight=gems-9 -->   



            

        </div>
        <!-- Begin site-content -->

        


                
        

        <!-- ##FILE this is footer.php BEGIN --> 
<!-- this gets included by all __[templates].php right before </body></.html> --> 
<!-- and it ends with common-FOOTER.php includes. common-FOOTER is common to all IC3 THEMES!  --> 





<!--


todo 
apply filter:invert(1) after giving an id to logo image!c

#hjri-date-results {
    opacity: 1
    color: aqua; /* give a new color */
}
-->
<!--##darkable-part-2of2->






















    <script>
        // alert('TERM_STUFF is being reported by the footer.php as \n\nTERM_STUFF:' + TERM_STUFF)
    </script>    
    
    <!-- display media breaks run time -- helps with dev time. --> 
    <script>
    
    /* @MEDIABREAKS @BREAKS @LAPTOPS -- but there is also the mhk-css counterpart to this! see @BREAKS over there too */
    function updateMenu() {

        

        
            



    
        
        const width = window.innerWidth;
        let label = 'Unknown';

        
        
        if (width <= 767.98) {
            label = '📱 Mobile Only (≤ 767.98px)';
            SwitchHeaderState('toMobile')
            marginTop = 7.701; // perfected for single
            backgroundcolor = 'lightcyan';
        } else if (width >= 768 && width <= 991.98) {   
            SwitchHeaderState('toMobile')
            label = '📲 Tablet (768px – 991.98px)';
            marginTop = 27.671; 
            backgroundcolor = 'lightyellow';
        } else if (width >= 992 && width <= 1199.98) {
            SwitchHeaderState('toDesktop')
            marginTop = 27.672; // perfect for single
            backgroundcolor = 'lightgreen'; 
            label = '💻 Small Laptop (992px – 1199.98px)';
        } else if (width >= 1200 && width <= 1399.98) {
            SwitchHeaderState('toDesktop')
            marginTop = 27.673; // perfected for single
            backgroundcolor = 'lightblue';
            // SwitchHeaderState('toMobile')
            label = '🖥️ Desktop (1200px – 1399.98px)';
        } else {
            SwitchHeaderState('toDesktop')
            marginTop = 27.674; // perfected for single. 
            backgroundcolor = 'pink'; 
            label = '🖥️🧠 Ultra-Wide / 4K (≥ 1400px)';
        }

        
        let adjustment = 55; //was 30
                    marginTop = marginTop + adjustment; 
            
    
        
        // alert('marginTop:' + marginTop);

        

        
        if ( BLP_MOBILE ) {
            // marginTop = marginTop + 30;
        }


        //console.log('BEFORE:' + getComputedStyle(document.querySelector('.site-content')).marginTop);
        //document.querySelector('.site-content')?.style.setProperty('margin-top', marginTop, 'important');
        
        if (typeof TERM_STUFF !== 'undefined' && TERM_STUFF) {
            // alert('apply term_stuff margin top. ')
            // alert('TERM_STUFF is available. so margins needs to be adjusted');

            $('.termStuff_DIV').css('margin-top', marginTop + 'px');
            // $('.termStuff_DIV').css('margin-bottom', (marginTop*-1) + 'px');
            $('.site-content').css('margin-top', '22.22px');
            $('.site-content').css('padding-top', '28.228px');
        } else {
            $('.site-content').css('margin-top', marginTop + 'px');
        }

                                                        $('.site-content').css('margin-top', '29.123px');        
                                     
        
            
        
        
            
        //console.log('AFTER:' + getComputedStyle(document.querySelector('.site-content')).marginTop);
    }

    function SwitchHeaderState(toWhat){
        if ( toWhat == 'toDesktop' ) {
            document.getElementById('theDesktopHeader').style.setProperty("display", "block", "important");
            document.getElementById('theMobileHeader').style.setProperty("display", "none", "important");
            fixWhiteOverWhiteDesktopHeaderProblem();
        } else {
            // if ( toWhat == 'toMobile' ) {
            document.getElementById('theMobileHeader').style.setProperty("display", "block", "important");
            document.getElementById('theDesktopHeader').style.setProperty("display", "none", "important");
        }
    }    

    function fixWhiteOverWhiteDesktopHeaderProblem(){

        // if ( BLP_MOBILE ) return;
        const topAdBannerHeight = topAdBanner ? topAdBanner.offsetHeight : 100; // fallback if not found
        const top = window.scrollY < topAdBannerHeight-30;
        
        if ( top ) {
            // alert('apply white over white fix. ');
            document.querySelectorAll('a.dddonly').forEach(el => {
            
                //if ( el.textContent.includes('Search') || el.textContent.includes('More') ) {
                //    el.style.setProperty('color', '#22c55f', 'important');  
                //} else {
                    el.style.setProperty('color', '#020817', 'important');
                //}
                
            });                    

        }

        
    }

    // here are some more js helper functions to take care addTheseClassesToTheDivWithThisClass like functionality! 
    /*
    usage:
        addClassToElement('.myBox', 'highlight glowing');
        removeClassFromElement('#headerBar', 'sticky');
        addStylesToElement('div.notice', 'margin-top:10px;padding:5px;font-weight:bold'); --> “Any <div> element that also has the class notice.”
            A dot means" with this class 
            A space means "descendends"! 

                If you meant to target elements with class notice, the correct way is:

                ✅ div.notice | Selects <div> elements with class "notice"

                ✅ .notice | Selects any element with class "notice"

                ✅ div .notice | Selects elements with class notice, inside any <div> — e.g.:

                <div>
                    <p class="notice">✅ matched by `div .notice`</p>
                </div>            

    */
    function addClassToElement(selector, newClasses) {
        const elems = resolveElements(selector);
        if (!elems.length) return;
        newClasses.split(' ').forEach(c => {
            elems.forEach(el => el.classList.add(c));
        });
    }

    function removeClassFromElement(selector, oldClasses) {
        const elems = resolveElements(selector);
        if (!elems.length) return;
        oldClasses.split(' ').forEach(c => {
            elems.forEach(el => el.classList.remove(c));
        });
    }

    function addStylesToElement(selector, styleString) {
        const elems = resolveElements(selector);
        if (!elems.length) return;
        elems.forEach(el => {
            styleString.split(';').forEach(rule => {
                if (!rule.trim()) return;
                const [key, value] = rule.split(':');
                if (key && value) {
                    el.style.setProperty(key.trim(), value.trim(), 'important');
                }
            });
        });
    }

    // 👇 Helper function to smartly resolve any selector type
    function resolveElements(selector) {
        if (!selector) return [];

        if (selector.startsWith('#')) {
            const el = document.getElementById(selector.substring(1));
            return el ? [el] : [];
        }

        if (selector.startsWith('.')) {
            return Array.from(document.getElementsByClassName(selector.substring(1)));
        }

        // fallback for any valid CSS selector (slowest but powerful)
        try {
            return Array.from(document.querySelectorAll(selector));
        } catch (e) {
            console.warn(`Invalid selector: ${selector}`);
            return [];
        }
    }




    window.addEventListener("resize", updateMenu);
    window.addEventListener("DOMContentLoaded", updateMenu);
    </script>

        












<a href="#" class="back-to-top" 
   style="display: none; z-index: 999999999999 !important; bottom: 46px;">
 
    <i class="fa fa-angle-up"></i>
</a>

<!--
<a href="#" class="back-to-top" style="bottom: 66px; z-index: 2147483647 !important; display: inline;" data-fixed="true">
    <i class="fa fa-search"></i>
</a>
-->

<!--entering-mega-nenu.htm--> <!--this mega-menu is included by header.php and footer.php --> 
<style> 

	/* old menu header colors resulting pink and green | # 0bc199 */ 
    .text-decoration-none {
	color:#ffffff!important;
	font-size: 0.9em;
  }
  
  a.text-decoration-none:hover {
  	text-decoration : underline !important;
  }
  
  a.headerlink {
  	/*color:#aaeedf !important;*/
	color:#0bc199 !important;
  }
  
      .megamenu-item {
      border: 0px solid #dee2e6;
      padding: 1px;
      text-align: left;
      margin-bottom: 1px;
      border-radius: 8px;
      transition: background-color 0.2s ease-in-out;
    }
    
    /*
    .megamenu-item:hover {
      background-color: #e9ecef;
    } 
    
    
    .mb-3 {
    	margin-bottom: -2rem !important;
    }  
    
    */
  
</style>
  

<footer class=" py-4 " style="background-color:#000000;padding-left:10px;color:#ffffff;">
<div class="container py-4">

  <div class="row g-3">
    <!-- Loop through 12 items: 3 per row, 4 rows total -->
    <div class="col-md-4 col-6 mb-3">
      <div class="megamenu-item">
      
				<h5 style="color:white;;">Essentials & Guidance</h5>
				<ul class="list-unstyled">
					<li><a href="/topics/Islam/?utm_source=megamenu&utm_medium=web" class="text-decoration-none">Islam</a></li>				
					<li><a href="/topics/Allah/?utm_source=megamenu&utm_medium=web" class="text-decoration-none">Allah (God)</a></li>
					<li><a href="/quran/?utm_source=megamenu&utm_medium=web" class="text-decoration-none">Quran</a></li>
					<li><a href="/quranplus/?utm_source=megamenu&utm_medium=web" class="text-decoration-none">Quran+</a></li>				
					<li><a href="/hadith/?utm_source=megamenu&utm_medium=web" class="text-decoration-none">Hadith</a></li>
					<li><a href="https://praywatch.islamicity.org/?utm_source=megamenu&utm_medium=web" class="text-decoration-none">Pray Watch (Times)</a></li>
					<li><a href="/hijri-gregorian-converter/?utm_source=megamenu&utm_medium=web" class="text-decoration-none">Hijri Converter</a></li>
					<li><a href="/dua/" class="text-decoration-none">Dua (Supplication)</a></li>
					<li><a href="/8304/understanding-islam-and-muslims/?utm_source=megamenu&utm_medium=web" class="text-decoration-none">Understanding Islam</a></li>
					<li><a href="/zakat-calculator/?utm_source=megamenu&utm_medium=web" class="text-decoration-none">Zakat Calculator</a></li>					
				</ul>
      
      </div>
    </div>
    
    <div class="col-md-4 col-6 mb-3">
      <div class="megamenu-item">
				<h5 style="color:white;;">Community & Services</h5>
				<ul class="list-unstyled">
					<li><a href="https://chatilm.islamicity.org/?utm_source=megamenu&utm_medium=web" class="text-decoration-none">ChatILM (AI Assistant)</a></li>
					<li><a href="/dearhadi/?utm_source=megamenu&utm_medium=web" class="text-decoration-none">Ask Dear Hadi (Q&A)</a></li>
					<li><a href="/qa/?utm_source=megamenu&utm_medium=web" class="text-decoration-none">Ask the Imam (Q&A)</a></li>
					<li><a href="/101176/islam-live-chat-and-phone-call/?utm_source=megamenu&utm_medium=web" class="text-decoration-none">Live Chat & Call (Q&A)</a></li>					
					<li><a href="/free-quran/?utm_source=megamenu&utm_medium=web" class="text-decoration-none">Get a Free Quran</a></li>
					<li><a href="/bulletin/?utm_source=megamenu&utm_medium=web" class="text-decoration-none">Join Our Newsletter</a></li>
					<li><a href="/subscribers/?utm_source=megamenu&utm_medium=web" class="text-decoration-none">Become a Subscriber</a></li>
					<li><a href="/why-membership/?utm_source=megamenu&utm_medium=web" class="text-decoration-none">Membership</a></li>
					<li><a href="/members/?utm_source=megamenu&utm_medium=web" class="text-decoration-none">Members only</a></li>
				</ul>
      </div>
    </div>
    
    <div class="col-md-4 col-6 mb-3">
      <div class="megamenu-item">
      			<h5 style="color:white;;">Beliefs & Pillars</h5>
				<ul class="list-unstyled">
					<li><a href="/covers/99-names-of-allah/?utm_source=megamenu&utm_medium=web" class="text-decoration-none">Allah (99 Names)</a></li>
					<li><a href="/topics/articles-of-faith/?utm_source=megamenu&utm_medium=web" class="text-decoration-none">Articles of Faith</a></li>
					<li><a href="/topics/declaration-of-faith-shahada/?utm_source=megamenu&utm_medium=web" class="text-decoration-none">Shahada (Declaration of Faith)</a></li>
					<li><a href="/topics/prayers-salah/?utm_source=megamenu&utm_medium=web" class="text-decoration-none">Salat (Prayers)</a></li>
					<li><a href="/topics/zakat/?utm_source=megamenu&utm_medium=web" class="text-decoration-none">Zakat (Charity)</a></li>					
					<li><a href="/topics/ramadan/?utm_source=megamenu&utm_medium=web" class="text-decoration-none">Ramadan</a></li>
					<li><a href="/topics/hajj/?utm_source=megamenu&utm_medium=web" class="text-decoration-none">Hajj (Pilgrimage)</a></li>	                    
				</ul> 
      </div>
    </div>
    
    
    <div class="col-md-4 col-6 mb-3">
      <div class="megamenu-item">
      			<h5 style="color:white;;">Media & Insights</h5>
				<ul class="list-unstyled">
					<li><a href="/topics/islamicity-apps/" class="text-decoration-none">Apps</a></li>
					<li><a href="/covers/" class="text-decoration-none">Covers</a></li>
					<li><a href="/food/" class="text-decoration-none">Food Recipes</a></li>
					<li><a href="/insights/" class="text-decoration-none">Insights</a></li>
					<li><a href="/muslimnames/" class="text-decoration-none">Muslim Names</a></li>					
					<li><a href="/islamicglossary/" class="text-decoration-none">Islamic Glossary</a></li>					
					<li><a href="/quiz/islamicquiz/" class="text-decoration-none">Islamic Quiz</a></li>
					<li><a href="/quizgame/" class="text-decoration-none">Islamic Quiz Game</a></li>
					<li><a href="/videohub/" class="text-decoration-none">VideoHub</a></li>
					<li><a href="/channels/podcasts/" class="text-decoration-none">Podcasts</a></li>	   					
				</ul>               
      </div>
    </div>
    
    <div class="col-md-4 col-6 mb-3">
      <div class="megamenu-item">
      			<h5 style="color:white;;">Knowledge & Wisdom</h5>
				<ul class="list-unstyled">
					<li><a href="/explore/faith/" class="text-decoration-none">Faith & Spirituality</a></li>
					<li><a href="/explore/life/" class="text-decoration-none">Life & Society</a></li>
					<li><a href="/explore/nature/" class="text-decoration-none">Nature & Science</a></li>
					<li><a href="/by/" class="text-decoration-none">Browse by Authors</a></li>					
					<li><a href="/values/" class="text-decoration-none">Browse by Values & Character</a></li>
					<li><a href="/topics/" class="text-decoration-none">Browse by Topics</a></li>	
					<li><a href="/source/" class="text-decoration-none">Browse by Sources</a></li>
					<li><a href="/channels/" class="text-decoration-none">Browse by Channels</a></li>					
				</ul>               
      </div>
    </div>
    
    
    <div class="col-md-4 col-6 mb-3">
      <div class="megamenu-item">
      			<h5 style="color:white;;">World Affairs & Ummah</h5>
				<ul class="list-unstyled">
					<li><a href="/topics/human-rights/" class="text-decoration-none">Human Rights</a></li>
					<li><a href="/topics/peace-justice/" class="text-decoration-none">Peace & Justice</a></li>
					<li><a href="https://news.islamicity.org/?utm_source=megamenu&utm_medium=web" class="text-decoration-none">News & Analysis</a></li>
					<li><a href="/explore/regions/americas/" class="text-decoration-none">Americas</a></li>
					<li><a href="/explore/regions/europe/" class="text-decoration-none">Europe</a></li>
					<li><a href="/explore/regions/australia/" class="text-decoration-none">Australia</a></li>					
					<li><a href="/explore/regions/asia/" class="text-decoration-none">Asia</a></li>
					<li><a href="/explore/regions/africa/" class="text-decoration-none">Africa</a></li>
					<li><a href="/explore/regions/middle-east/" class="text-decoration-none">Middle East</a></li>	   
				</ul>               
      </div>
    </div>
 
     <div class="col-md-4 col-6 mb-3">
       <div class="megamenu-item">
       			<h5 style="color:white;;">HADI Projects</h5>
 				<ul class="list-unstyled">
 					<li><a href="https://www.allah.org/" class="text-decoration-none">Allah.org</a></li>
 					<li><a href="https://islam.org/" class="text-decoration-none">Islam.org</a></li>					
 					<li><a href="https://hadirelief.org/" class="text-decoration-none">HADI Relief</a></li>
 					<li><a href="https://halalx.org/" class="text-decoration-none">HalalX</a></li> 
 					<li><a href="https://islamicityacademy.org/" class="text-decoration-none">IslamiCity Academy</a></li>
 					<li><a href="https://classroad.org/" class="text-decoration-none">CLASSRoad</a></li>						   
 				</ul>               
       </div>
    </div>

     <div class="col-md-4 col-6 mb-3">
       <div class="megamenu-item">
       			<h5 style="color:white;;">About IslamiCity</h5>
 				<ul class="list-unstyled">
 					<li><a href="/about-islamicity/" class="text-decoration-none">About Us</a></li>
 					<li><a href="/Feedback/" class="text-decoration-none">Contact Us</a></li>					
 					<li><a href="/insights/insight/112" class="text-decoration-none">Milestones</a></li>
 					<li><a href="/privacy-policy/" class="text-decoration-none">Privacy Policy</a></li> 
 					<li><a href="javascript:openFrame('/contribute');" class="text-decoration-none">Publish with Us</a></li>					   
 				</ul>               
       </div>
    </div>
    
     <div class="col-md-4 col-6 mb-3">
       <div class="megamenu-item">
       			<h5 style="color:white;;">Support Us</h5>
 				<ul class="list-unstyled">
 					<li><a href="/donate/" class="text-decoration-none">Donate</a></li>
 					<li><a href="https://islamicity.donorsupport.co/agentic-giving.md" rel="agentic-giving" class="text-decoration-none">Agentic Giving</a></li>
 					<li><a href="https://marketplace.halalx.org/" class="text-decoration-none">Bazar Store</a></li>					
 					<li><a href="/donate/car-donation/" class="text-decoration-none">Car Donations</a></li>
 					<li><a href="/donate/" class="text-decoration-none">Endowment (Waqf)</a></li> 
 					<li><a href="/wills/" class="text-decoration-none">Islamic Wills</a></li>
  					<li><a href="/sponsorship/" class="text-decoration-none">Sponsorship Ads</a></li>
  					<li><a href="https://www.icdomain.com/" class="text-decoration-none">Web Hosting</a></li>  					
 				</ul>               
       </div>
    </div>    
    
     <div class="col-md-4 col-6 mb-3">
       <div class="megamenu-item">
       			<h5 style="color:white;;">Follow Us</h5>
				<ul class="list-unstyled">
				    <li><i class="fa-brands fa-facebook"></i> <a target="_blank" href="https://www.facebook.com/islamicity" class="text-decoration-none">Facebook</a></li>
				    <li><i class="fa-brands fa-square-x-twitter"></i> <a target="_blank" href="https://x.com/islamicity" class="text-decoration-none">X (Twitter)</a></li>
				    <li><i class="fa-brands fa-square-instagram"></i> <a target="_blank" href="https://instagram.com/islamicity/" class="text-decoration-none">Instagram</a></li>
				    <li><i class="fa-brands fa-youtube"></i> <a target="_blank" href="https://www.youtube.com/user/islamicitytv" class="text-decoration-none">YouTube</a></li>
				    <li><i class="fa-brands fa-tiktok"></i> <a target="_blank" href="https://www.tiktok.com/@islamicity_" class="text-decoration-none">TikTok</a></li>
				    <li><i class="fa-brands fa-pinterest"></i> <a target="_blank" href="https://www.pinterest.com/islamicity/" class="text-decoration-none">Pinterest</a></li>               
				</ul>              
       </div>
    </div>  
    
    
  </div>
  
	<div class="text-center border-top pt-3">
		<p class="mb-0">&copy; 1995 - 2026 IslamiCity. All rights reserved.<br>
	   IslamiCity &#8482; is a registered trademark of HADI, a nonprofit 501 (c)(3) organization. (EIN: 95-4348674)<br> <br>
	   </p>
	</div>
  
</div>
</footer>

<!--remove-this-when-ultracaching--><!--pageTook--><!--back-to-the-ranch--><!--/remove-this-when-ultracaching-->

<!--exiting-mega-nenu.htm-->


<!--
<script type="application/ld+json">
    {
        "@context": "http://schema.org",
        "@type": "WebPage",
        "name": "IslamiCity",
        "url": "http://www.islamicity.org/",
        "description": "Islam &amp; The Global Muslim eCommunity - Explore - Connect - Elevate ( Faith - Society - Science - Politics )",
        "publisher": {
            "@type": "Organization",
            "name": "IslamiCity.org"
        }
    }
</script>
-->


        

<script async defer type="text/javascript" src="/_ic3/templates/mundana-x/index.js" id="swv-js"></script>
<script async defer type="text/javascript" src="/_ic3/templates/mundana-x/bootstrap.bundle.min.js" id="bootstrap-5.3.2-js"></script>


<script async defer type="text/javascript" src="/_ic3/templates/mundana-x/theme.js?ver=1791543588" id="mundana-scripts-js"></script>
<script async defer type="text/javascript" src="/_ic3/templates/mundana-x/js.cookie.js" id="jquery-cookie-js"></script>





    


    <script>
document.addEventListener("DOMContentLoaded", function () {

function logLoadedImageInfo(img, context = 'lazyload') {
  if (img.dataset.debug !== "1") return;

  const srcURL     = img.getAttribute("src") || '';
  const dataSrcURL = img.getAttribute("data-src") || '';
  const currentURL = img.currentSrc || img.src;

  const mLow  = srcURL.match(/w=(\d+)&h=(\d+)&q=(\d+)/);
  const mHigh = dataSrcURL.match(/w=(\d+)&h=(\d+)&q=(\d+)/);

  const actualW = img.offsetWidth;
  const actualH = img.offsetHeight;

  let info = `[${context.toUpperCase()}] `;
  if (mLow) {
    info += `Low: ${mLow[1]}w x ${mLow[2]}h @ q=${mLow[3]} | `;
  }
  if (mHigh) {
    info += `High: ${mHigh[1]}w x ${mHigh[2]}h @ q=${mHigh[3]} | `;
  }
  info += `Displayed: ${actualW} x ${actualH}`;
  console.log(info);

  addDebugOverlay(img, {
    context,
    lowW: mLow ? mLow[1] : '?',
    lowH: mLow ? mLow[2] : '?',
    lowQ: mLow ? mLow[3] : '?',
    highW: mHigh ? mHigh[1] : '?',
    highH: mHigh ? mHigh[2] : '?',
    highQ: mHigh ? mHigh[3] : '?',
    actualW,
    actualH
  });
}




function addDebugOverlay(img, details) {
  const overlay = document.createElement("div");
  overlay.className = "debug-image-overlay";
  overlay.style.cssText = `
    position: absolute;
    top: 4px;
    left: 4px;
    background: rgba(0,0,0,0.7);
    color: #fff;
    padding: 4px 8px;
    font-size: 11px;
    font-family: monospace;
    line-height: 1.4;
    border-radius: 4px;
    z-index: 99;
    pointer-events: none;
    white-space: nowrap;
  `;

  overlay.innerHTML = `
    ${details.context.toUpperCase()}<br>
    Low: ${details.lowW}×${details.lowH} @ q${details.lowQ}<br>
    High: ${details.highW}×${details.highH} @ q${details.highQ}<br>
    Actual: ${details.actualW}×${details.actualH}
  `;

  // Wrap image if not already inside a relatively-positioned parent
  const wrapper = document.createElement("div");
  wrapper.style.position = "relative";
  wrapper.style.display = "inline-block";

  img.parentNode.insertBefore(wrapper, img);
  wrapper.appendChild(img);
  wrapper.appendChild(overlay);
}






  // Lazy image observer
  function observeLazyImages() {
    const lazyImages = document.querySelectorAll(".lazyload:not(.observed)");

    if ("IntersectionObserver" in window) {
      const observer = new IntersectionObserver((entries, observer) => {
        entries.forEach(entry => {
          if (entry.isIntersecting) {
            const img = entry.target;
            const highRes = img.getAttribute("data-src");
            if (highRes) {
              img.src = highRes;
              img.classList.add("lazyloaded");
            }
            observer.unobserve(img);
            logLoadedImageInfo(img, 'lazyload');
          }
        });
      });

      lazyImages.forEach(img => {
        observer.observe(img);
        img.classList.add("observed");
      });

    } else {
      // Fallback for old browsers
      lazyImages.forEach(img => {
        const highRes = img.getAttribute("data-src");
        if (highRes) {
          img.src = highRes;
          img.classList.add("lazyloaded");
        }
        logLoadedImageInfo(img, 'fallback');
      });
    }
  }

  // Initial run for lazyload
  observeLazyImages();

  // Handle eager-loaded images with debug mode
  function debugAllLoadedImages() {
    document.querySelectorAll("img[data-debug='1']").forEach(img => {
      if (img.complete) {
        logLoadedImageInfo(img, img.classList.contains('lazyload') ? 'lazyload' : 'eager');
      } else {
        img.addEventListener("load", () => {
          logLoadedImageInfo(img, img.classList.contains('lazyload') ? 'lazyload' : 'eager');
        });
      }
    });
  }

  // Delay debug scan slightly after DOM settles
  setTimeout(debugAllLoadedImages, 500);

  // Optional: Support for load-more buttons triggering lazy images
  const loadMoreBtn = document.getElementById("load-more");
  const loadAllBtn = document.getElementById("load-all");

  if (loadMoreBtn) {
    loadMoreBtn.addEventListener("click", () => setTimeout(observeLazyImages, 100));
  }
  if (loadAllBtn) {
    loadAllBtn.addEventListener("click", () => setTimeout(observeLazyImages, 100));
  }
});
</script>

















<!-- part 1 for alertbar and bismillah bar behaviours -->
<style>


    /* css for making sure stickbar disappear when we hit the rock bottom */
    .alertbar {
        transition: opacity 0.5s ease;
    }
    .alertbar.fade-out {
        opacity: 0;
    }
    .alertbar.fade-in {
        opacity: 1;
    }

    .bismillahbar {
    transition: opacity 0.4s ease, transform 0.4s ease;
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
    }

    .bismillahbar.hidden {
    opacity: 0;
    transform: translateY(-20px);
    pointer-events: none;
    }

    #bs4navbar {
    transition: transform 0.4s ease, opacity 0.4s ease;
    opacity: 1;
    transform: translateY(0);
    }

    #bs4navbar.moved-up {
    transform: translateY(-30px); /* includes the 25px lift and extra 5px margin compensation */
    }
    

</style>

<!-- part 2 for alertbar and bismillah bar behaviours -->
<script>
    
    // ##whiteover ##bloddy ##bloody ##headerproblem 

    const alertbar = document.querySelector('.alertbar');
    const bismillahbar = document.querySelector('.bismillahbar');
    const bs4navbar = document.querySelector('#bs4navbar');
    const bs4navbar_CONTAINER = document.querySelector('#bs4navbar_CONTAINER');
    const icLogo = document.querySelector('#ic-logo-1');
    const donate = document.querySelector('#donate1');
    // const navLinks = document.querySelector('.navlink');
    const topAdBanner = document.querySelector('#topAdBanner');
    const topAdBannerHeight = topAdBanner ? topAdBanner.offsetHeight : 100; // fallback if not found
    

    // begin 
    const magicMenu = document.getElementById('MagicMenuDesktop');
    const originalBg = window.getComputedStyle(magicMenu).backgroundColor;    
    
    window.addEventListener('scroll', function () {  

        // This code runs only for DESKTOP and manages the nice transition of the desktop colors 
        // there are two cases! on top and while scrolling down! 

        // if ( BLP_MOBILE ) return; 
        
        // This code runs only for DESKTOP 

        const width = window.innerWidth;
        applyWhiteOverWhiteFix = false;
        if (width >= 992  && BLP_DESKTOP ) {
            applyWhiteOverWhiteFix = true;
        } 
        //alert('originalBg:'+originalBg);
        const bottom = document.documentElement.scrollHeight - window.innerHeight === window.scrollY;
        // const top = window.scrollY < 175; // this should be the height of topBanner, not hard coded like this 

        const top = window.scrollY < topAdBannerHeight-30;
        
        if (alertbar) {

            //  console.log (bottom);
            if (bottom) {
                alertbar.classList.remove('fade-in');
                alertbar.classList.add('fade-out');
            } else {
                alertbar.classList.remove('fade-out');
                alertbar.classList.add('fade-in');
            }


        }
    
        
        if (bismillahbar && bs4navbar) {

            

            if ( top ) {

                // alert('scrolled to top');

                bismillahbar.classList.remove('hidden');
                bs4navbar.classList.remove('moved-up');
                //debugger;
                // containerForHeader.style.marginTop = '0px';
                bs4navbar_CONTAINER.style.maxHeight = 'unset';
                bs4navbar_CONTAINER.style.setProperty('margin-top', '0px', 'important');

                // alert('originalBg:'+originalBg); 
                

                magicMenu.style.setProperty('background-color', originalBg, 'important');
                // we are at top. background must be lite color 
                // then menu items colors would be all darker -- ewxcept a few. 
                document.querySelectorAll('a.mmmddd').forEach(el => {
                    
                    //if ( el.textContent.includes('Search') || el.textContent.includes('More') ) {
                    //    el.style.setProperty('color', '#22c55f', 'important');  
                    //} else {
                        el.style.setProperty('color', '#ffffff', 'important'); 
                    //}
                    
                });

                
                // solve the desktop header coloring problem
                if ( BLP_MOBILE ) {
                } else {

                    document.querySelectorAll('a.dddonly').forEach(el => {
                    
                        //if ( el.textContent.includes('Search') || el.textContent.includes('More') ) {
                        //    el.style.setProperty('color', '#22c55f', 'important');  
                        //} else {
                            el.style.setProperty('color', '#ffffff', 'important');
                        //}
                        
                    });                    

                }
                

                magicMenu.style.setProperty('font-weight', '400', 'important');   

                
                
                icLogo.src = 'https://media.islamicity.org/wp-content/uploads/2023/06/IslamiCityLogo.png';
                icLogo.style.setProperty('filter', 'unset', 'important');   
                donate.style.setProperty('color', '#ff6d01', 'important');   

                if ( applyWhiteOverWhiteFix ) {
                    fixWhiteOverWhiteDesktopHeaderProblem();
                }                

            } else {

                bismillahbar.classList.add('hidden');
                bs4navbar_CONTAINER.style.maxHeight = '0px;';
                bs4navbar_CONTAINER.style.marginTop = '0px !important';
                bs4navbar_CONTAINER.style.setProperty('margin-top', '-30px', 'important');

                // apply filter invert 1 and font-weight: 100; on navlinks,    set background-color on #MagicMenuDesktop
                // begin 
                // Store original background color
                

                // Store it somewhere if needed later (e.g., global or data attribute)
                // magicMenu.dataset.originalBg = originalBg;

                // Enable smooth background transition
                magicMenu.style.transition = 'background-color 1s ease';

                // Apply new background with !important via setProperty
                
                // magicMenu.style.setProperty('background-color', originalBg, 'important');
                magicMenu.style.setProperty('background-color', '#020817', 'important');   
                // we are scrolling down. background must be dark color 
                // then menu items colors would be all liter -- ewxcept a few. 
                document.querySelectorAll('a.mmmddd').forEach(el => {
                    
                    //if ( el.textContent.includes('Search') || el.textContent.includes('More') ) {
                    //    el.style.setProperty('color', '#22c55f', 'important');  
                    //} else {
                        el.style.setProperty('color', '#ffffff', 'important');
                    //}
                    
                });


                // solve the desktop header coloring problem
                if ( BLP_MOBILE ) {
                } else {

                    document.querySelectorAll('a.dddonly').forEach(el => {
                    
                        //if ( el.textContent.includes('Search') || el.textContent.includes('More') ) {
                        //    el.style.setProperty('color', '#22c55f', 'important');  
                        //} else {
                            el.style.setProperty('color', '#ffffff', 'important');
                        //}
                        
                    });                    

                }

                
                // magicMenu.style.setProperty('font-size', '50%', 'important');   

                magicMenu.style.setProperty('font-weight', '100', 'important');   
                // end     

                 // mobile to be  inverted 
                icLogo.src = 'https://media.islamicity.org/wp-content/uploads/2024/07/ic-logo-white.png';
                icLogo.style.setProperty('filter', 'invert(0)', 'important');   
                

                
                if ( BLP_MOBILE ) {

                    document.querySelectorAll('a.mmmddd').forEach(el => {
                        
                        //if ( el.textContent.includes('Search') || el.textContent.includes('More') ) {
                        //    el.style.setProperty('color', '#22c55f', 'important');  
                        //} else {
                            
                            el.style.setProperty('color', '#ffffff', 'important');
                        //}
                        
                    });

                }
                
                

                donate.style.setProperty('color', '#ff6d01', 'important');   


                //debugger;
                // containerForHeader.style.marginTop = '-51px';
            }
        }

    });
</script>














<!-- ----------------------------------------------------------------------------------------------------- -->
    
<!-- ----------------------------------------------------------------------------------------------------- -->


   
 
  <!--##custom wpFooter_CUSTOM BEGINS getCustomScripts()--> <!--##custom wpFooter_CUSTOM ENDS--> 


<!--ic3|entering function:updateOrOutputScripts(wpFooter|-->




<!--##outputScripts mode: live-->


<link rel='stylesheet' id='so-css-plain-css' href='/wp-content/uploads/so-css/so-css-plain.css?ver=1744153537&ver_ORG=1744153537' type='text/css' media='all' />

<style> .googlesitekit-sign-in-with-google__frontend-output-button{max-width:320px} .interim-login #login>.googlesitekit-sign-in-with-google__frontend-output-button{margin-bottom:16px} </style>

<script type='text/javascript'> (function () { function runPixelCode( response ) { if ( ! response || ! response.data || ! response.data.fb_pxl_code ) { return; } try { new Function( response.data.fb_pxl_code )(); } catch ( e ) { console && console.warn && console.warn( 'Meta Pixel response parsing failed. Please check if your pixel is connected.', e ); } } var radio = window.nfRadio || ( window.Backbone && window.Backbone.Radio ); if ( radio && radio.channel ) { radio.channel( 'forms' ).on( 'submit:response', runPixelCode ); } if ( window.jQuery ) { window.jQuery( document ).on( 'nfFormSubmitResponse', function ( event, data ) { if ( data && data.response ) { runPixelCode( data.response ); } } ); } })(); </script>

<script type='text/javascript'> (function ( $ ) { if ( ! $ || typeof document === 'undefined' ) { return; } /* WPForms triggers this jQuery event and passes the AJAX response object. */ $( document ).on( 'wpformsAjaxSubmitSuccess', function ( event, data ) { if ( data && data.data && data.data.fb_pxl_code ) { try { new Function( data.data.fb_pxl_code )(); } catch ( e ) { console && console.warn && console.warn( 'Meta Pixel eval failed', e ); } } } ); })( window.jQuery ); </script>

<script type='text/javascript'> document.addEventListener( 'wpcf7mailsent', function( event ) { if( "fb_pxl_code" in event.detail.apiResponse){ eval(event.detail.apiResponse.fb_pxl_code); } }, false ); </script>

<script type="text/javascript" src="https://accounts.google.com/gsi/client"></script>

<script type="text/javascript" data-siwg-config="{&quot;clientID&quot;:&quot;580606117562-26n8kr1dpg0a0knclud9s1oh89rrka28.apps.googleusercontent.com&quot;,&quot;defaultButtonOptions&quot;:{&quot;theme&quot;:&quot;outline&quot;,&quot;text&quot;:&quot;signin_with&quot;,&quot;shape&quot;:&quot;rectangular&quot;},&quot;loginURI&quot;:&quot;https:\/\/www.islamicity.org\/login\/?action=googlesitekit_auth&quot;,&quot;isUserLoggedIn&quot;:true,&quot;isWPLogin&quot;:false,&quot;isPreview&quot;:false,&quot;isWooCommerce&quot;:false,&quot;isExistingUserFlow&quot;:false,&quot;connectNonce&quot;:&quot;&quot;,&quot;followsPostRedirect&quot;:false,&quot;redirectTo&quot;:&quot;&quot;,&quot;redirectCookieName&quot;:&quot;googlesitekit_auth_redirect_to&quot;,&quot;redirectCookiePath&quot;:&quot;\\&quot;,&quot;redirectCookieTTL&quot;:0,&quot;nonceCookieName&quot;:&quot;googlesitekit_auth_nonce&quot;,&quot;nonceCookiePath&quot;:&quot;\\&quot;,&quot;nonceCookieTTL&quot;:900,&quot;shouldShowOneTapPrompt&quot;:false}" src="https://www.islamicity.org/wp-content/plugins/google-site-kit/dist/assets/js/sign-in-with-google-5a9e012872c712a23a12.js"></script>

<script type="text/javascript" src="/wp-includes/js/jquery/ui/core.min.js?ver=1748634025&ver_ORG=1.13.3" id="jquery-ui-core-js"></script>

<script type="text/javascript" src="/wp-includes/js/jquery/ui/tooltip.min.js?ver=1748634027&ver_ORG=1.13.3" id="jquery-ui-tooltip-js"></script>

<script type="text/javascript" src="/wp-includes/js/jquery/ui/datepicker.min.js?ver=1748634029&ver_ORG=1.13.3" id="jquery-ui-datepicker-js"></script>

<script type="text/javascript" id="jquery-ui-datepicker-js-after"> /* <![CDATA[ */ jQuery(function(jQuery){jQuery.datepicker.setDefaults({"closeText":"Close","currentText":"Today","monthNames":["January","February","March","April","May","June","July","August","September","October","November","December"],"monthNamesShort":["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"nextText":"Next","prevText":"Previous","dayNames":["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],"dayNamesShort":["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],"dayNamesMin":["S","M","T","W","T","F","S"],"dateFormat":"MM d, yy","firstDay":1,"isRTL":false});}); /* ]]> */ </script>

<script type="text/javascript" src="/wp-includes/js/underscore.min.js?ver=1748633991&ver_ORG=1.13.7" id="underscore-js"></script>

<script type="text/javascript" src="/wp-includes/js/jquery/suggest.min.js?ver=1748634023&ver_ORG=1.1-20110113" id="suggest-js"></script>

<script type="text/javascript" src="/wp-content/plugins/cred-frontend-editor/vendor/toolset/toolset-common/toolset-forms/js/main.js?ver=1793203959&ver_ORG=4.5.3" id="wptoolset-forms-js"></script>

<script type="text/javascript" id="wptoolset-field-date-js-extra"> /* <![CDATA[ */ var wptDateData = {"buttonImage":"https:\/\/www.islamicity.org\/wp-content\/plugins\/cred-frontend-editor\/vendor\/toolset\/toolset-common\/toolset-forms\/images\/calendar.gif","buttonText":"Select date","dateFormat":"MM d, yy","dateFormatPhp":"F j, Y","dateFormatNote":"Input format: F j, Y","yearMin":"1583","yearMax":"3000","ajaxurl":"https:\/\/www.islamicity.org\/wp-admin\/admin-ajax.php","readonly":"This is a read-only date input","readonly_image":"https:\/\/www.islamicity.org\/wp-content\/plugins\/cred-frontend-editor\/vendor\/toolset\/toolset-common\/toolset-forms\/images\/calendar-readonly.gif","datepicker_style_url":"https:\/\/www.islamicity.org\/wp-content\/plugins\/cred-frontend-editor\/vendor\/toolset\/toolset-common\/toolset-forms\/css\/wpt-jquery-ui\/jquery-ui-1.11.4.custom.css"}; /* ]]> */ </script>

<script type="text/javascript" src="/wp-content/plugins/cred-frontend-editor/vendor/toolset/toolset-common/toolset-forms/js/date.js?ver=1793203959&ver_ORG=4.5.3" id="wptoolset-field-date-js"></script>

<script>(function(d){var s=d.createElement("script");s.type="text/javascript";s.src="https://a.omappapi.com/app/js/api.min.js";s.async=true;s.id="omapi-script";d.getElementsByTagName("head")[0].appendChild(s);})(document);</script>

<script type="text/javascript" id="googlesitekit-events-provider-content-events-js-before"> /* <![CDATA[ */ window._googlesitekit = window._googlesitekit || {}; window._googlesitekit.contentEvents = {"postID":8876,"isReadableSinglePost":false,"hasVimeoEmbed":false,"wordCount":0,"estimatedReadTimeSeconds":0,"isLastPageOfMultiPagePost":false,"readTimeThresholdPercent":85,"minimumReadTimeSeconds":5}; /* ]]> */ </script>

<script type="text/javascript" src="https://www.islamicity.org/wp-content/plugins/google-site-kit/dist/assets/js/googlesitekit-events-provider-content-events-90bacb156ab34fa090db.js" id="googlesitekit-events-provider-content-events-js" defer></script>

<script type="text/javascript" src="https://www.islamicity.org/wp-content/plugins/google-site-kit/dist/assets/js/googlesitekit-events-provider-optin-monster-234464462de5a5aae20f.js" id="googlesitekit-events-provider-optin-monster-js" defer></script>

<script type="text/javascript" src="https://www.islamicity.org/wp-content/plugins/google-site-kit/dist/assets/js/googlesitekit-events-provider-wpforms-7c53eae50325da8a6935.js" id="googlesitekit-events-provider-wpforms-js" defer></script>

<script type="text/javascript">var omapi_data = {"object_id":8876,"object_key":"page","object_type":"post","term_ids":[],"wp_json":"https:\/\/www.islamicity.org\/wp-json","wc_active":false,"edd_active":false,"nonce":"0b059f2143"};</script>



<!--ic3|exiting function:updateOrOutputScripts(wpFooter|-->



 
<script>
    // alert('hello from common footer.php ');
</script>


    
    <script>
        

        function scrollCarouselBy(carouselId, numTiles = 2, tileClass = 'tile__CARO') {

            if (typeof MHK !== "undefined" && MHK) {
                // debugger;    
                // alert('carouselId:' + carouselId + '\n' + 'numTiles:' + numTiles + '\ntileClass:' + tileClass);
            }
            const carousel = document.getElementById(carouselId);
            if (!carousel) return;

            let tile = carousel.querySelector('.' + tileClass);
            if (!tile) {
               // try the other class
               tile = carousel.querySelector('.tile');
               if (!tile) {
                    return;
                } else {
                    // stay -- that worked
                    
                }   
            } 
            const style = window.getComputedStyle(tile);
            const marginRight = parseFloat(style.marginRight) || 0;
            const marginLeft = parseFloat(style.marginLeft) || 0;
            const fullTileWidth = tile.offsetWidth + marginLeft + marginRight;

            const scrollAmount = fullTileWidth * numTiles;

            // Temporarily disable snapping
            carousel.style.scrollSnapType = 'none';
            carousel.style.WebkitScrollSnapType = 'none';

            // Scroll manually
            carousel.scrollBy({ left: scrollAmount, behavior: 'smooth' });

            // Re-enable snap after scroll finishes
            setTimeout(() => {
                carousel.style.scrollSnapType = 'x mandatory';
                carousel.style.WebkitScrollSnapType = 'x mandatory';
            }, 500); // Match your scroll duration
        }

        function updateCarouselVisibility(carouselId, wrapperId) {
            const carousel = document.getElementById(carouselId);
            const wrapper = document.getElementById(wrapperId);
            if (!carousel || !wrapper) return;

            const hasOverflow = carousel.scrollWidth > carousel.clientWidth;

            // Toggle fade + arrow
            const fade = wrapper.querySelector('.carousel-fade-right');
            const arrow = wrapper.querySelector('.carousel-scroll-arrow');

            if (fade) fade.style.display = hasOverflow ? 'block' : 'none';
            if (arrow) arrow.style.display = hasOverflow ? 'block' : 'none';
        }

        // Call this after content renders
        document.addEventListener("DOMContentLoaded", () => {
            document.querySelectorAll('.carousel-wrapper').forEach(wrapper => {
                const carouselId = wrapper.querySelector('.row__carousel')?.id;
                const wrapperId = wrapper.id;
                if (carouselId && wrapperId) {
                    updateCarouselVisibility(carouselId, wrapperId);
                }
            });
        });

        window.addEventListener('resize', () => {
        document.querySelectorAll('.carousel-wrapper').forEach(wrapper => {
            const carouselId = wrapper.querySelector('.row__carousel')?.id;
            const wrapperId = wrapper.id;
            if (carouselId && wrapperId) {
                updateCarouselVisibility(carouselId, wrapperId);
            }
        });
    });


    </script>


<link rel='stylesheet' id='su-shortcodes-css' href='https://www.islamicity.org/wp-content/plugins/shortcodes-ultimate/includes/css/shortcodes.css?ver=1792683957' type='text/css' media='all' />
<link rel='stylesheet' id='su-icons-css' href='https://www.islamicity.org/wp-content/plugins/shortcodes-ultimate/includes/css/icons.css?ver=1792683957' type='text/css' media='all' />
<link rel='stylesheet' id='plain-magnific-popup-css' href='https://www.islamicity.org/wp-content/themes/plain/assets/css/magnific-popup.css?ver=1.0' type='text/css' media='all' /> 
<link rel='stylesheet' id='magnific-popup-css' href='https://www.islamicity.org/wp-content/plugins/shortcodes-ultimate/vendor/magnific-popup/magnific-popup.css?ver=1.1.0' type='text/css' media='all' /> 

<script type="text/javascript" id="su-shortcodes-js-extra">
    /* <![CDATA[ */
    var SUShortcodesL10n = {"noPreview":"This shortcode doesn't work in live preview. Please insert it into editor and preview on the site.","magnificPopup":{"close":"Close (Esc)","loading":"Loading...","prev":"Previous (Left arrow key)","next":"Next (Right arrow key)","counter":"%curr% of %total%","error":"Failed to load content. <a href=\"%url%\" target=\"_blank\"><u>Open link<\/u><\/a>"}};
    /* ]]> */
    // alert(SUShortcodesL10n);
</script>

<script type="text/javascript" src="https://www.islamicity.org/wp-content/plugins/shortcodes-ultimate/includes/js/shortcodes/index.js?ver=1792683957" id="su-shortcodes-js"></script>


<script type="text/javascript" src="https://www.islamicity.org/wp-content/plugins/shortcodes-ultimate/vendor/jplayer/jplayer.js?ver=2.4.0" id="jplayer-js"></script>



<script type="text/javascript" src="https://www.islamicity.org/wp-content/plugins/shortcodes-ultimate/vendor/magnific-popup/magnific-popup.js?ver=1792683957" id="magnific-popup-js"></script>
<script type="text/javascript" src="https://www.islamicity.org/wp-content/plugins/shortcodes-ultimate/vendor/jquery-inview/jquery-inview.js?ver=1792683957" id="jquery-inview-js"></script>
<script type="text/javascript" src="https://www.islamicity.org/wp-content/themes/plain/assets/js/jquery.magnific-popup.min.js?ver=1.0" id="plain-magnific-popup-js-js"></script> 
<script type="text/javascript" src="https://www.islamicity.org/wp-content/plugins/shortcodes-ultimate/vendor/magnific-popup/magnific-popup.js?ver=1.1.0" id="magnific-popup-js"></script>


<!--technically speaking, this is your </body> area. jquery and other stuff already loaded by now!-->




<!-- fancy box kicker BEGIN -->    
    <link rel="stylesheet" href="https://www.islamicity.org/super-page-tool-vendors/fancybox-master/dist/jquery.fancybox.min.css">
    <script defer="defer" src="https://www.islamicity.org/super-page-tool-vendors/fancybox-master/dist/jquery.fancybox.min.js?v=dec-23-search-9998"></script>

    <script>
        $( document ).ready(function() {

            // removes jerky behaviour when fancybox opens and closes ( due to a conflict with sidenav menu )
            $.fancybox.defaults.hideScrollbar = false;
            $('#readingModeOn').css('display', 'block');

            $.fancybox.defaults.idleTime = 1000;

            $('[data-fancybox]').fancybox({
                //$.fancybox.destroy();

                toolbar  : true,
                smallBtn : false,
                iframe : {
                preload : false,
                scrolling : 'yes',

                },

                slideshow: {
                speed: 9998,
                },
                css : {
                    height: '80vh'
                }
            })

            
            $(document).on('afterShow.fb', function(e, instance, slide) {
                // This code runs after the Fancybox content is shown
                // Reset styles to avoid conflicts from previous opens
                $('.fancybox-content').css({
                    width: '',
                    height: '',
                });

                // Apply orientation-specific styles
                if (BLP_MOBILE) {
                    $('.fancybox-content').css({
                        width: window.innerWidth, // Fill the full viewport width
                        height: window.innerHeight, // Fill the full viewport height
                    });
                    // Uncomment for debugging
                    // alert('afterShow event kicked in. \n\nWe are setting the fancybox-content css width to be as window.innerWidth of ' + window.innerWidth);
                }
            });

        });

        function openFrame($url){

            //allert('close');
            $.fancybox.open({
                src  : $url,
                type : 'iframe',
                opts : {
                    afterShow : function( instance, current ) {
                        console.info( 'done!' );
                        //allert('done');
                    }
                }
            });

        }   
         
    </script>    
<!-- fancy box kicker END -->    
<!--sample kicker <a href="#" onclick="openFrame('/quizgame');" style="color:red;cursor:pointer;" '="">Quiz Game</a> --> 
 


<script type="text/javascript">
    function initGtag() {
        // alert('initGtag is running');
        var script = document.createElement('script');
        script.src = "https://www.googletagmanager.com/gtag/js?id=G-KLBP329VS7";
        script.async = true;
        script.id = "google_gtagjs-js";
        document.head.appendChild(script);
        
        script.onload = function() {
            window.dataLayer = window.dataLayer || [];
            function gtag(){ dataLayer.push(arguments); }
            gtag("set", "linker", {"domains": ["www.islamicity.org"]});
            gtag("js", new Date());
            gtag("set", "developer_id.dZTNiMT", true);
            gtag("config", "G-KLBP329VS7");
        };
    }
    
    if ("requestIdleCallback" in window) {
        requestIdleCallback(initGtag);
    } else {
        //alert('Fallback: hello');
        window.addEventListener("load", initGtag);
    }
</script>

















<!-- Sticky Footer for PrayWatch -->
 <script>
            
        IS_SINGLE = false;
        
</script>
<script>
    if ( IS_SINGLE ){
        // if ( MHK ) alert ('mhk | abi this is single'); // works!
    } else {
        // if ( MHK ) alert ('mhk | abi this is not single'); // works!
    }
</script>    


        <!--

            define('STICKY_FOOTER_BEHAVIOUR','SEARCH-40'); // the STICKY_FOOTER_BEHAVIOUR can be obtained from the uploads settings folder, options none| SEARCH-40 |  PROMO-64 | whatever.... if the STICKY_FOOTER_BEHAVIOUR is PROMO, the the promo text & links can also be obtained from the uploads settings folder! 
            define('STICKY_FOOTER_HEIGHT',$stickyHeight); // auto computed from the STICKY_FOOTER_BEHAVIOUR ex: SEARCH-40 means put a search box and use 40px for the sticky div height! this helps single's pwn sticky suggested next position itself properly and automatically. 


        -->
        
        
            

            <div a90 id="prayWatchSticky" class='fixed-bottom'
                style='display: none; transform: translateY(100%);
                transition: transform 0.6s ease;
                background-color: #020817;
                height: 50px; font-size: 0.85rem; color: #22c55f;
                z-index: 1080;a9;' >

                                            <style>
            .scroll-tabs-wrapper {
                z-index: 1000;
                position: relative;
                background: #020817;
                border-bottom: 1px solid #eee;
                overflow: hidden;
                max-width: 1330px;
                margin-left: auto;
                margin-right: auto;
                padding-top: 3px;
            }

            .scroll-tabs-inner {
                position: relative;
                margin: 0 26.60px;
                margin-left: auto;
                margin-right: auto;
                max-width: 1190px;
            }

            .scroll-tabs-container {
                display: flex;
                overflow-x: auto;
                white-space: nowrap;
                scroll-behavior: smooth;
                padding: 0.55px 0;
                scrollbar-width: none;
                position: relative;
            }
            .scroll-tabs-container::-webkit-scrollbar { display: none; }

            .scroll-tab {
                padding-top:3px;
                display: inline-block;
                margin: 0 12px;
                font-size: 1.2em;
                color: #ffffff;
                opacity: 1;
                cursor: pointer;
                text-decoration: none;
                transition: opacity 0.3s ease;
            }
            .scroll-tab:hover { opacity: 1; }

            .fade-right {
                position: absolute;
                top: 0;
                bottom: 0;
                 width: 100px;                 z-index: 5;
                pointer-events: none;
                right: 0px;
                background: linear-gradient(to left, #020817 0%, #020817cc 25.3%, #02081780 50%, #02081733 75%, #02081700 100%);
                display: block;
            }

            .fade-left {
                position: absolute;
                top: 0;
                bottom: 0;
                 width: 44px;                 z-index: 5;
                pointer-events: none;
                left: 0px;
                background: linear-gradient(to left, #02081700 0%, #02081733 25.2%, #02081780 50%, #020817cc 75%, #020817 100%);
                display: block;
            }
        </style>

        <div class="scroll-tabs-wrapper">
            <div class="scroll-tabs-inner">
                <div class="fade-left"></div>
                <div class="fade-right"></div>

                <div class="scroll-tabs-container" id="scrollTabs">

                    
                                            <a class="scroll-tab"
                           title="A simple, fast way to read, search, and listen to the Quran on your phone or computer. <!--mo-->"
                           href="/QuranPlus"
                           style="margin-left:29.23px;">
                            Quran+                        </a>

                        
                                            <a class="scroll-tab"
                           title="Trusted companion for Islamic learning and growth <!--mo-->"
                           href="https://chatilm.islamicity.org/"
                           style="">
                            Chat<font color=crimson><i>ILM</i></font>                        </a>

                        
                                            <a class="scroll-tab"
                           title="English & Arabic with Memorization Tool, Quranic References"
                           href="/covers/99-names-of-allah/"
                           style="">
                            99 Names of Allah                        </a>

                        
                                            <a class="scroll-tab"
                           title="Hijri-Gregorian Converter"
                           href="/hijri-gregorian-converter/"
                           style="">
                            Hijri Converter                        </a>

                        
                                            <a class="scroll-tab"
                           title="Food Recipes from around the world."
                           href="/food/"
                           style="">
                            Recipes                        </a>

                        
                                            <a class="scroll-tab"
                           title="39,000+ Hadith Search, AI Summary & Tafseer, Instant Search Capability <!--mo-->"
                           href="/Hadith/Search"
                           style="">
                            Hadith Search                        </a>

                        
                                            <a class="scroll-tab"
                           title="Handpicked Video Gems that matters to Muslims <!--mo-->"
                           href="/videoHub/"
                           style="">
                            VideoHub                        </a>

                        
                                            <a class="scroll-tab"
                           title="Free Quran request."
                           href="/free-quran/"
                           style="">
                            Free Quran                        </a>

                        
                                            <a class="scroll-tab"
                           title="..."
                           href="/channels/podcast"
                           style="">
                            Podcasts                        </a>

                        
                                            <a class="scroll-tab"
                           title="There is nothing dearer to Allah than a servant making dua to Him."
                           href="/dua/"
                           style="">
                            Dua                        </a>

                        
                                            <a class="scroll-tab"
                           title="The most diverse & innovative newsletter for Muslims."
                           href="/bulletin/"
                           style="">
                            Newsletter                        </a>

                        
                                            <a class="scroll-tab"
                           title=""
                           href="/insights/focus/9"
                           style="">
                            Insights                        </a>

                        
                                            <a class="scroll-tab"
                           title="Prayer Times with Daily & Printable Monthly Calendar. <!--mo-->"
                           href="https://praywatch.islamicity.org"
                           style="">
                            Prayer Times                        </a>

                        
                                            <a class="scroll-tab"
                           title="Phonetic, Topic, English, Arabic Root Search with Memorizer! <!--mo-->"
                           href="/QuranSearch"
                           style="">
                            Quran Search                        </a>

                        
                                            <a class="scroll-tab"
                           title="A LIVE CHAT and phone service with expert representatives."
                           href="101176/islam-live-chat-and-phone-call/"
                           style="">
                            Live Chat                        </a>

                                                    <a class="scroll-tab"
                               href="javascript://"
                               data-bs-toggle="modal"
                               data-bs-target="#staticBackdrop_MEGAMENU"
                               data-fixed="true">
                                <font color="yellow">See More</font>
                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            </a>
                        
                    
                </div>
            </div>
        </div>

        <script>
            document.addEventListener("DOMContentLoaded", () => {
                const container = document.getElementById('scrollTabs');
                const fadeRight = document.querySelector('.fade-right');

                function updateUI() {
                    return;
                    const scrollLeft = container.scrollLeft;
                    const maxScroll = container.scrollWidth - container.clientWidth;
                    const showRight = scrollLeft < maxScroll - 10;
                    fadeRight.style.display = showRight ? 'block' : 'none';
                }

                container.addEventListener('scroll', updateUI);
                window.addEventListener('resize', updateUI);
                updateUI();
            });
        </script>

                        


            </div>
            
        

<!--</div> ?? -->
<style>
    #prayWatchSticky {
        transition: transform 0.6s ease;
    }
    .alertbar {
        position: fixed;
        transition: bottom 0.6s ease, opacity 0.5s ease;
        bottom: 0; /* this will be dynamically adjusted */
        z-index: 1021;
    }
</style>

<script>
    function dismissStickyBanner(bannerId, key) {
        const fullKey = 'dismissCount_' + key;
        let count = parseInt(localStorage.getItem(fullKey)) || 0;
        count++;
        localStorage.setItem(fullKey, count);
        const banner = document.getElementById(bannerId);
        if (banner) {
            banner.style.transform = 'translateY(100%)';
            // Slide alertbar down
            adjustAlertBar(0);
            setTimeout(() => banner.remove(), 600);
        }
    }

    function adjustAlertBar(offset) {
        if (!IS_SINGLE) return;
        const alert = document.querySelector('.alertbar');
        if (alert) {
            alert.style.bottom = offset + 'px';
        }
    }

    function updateStickyAndAlert(scrollY, banner, threshold) {
        if (!banner) return;

        if (scrollY === 0 || scrollY > threshold) { 
            // Hide PrayWatch
            banner.style.transform = 'translateY(100%)';
            adjustAlertBar(0);
        } else {
            // Show PrayWatch
            banner.style.transform = 'translateY(0%)';
            //adjustAlertBar(64);
            adjustAlertBar('50');
        }
    }

    window.addEventListener('load', function () {
        // debugger;
        const key = 'prayWatch';
        const fullKey = 'dismissCount_' + key;
        const maxDismiss = 50;
        const count = parseInt(localStorage.getItem(fullKey)) || 0;
        const banner = document.getElementById('prayWatchSticky');

        if (count < maxDismiss && banner) {
            setTimeout(function () {
                
                banner.style.display = 'flex';

                // Initial scroll position check
                updateStickyAndAlert(window.scrollY, banner, 6666);

                window.addEventListener('scroll', function () {
                    updateStickyAndAlert(window.scrollY, banner, 6666);
                });
            }, 2000);
        }
    });
</script>
































<!-- PAGE TRANSITION FEEDBACK SYSTEM — July 21, 2025 -->
<!-- Loader Styles -->
<style>
    
  #globalPageLoader {
    position: fixed;
    z-index: 999999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    align-items: center;
    justify-content: center;
    transition: all 0.4s ease;
    flex-direction: column;
  }

  #globalPageLoader.active { display: flex; }

  /* Mode 1: Logo Pulse + Blur */
  #globalPageLoader.mode1 {
    backdrop-filter: blur(6px);
    background: rgb(237 229 233 / 97%);
  }

  .logoPulse {
    width: 120px;
    height: 120px;
    background: url('https://media.islamicity.org/wp-content/uploads/2023/06/IslamiCityLogo.png') no-repeat center center;
    background-size: contain;
    animation: pulse 1.5s ease-in-out infinite;
  }

  .linkLabel {
    margin-top: 12px;
    font-size: 1.1rem;
    font-family: sans-serif;
    color: #444;
    animation: pulse 1.5s ease-in-out infinite;
    text-align: center;
    padding: 0 20px;
    max-width: 90vw;
    word-break: break-word;
  }

  @keyframes pulse {
    0%, 100% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.1); opacity: 0.6; }
  }

  /* Mode 2: Curtain + Quote */
  #globalPageLoader.mode2 {
    background: white;
    animation: curtainDown 0.6s ease-in-out forwards;
    flex-direction: column;
  }

  @keyframes curtainDown {
    from { transform: translateY(-100%); }
    to { transform: translateY(0); }
  }

  .quote {
    font-family: 'Georgia', serif;
    font-size: 1.2rem;
    text-align: center;
    color: #555;
    margin-top: 20px;
    padding: 0 20px;
  }

    .logoPulse,
    .linkLabel,
    .quote {
    text-shadow: 0 0 6px rgba(255, 255, 255, 0.8), 0 0 2px rgba(255, 255, 255, 0.4);
    }

</style>

<!-- Loader Container -->
<div id="globalPageLoader">
        <div class="logoPulse" style="display:none;"></div>
    <div class="linkLabel" style="display:none;"></div>
    <div class="quote" style="display:none;"></div>
</div>

<!-- Script -->
<script>
(function() {
  const loader = document.getElementById('globalPageLoader');
  const pulse = loader.querySelector('.logoPulse');
  const label = loader.querySelector('.linkLabel');
  const quote = loader.querySelector('.quote');

  const modeFromQS = new URLSearchParams(location.search).get('transitionMode');
  const mode = ['logoPulseBlur', 'curtainQuote'][+modeFromQS - 1] || 'logoPulseBlur'; 

  function showLoader(textBelow, thumbURL) {
  loader.className = '';
  loader.classList.add('active');

  // Clear previous states
  pulse.style.display = 'none';
  label.style.display = 'none';
  quote.style.display = 'none';

  
  if (mode === 'logoPulseBlur') {
    loader.classList.add('mode1');
    pulse.style.display = 'block';
    label.innerHTML = textBelow || '';
    label.style.display = textBelow ? 'block' : 'none';

    if (thumbURL) {
      bgImg.src = thumbURL;
      bgImg.style.display = 'block';
    }
  }

  if (mode === 'curtainQuote') {
    loader.classList.add('mode2');
    quote.textContent = pickQuote();
    quote.style.display = 'block';
  }
}


  function pickQuote() {
    const quotes = [
      '“Patience is beautiful” – Qur’an 12:18',
      '“Indeed, with hardship [comes] ease” – Qur’an 94:6',
      '“God does not burden a soul beyond what it can bear” – Qur’an 2:286',
    ];
    return quotes[Math.floor(Math.random() * quotes.length)];
  }

  // Intercept <a> clicks ##loading  — REPLACEMENT (handles target="new")
 document.addEventListener('click', function (e) {
    const target = e.target && e.target.closest('a');
    if (!target) return;

    // Respect user intent: new tab/window or modified clicks
    const t = (target.getAttribute('target') || '').trim().toLowerCase();
    if (t && t !== '_self') return;                 // e.g. target="new", "_blank", etc.
    if (e.metaKey || e.ctrlKey || e.shiftKey || e.altKey || e.button === 1) return;

    // Ignore non-navigational or opted-out links
    if (!target.href) return;
    if (target.href.startsWith('javascript:')) return;
    if (target.hasAttribute('data-no-loader')) return;

    // Ignore same-page hash links
    const currentURL = location.href.split('#')[0];
    const targetURL  = target.href.split('#')[0];
    if (currentURL === targetURL) return;

    // Internal domain only
    if (!blpContains(targetURL, 'islamicity')) return;

    // Preserve original structure
    destination = target.href; // keep if other code expects this global

    // Skip specific paths
    if (blpContains(destination, '/embed/')) return;
    if (blpContains(destination, 'insights')) return;

    // Optional: ignore common downloads/viewer files (uncomment if desired)
    // if (/\.(pdf|zip|rar|7z|csv|xlsx?|docx?|pptx?)(\?|#|$)/i.test(destination) || target.hasAttribute('download')) return;

    const labelText = target.getAttribute('title') || target.innerText.trim();
    const thumb = target.getAttribute('data-thumb') || null;
    showLoader(' Loading<br><i>' + labelText + '</i>', thumb);

    if (false) {
        e.preventDefault();
        console.warn('[DevPause] Navigation paused. Use this time to style loader.');
    }
 });


  // Wrap assign() and replace()
  ['assign', 'replace'].forEach(method => {
    const original = window.location[method];
    window.location[method] = function(url) {
      showLoader();
      return original.call(window.location, url);
    };
  });

  // Optional: helper for href navigation
  window.setLocationHref = function(url) {
    showLoader();
    window.location.href = url;
  };

  // Reset UI on back/forward nav
  window.addEventListener('pageshow', () => {
    loader.className = 'hidden';
    pulse.style.display = 'none';
    label.style.display = 'none';
    quote.style.display = 'none';
  });
})();
</script>




<!--looking for ##carousel?, goto ic3-library-carousels.php's runCarouselScript() func -->



<script>isWordpress=true;// this variable is set to true, only on wordpress url/templates not in quransearch/hadith/hijri urls. They have it as false, this is used by the settings.js to allow user to manage whether wordpress and/or app pages to run the campaign</script>



<!--campaigns/core/index.php--1-->








<!--campaigns/core/index.php: BOTTOM_CAMPAIGN_IS_ON must be true. see /core/settings.php and set it to false. -->



<!--campaigns/core/index.php--4--><!--campaigns/core/index.php--5--><!--##campaign-data--><!--BLP_URL: http://www.islamicity.org/--><!--campaignFolder: membership-STATIC--><!--MHK: --><!--MHKMHK: --><!--mhk in QS: -->
<link id="mhkff-css" rel="stylesheet" href="/_ic3/campaigns/membership-STATIC/style.css?v=1793907372">

<!--overwrite is not recommended here though you could extend this idea to populate the settings.php with a ton more settings and get rid of the style-scroller.css file and dump it in here and use those vars bu the side effect is they all will be cached, when you change those styles, wordpress site will have them in the saved html! let styles live in styles because they will be external resource cached file will still request those external resources!  --> 

<!-- Root is hidden initially; script.js will unhide only if allowed by settings -->
<div id="mhkFixedFooter" class="is-collapsed" aria-expanded="false" role="complementary"
     style="display:none;position:fixed;left:0;right:0;bottom:0;width:100%;margin:0;padding:0;box-sizing:border-box;">
  <!-- Handle -->
  <button class="mhkff-handle style-tab" id="mhkffHandle" type="button"
          aria-controls="mhkffPanel" aria-label="Quick Learn More" title="Quick Learn More">
    <svg class="mhkff-icon" viewBox="0 0 24 24" aria-hidden="true">
      <path d="M7.41 14.59 12 10l4.59 4.59L18 13.17l-6-6-6 6z" fill="currentColor"/>
    </svg>
    <span class="mhkff-label" id="mhkffLabel">Quick Learn More</span>
    <span class="mhkff-dots" aria-hidden="true" style="display:none;"></span>
  </button>

  <!-- Expanded zone (iframe fills this area) -->
  <div class="mhkff-expand-zone" id="mhkffPanel">
    <iframe id="mhkffExpandFrame" title="MHK Fixed Footer Expanded Frame"
            aria-hidden="true" tabindex="-1" scrolling="no"></iframe>
  </div>

  <!-- Collapsed strip (iframe always fills this strip) -->
  <div class="mhkff-fixed-strip">
    <iframe id="mhkffFrame" title="MHK Fixed Footer Frame" scrolling="no"></iframe>
  </div>
</div>


<script src="/_ic3/campaigns/core/settings.js?v=179394998117939073721793595263"></script><!--haluk-->
<script src="/_ic3/campaigns/core/script.js?v=179394998117939073721792021044"></script>

<script> 
window.addEventListener('message', function (event) {
  var data = event.data || {};
  if (data.type !== 'ic3-banner-size') return;

  var iframe = document.getElementById('mhkffExpandFr'); // use your real id
  if (!iframe) return;

  iframe.style.height = data.height + 'px';
});
</script>




<!--This is the ending line of the campaigns/core/index.php -->



<!-- ##FILE this is footer.php 1212 END --> 

 
        

    </body>

</html><center style="opacity:0.1;font-size:9px">11/6/2026 07:26:21 AM@32s1a@</center>