 <!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>



<!--<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":"28dca83685"};</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=1759934916&ver_ORG=3.6.21' 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='toc-screen-css' href='/wp-content/plugins/table-of-contents-plus/screen.min.css?ver=1732236067&ver_ORG=2411.1' 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/wp-views/vendor/toolset/toolset-common/res/lib/select2/select2.css?ver=1759934914&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 id='toc-screen-inline-css' type='text/css'> div#toc_container {width: 100%;} </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=1746489540&ver_ORG=175000" 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" 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> 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,f=d.getElementsByTagName(s)[0],j=d.createElement(s); if(s==='script'){j.async=true;j.src='https://www.islamicity.org/wp-content/plugins/wp-views/vendor/toolset/blocks/public/js/frontend.js?v=1.6.17';}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.17';} f.parentNode.insertBefore(j, f); }; 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=1752535565" 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=1752535565" 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;
      }
    </style>

    <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://www.islamicity.org/?form=Islamicity&utm_source=web_siteheader' 
            style="filter: invert(0);cursor:pointer;    font-size: medium; color: #ff6d01; margin-right: 25px; margin-top: 11px;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;"
            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: -18px;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/" 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/" 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/" 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" 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="https://chatilm.islamicity.org/" 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/" 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="/topics/ramadan/" data-fixed="true">Ramadan</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/" 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="https://www.islamicity.org/videoHub" 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" 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" 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" 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/" 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="/topics/ramadan" class="nav-link disable-hover dddonly" style="z-index:10;text-transform:unset !important"><b>Ramadan</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://www.islamicity.org/videoHub" class="nav-link disable-hover dddonly" style="text-transform:unset !important"><b>Videos</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://www.islamicity.org/donate/?form=Islamicity&utm_source=web_siteheader" 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/" class="text-decoration-none">Islam</a></li>				
					<li><a href="/topics/Allah/" class="text-decoration-none">Allah (God)</a></li>
					<li><a href="/quran/" class="text-decoration-none">Quran</a></li>
					<li><a href="/quranplus/" class="text-decoration-none">Quran+</a></li>				
					<li><a href="/hadith/" class="text-decoration-none">Hadith</a></li>
					<li><a href="https://praywatch.islamicity.org" class="text-decoration-none">Pray Watch (Times)</a></li>
					<li><a href="/hijri-gregorian-converter/" 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/" class="text-decoration-none">Understanding Islam</a></li>
					<li><a href="/zakat-calculator/" 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/" class="text-decoration-none">ChatILM (AI Assistant)</a></li>
					<li><a href="/dearhadi/" class="text-decoration-none">Ask Dear Hadi (Q&A)</a></li>
					<li><a href="/qa/" class="text-decoration-none">Ask the Imam (Q&A)</a></li>
					<li><a href="/101176/islam-live-chat-and-phone-call/" class="text-decoration-none">Live Chat & Call (Q&A)</a></li>					
					<li><a href="/forum/" class="text-decoration-none">Forum</a></li>
					<li><a href="/free-quran/" class="text-decoration-none">Get a Free Quran</a></li>
					<li><a href="/bulletin/" class="text-decoration-none">Join Our Newsletter</a></li>
					<li><a href="/subscribers/" class="text-decoration-none">Become a Subscriber</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/" class="text-decoration-none">Allah (99 Names)</a></li>
					<li><a href="/topics/articles-of-faith/" class="text-decoration-none">Articles of Faith</a></li>
					<li><a href="/topics/declaration-of-faith-shahada/" class="text-decoration-none">Shahada (Declaration of Faith)</a></li>
					<li><a href="/topics/prayers-salah/" class="text-decoration-none">Salat (Prayers)</a></li>
					<li><a href="/topics/zakat/" class="text-decoration-none">Zakat (Charity)</a></li>					
					<li><a href="/topics/ramadan/" class="text-decoration-none">Ramadan</a></li>
					<li><a href="/topics/hajj/" 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="/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/" 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="" 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://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 = '1770654104';
            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=1755552644')
        .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/106262/surah-al-asr-by-time-why-the-quran-swears-an-oath-part-1/">
                                                    <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://i.ytimg.com/vi/jsyJYD9S53Y/hqdefault.jpg&w=497&h=279&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://i.ytimg.com/vi/jsyJYD9S53Y/hqdefault.jpg&w=497&h=279&q=100&zc=1"
            class="lazyload 0"
            width="497"
            height="279"
            alt="Surah Al-Asr By Time: Why the Quran Swears an Oath (Part 1)"
            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/106262/surah-al-asr-by-time-why-the-quran-swears-an-oath-part-1/">
                    Surah Al-Asr By Time: Why the Quran Swears an Oath (Part 1)                    <sup 45c style="top:0.5em;"><i class="bi bi-youtube theIcon"></i></sup>                </a>
            </h2>

            
                                            
                    <div class="mhkExcerpt">
                        A look at the linguistic root of "Al-'Asr" and how the "loss" mentioned in the Surah mirrors the physical law of entropy.                    </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/gemal-seede/">Gemal Seede</a>
                                                

                        
                        on

                                                    <span class="thecatlinks text-dark">
                                <a href="/topics/islam-and-science" rel="category tag">
                                    Islam And Science 
                                </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/106259/omar-shakir-quits-hrw-after-leadership-halts-crimes-against-humanity-report/">
                    
                        <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/HRW.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/02/HRW.png&w=497&h=279&q=100&zc=1"
            class="lazyload 0"
            width="497"
            height="279"
            alt="Omar Shakir Quits HRW After Leadership Halts ‘Crimes Against Humanity’ Report."
            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/106259/omar-shakir-quits-hrw-after-leadership-halts-crimes-against-humanity-report/">
                        Omar Shakir Quits HRW After Leadership Halts ‘Crimes Against Humanity’ Report.  <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/israel-palestine-conflict" rel="category tag">
                                Israel–palestine Conflict 
                            </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/106257/shaban-the-month-that-prepares-your-heart-for-ramadan/">
                    
                        <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/shabann.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/02/shabann.png&w=497&h=279&q=100&zc=1"
            class="lazyload 0"
            width="497"
            height="279"
            alt="Shaban: The Month That Prepares Your Heart for Ramadan"
            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/106257/shaban-the-month-that-prepares-your-heart-for-ramadan/">
                        Shaban: The Month That Prepares Your Heart for Ramadan  <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/shaban" rel="category tag">
                                Shaban 
                            </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/8941/sincerity-in-intentions/">
                    
                        <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/sincerity.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/02/sincerity.png&w=497&h=279&q=100&zc=1"
            class="lazyload 0"
            width="497"
            height="279"
            alt="Sincerity in Intentions"
            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/8941/sincerity-in-intentions/">
                        Sincerity in Intentions  <sup 67k style="top:0.2em;"></sup>
                    </a>
                </h2>
                <div>
                    <small class="d-block text-muted">
                        <a class="text-capitalize dark-links" href="/by/aslam-abdullah/">
                            
                                <div class="mhkStandoutAuthorInBlahBlahArea"></div>
                                Aslam Abdullah                            
                        </a>
                        on
                        <span class="thecatlinks text-dark">
                            <a href="/topics/intentions-niyyah" rel="category tag">
                                Intentions (Niyyah) 
                            </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="/food/">
                            Recipes                        </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 -->    
            <!-- repeater -->    
            <li class="loved-item mb-4" style="margin-bottom:0.1rem;">                <span>
                    <h6>
                        <a class="text-dark" href="/Hadith/Search">
                            Hadith Search                        </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://praywatch.islamicity.org">
                            Prayer Times                        </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/ZVE5Q5M0Jlc">
                <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/ZVE5Q5M0Jlc/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;">
                        211&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 | 6th February 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/qOgZYj8TPMM">
                <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/qOgZYj8TPMM/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;">
                        339&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 | 5th February 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/8NXc5Od2jzs">
                <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/8NXc5Od2jzs/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;">
                        176&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 | 4th February 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/mC1CJUfITOM">
                <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/mC1CJUfITOM/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;">
                        182&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 | 3rd February 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/mQw3PnS3ykk">
                <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/mQw3PnS3ykk/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;">
                        403&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 | 2nd February 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/eGVXIc_8Xxc">
                <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/eGVXIc_8Xxc/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;">
                        313&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 | 30th January 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/JhmBL2GnQCs">
                <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/JhmBL2GnQCs/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;">
                        165&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 | 29th January 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/EoaMuQCrWn8">
                <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/EoaMuQCrWn8/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;">
                        178&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 | 28th January 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/piv90gNMNVw">
                <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/piv90gNMNVw/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;">
                        689&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 | 27 January 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/NTVbRaRerLU">
                <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/NTVbRaRerLU/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;">
                        130&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 | 26 January 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/9Lh18ha7ess">
                <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/9Lh18ha7ess/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;">
                        484&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 | 23 January 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/244JajMq2NM">
                <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/244JajMq2NM/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;">
                        332&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 | 22 January 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/EcqDM346dm4">
                <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/EcqDM346dm4/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;">
                        474&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 | 21 January 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/WpZWGoJkB58">
                <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/WpZWGoJkB58/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;">
                        264&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 | 20 January 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/WuisH5lSmx4">
                <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/WuisH5lSmx4/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;">
                        315&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 | 19 January 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/lpWEzkwUB5I">
                <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/lpWEzkwUB5I/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 | 16 January 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/depxdOPOKSA">
                <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/depxdOPOKSA/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;">
                        861&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 | 15 January 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/YGEhM1l5fAE">
                <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/YGEhM1l5fAE/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;">
                        244&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 | 14 January 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/uWmunYg1MCM">
                <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/uWmunYg1MCM/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;">
                        1K&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 | 13 January 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/mi0_hJLshv4">
                <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/mi0_hJLshv4/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;">
                        871&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 | 12 January 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/106253/allah-is-%e1%b8%a5ayiyy-he-will-not-turn-you-away/">
                    
                        <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/O6ijRB0xsYs/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/O6ijRB0xsYs/maxresdefault.jpg&w=497&h=279&q=100&zc=1"
            class="lazyload 0"
            width="497"
            height="279"
            alt="Allah is Ḥayiyy - He will not turn you away"
            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/106253/allah-is-%e1%b8%a5ayiyy-he-will-not-turn-you-away/">
                        Allah is Ḥayiyy - He will not turn you away  <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/allah" rel="category tag">
                                Allah 
                            </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/106254/crush-your-ego-before-ramadan/">
                    
                        <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/SM35ZiPZ4R8/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/SM35ZiPZ4R8/maxresdefault.jpg&w=497&h=279&q=100&zc=1"
            class="lazyload 0"
            width="497"
            height="279"
            alt="Crush Your Ego Before Ramadan"
            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/106254/crush-your-ego-before-ramadan/">
                        Crush Your Ego Before Ramadan  <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/omar-suleiman/">
                            
                                <div class="mhkStandoutAuthorInBlahBlahArea"></div>
                                Omar Suleiman                            
                        </a>
                        on
                        <span class="thecatlinks text-dark">
                            <a href="/topics/ramadan" rel="category tag">
                                Ramadan 
                            </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/106256/epstein-audio-leak-links-former-israeli-pm-to-military-tech-firm/">
                    
                        <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/epstien-audio-leak.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/02/epstien-audio-leak.png&w=497&h=279&q=100&zc=1"
            class="lazyload 0"
            width="497"
            height="279"
            alt="Epstein Audio Leak: Links Former Israeli PM to Military Tech Firm"
            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/106256/epstein-audio-leak-links-former-israeli-pm-to-military-tech-firm/">
                        Epstein Audio Leak: Links Former Israeli PM to Military Tech Firm  <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/106246/israeli-settlers-burn-palestinian-homes-in-east-jerusalem-as-violence-against-bedouin-communities-escalates/">
                    
                        <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/iran-us.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/01/iran-us.png&w=497&h=279&q=100&zc=1"
            class="lazyload 0"
            width="497"
            height="279"
            alt="Israeli Settlers Burn Palestinian Homes in East Jerusalem as Violence Against Bedouin Communities Escalates"
            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/106246/israeli-settlers-burn-palestinian-homes-in-east-jerusalem-as-violence-against-bedouin-communities-escalates/">
                        Israeli Settlers Burn Palestinian Homes in East Jerusalem as Violence Against Bedouin Communities Escalates  <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/106239/us-threats-gaza-crackdown-russia-in-syria-and-uk-ai-surveillance-escalate-tensions/">
                    
                        <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/US-Iran.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/01/US-Iran.png&w=497&h=279&q=100&zc=1"
            class="lazyload 0"
            width="497"
            height="279"
            alt="US Threats, Gaza Crackdown, Russia in Syria, and UK AI Surveillance Escalate Tensions"
            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/106239/us-threats-gaza-crackdown-russia-in-syria-and-uk-ai-surveillance-escalate-tensions/">
                        US Threats, Gaza Crackdown, Russia in Syria, and UK AI Surveillance Escalate Tensions  <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/106236/us-pressures-iraq-gaza-and-iran-as-regional-tensions-escalate-over-militias-war-and-military-build-up/">
                    
                        <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/gazans.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/01/gazans.png&w=497&h=279&q=100&zc=1"
            class="lazyload 0"
            width="497"
            height="279"
            alt="US Pressures Iraq, Gaza and Iran as Regional Tensions Escalate Over Militias, War and Military Build-Up"
            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/106236/us-pressures-iraq-gaza-and-iran-as-regional-tensions-escalate-over-militias-war-and-military-build-up/">
                        US Pressures Iraq, Gaza and Iran as Regional Tensions Escalate Over Militias, War and Military Build-Up  <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-->


                        <!--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 -->
                                                        

            <!-- ##facet2 -->    
                                                                                                            
                                    

            <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/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/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=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/01/HHRD-FT-.jpeg&w=497&h=279&q=100&zc=1"
            class="lazyload 0"
            width="497"
            height="279"
            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>-->

        <div class="card-body ps-0 pe-0 pb-0" ><!--[CARD-BODY]-->
            <h2 class="h4">
                                <a class="text-dark" href="https://islamicity.org/106222/hhrd-humanitarian-support-amid-rohingya-camp-fires/">
                    HHRD Humanitarian Support Amid Rohingya Camp Fires                                    </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/rohingya-crisis" rel="category tag">
                                    Rohingya Crisis 
                                </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/106224/gaza-sudan-bangladesh-and-syria-dominate-regional-agendas/">
                                                    <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/sa-libya.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/01/sa-libya.png&w=497&h=279&q=100&zc=1"
            class="lazyload 0"
            width="497"
            height="279"
            alt="Gaza, Sudan, Bangladesh and Syria Dominate Regional Agendas"
            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/106224/gaza-sudan-bangladesh-and-syria-dominate-regional-agendas/">
                    Gaza, Sudan, Bangladesh and Syria Dominate Regional Agendas                                    </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/iviews/">iViews</a>
                                                

                        
                        on

                                                    <span class="thecatlinks text-dark">
                                <a href="/topics/american-politics" rel="category tag">
                                    American Politics 
                                </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/106220/israeli-knesset-approves-a-law-to-execute-9300-palestinian-hostages/">
                    
                        <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/Israel.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/01/Israel.png&w=497&h=279&q=100&zc=1"
            class="lazyload 0"
            width="497"
            height="279"
            alt="Israeli Knesset approves a law to execute 9,300 Palestinian hostages"
            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/106220/israeli-knesset-approves-a-law-to-execute-9300-palestinian-hostages/">
                        Israeli Knesset approves a law to execute 9,300 Palestinian hostages  <sup 67k style="top:0.2em;"></sup>
                    </a>
                </h2>
                <div>
                    <small class="d-block text-muted">
                        <a class="text-capitalize dark-links" href="/by/mahmoud-el-yousseph/">
                            
                                <div class="mhkStandoutAuthorInBlahBlahArea"></div>
                                Mahmoud El-Yousseph                            
                        </a>
                        on
                        <span class="thecatlinks text-dark">
                            <a href="/topics/israel" rel="category tag">
                                Israel 
                            </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/106218/france-middle-east-and-global-power-shifts-key-developments/">
                    
                        <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/India-uae.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/01/India-uae.png&w=497&h=279&q=100&zc=1"
            class="lazyload 0"
            width="497"
            height="279"
            alt="France, Middle East and Global Power Shifts: Key Developments"
            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/106218/france-middle-east-and-global-power-shifts-key-developments/">
                        France, Middle East and Global Power Shifts: Key Developments  <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>
            <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/106201/why-do-trump-and-the-media-treat-non-somali-fraudsters-differently/">
                    
                        <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/Trumpp.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/01/Trumpp.png&w=497&h=279&q=100&zc=1"
            class="lazyload 0"
            width="497"
            height="279"
            alt="Why do Trump and the media treat non-Somali fraudsters differently?"
            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/106201/why-do-trump-and-the-media-treat-non-somali-fraudsters-differently/">
                        Why do Trump and the media treat non-Somali fraudsters differently?  <sup 67k style="top:0.2em;"></sup>
                    </a>
                </h2>
                <div>
                    <small class="d-block text-muted">
                        <a class="text-capitalize dark-links" href="/by/mahmoud-el-yousseph/">
                            
                                <div class="mhkStandoutAuthorInBlahBlahArea"></div>
                                Mahmoud El-Yousseph                            
                        </a>
                        on
                        <span class="thecatlinks text-dark">
                            <a href="/topics/american-politics" rel="category tag">
                                American Politics 
                            </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/106203/why-does-israel-target-palestinian-journalists-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/01/palestinian-journalists.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/01/palestinian-journalists.png&w=497&h=279&q=100&zc=1"
            class="lazyload 0"
            width="497"
            height="279"
            alt="Why does Israel target Palestinian journalists 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 style="font-size:small;">
                <h2 class="mb-2 h6" style="font-size:1.342em;">
                    
                    <a class="text-dark" href="https://islamicity.org/106203/why-does-israel-target-palestinian-journalists-in-gaza/">
                        Why does Israel target Palestinian journalists in Gaza?  <sup 67k style="top:0.2em;"></sup>
                    </a>
                </h2>
                <div>
                    <small class="d-block text-muted">
                        <a class="text-capitalize dark-links" href="/by/mahmoud-el-yousseph/">
                            
                                <div class="mhkStandoutAuthorInBlahBlahArea"></div>
                                Mahmoud El-Yousseph                            
                        </a>
                        on
                        <span class="thecatlinks text-dark">
                            <a href="/topics/palestinian-journalists" rel="category tag">
                                Palestinian Journalists 
                            </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/106187/from-iium-to-the-world-a-call-for-justice-and-peace-in-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://media.islamicity.org/wp-content/uploads/2026/01/IIUM.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/01/IIUM.jpg&w=497&h=279&q=100&zc=1"
            class="lazyload 0"
            width="497"
            height="279"
            alt="From IIUM to the World: A Call for Justice and Peace in 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>-->

        <div class="card-body ps-0 pe-0 pb-0" ><!--[CARD-BODY]-->
            <h2 class="h4">
                                <a class="text-dark" href="https://islamicity.org/106187/from-iium-to-the-world-a-call-for-justice-and-peace-in-palestine/">
                    From IIUM to the World: A Call for Justice and Peace in Palestine                                    </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/palestine" rel="category tag">
                                    Palestine 
                                </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/106189/arab-muslim-leaders-episode-of-sham-and-drudgery/">
                                                    <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/chess.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/01/chess.png&w=497&h=279&q=100&zc=1"
            class="lazyload 0"
            width="497"
            height="279"
            alt="Arab-Muslim Leaders: Episode of Sham and Drudgery"
            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/106189/arab-muslim-leaders-episode-of-sham-and-drudgery/">
                    Arab-Muslim Leaders: Episode of Sham and Drudgery                                    </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/mahboob-khawaja/">Mahboob Khawaja</a>
                                                

                        
                        on

                                                    <span class="thecatlinks text-dark">
                                <a href="/topics/arab-leaders" rel="category tag">
                                    Arab Leaders 
                                </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">
                        <div class="container pb-5">
                            
                        <!--paintCarouselX call: $items, $sectionInfo->___News|https://news.islamicity.org____, false, "highlights|podcasts|$paintCallString->___*caro__CALLBACK('displayNews','1x3','row')*____", $likeFacets->_______, $fixThumbnail->___1___,true --><div class='carousel-wrapper fade-edges HELLO CHARLIE' style=';margin-bottom: 0.08px !important;;' id='carousel_wrapper_9'><div class='carousel-header' style=';;font-size: 28px;'><a href='https://news.islamicity.org' class='carousel-title-link' style='font-size: 23.234px;'><strong ><span style='font-size:1.21em;x3244;'>News</span></strong><span class='arrow'>&rsaquo;</span></a></div><div class='row__carousel' id='carousel_9' style='padding-bottom: 20.01px;;overflow-y: auto;padding-bottom:1.323px'><div class='row__inner__CARO' style='padding-bottom: 0.9999px;;padding-bottom:0.991px'><div 4000_10 class="tile__CARO" style="width:6000px;font-size:16.66px;;width:400px;height:247.778px;margin-right:20px;font-size: 16.2px;padding-right:18px;"><div 4000_20 class="row g-3" style=""><div 4000_30 class="col-12" style="">

<!--BEGIN|displayNews-->

<!--@div1@open--><div style="overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;line-height:1.2em;a3;">




    <style></style>
        
        
        
        <small style="opacity:0.6;font-size:70%;">theguardian.com</small><br> 
        <a target='new' href='https://www.theguardian.com/lifeandstyle/2026/feb/09/a-new-start-after-60-i-became-a-wrestler-50-years-after-falling-in-love-with-the-sport'><span style='font-weight: 600;font-size:1.1em;'>A new start after 60: I became a wrestler, 50 years after falling in love with the sport</span></a>        

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

<!--END|displayNews-->

</div><div 4000_30 class="col-12" style="">

<!--BEGIN|displayNews-->

<!--@div1@open--><div style="overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;line-height:1.2em;a3;">




    
        
        
        
        <small style="opacity:0.6;font-size:70%;">aljazeera.com</small><br> 
        <a target='new' href='https://www.aljazeera.com/news/2026/2/9/netanyahu-to-meet-trump-in-us-to-discuss-iran-says-israeli-pm'><span style='font-weight: 600;font-size:1.1em;'>Netanyahu to meet Trump in US to discuss Iran</span></a>        

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

<!--END|displayNews-->

</div><div 4000_30 class="col-12" style="">

<!--BEGIN|displayNews-->

<!--@div1@open--><div style="overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;line-height:1.2em;a3;">




    
        
        
        
        <small style="opacity:0.6;font-size:70%;">aljazeera.com</small><br> 
        <a target='new' href='https://www.aljazeera.com/news/2026/2/9/shipping-giant-msc-facilitates-trade-from-israeli-settlements-through-eu'><span style='font-weight: 600;font-size:1.1em;'>Shipping giant MSC facilitates trade from Israeli settlements through EU</span></a>        

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

<!--END|displayNews-->

</div></div></div><div 4000_10 class="tile__CARO" style="width:6000px;font-size:16.66px;;width:400px;height:247.778px;margin-right:20px;font-size: 16.2px;padding-right:18px;"><div 4000_20 class="row g-3" style=""><div 4000_30 class="col-12" style="">

<!--BEGIN|displayNews-->

<!--@div1@open--><div style="overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;line-height:1.2em;a3;">




    
        
        
        
        <small style="opacity:0.6;font-size:70%;">aljazeera.com</small><br> 
        <a target='new' href='https://www.aljazeera.com/news/2026/2/9/thousands-protest-against-israeli-president-herzogs-australia-visit'><span style='font-weight: 600;font-size:1.1em;'>Thousands protest against Israeli President Herzog’s Australia visit</span></a>        

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

<!--END|displayNews-->

</div><div 4000_30 class="col-12" style="">

<!--BEGIN|displayNews-->

<!--@div1@open--><div style="overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;line-height:1.2em;a3;">




    
        
        
        
        <small style="opacity:0.6;font-size:70%;">aljazeera.com</small><br> 
        <a target='new' href='https://www.aljazeera.com/opinions/2026/2/9/pakistan-can-sell-weapons-in-the-middle-east-but-can-it-sell-security'><span style='font-weight: 600;font-size:1.1em;'>Pakistan can sell weapons in the Middle East, but can it sell security?</span></a>        

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

<!--END|displayNews-->

</div><div 4000_30 class="col-12" style="">

<!--BEGIN|displayNews-->

<!--@div1@open--><div style="overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;line-height:1.2em;a3;">




    
        
        
        
        <small style="opacity:0.6;font-size:70%;">aljazeera.com</small><br> 
        <a target='new' href='https://www.aljazeera.com/video/newsfeed/2026/2/9/video-building-collapse-in-northern-lebanon-kills-people-in-apartments'><span style='font-weight: 600;font-size:1.1em;'>Video: Building collapse in northern Lebanon kills people in apartments</span></a>        

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

<!--END|displayNews-->

</div></div></div><div 4000_10 class="tile__CARO" style="width:6000px;font-size:16.66px;;width:400px;height:247.778px;margin-right:20px;font-size: 16.2px;padding-right:18px;"><div 4000_20 class="row g-3" style=""><div 4000_30 class="col-12" style="">

<!--BEGIN|displayNews-->

<!--@div1@open--><div style="overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;line-height:1.2em;a3;">




    
        
        
        
        <small style="opacity:0.6;font-size:70%;">zawya.com</small><br> 
        <a target='new' href='https://www.zawya.com/en/news/global-markets/stocks-reel-as-ai-fears-dominate-market-action-kkkmng28'><span style='font-weight: 600;font-size:1.1em;'>Stocks reel as AI fears dominate market action</span></a>        

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

<!--END|displayNews-->

</div><div 4000_30 class="col-12" style="">

<!--BEGIN|displayNews-->

<!--@div1@open--><div style="overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;line-height:1.2em;a3;">




    
        
        
        
        <small style="opacity:0.6;font-size:70%;">nature.com</small><br> 
        <a target='new' href='https://www.nature.com/articles/d41586-026-00370-w'><span style='font-weight: 600;font-size:1.1em;'>OpenClaw AI chatbots are running amok — these scientists are listening in</span></a>        

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

<!--END|displayNews-->

</div><div 4000_30 class="col-12" style="">

<!--BEGIN|displayNews-->

<!--@div1@open--><div style="overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;line-height:1.2em;a3;">




    
        
        
        
        <small style="opacity:0.6;font-size:70%;">middleeasteye.net</small><br> 
        <a target='new' href='https://www.middleeasteye.net/news/tucker-carlson-sheds-light-on-christian-muslim-harmony-jordan-palestine'><span style='font-weight: 600;font-size:1.1em;'>Tucker Carlson sheds light on Christian-Muslim harmony in Palestine, Jordan</span></a>        

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

<!--END|displayNews-->

</div></div></div><div 4000_10 class="tile__CARO" style="width:6000px;font-size:16.66px;;width:400px;height:247.778px;margin-right:20px;font-size: 16.2px;padding-right:18px;"><div 4000_20 class="row g-3" style=""><div 4000_30 class="col-12" style="">

<!--BEGIN|displayNews-->

<!--@div1@open--><div style="overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;line-height:1.2em;a3;">




    
        
        
        
        <small style="opacity:0.6;font-size:70%;">theguardian.com</small><br> 
        <a target='new' href='https://www.theguardian.com/society/2026/feb/06/menstrual-blood-test-alternative-cervical-screening-hpv'><span style='font-weight: 600;font-size:1.1em;'>Menstrual blood test could offer alternative to cervical screening</span></a>        

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

<!--END|displayNews-->

</div><div 4000_30 class="col-12" style="">

<!--BEGIN|displayNews-->

<!--@div1@open--><div style="overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;line-height:1.2em;a3;">




    
        
        
        
        <small style="opacity:0.6;font-size:70%;">aljazeera.com</small><br> 
        <a target='new' href='https://www.aljazeera.com/opinions/2026/2/6/trumps-america-first-doctrine-is-remaking-global-diplomacy'><span style='font-weight: 600;font-size:1.1em;'>Trump’s America First doctrine is remaking global diplomacy</span></a>        

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

<!--END|displayNews-->

</div><div 4000_30 class="col-12" style="">

<!--BEGIN|displayNews-->

<!--@div1@open--><div style="overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;line-height:1.2em;a3;">




    
        
        
        
        <small style="opacity:0.6;font-size:70%;">aljazeera.com</small><br> 
        <a target='new' href='https://www.aljazeera.com/video/newsfeed/2026/2/6/what-are-iranians-saying-about-the-threat-of-war'><span style='font-weight: 600;font-size:1.1em;'>What are Iranians saying about the threat of war?</span></a>        

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

<!--END|displayNews-->

</div></div></div><div 4000_10 class="tile__CARO" style="width:6000px;font-size:16.66px;;width:400px;height:247.778px;margin-right:20px;font-size: 16.2px;padding-right:18px;"><div 4000_20 class="row g-3" style=""><div 4000_30 class="col-12" style="">

<!--BEGIN|displayNews-->

<!--@div1@open--><div style="overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;line-height:1.2em;a3;">




    
        
        
        
        <small style="opacity:0.6;font-size:70%;">aljazeera.com</small><br> 
        <a target='new' href='https://www.aljazeera.com/news/2026/2/6/just-how-excellent-was-trump-and-xi-jinpings-phone-call-really'><span style='font-weight: 600;font-size:1.1em;'>Just how ‘excellent’ was Trump and Xi Jinping’s phone call, really?</span></a>        

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

<!--END|displayNews-->

</div><div 4000_30 class="col-12" style="">

<!--BEGIN|displayNews-->

<!--@div1@open--><div style="overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;line-height:1.2em;a3;">




    
        
        
        
        <small style="opacity:0.6;font-size:70%;">aljazeera.com</small><br> 
        <a target='new' href='https://www.aljazeera.com/opinions/2026/2/6/israels-war-on-gazas-healthcare-continues-in-full-force-under-ceasefire'><span style='font-weight: 600;font-size:1.1em;'>Israel’s war on Gaza’s healthcare continues in full force under ‘ceasefire’</span></a>        

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

<!--END|displayNews-->

</div><div 4000_30 class="col-12" style="">

<!--BEGIN|displayNews-->

<!--@div1@open--><div style="overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;line-height:1.2em;a3;">




    
        
        
        
        <small style="opacity:0.6;font-size:70%;">aljazeera.com</small><br> 
        <a target='new' href='https://www.aljazeera.com/news/2026/2/6/trumps-maximalist-demands-for-iran-put-talks-in-oman-on-uncertain-ground'><span style='font-weight: 600;font-size:1.1em;'>Trump’s ‘maximalist demands’ for Iran put talks in Oman on uncertain ground</span></a>        

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

<!--END|displayNews-->

</div></div></div><div 4000_10 class="tile__CARO" style="width:6000px;font-size:16.66px;;width:400px;height:247.778px;margin-right:20px;font-size: 16.2px;padding-right:18px;"><div 4000_20 class="row g-3" style=""><div 4000_30 class="col-12" style="">

<!--BEGIN|displayNews-->

<!--@div1@open--><div style="overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;line-height:1.2em;a3;">




    
        
        
        
        <small style="opacity:0.6;font-size:70%;">aljazeera.com</small><br> 
        <a target='new' href='https://www.aljazeera.com/features/2026/2/6/elderly-palestinians-determined-stay-gaza-despite-terrible-conditions'><span style='font-weight: 600;font-size:1.1em;'>Elderly Palestinians determined to stay in Gaza despite terrible conditions</span></a>        

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

<!--END|displayNews-->

</div><div 4000_30 class="col-12" style="">

<!--BEGIN|displayNews-->

<!--@div1@open--><div style="overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;line-height:1.2em;a3;">




    
        
        
        
        <small style="opacity:0.6;font-size:70%;">aljazeera.com</small><br> 
        <a target='new' href='https://www.aljazeera.com/video/newsfeed/2026/2/6/iran-foreign-minister-arrives-in-oman-for-talks-with-us'><span style='font-weight: 600;font-size:1.1em;'>Iran foreign minister arrives in Oman for talks with US</span></a>        

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

<!--END|displayNews-->

</div><div 4000_30 class="col-12" style="">

<!--BEGIN|displayNews-->

<!--@div1@open--><div style="overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;line-height:1.2em;a3;">




    
        
        
        
        <small style="opacity:0.6;font-size:70%;">zawya.com</small><br> 
        <a target='new' href='https://www.zawya.com/en/economy/global/soybeans-rise-after-trumps-positive-comments-on-china-purchase-i7dgb0vr'><span style='font-weight: 600;font-size:1.1em;'>Soybeans rise after Trump's positive comments on China purchase</span></a>        

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

<!--END|displayNews-->

</div></div></div><div 4000_10 class="tile__CARO" style="width:6000px;font-size:16.66px;;width:400px;height:247.778px;margin-right:20px;font-size: 16.2px;padding-right:18px;"><div 4000_20 class="row g-3" style=""><div 4000_30 class="col-12" style="">

<!--BEGIN|displayNews-->

<!--@div1@open--><div style="overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;line-height:1.2em;a3;">




    
        
        
        
        <small style="opacity:0.6;font-size:70%;">theguardian.com</small><br> 
        <a target='new' href='https://www.theguardian.com/society/2026/feb/04/mediterranean-diet-reduce-risk-of-stroke-study'><span style='font-weight: 600;font-size:1.1em;'>Mediterranean diet can reduce risk of stroke by up to 25%, long-term study suggests</span></a>        

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

<!--END|displayNews-->

</div><div 4000_30 class="col-12" style="">

<!--BEGIN|displayNews-->

<!--@div1@open--><div style="overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;line-height:1.2em;a3;">




    
        
        
        
        <small style="opacity:0.6;font-size:70%;">aljazeera.com</small><br> 
        <a target='new' href='https://www.aljazeera.com/video/newsfeed/2026/2/5/what-the-us-and-iran-are-about-to-negotiate-over-isnt-clear'><span style='font-weight: 600;font-size:1.1em;'>What the US and Iran are about to negotiate over isn’t clear</span></a>        

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

<!--END|displayNews-->

</div><div 4000_30 class="col-12" style="">

<!--BEGIN|displayNews-->

<!--@div1@open--><div style="overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;line-height:1.2em;a3;">




    
        
        
        
        <small style="opacity:0.6;font-size:70%;">aljazeera.com</small><br> 
        <a target='new' href='https://www.aljazeera.com/news/2026/2/5/famine-conditions-spread-to-more-towns-in-sudans-darfur-experts-warn'><span style='font-weight: 600;font-size:1.1em;'>Famine conditions spread to more towns in Sudan’s Darfur, experts warn</span></a>        

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

<!--END|displayNews-->

</div></div></div><div 4000_10 class="tile__CARO" style="width:6000px;font-size:16.66px;;width:400px;height:247.778px;margin-right:20px;font-size: 16.2px;padding-right:18px;"><div 4000_20 class="row g-3" style=""><div 4000_30 class="col-12" style="">

<!--BEGIN|displayNews-->

<!--@div1@open--><div style="overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;line-height:1.2em;a3;">




    
        
        
        
        <small style="opacity:0.6;font-size:70%;">aljazeera.com</small><br> 
        <a target='new' href='https://www.aljazeera.com/features/2026/2/5/starvation-by-design-how-israel-turned-food-into-a-weapon-of-war-in-ga'><span style='font-weight: 600;font-size:1.1em;'>Starvation by design: How Israel turned food into a weapon of war in Gaza</span></a>        

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

<!--END|displayNews-->

</div><div 4000_30 class="col-12" style="">

<!--BEGIN|displayNews-->

<!--@div1@open--><div style="overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;line-height:1.2em;a3;">




    
        
        
        
        <small style="opacity:0.6;font-size:70%;">aljazeera.com</small><br> 
        <a target='new' href='https://www.aljazeera.com/news/2026/2/5/germanys-merz-warns-of-potential-escalation-as-us-iran-prepare-for-talks'><span style='font-weight: 600;font-size:1.1em;'>Germany’s Merz warns of potential escalation as US, Iran prepare for talks</span></a>        

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

<!--END|displayNews-->

</div><div 4000_30 class="col-12" style="">

<!--BEGIN|displayNews-->

<!--@div1@open--><div style="overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;line-height:1.2em;a3;">




    
        
        
        
        <small style="opacity:0.6;font-size:70%;">zawya.com</small><br> 
        <a target='new' href='https://www.zawya.com/en/economy/global/gold-climbs-back-near-5-100-as-us-iran-tensions-lift-safe-haven-demand-mxmvxfwe'><span style='font-weight: 600;font-size:1.1em;'>Gold climbs back near $5,100 as US-Iran tensions lift safe-haven demand</span></a>        

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

<!--END|displayNews-->

</div></div></div><div 4000_10 class="tile__CARO" style="width:6000px;font-size:16.66px;;width:400px;height:247.778px;margin-right:20px;font-size: 16.2px;padding-right:18px;"><div 4000_20 class="row g-3" style=""><div 4000_30 class="col-12" style="">

<!--BEGIN|displayNews-->

<!--@div1@open--><div style="overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;line-height:1.2em;a3;">




    
        
        
        
        <small style="opacity:0.6;font-size:70%;">nature.com</small><br> 
        <a target='new' href='https://www.nature.com/articles/d41586-026-00338-w'><span style='font-weight: 600;font-size:1.1em;'>How tumours trick the brain into shutting down cancer-fighting cells</span></a>        

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

<!--END|displayNews-->

</div><div 4000_30 class="col-12" style="">

<!--BEGIN|displayNews-->

<!--@div1@open--><div style="overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;line-height:1.2em;a3;">




    
        
        
        
        <small style="opacity:0.6;font-size:70%;">newageislam.com</small><br> 
        <a target='new' href='https://www.newageislam.com/a/islam-spiritualism?page=1'><span style='font-weight: 600;font-size:1.1em;'>The Mahdi Is the One Who Will Bring Humanity to The Oneness</span></a>        

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

<!--END|displayNews-->

</div><div 4000_30 class="col-12" style="">

<!--BEGIN|displayNews-->

<!--@div1@open--><div style="overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;line-height:1.2em;a3;">




    
        
        
        
        <small style="opacity:0.6;font-size:70%;">theguardian.com</small><br> 
        <a target='new' href='https://www.theguardian.com/food/2026/feb/03/dump-dinner-spaghetti-served-straight-onto-table-why'><span style='font-weight: 600;font-size:1.1em;'>The dump dinner: spaghetti is now being served straight on to the table – but why?</span></a>        

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

<!--END|displayNews-->

</div></div></div><div 4000_10 class="tile__CARO" style="width:6000px;font-size:16.66px;;width:400px;height:247.778px;margin-right:20px;font-size: 16.2px;padding-right:18px;"><div 4000_20 class="row g-3" style=""><div 4000_30 class="col-12" style="">

<!--BEGIN|displayNews-->

<!--@div1@open--><div style="overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;line-height:1.2em;a3;">




    
        
        
        
        <small style="opacity:0.6;font-size:70%;">aljazeera.com</small><br> 
        <a target='new' href='https://www.aljazeera.com/video/newsfeed/2026/2/4/tens-of-thousands-evacuated-as-floods-submerge-parts-of-morocco'><span style='font-weight: 600;font-size:1.1em;'>Tens of thousands evacuated as floods submerge parts of Morocco</span></a>        

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

<!--END|displayNews-->

</div><div 4000_30 class="col-12" style="">

<!--BEGIN|displayNews-->

<!--@div1@open--><div style="overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;line-height:1.2em;a3;">




    
        
        
        
        <small style="opacity:0.6;font-size:70%;">aljazeera.com</small><br> 
        <a target='new' href='https://www.aljazeera.com/news/2026/2/4/mediators-propose-framework-for-crucial-iran-us-talks-this-week'><span style='font-weight: 600;font-size:1.1em;'>Mediators propose framework for crucial Iran-US talks this week</span></a>        

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

<!--END|displayNews-->

</div><div 4000_30 class="col-12" style="">

<!--BEGIN|displayNews-->

<!--@div1@open--><div style="overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;line-height:1.2em;a3;">




    
        
        
        
        <small style="opacity:0.6;font-size:70%;">aljazeera.com</small><br> 
        <a target='new' href='https://www.aljazeera.com/video/newsfeed/2026/2/4/epstein-files-reveal-web-of-relationships-among-rich-and-powerful'><span style='font-weight: 600;font-size:1.1em;'>Epstein files reveal web of relationships among rich and powerful</span></a>        

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

<!--END|displayNews-->

</div></div></div><div 4000_10 class="tile__CARO" style="width:6000px;font-size:16.66px;;width:400px;height:247.778px;margin-right:20px;font-size: 16.2px;padding-right:18px;"><div 4000_20 class="row g-3" style=""><div 4000_30 class="col-12" style="">

<!--BEGIN|displayNews-->

<!--@div1@open--><div style="overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;line-height:1.2em;a3;">




    
        
        
        
        <small style="opacity:0.6;font-size:70%;">aljazeera.com</small><br> 
        <a target='new' href='https://www.aljazeera.com/news/2026/2/4/killing-said-gaddafi-removes-alternative-libya-rival-governments'><span style='font-weight: 600;font-size:1.1em;'>Killing of Saif Gaddafi removes alternative to Libya’s rival governments</span></a>        

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

<!--END|displayNews-->

</div><div 4000_30 class="col-12" style="">

<!--BEGIN|displayNews-->

<!--@div1@open--><div style="overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;line-height:1.2em;a3;">




    
        
        
        
        <small style="opacity:0.6;font-size:70%;">zawya.com</small><br> 
        <a target='new' href='https://www.zawya.com/en/economy/global/gold-heads-for-biggest-daily-gain-since-2008-as-investors-step-in-after-steep-selloff-duf5x90r'><span style='font-weight: 600;font-size:1.1em;'>Gold heads for biggest daily gain since 2008 as investors step in after steep selloff</span></a>        

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

<!--END|displayNews-->

</div><div 4000_30 class="col-12" style="">

<!--BEGIN|displayNews-->

<!--@div1@open--><div style="overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;line-height:1.2em;a3;">




    
        
        
        
        <small style="opacity:0.6;font-size:70%;">nature.com</small><br> 
        <a target='new' href='https://www.nature.com/articles/d41586-026-00333-1'><span style='font-weight: 600;font-size:1.1em;'>More than one-third of cancer cases are preventable, massive study finds</span></a>        

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

<!--END|displayNews-->

</div></div></div><div 4000_10 class="tile__CARO" style="width:6000px;font-size:16.66px;;width:400px;height:247.778px;margin-right:20px;font-size: 16.2px;padding-right:18px;"><div 4000_20 class="row g-3" style=""><div 4000_30 class="col-12" style="">

<!--BEGIN|displayNews-->

<!--@div1@open--><div style="overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;line-height:1.2em;a3;">




    
        
        
        
        <small style="opacity:0.6;font-size:70%;">theguardian.com</small><br> 
        <a target='new' href='https://www.theguardian.com/us-news/ng-interactive/2026/feb/03/muslim-new-york-city'><span style='font-weight: 600;font-size:1.1em;'>This is Muslim *a non-exhaustive list of the artists, politicos, and entertainers driving the city's new era</span></a>        

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

<!--END|displayNews-->

</div><div 4000_30 class="col-12" style="">

<!--BEGIN|displayNews-->

<!--@div1@open--><div style="overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;line-height:1.2em;a3;">




    
        
        
        
        <small style="opacity:0.6;font-size:70%;">theguardian.com</small><br> 
        <a target='new' href='https://www.theguardian.com/society/2026/feb/03/emergency-pneumonia-cases-skyrocket-england'><span style='font-weight: 600;font-size:1.1em;'>Emergency pneumonia cases surge to half a million a year in England</span></a>        

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

<!--END|displayNews-->

</div><div 4000_30 class="col-12" style="">

<!--BEGIN|displayNews-->

<!--@div1@open--><div style="overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;line-height:1.2em;a3;">




    
        
        
        
        <small style="opacity:0.6;font-size:70%;">aljazeera.com</small><br> 
        <a target='new' href='https://www.aljazeera.com/news/2026/2/3/game-is-over-irans-ex-leaders-hardliners-clash-after-protest-killings'><span style='font-weight: 600;font-size:1.1em;'>‘Game is over’: Iran’s ex-leaders, hardliners clash after protest killings</span></a>        

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

<!--END|displayNews-->

</div></div></div><div 4000_10 class="tile__CARO" style="width:6000px;font-size:16.66px;;width:400px;height:247.778px;margin-right:20px;font-size: 16.2px;padding-right:18px;"><div 4000_20 class="row g-3" style=""><div 4000_30 class="col-12" style="">

<!--BEGIN|displayNews-->

<!--@div1@open--><div style="overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;line-height:1.2em;a3;">




    
        
        
        
        <small style="opacity:0.6;font-size:70%;">aljazeera.com</small><br> 
        <a target='new' href='https://www.aljazeera.com/news/2026/2/3/saif-al-islam-gaddafi-son-of-former-leader-killed-in-libya'><span style='font-weight: 600;font-size:1.1em;'>Saif al-Islam Gaddafi, son of former leader, killed in Libya</span></a>        

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

<!--END|displayNews-->

</div><div 4000_30 class="col-12" style="">

<!--BEGIN|displayNews-->

<!--@div1@open--><div style="overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;line-height:1.2em;a3;">




    
        
        
        
        <small style="opacity:0.6;font-size:70%;">aljazeera.com</small><br> 
        <a target='new' href='https://www.aljazeera.com/news/2026/2/3/un-chief-urges-gaza-aid-as-israel-blocks-most-medical-evacuees-at-rafah'><span style='font-weight: 600;font-size:1.1em;'>UN chief urges Gaza aid as Israel blocks most medical evacuees at Rafah</span></a>        

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

<!--END|displayNews-->

</div><div 4000_30 class="col-12" style="">

<!--BEGIN|displayNews-->

<!--@div1@open--><div style="overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;line-height:1.2em;a3;">




    
        
        
        
        <small style="opacity:0.6;font-size:70%;">aljazeera.com</small><br> 
        <a target='new' href='https://www.aljazeera.com/features/2026/2/3/will-hezbollah-continue-to-avoid-responding-to-israels-attacks-on-lebanon'><span style='font-weight: 600;font-size:1.1em;'>Will Hezbollah continue to avoid responding to Israel’s attacks on Lebanon?</span></a>        

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

<!--END|displayNews-->

</div></div></div><div 4000_10 class="tile__CARO" style="width:6000px;font-size:16.66px;;width:400px;height:247.778px;margin-right:20px;font-size: 16.2px;padding-right:18px;"><div 4000_20 class="row g-3" style=""><div 4000_30 class="col-12" style="">

<!--BEGIN|displayNews-->

<!--@div1@open--><div style="overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;line-height:1.2em;a3;">




    
        
        
        
        <small style="opacity:0.6;font-size:70%;">zawya.com</small><br> 
        <a target='new' href='https://www.zawya.com/en/news/global-markets/stocks-slide-as-silver-rout-unleashes-hefty-selling-wnmv7uwx'><span style='font-weight: 600;font-size:1.1em;'>Stocks slide as silver rout unleashes hefty selling</span></a>        

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

<!--END|displayNews-->

</div><div 4000_30 class="col-12" style="">

<!--BEGIN|displayNews-->

<!--@div1@open--><div style="overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;line-height:1.2em;a3;">




    
        
        
        
        <small style="opacity:0.6;font-size:70%;">nature.com</small><br> 
        <a target='new' href='https://www.nature.com/articles/d41586-026-00329-x'><span style='font-weight: 600;font-size:1.1em;'>OpenAI-backed firm to use ultrasound to read minds. Does the science stand up?</span></a>        

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

<!--END|displayNews-->

</div><div 4000_30 class="col-12" style="">

<!--BEGIN|displayNews-->

<!--@div1@open--><div style="overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;line-height:1.2em;a3;">




    
        
        
        
        <small style="opacity:0.6;font-size:70%;">islamonline.net</small><br> 
        <a target='new' href='https://islamonline.net/en/spiritual-resilience-in-islam-love-faith/'><span style='font-weight: 600;font-size:1.1em;'>Love in Islam: More Than a Feeling, A Divine Necessity  Read More on:  Love in Islam: More Than a Feeling, A Divine Necessity - IslamOnline https://islamonline.net/144959</span></a>        

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

<!--END|displayNews-->

</div></div></div><div 4000_10 class="tile__CARO" style="width:6000px;font-size:16.66px;;width:400px;height:247.778px;margin-right:20px;font-size: 16.2px;padding-right:18px;"><div 4000_20 class="row g-3" style=""><div 4000_30 class="col-12" style="">

<!--BEGIN|displayNews-->

<!--@div1@open--><div style="overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;line-height:1.2em;a3;">




    
        
        
        
        <small style="opacity:0.6;font-size:70%;">newscientist.com</small><br> 
        <a target='new' href='https://www.newscientist.com/article/2513878-can-we-genetically-improve-humans-using-george-churchs-famous-list/'><span style='font-weight: 600;font-size:1.1em;'>Can we genetically improve humans using George Church’s famous list?</span></a>        

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

<!--END|displayNews-->

</div><div 4000_30 class="col-12" style="">

<!--BEGIN|displayNews-->

<!--@div1@open--><div style="overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;line-height:1.2em;a3;">




    
        
        
        
        <small style="opacity:0.6;font-size:70%;">aljazeera.com</small><br> 
        <a target='new' href='https://www.aljazeera.com/news/2026/2/2/zelenskyy-warns-of-logistics-terror-as-russia-hits-ukraine-railway'><span style='font-weight: 600;font-size:1.1em;'>Zelenskyy warns of ‘logistics terror’ as Russia hits Ukraine railway</span></a>        

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

<!--END|displayNews-->

</div><div 4000_30 class="col-12" style="">

<!--BEGIN|displayNews-->

<!--@div1@open--><div style="overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;line-height:1.2em;a3;">




    
        
        
        
        <small style="opacity:0.6;font-size:70%;">aljazeera.com</small><br> 
        <a target='new' href='https://www.aljazeera.com/news/2026/2/2/in-war-torn-ukraine-showing-sympathy-for-palestine-is-no-longer-a-taboo'><span style='font-weight: 600;font-size:1.1em;'>In war-torn Ukraine, showing sympathy for Palestine is no longer a taboo</span></a>        

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

<!--END|displayNews-->

</div></div></div><div 4000_10 class="tile__CARO" style="width:6000px;font-size:16.66px;;width:400px;height:247.778px;margin-right:20px;font-size: 16.2px;padding-right:18px;"><div 4000_20 class="row g-3" style=""><div 4000_30 class="col-12" style="">

<!--BEGIN|displayNews-->

<!--@div1@open--><div style="overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;line-height:1.2em;a3;">




    
        
        
        
        <small style="opacity:0.6;font-size:70%;">aljazeera.com</small><br> 
        <a target='new' href='https://www.aljazeera.com/features/2026/2/2/a-year-after-hezbollah-israel-ceasefire-over-64000-lebanese-displaced'><span style='font-weight: 600;font-size:1.1em;'>A year after Hezbollah-Israel ceasefire, over 64,000 Lebanese displaced</span></a>        

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

<!--END|displayNews-->

</div><div 4000_30 class="col-12" style="">

<!--BEGIN|displayNews-->

<!--@div1@open--><div style="overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;line-height:1.2em;a3;">




    
        
        
        
        <small style="opacity:0.6;font-size:70%;">aljazeera.com</small><br> 
        <a target='new' href='https://www.aljazeera.com/video/newsfeed/2026/2/2/video-hope-and-fear-in-syrian-areas-retaken-from-sdf-forces'><span style='font-weight: 600;font-size:1.1em;'>Video: Hope and fear in Syrian areas retaken from SDF forces</span></a>        

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

<!--END|displayNews-->

</div><div 4000_30 class="col-12" style="">

<!--BEGIN|displayNews-->

<!--@div1@open--><div style="overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;line-height:1.2em;a3;">




    
        
        
        
        <small style="opacity:0.6;font-size:70%;">aljazeera.com</small><br> 
        <a target='new' href='https://www.aljazeera.com/video/newsfeed/2026/2/2/what-we-know-about-the-limited-reopening-of-the-rafah-crossing'><span style='font-weight: 600;font-size:1.1em;'>What we know about the limited reopening of the Rafah crossing</span></a>        

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

<!--END|displayNews-->

</div></div></div></div></div><span class='carousel-scroll-arrow' onclick="scrollCarouselBy('carousel_9', 2, 'tile__CARO')">&#10230;</span><div class='carousel-fade-right'></div></div>                        </div>
                        </div>
                    </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/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/106233/why-resetting-before-ramadan-is-non-negotiable-ramadan-reset-episode-1/">
                                                    <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/RR-ep1.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/01/RR-ep1.png&w=497&h=279&q=100&zc=1"
            class="lazyload 0"
            width="497"
            height="279"
            alt="Why Resetting Before Ramadan Is Non-Negotiable? - Ramadan Reset - Episode 1"
            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/106233/why-resetting-before-ramadan-is-non-negotiable-ramadan-reset-episode-1/">
                    Why Resetting Before Ramadan Is Non-Negotiable? - Ramadan Reset - Episode 1                    <sup 45c style="top:0.5em;"><i class="bi bi-mic-fill 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/islamicity/">IslamiCity</a>
                                                

                        
                        on

                                                    <span class="thecatlinks text-dark">
                                <a href="/topics/ramadan" rel="category tag">
                                    Ramadan 
                                </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/106234/empty-the-cup-then-fill-it-letting-go-to-set-goals-that-last-ramadan-reset-episode-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/2026/01/RR-ep-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/2026/01/RR-ep-2.png&w=497&h=279&q=100&zc=1"
            class="lazyload 0"
            width="497"
            height="279"
            alt="Empty the Cup, Then Fill It – Letting Go to Set Goals That Last - Ramadan Reset - Episode 2"
            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/106234/empty-the-cup-then-fill-it-letting-go-to-set-goals-that-last-ramadan-reset-episode-2/">
                    Empty the Cup, Then Fill It – Letting Go to Set Goals That Last - Ramadan Reset - Episode 2                    <sup 45c style="top:0.5em;"><i class="bi bi-mic-fill 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/islamicity/">IslamiCity</a>
                                                

                        
                        on

                                                    <span class="thecatlinks text-dark">
                                <a href="/topics/ramadan" rel="category tag">
                                    Ramadan 
                                </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/10209/shaban-time-avoidance-headlessness/">
                    
                        <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/2022/03/cresent-moon-mosque-sky-isp.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/2022/03/cresent-moon-mosque-sky-isp.jpg&w=497&h=279&q=100&zc=1"
            class="lazyload 0"
            width="497"
            height="279"
            alt="History and More about Shaban you May not Know"
            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/10209/shaban-time-avoidance-headlessness/">
                        History and More about Shaban you May not Know  <sup 67k style="top:0.2em;"></sup>
                    </a>
                </h2>
                <div>
                    <small class="d-block text-muted">
                        <a class="text-capitalize dark-links" href="/by/sadullah-khan/">
                            
                                <div class="mhkStandoutAuthorInBlahBlahArea"></div>
                                Sadullah Khan                            
                        </a>
                        on
                        <span class="thecatlinks text-dark">
                            <a href="/topics/shaban" rel="category tag">
                                Shaban 
                            </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/99040/the-virtues-of-shaban/">
                    
                        <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/OosrLP7oqjs/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/OosrLP7oqjs/maxresdefault.jpg&w=497&h=279&q=100&zc=1"
            class="lazyload 0"
            width="497"
            height="279"
            alt="The Virtues of Shaban"
            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/99040/the-virtues-of-shaban/">
                        The Virtues of Shaban  <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/islam-channel/">
                            
                                <div class="mhkStandoutAuthorInBlahBlahArea"></div>
                                Islam Channel                            
                        </a>
                        on
                        <span class="thecatlinks text-dark">
                            <a href="/topics/ramadan" rel="category tag">
                                Ramadan 
                            </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/106210/training-your-nafs-in-shaban/">
                    
                        <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/VY_QT8CiTLI/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/VY_QT8CiTLI/maxresdefault.jpg&w=497&h=279&q=100&zc=1"
            class="lazyload 0"
            width="497"
            height="279"
            alt="Training Your Nafs in Sha'ban"
            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/106210/training-your-nafs-in-shaban/">
                        Training Your Nafs in Sha'ban  <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/omar-suleiman/">
                            
                                <div class="mhkStandoutAuthorInBlahBlahArea"></div>
                                Omar Suleiman                            
                        </a>
                        on
                        <span class="thecatlinks text-dark">
                            <a href="/topics/shaban" rel="category tag">
                                Shaban 
                            </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/106232/dont-panic-ramadan-is-coming/">
                    
                        <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/ramadan-is-coming.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/01/ramadan-is-coming.png&w=497&h=279&q=100&zc=1"
            class="lazyload 0"
            width="497"
            height="279"
            alt="Don’t Panic. Ramadan Is Coming."
            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/106232/dont-panic-ramadan-is-coming/">
                        Don’t Panic. Ramadan Is Coming.  <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/ramadan" rel="category tag">
                                Ramadan 
                            </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/6005/to-fast-or-not-to-fast-in-shaban/">
                                                    <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/Mosques/Brunei_Mosque1__1600x899.JPG&w=497&h=279&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/Mosques/Brunei_Mosque1__1600x899.JPG&w=497&h=279&q=100&zc=1"
            class="lazyload 0"
            width="497"
            height="279"
            alt="To Fast or Not to Fast in Shaban"
            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/6005/to-fast-or-not-to-fast-in-shaban/">
                    To Fast or Not to Fast in Shaban                                    </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/aslam-abdullah/">Aslam Abdullah</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 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/103923/what-the-prophet-muhammad-pbuh-used-to-do-in-shaban/">
                                                    <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/01/quran-with-green-background.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/01/quran-with-green-background.jpg&w=497&h=279&q=100&zc=1"
            class="lazyload 0"
            width="497"
            height="279"
            alt="What the Prophet Muhammad (PBUH) Used to Do in Sha'ban?"
            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/103923/what-the-prophet-muhammad-pbuh-used-to-do-in-shaban/">
                    What the Prophet Muhammad (PBUH) Used to Do in Sha'ban?                                    </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/islam" rel="category tag">
                                    Islam 
                                </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/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/106241/hhrd-reminds-us-shaban-before-faith-meets-action/">
                                                    <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-Image.jpeg&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/01/HHRD-Image.jpeg&w=497&h=279&q=100&zc=1"
            class="lazyload 0"
            width="497"
            height="279"
            alt="HHRD Reminds Us: Sha’ban Before Faith Meets Action"
            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/106241/hhrd-reminds-us-shaban-before-faith-meets-action/">
                    HHRD Reminds Us: Sha’ban Before Faith Meets Action                                    </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/shaban" rel="category tag">
                                    Shaban 
                                </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/106186/home-sweet-home-the-childs-first-school-of-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://media.islamicity.org/wp-content/uploads/2026/01/child-school.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/01/child-school.png&w=497&h=279&q=100&zc=1"
            class="lazyload 0"
            width="497"
            height="279"
            alt="Home, Sweet Home: The Child’s First School of 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 class="card-body ps-0 pe-0 pb-0" ><!--[CARD-BODY]-->
            <h2 class="h4">
                                <a class="text-dark" href="https://islamicity.org/106186/home-sweet-home-the-childs-first-school-of-life/">
                    Home, Sweet Home: The Child’s First School of Life                                    </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/children" rel="category tag">
                                    Children 
                                </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/106193/job-description-subject-matter-expert-sme-for-islamic-ethics-and-ai-course/">
                    
                        <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/AI-and-Ethics-Lead-Instructor-Job-1.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/01/AI-and-Ethics-Lead-Instructor-Job-1.png&w=497&h=279&q=100&zc=1"
            class="lazyload 0"
            width="497"
            height="279"
            alt="Job Description Subject Matter Expert (SME) for Islamic Ethics and AI Course"
            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/106193/job-description-subject-matter-expert-sme-for-islamic-ethics-and-ai-course/">
                        Job Description Subject Matter Expert (SME) for Islamic Ethics and AI Course  <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/job" rel="category tag">
                                Job 
                            </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/106160/the-battle-of-badr-through-the-lens-of-hatred-trifkovics-islamophobic-narrative/">
                    
                        <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/sword-of-the-Prophet.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/01/sword-of-the-Prophet.png&w=497&h=279&q=100&zc=1"
            class="lazyload 0"
            width="497"
            height="279"
            alt="The Battle of Badr Through the Lens of Hatred: Trifković’s Islamophobic Narrative"
            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/106160/the-battle-of-badr-through-the-lens-of-hatred-trifkovics-islamophobic-narrative/">
                        The Battle of Badr Through the Lens of Hatred: Trifković’s Islamophobic Narrative  <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/battle-of-badr" rel="category tag">
                                Battle Of Badr 
                            </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/106156/serving-stories-spreading-smiles-imc-students-empower-local-and-inclusive-entrepreneurs-at-gombak-food-festival-3-0/">
                    
                        <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/06/IIUM.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/06/IIUM.jpg&w=497&h=279&q=100&zc=1"
            class="lazyload 0"
            width="497"
            height="279"
            alt="Serving Stories, Spreading Smiles: IMC Students Empower Local and Inclusive Entrepreneurs at Gombak Food Festival 3.0"
            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/106156/serving-stories-spreading-smiles-imc-students-empower-local-and-inclusive-entrepreneurs-at-gombak-food-festival-3-0/">
                        Serving Stories, Spreading Smiles: IMC Students Empower Local and Inclusive Entrepreneurs at Gombak Food Festival 3.0  <sup 67k style="top:0.2em;"></sup>
                    </a>
                </h2>
                <div>
                    <small class="d-block text-muted">
                        <a class="text-capitalize dark-links" href="/by/aida-mokhtar/">
                            
                                <div class="mhkStandoutAuthorInBlahBlahArea"></div>
                                Aida Mokhtar                            
                        </a>
                        on
                        <span class="thecatlinks text-dark">
                            <a href="/topics/disability-advocacy" rel="category tag">
                                Disability Advocacy 
                            </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/106153/hhrd-palestine-support-program-2026-hot-meals-for-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/01/HHRD-Image-.jpeg&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/01/HHRD-Image-.jpeg&w=497&h=279&q=100&zc=1"
            class="lazyload 0"
            width="497"
            height="279"
            alt="HHRD Palestine Support Program 2026: Hot Meals for 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 style="font-size:small;">
                <h2 class="mb-2 h6" style="font-size:1.342em;">
                    
                    <a class="text-dark" href="https://islamicity.org/106153/hhrd-palestine-support-program-2026-hot-meals-for-gaza/">
                        HHRD Palestine Support Program 2026: Hot Meals for Gaza  <sup 67k style="top:0.2em;"></sup>
                    </a>
                </h2>
                <div>
                    <small class="d-block text-muted">
                        <a class="text-capitalize dark-links" href="/by/blerta-kosumi/">
                            
                                <div class="mhkStandoutAuthorInBlahBlahArea"></div>
                                Blerta Kosumi                            
                        </a>
                        on
                        <span class="thecatlinks text-dark">
                            <a href="/topics/palestine" rel="category tag">
                                Palestine 
                            </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/106150/job-posting-lead-instructor-islamic-ethics-and-ai-course/">
                                                    <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/AI-and-Ethics-Lead-Instructor-Job-1.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/01/AI-and-Ethics-Lead-Instructor-Job-1.png&w=497&h=279&q=100&zc=1"
            class="lazyload 0"
            width="497"
            height="279"
            alt="Job Posting: Lead Instructor Islamic Ethics and AI Course"
            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/106150/job-posting-lead-instructor-islamic-ethics-and-ai-course/">
                    Job Posting: Lead Instructor Islamic Ethics and AI Course                                    </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/staff/">Staff</a>
                                                

                        
                        on

                                                    <span class="thecatlinks text-dark">
                                <a href="/topics/job" rel="category tag">
                                    Job 
                                </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/106102/dont-enter-2026-like-this-what-muslims-need-to-leave-behind-now-light-upon-light-by-islamicity-episode-39/">
                                                    <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/12/goals.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/12/goals.png&w=497&h=279&q=100&zc=1"
            class="lazyload 0"
            width="497"
            height="279"
            alt="Don’t Enter 2026 Like This, What Muslims Need to Leave Behind Now - Light Upon Light by IslamiCity - Episode 39"
            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/106102/dont-enter-2026-like-this-what-muslims-need-to-leave-behind-now-light-upon-light-by-islamicity-episode-39/">
                    Don’t Enter 2026 Like This, What Muslims Need to Leave Behind Now - Light Upon Light by IslamiCity - Episode 39                    <sup 45c style="top:0.5em;"><i class="bi bi-mic-fill 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/islamicity/">IslamiCity</a>
                                                

                        
                        on

                                                    <span class="thecatlinks text-dark">
                                <a href="/topics/iman-faith-and-belief" rel="category tag">
                                    Iman (Faith And Belief) 
                                </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/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/106264/surah-al-asr-building-order-in-a-decaying-world-part-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://i.ytimg.com/vi/l8bMaMsxncY/hqdefault.jpg&w=497&h=279&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://i.ytimg.com/vi/l8bMaMsxncY/hqdefault.jpg&w=497&h=279&q=100&zc=1"
            class="lazyload 0"
            width="497"
            height="279"
            alt="Surah Al-Asr: Building Order in a Decaying World (Part 2)"
            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/106264/surah-al-asr-building-order-in-a-decaying-world-part-2/">
                    Surah Al-Asr: Building Order in a Decaying World (Part 2)                    <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>
                            By                             <a class="text-capitalize dark-links" href="/by/gemal-seede/">Gemal Seede</a>
                                                

                        
                        on

                                                    <span class="thecatlinks text-dark">
                                <a href="/topics/islam-and-science" rel="category tag">
                                    Islam And Science 
                                </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/106178/al-buraq-and-light-physics/">
                                                    <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://i.ytimg.com/vi/vcU8y3idk4c/hqdefault.jpg&w=497&h=279&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://i.ytimg.com/vi/vcU8y3idk4c/hqdefault.jpg&w=497&h=279&q=100&zc=1"
            class="lazyload 0"
            width="497"
            height="279"
            alt="Al Buraq and Light Physics"
            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/106178/al-buraq-and-light-physics/">
                    Al Buraq and Light Physics                    <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>
                            By                             <a class="text-capitalize dark-links" href="/by/gemal-seede/">Gemal Seede</a>
                                                

                        
                        on

                                                    <span class="thecatlinks text-dark">
                                <a href="/topics/islam-and-science" rel="category tag">
                                    Islam And Science 
                                </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/106183/on-ai-truth-and-the-fear-of-new-mirrors/">
                    
                        <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/ai-and-truth.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/01/ai-and-truth.png&w=497&h=279&q=100&zc=1"
            class="lazyload 0"
            width="497"
            height="279"
            alt="On AI, Truth, and the Fear of New Mirrors"
            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/106183/on-ai-truth-and-the-fear-of-new-mirrors/">
                        On AI, Truth, and the Fear of New Mirrors  <sup 67k style="top:0.2em;"></sup>
                    </a>
                </h2>
                <div>
                    <small class="d-block text-muted">
                        <a class="text-capitalize dark-links" href="/by/aslam-abdullah/">
                            
                                <div class="mhkStandoutAuthorInBlahBlahArea"></div>
                                Aslam Abdullah                            
                        </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/106114/natural-sciences-in-the-mirror-of-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/2025/12/quran-books.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/12/quran-books.png&w=497&h=279&q=100&zc=1"
            class="lazyload 0"
            width="497"
            height="279"
            alt="Natural Sciences in the Mirror of 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 style="font-size:small;">
                <h2 class="mb-2 h6" style="font-size:1.342em;">
                    
                    <a class="text-dark" href="https://islamicity.org/106114/natural-sciences-in-the-mirror-of-islam/">
                        Natural Sciences in the Mirror of Islam  <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/islam" rel="category tag">
                                Islam 
                            </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/105565/the-muslim-convert-genius-bringing-islam-to-apple/">
                    
                        <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/9W1kTzYQhsQ/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/9W1kTzYQhsQ/maxresdefault.jpg&w=497&h=279&q=100&zc=1"
            class="lazyload 0"
            width="497"
            height="279"
            alt="The Muslim Convert GENIUS bringing Islam to Apple"
            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/105565/the-muslim-convert-genius-bringing-islam-to-apple/">
                        The Muslim Convert GENIUS bringing Islam to Apple  <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/onepath-network/">
                            
                                <div class="mhkStandoutAuthorInBlahBlahArea"></div>
                                Onepath Network                            
                        </a>
                        on
                        <span class="thecatlinks text-dark">
                            <a href="/topics/islamic" rel="category tag">
                                Islamic 
                            </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/series/where-dinosaurs-are-mentioned-in-the-quran/">
                    
                        <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://i.ytimg.com/vi/TXEZ0Jfwvd0/hqdefault.jpg&w=497&h=279&q=10&zc=1"
            data-src="https://www.islamicity.org/wp-content/plugins/blueprint-timthumb/timthumb.php?src=https://i.ytimg.com/vi/TXEZ0Jfwvd0/hqdefault.jpg&w=497&h=279&q=100&zc=1"
            class="lazyload 0"
            width="497"
            height="279"
            alt="Where Dinosaurs are Mentioned in the Quran"
            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/series/where-dinosaurs-are-mentioned-in-the-quran/">
                        Where Dinosaurs are Mentioned in the Quran  <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/doctor-g-science/">
                            
                                <div class="mhkStandoutAuthorInBlahBlahArea"></div>
                                Doctor G Science                            
                        </a>
                        on
                        <span class="thecatlinks text-dark">
                            <a href="/topics/creation-and-evolution" rel="category tag">
                                Creation And Evolution 
                            </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/105514/over-5000-planets-of-allah-discovered/">
                                                    <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/planets-scaled.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/08/planets-scaled.jpg&w=497&h=279&q=100&zc=1"
            class="lazyload 0"
            width="497"
            height="279"
            alt="Over 5,000 Planets of Allah Discovered"
            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/105514/over-5000-planets-of-allah-discovered/">
                    Over 5,000 Planets of Allah Discovered                                    </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/rabbi-allen-s-maller/">Rabbi Allen S. Maller</a>
                                                

                        
                        on

                                                    <span class="thecatlinks text-dark">
                                <a href="/topics/interfaith" rel="category tag">
                                    Interfaith 
                                </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/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><!--[38]-->
        </div><!--[41]-->
    </div><!--[42]-->
</div><!--[43]-->
            </div>            
            
            <!-- videos were here. -->










            

                    
            
            

            
            

                                                        


                            <?if (BLP_DESKTOP):?>
                    <div class="alternatingColors alternatingLite" 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/106220/israeli-knesset-approves-a-law-to-execute-9300-palestinian-hostages/#'"><div 0890 class="tile__media">                                    <!--<div class="thumbnail-wrapper" style="position: relative; display: inline-block;">-->
                                        
                                            <a title="Israeli Knesset approves a law to execute 9,300 Pa..." href="https://www.islamicity.org/106220/israeli-knesset-approves-a-law-to-execute-9300-palestinian-hostages/">    <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/Israel.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/01/Israel.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="Israeli Knesset approves a law to execute 9,300 Palestinian hostages"
            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'><span 193.4 style='color:#855d13;'>israel</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;">Israeli Knesset approves a law to execute 9,300 Pa...&nbsp;&nbsp;</span><br></div><!--/a100--></div><div class="tile" style=";width:379.279px;" onClick="window.location.href='https://www.islamicity.org/11460/masjid-al-aqsa-the-incredible-night-journey/#'"><div 0890 class="tile__media">                                    <!--<div class="thumbnail-wrapper" style="position: relative; display: inline-block;">-->
                                        
                                            <a title="Masjid Al-Aqsa: The Incredible Night Journey" href="https://www.islamicity.org/11460/masjid-al-aqsa-the-incredible-night-journey/">    <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/04/iStock-140448299.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/04/iStock-140448299.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="Masjid Al-Aqsa: The Incredible Night Journey"
            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-muhammad'><span 193.4 style='color:#855d13;'>prophet muhammad (S)</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/friends-of-al-aqsa'><span 193.12 style='color:#855d13;'>Friends of Al-Aqsa</span></a></span><br><span style="font-size: large;font-weight: 700;">Masjid Al-Aqsa: The Incredible Night Journey&nbsp;&nbsp;</span><br></div><!--/a100--></div><div class="tile" style=";width:379.279px;" onClick="window.location.href='https://www.islamicity.org/106187/from-iium-to-the-world-a-call-for-justice-and-peace-in-palestine/#'"><div 0890 class="tile__media">                                    <!--<div class="thumbnail-wrapper" style="position: relative; display: inline-block;">-->
                                        
                                            <a title="From IIUM to the World: A Call for Justice and Pea..." href="https://www.islamicity.org/106187/from-iium-to-the-world-a-call-for-justice-and-peace-in-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://media.islamicity.org/wp-content/uploads/2026/01/IIUM.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/01/IIUM.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 IIUM to the World: A Call for Justice and Peace in 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/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;">From IIUM to the World: A Call for Justice and Pea...&nbsp;&nbsp;</span><br></div><!--/a100--></div><div class="tile" style=";width:379.279px;" onClick="window.location.href='https://www.islamicity.org/106153/hhrd-palestine-support-program-2026-hot-meals-for-gaza/#'"><div 0890 class="tile__media">                                    <!--<div class="thumbnail-wrapper" style="position: relative; display: inline-block;">-->
                                        
                                            <a title="HHRD Palestine Support Program 2026: Hot Meals for..." href="https://www.islamicity.org/106153/hhrd-palestine-support-program-2026-hot-meals-for-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/01/HHRD-Image-.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-Image-.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 Palestine Support Program 2026: Hot Meals for 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/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/blerta-kosumi'><span 193.12 style='color:#855d13;'>Blerta Kosumi</span></a></span><br><span style="font-size: large;font-weight: 700;">HHRD Palestine Support Program 2026: Hot Meals for...&nbsp;&nbsp;</span><br></div><!--/a100--></div><div class="tile" style=";width:379.279px;" onClick="window.location.href='https://www.islamicity.org/106035/social-media-platforms-are-deleting-the-gaza-genocide/#'"><div 0890 class="tile__media">                                    <!--<div class="thumbnail-wrapper" style="position: relative; display: inline-block;">-->
                                        
                                            <a title="Social Media Platforms Are Deleting the Gaza Genoc..." href="https://www.islamicity.org/106035/social-media-platforms-are-deleting-the-gaza-genocide/">    <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/12/Gaza-Genocide-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/12/Gaza-Genocide-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="Social Media Platforms Are Deleting the Gaza Genocide"
            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;">Social Media Platforms Are Deleting the Gaza Genoc...&nbsp;&nbsp;</span><br></div><!--/a100--></div><div class="tile" style=";width:379.279px;" onClick="window.location.href='https://www.islamicity.org/105923/uae-deported-a-palestinian-engineer-for-refusing-to-drink-pepsi/#'"><div 0890 class="tile__media">                                    <!--<div class="thumbnail-wrapper" style="position: relative; display: inline-block;">-->
                                        
                                            <a title="UAE deported a Palestinian engineer for refusing t..." href="https://www.islamicity.org/105923/uae-deported-a-palestinian-engineer-for-refusing-to-drink-pepsi/">    <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/uae-flag.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/uae-flag.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="UAE deported a Palestinian engineer for refusing to drink Pepsi"
            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;">UAE deported a Palestinian engineer for refusing t...&nbsp;&nbsp;</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/106259/omar-shakir-quits-hrw-after-leadership-halts-crimes-against-humanity-report/#'"><div 0890 class="tile__media">                                    <!--<div class="thumbnail-wrapper" style="position: relative; display: inline-block;">-->
                                        
                                            <a title="Omar Shakir Quits HRW After Leadership Halts &#039;Crim..." href="https://www.islamicity.org/106259/omar-shakir-quits-hrw-after-leadership-halts-crimes-against-humanity-report/">    <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/HRW.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/HRW.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="Omar Shakir Quits HRW After Leadership Halts 'Crimes Against Humanity' Report."
            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='/source/iviews'><span 193.12 style='color:#855d13;'>iViews</span></a></span><br><span style="font-size: large;font-weight: 700;">Omar Shakir Quits HRW After Leadership Halts &#039;Crim...&nbsp;&nbsp;</span><br></div><!--/a100--></div><div class="tile" style=";width:379.279px;" onClick="window.location.href='https://www.islamicity.org/106084/israel-is-a-parasite/#'"><div 0890 class="tile__media">                                    <!--<div class="thumbnail-wrapper" style="position: relative; display: inline-block;">-->
                                        
                                            <a title="Israel Is a Parasite" href="https://www.islamicity.org/106084/israel-is-a-parasite/">    <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/12/israel-as-a-parasite.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/12/israel-as-a-parasite.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="Israel Is a Parasite"
            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/jews'><span 193.4 style='color:#855d13;'>jews</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;">Israel Is a Parasite&nbsp;&nbsp;</span><br></div><!--/a100--></div><div class="tile" style=";width:379.279px;" onClick="window.location.href='https://www.islamicity.org/106092/does-meta-censor-pro-palestinian-content/#'"><div 0890 class="tile__media">                                    <!--<div class="thumbnail-wrapper" style="position: relative; display: inline-block;">-->
                                        
                                            <a title="Does Meta censor pro-Palestinian content?" href="https://www.islamicity.org/106092/does-meta-censor-pro-palestinian-content/">    <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/YgLVMwOf834/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/YgLVMwOf834/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="Does Meta censor pro-Palestinian content?"
            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/genocide'><span 193.4 style='color:#855d13;'>genocide</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;">Does Meta censor pro-Palestinian content?&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/106073/gaza-war-triggers-global-political-deals-legal-battles-and-hate-crimes/#'"><div 0890 class="tile__media">                                    <!--<div class="thumbnail-wrapper" style="position: relative; display: inline-block;">-->
                                        
                                            <a title="Gaza War Triggers Global Political Deals, Legal Ba..." href="https://www.islamicity.org/106073/gaza-war-triggers-global-political-deals-legal-battles-and-hate-crimes/">    <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/12/egypt-and-israel.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/12/egypt-and-israel.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="Gaza War Triggers Global Political Deals, Legal Battles and Hate Crimes"
            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;">Gaza War Triggers Global Political Deals, Legal Ba...&nbsp;&nbsp;</span><br></div><!--/a100--></div><div class="tile" style=";width:379.279px;" onClick="window.location.href='https://www.islamicity.org/106019/not-one-word-from-zionist-apologists-about-israeli-terrorism/#'"><div 0890 class="tile__media">                                    <!--<div class="thumbnail-wrapper" style="position: relative; display: inline-block;">-->
                                        
                                            <a title="Not one word from Zionist apologists about Israeli..." href="https://www.islamicity.org/106019/not-one-word-from-zionist-apologists-about-israeli-terrorism/">    <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/12/two-kids-killed-by-IDF.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/12/two-kids-killed-by-IDF.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="Not one word from Zionist apologists about Israeli terrorism!"
            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'><span 193.4 style='color:#855d13;'>israel</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;">Not one word from Zionist apologists about Israeli...&nbsp;&nbsp;</span><br></div><!--/a100--></div><div class="tile" style=";width:379.279px;" onClick="window.location.href='https://www.islamicity.org/105991/sudans-army-chief-rejects-us-led-ceasefire-proposal-calling-it-worst-yet/#'"><div 0890 class="tile__media">                                    <!--<div class="thumbnail-wrapper" style="position: relative; display: inline-block;">-->
                                        
                                            <a title="Sudan&#039;s Army Chief Rejects US-Led Ceasefire Propos..." href="https://www.islamicity.org/105991/sudans-army-chief-rejects-us-led-ceasefire-proposal-calling-it-worst-yet/">    <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/sudan-army.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/sudan-army.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="Sudan's Army Chief Rejects US-Led Ceasefire Proposal, Calling it &quot;Worst Yet&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/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;">Sudan&#039;s Army Chief Rejects US-Led Ceasefire Propos...&nbsp;&nbsp;</span><br></div><!--/a100--></div><div class="tile" style=";width:379.279px;" onClick="window.location.href='https://www.islamicity.org/105972/deadly-attack-hits-ain-al-hilweh-palestinian-refugee-camp-in-lebanon/#'"><div 0890 class="tile__media">                                    <!--<div class="thumbnail-wrapper" style="position: relative; display: inline-block;">-->
                                        
                                            <a title="Deadly Attack Hits Ain al-Hilweh Palestinian Refug..." href="https://www.islamicity.org/105972/deadly-attack-hits-ain-al-hilweh-palestinian-refugee-camp-in-lebanon/">    <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/lebanon-camp-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/2025/11/lebanon-camp-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="Deadly Attack Hits Ain al-Hilweh Palestinian Refugee Camp in Lebanon"
            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'><span 193.4 style='color:#855d13;'>israel</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;">Deadly Attack Hits Ain al-Hilweh Palestinian Refug...&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/106201/why-do-trump-and-the-media-treat-non-somali-fraudsters-differently/#'"><div 0890 class="tile__media">                                    <!--<div class="thumbnail-wrapper" style="position: relative; display: inline-block;">-->
                                        
                                            <a title="Why do Trump and the media treat non-Somali frauds..." href="https://www.islamicity.org/106201/why-do-trump-and-the-media-treat-non-somali-fraudsters-differently/">    <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/Trumpp.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/01/Trumpp.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="Why do Trump and the media treat non-Somali fraudsters differently?"
            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/donald-trump'><span 193.4 style='color:#855d13;'>donald trump</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;">Why do Trump and the media treat non-Somali frauds...&nbsp;&nbsp;</span><br></div><!--/a100--></div><div class="tile" style=";width:379.279px;" onClick="window.location.href='https://www.islamicity.org/6372/thanksgiving-and-muslim-heritage/#'"><div 0890 class="tile__media">                                    <!--<div class="thumbnail-wrapper" style="position: relative; display: inline-block;">-->
                                        
                                            <a title="Thanksgiving and Muslim Heritage" href="https://www.islamicity.org/6372/thanksgiving-and-muslim-heritage/">    <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/pilgrimsfield__1024x568.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/pilgrimsfield__1024x568.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="Thanksgiving and Muslim Heritage"
            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='/by/masood-cajee'><span 193.12 style='color:#855d13;'>Masood Cajee</span></a></span><br><span style="font-size: large;font-weight: 700;">Thanksgiving and Muslim Heritage&nbsp;&nbsp;</span><br></div><!--/a100--></div><div class="tile" style=";width:379.279px;" onClick="window.location.href='https://www.islamicity.org/105917/trump-endorsing-cuomo-over-sliwa-is-a-betrayal-to-the-republican-party/#'"><div 0890 class="tile__media">                                    <!--<div class="thumbnail-wrapper" style="position: relative; display: inline-block;">-->
                                        
                                            <a title="The Ugly Truth About Trump, Sliwa, and Foreign Inf..." href="https://www.islamicity.org/105917/trump-endorsing-cuomo-over-sliwa-is-a-betrayal-to-the-republican-party/">    <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/trump-n-cuomo.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/trump-n-cuomo.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 Ugly Truth About Trump, Sliwa, and Foreign Influence in the NYC Mayoral 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 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/mahmoud-el-yousseph'><span 193.12 style='color:#855d13;'>Mahmoud El-Yousseph</span></a></span><br><span style="font-size: large;font-weight: 700;">The Ugly Truth About Trump, Sliwa, and Foreign Inf...&nbsp;&nbsp;</span><br></div><!--/a100--></div><div class="tile" style=";width:379.279px;" onClick="window.location.href='https://www.islamicity.org/105916/the-statue-still-stands-libertys-victory-in-the-heart-of-new-york/#'"><div 0890 class="tile__media">                                    <!--<div class="thumbnail-wrapper" style="position: relative; display: inline-block;">-->
                                        
                                            <a title="The Statue Still Stands: Liberty&#039;s Victory in the ..." href="https://www.islamicity.org/105916/the-statue-still-stands-libertys-victory-in-the-heart-of-new-york/">    <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/mamdani-victory.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/mamdani-victory.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 Statue Still Stands: Liberty's Victory in the Heart of New York"
            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/zohran-mamdani'><span 193.4 style='color:#855d13;'>zohran mamdani</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/aslam-abdullah'><span 193.12 style='color:#855d13;'>Aslam Abdullah</span></a></span><br><span style="font-size: large;font-weight: 700;">The Statue Still Stands: Liberty&#039;s Victory in the ...&nbsp;&nbsp;</span><br></div><!--/a100--></div><div class="tile" style=";width:379.279px;" onClick="window.location.href='https://www.islamicity.org/105910/no-more-winning-on-islamophobia-zohran-mamdanis-message-from-new-york-to-america/#'"><div 0890 class="tile__media">                                    <!--<div class="thumbnail-wrapper" style="position: relative; display: inline-block;">-->
                                        
                                            <a title="&#039;No More Winning on Islamophobia&#039;: Zohran Mamdani&#039;..." href="https://www.islamicity.org/105910/no-more-winning-on-islamophobia-zohran-mamdanis-message-from-new-york-to-america/">    <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/nCQZPNUu22c/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/nCQZPNUu22c/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="'No More Winning on Islamophobia': Zohran Mamdani's Message from New York to America"
            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/new-york'><span 193.4 style='color:#855d13;'>new york</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/zohran-mamdani'><span 193.12 style='color:#855d13;'>Zohran Mamdani</span></a></span><br><span style="font-size: large;font-weight: 700;">&#039;No More Winning on Islamophobia&#039;: Zohran Mamdani&#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/105898/rising-political-star-zohran-mamdani-faces-wave-of-islamophobic-backlash/#'"><div 0890 class="tile__media">                                    <!--<div class="thumbnail-wrapper" style="position: relative; display: inline-block;">-->
                                        
                                            <a title="Rising Political Star Zohran Mamdani Faces Wave of..." href="https://www.islamicity.org/105898/rising-political-star-zohran-mamdani-faces-wave-of-islamophobic-backlash/">    <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/nyc-mamdani.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/nyc-mamdani.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="Rising Political Star Zohran Mamdani Faces Wave of Islamophobic Backlash"
            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/new-york'><span 193.4 style='color:#855d13;'>new york</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;">Rising Political Star Zohran Mamdani Faces Wave of...&nbsp;&nbsp;</span><br></div><!--/a100--></div><div class="tile" style=";width:379.279px;" onClick="window.location.href='https://www.islamicity.org/105882/hhrd-mobilizes-rapid-relief-efforts-to-jamaicas-hurricane/#'"><div 0890 class="tile__media">                                    <!--<div class="thumbnail-wrapper" style="position: relative; display: inline-block;">-->
                                        
                                            <a title="HHRD Mobilizes Rapid Relief Efforts to Jamaicas Hu..." href="https://www.islamicity.org/105882/hhrd-mobilizes-rapid-relief-efforts-to-jamaicas-hurricane/">    <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/HHRD-Image-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/2025/11/HHRD-Image-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="HHRD Mobilizes Rapid Relief Efforts to Jamaicas Hurricane"
            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/hurricanes'><span 193.4 style='color:#855d13;'>hurricanes</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 Mobilizes Rapid Relief Efforts to Jamaicas Hu...&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/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/islam'><span 193.4 style='color:#855d13;'>islam</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/emmanuel-macron'><span 193.4 style='color:#855d13;'>emmanuel macron</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/gaza'><span 193.4 style='color:#855d13;'>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/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 class="tile" style=";width:379.279px;" onClick="window.location.href='https://www.islamicity.org/105182/you-cant-say-free-palestine-in-germany-without-getting-arrested/#'"><div 0890 class="tile__media">                                    <!--<div class="thumbnail-wrapper" style="position: relative; display: inline-block;">-->
                                        
                                            <a title="You Can&#039;t Say &#039;Free Palestine&#039; in Germany Without ..." href="https://www.islamicity.org/105182/you-cant-say-free-palestine-in-germany-without-getting-arrested/">    <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/pro-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/2025/07/pro-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="You Can't Say 'Free Palestine' in Germany Without Getting Arrested"
            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/germany'><span 193.4 style='color:#855d13;'>germany</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;">You Can&#039;t Say &#039;Free Palestine&#039; in Germany Without ...&nbsp;&nbsp;</span><br></div><!--/a100--></div><div class="tile" style=";width:379.279px;" onClick="window.location.href='https://www.islamicity.org/104910/painted-red-how-the-netherlands-is-turning-against-its-own-government-over-gaza/#'"><div 0890 class="tile__media">                                    <!--<div class="thumbnail-wrapper" style="position: relative; display: inline-block;">-->
                                        
                                            <a title="Painted Red: How the Netherlands Is Turning Agains..." href="https://www.islamicity.org/104910/painted-red-how-the-netherlands-is-turning-against-its-own-government-over-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/2025/06/protest-for-palestine-hague.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/06/protest-for-palestine-hague.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="Painted Red: How the Netherlands Is Turning Against Its Own Government Over 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/propalestine'><span 193.4 style='color:#855d13;'>Propalestine</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;">Painted Red: How the Netherlands Is Turning Agains...&nbsp;&nbsp;</span><br></div><!--/a100--></div><div class="tile" style=";width:379.279px;" onClick="window.location.href='https://www.islamicity.org/79056/why-muslim-women-feel-empowered-wearing-hijab/#'"><div 0890 class="tile__media">                                    <!--<div class="thumbnail-wrapper" style="position: relative; display: inline-block;">-->
                                        
                                            <a title="Why Muslim Women Feel Empowered Wearing Hijab" href="https://www.islamicity.org/79056/why-muslim-women-feel-empowered-wearing-hijab/">    <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/09/file-20210820-23-10ht9h6-scaled.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/2021/09/file-20210820-23-10ht9h6-scaled.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 Muslim Women Feel Empowered Wearing Hijab"
            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/islamic-culture-and-civilization'><span 193.4 style='color:#855d13;'>Islamic Culture and Civilization</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/kalpana-jain'><span 193.12 style='color:#855d13;'>Kalpana Jain</span></a></span><br><span style="font-size: large;font-weight: 700;">Why Muslim Women Feel Empowered Wearing Hijab&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/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 class="tile" style=";width:379.279px;" onClick="window.location.href='https://www.islamicity.org/106139/umar-khalid-and-the-long-wait-for-a-trial/#'"><div 0890 class="tile__media">                                    <!--<div class="thumbnail-wrapper" style="position: relative; display: inline-block;">-->
                                        
                                            <a title="Umar Khalid and the Long Wait for a Trial" href="https://www.islamicity.org/106139/umar-khalid-and-the-long-wait-for-a-trial/">    <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/justice.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/01/justice.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="Umar Khalid and the Long Wait for a Trial"
            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/democracy'><span 193.4 style='color:#855d13;'>democracy</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/aslam-abdullah'><span 193.12 style='color:#855d13;'>Aslam Abdullah</span></a></span><br><span style="font-size: large;font-weight: 700;">Umar Khalid and the Long Wait for a Trial&nbsp;&nbsp;</span><br></div><!--/a100--></div><div class="tile" style=";width:379.279px;" onClick="window.location.href='https://www.islamicity.org/106088/july-revolutions-top-leader-sharif-osman-bin-hadi-has-died/#'"><div 0890 class="tile__media">                                    <!--<div class="thumbnail-wrapper" style="position: relative; display: inline-block;">-->
                                        
                                            <a title="July Revolution&#039;s Top Leader Sharif Osman Bin Hadi..." href="https://www.islamicity.org/106088/july-revolutions-top-leader-sharif-osman-bin-hadi-has-died/">    <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/12/sharif-osman.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/12/sharif-osman.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="July Revolution's Top Leader Sharif Osman Bin Hadi Has Died"
            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/belayet-hossen'><span 193.12 style='color:#855d13;'>Belayet Hossen</span></a></span><br><span style="font-size: large;font-weight: 700;">July Revolution&#039;s Top Leader Sharif Osman Bin Hadi...&nbsp;&nbsp;</span><br></div><!--/a100--></div><div class="tile" style=";width:379.279px;" onClick="window.location.href='https://www.islamicity.org/105996/youth-revolution-in-bangladesh-the-fall-of-a-long-standing-dictator/#'"><div 0890 class="tile__media">                                    <!--<div class="thumbnail-wrapper" style="position: relative; display: inline-block;">-->
                                        
                                            <a title="Youth Revolution in Bangladesh: The Fall of a Long..." href="https://www.islamicity.org/105996/youth-revolution-in-bangladesh-the-fall-of-a-long-standing-dictator/">    <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/bangladesh.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/11/bangladesh.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="Youth Revolution in Bangladesh: The Fall of a Long-standing Dictator"
            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/youth'><span 193.4 style='color:#855d13;'>youth</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/belayet-hossen'><span 193.12 style='color:#855d13;'>Belayet Hossen</span></a></span><br><span style="font-size: large;font-weight: 700;">Youth Revolution in Bangladesh: The Fall of a Long...&nbsp;&nbsp;</span><br></div><!--/a100--></div><div class="tile" style=";width:379.279px;" onClick="window.location.href='https://www.islamicity.org/105998/uzbekistan-the-epicenter-of-humanism-at-the-43rd-unesco-general-conference/#'"><div 0890 class="tile__media">                                    <!--<div class="thumbnail-wrapper" style="position: relative; display: inline-block;">-->
                                        
                                            <a title="Uzbekistan: The Epicenter of Humanism at the 43rd ..." href="https://www.islamicity.org/105998/uzbekistan-the-epicenter-of-humanism-at-the-43rd-unesco-general-conference/">    <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/UNESCO-Samarkand.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/11/UNESCO-Samarkand.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: The Epicenter of Humanism at the 43rd UNESCO General Conference"
            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/uzbekistan'><span 193.4 style='color:#855d13;'>uzbekistan</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;">Uzbekistan: The Epicenter of Humanism at the 43rd ...&nbsp;&nbsp;</span><br></div><!--/a100--></div><div class="tile" style=";width:379.279px;" onClick="window.location.href='https://www.islamicity.org/105904/a-beacon-of-knowledge-and-faith-the-new-imam-al-bukhari-mosque-in-samarkand/#'"><div 0890 class="tile__media">                                    <!--<div class="thumbnail-wrapper" style="position: relative; display: inline-block;">-->
                                        
                                            <a title="A Beacon of Knowledge and Faith: The New Imam Al-B..." href="https://www.islamicity.org/105904/a-beacon-of-knowledge-and-faith-the-new-imam-al-bukhari-mosque-in-samarkand/">    <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/samarkand-3.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/2025/11/samarkand-3.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="A Beacon of Knowledge and Faith: The New Imam Al-Bukhari Mosque in Samarkand"
            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/islamic-knowledge'><span 193.4 style='color:#855d13;'>islamic knowledge</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;">A Beacon of Knowledge and Faith: The New Imam Al-B...&nbsp;&nbsp;</span><br></div><!--/a100--></div><div class="tile" style=";width:379.279px;" onClick="window.location.href='https://www.islamicity.org/105843/walking-the-prophetic-path-the-meaning-and-relevance-of-sirah-today/#'"><div 0890 class="tile__media">                                    <!--<div class="thumbnail-wrapper" style="position: relative; display: inline-block;">-->
                                        
                                            <a title="Walking the Prophetic Path: The Meaning and Releva..." href="https://www.islamicity.org/105843/walking-the-prophetic-path-the-meaning-and-relevance-of-sirah-today/">    <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/10/holding-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/2025/10/holding-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="Walking the Prophetic Path: The Meaning and Relevance of Sīrah Today"
            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/seerah'><span 193.4 style='color:#855d13;'>seerah</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/nurul-jannah-binti-zainan-nazri'><span 193.12 style='color:#855d13;'>Nurul Jannah Binti Zainan Nazri</span></a></span><br><span style="font-size: large;font-weight: 700;">Walking the Prophetic Path: The Meaning and Releva...&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/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='/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/78748/live-hajj-2025-1446/#'"><div 0890 class="tile__media">                                    <!--<div class="thumbnail-wrapper" style="position: relative; display: inline-block;">-->
                                        
                                            <a title="Live: Hajj 2025/1446" href="https://www.islamicity.org/78748/live-hajj-2025-1446/">    <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/06/mina.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/06/mina.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="Live: Hajj 2025/1446"
            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/makkah-mecca'><span 193.4 style='color:#855d13;'>makkah (mecca)</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/saudi-tv'><span 193.12 style='color:#855d13;'>Saudi TV</span></a></span><br><span style="font-size: large;font-weight: 700;">Live: Hajj 2025/1446&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/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/human-rights'><span 193.4 style='color:#855d13;'>human rights</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/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='/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/donald-trump'><span 193.4 style='color:#855d13;'>donald trump</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></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/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/social-system-of-islam'><span 193.4 style='color:#855d13;'>social system of islam</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/ottoman-empire'><span 193.4 style='color:#855d13;'>ottoman empire</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/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/chatilm'><span 193.4 style='color:#855d13;'>chatilm</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/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/islamic-golden-age'><span 193.4 style='color:#855d13;'>islamic golden age</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/revelation'><span 193.4 style='color:#855d13;'>revelation</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/adab-islamic-ethics'><span 193.4 style='color:#855d13;'>adab (islamic ethics)</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/" class="text-decoration-none">Islam</a></li>				
					<li><a href="/topics/Allah/" class="text-decoration-none">Allah (God)</a></li>
					<li><a href="/quran/" class="text-decoration-none">Quran</a></li>
					<li><a href="/quranplus/" class="text-decoration-none">Quran+</a></li>				
					<li><a href="/hadith/" class="text-decoration-none">Hadith</a></li>
					<li><a href="https://praywatch.islamicity.org" class="text-decoration-none">Pray Watch (Times)</a></li>
					<li><a href="/hijri-gregorian-converter/" 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/" class="text-decoration-none">Understanding Islam</a></li>
					<li><a href="/zakat-calculator/" 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/" class="text-decoration-none">ChatILM (AI Assistant)</a></li>
					<li><a href="/dearhadi/" class="text-decoration-none">Ask Dear Hadi (Q&A)</a></li>
					<li><a href="/qa/" class="text-decoration-none">Ask the Imam (Q&A)</a></li>
					<li><a href="/101176/islam-live-chat-and-phone-call/" class="text-decoration-none">Live Chat & Call (Q&A)</a></li>					
					<li><a href="/forum/" class="text-decoration-none">Forum</a></li>
					<li><a href="/free-quran/" class="text-decoration-none">Get a Free Quran</a></li>
					<li><a href="/bulletin/" class="text-decoration-none">Join Our Newsletter</a></li>
					<li><a href="/subscribers/" class="text-decoration-none">Become a Subscriber</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/" class="text-decoration-none">Allah (99 Names)</a></li>
					<li><a href="/topics/articles-of-faith/" class="text-decoration-none">Articles of Faith</a></li>
					<li><a href="/topics/declaration-of-faith-shahada/" class="text-decoration-none">Shahada (Declaration of Faith)</a></li>
					<li><a href="/topics/prayers-salah/" class="text-decoration-none">Salat (Prayers)</a></li>
					<li><a href="/topics/zakat/" class="text-decoration-none">Zakat (Charity)</a></li>					
					<li><a href="/topics/ramadan/" class="text-decoration-none">Ramadan</a></li>
					<li><a href="/topics/hajj/" 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="/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/" 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="" 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://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=1770075643" 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} </style>

<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"> /* <![CDATA[ */ (()=>{async function handleCredentialResponse(response){try{const res=await fetch('https://www.islamicity.org/login/?action=googlesitekit_auth',{method:'POST',headers:{'Content-Type':'application/x-www-form-urlencoded'},body:new URLSearchParams(response)});/* Preserve comment text in case of redirect after login on a page with a Sign in with Google button in the WordPress comments. */ const commentText=document.querySelector('#comment')?.value;const postId=document.querySelectorAll('.googlesitekit-sign-in-with-google__comments-form-button')?.[0]?.className?.match(/googlesitekit-sign-in-with-google__comments-form-button-postid-(\d+)/)?.[1];if(!! commentText?.length){sessionStorage.setItem(`siwg-comment-text-${postId}`,commentText);}location.reload();}catch(error){console.error(error);}}if(typeof google !=='undefined'){google.accounts.id.initialize({client_id:'580606117562-26n8kr1dpg0a0knclud9s1oh89rrka28.apps.googleusercontent.com',callback:handleCredentialResponse,library_name:'Site-Kit'});}/* If there is a matching saved comment text in sessionStorage,restore it to the comment field and remove it from sessionStorage. */ const postId=document.body.className.match(/postid-(\d+)/)?.[1];const commentField=document.querySelector('#comment');const commentText=sessionStorage.getItem(`siwg-comment-text-${postId}`);if(commentText?.length && commentField && !! postId){commentField.value=commentText;sessionStorage.removeItem(`siwg-comment-text-${postId}`);}})(); /* ]]> */ </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" id="toc-front-js-extra"> /* <![CDATA[ */ var tocplus = {"smooth_scroll":"1","visibility_show":"show","visibility_hide":"hide","width":"100%","smooth_scroll_offset":"67"}; /* ]]> */ </script>

<script type="text/javascript" src="/wp-content/plugins/table-of-contents-plus/front.min.js?ver=1732236067&ver_ORG=2411.1" id="toc-front-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/wp-views/vendor/toolset/toolset-common/toolset-forms/js/main.js?ver=1759934914&ver_ORG=4.5.0" 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\/wp-views\/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\/wp-views\/vendor\/toolset\/toolset-common\/toolset-forms\/images\/calendar-readonly.gif","datepicker_style_url":"https:\/\/www.islamicity.org\/wp-content\/plugins\/wp-views\/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/wp-views/vendor/toolset/toolset-common/toolset-forms/js/date.js?ver=1759934914&ver_ORG=4.5.0" 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" src="https://www.islamicity.org/wp-content/plugins/google-site-kit/dist/assets/js/googlesitekit-events-provider-optin-monster-e6fa11a9d13d20a7ece5.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-ed443a3a3d45126a22ce.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":"28dca83685"};</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=1770254603' 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=1770254603' 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=1770254603" 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=1770254603" 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=1770254603" 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="39,000+ Hadith Search, AI Summary & Tafseer, Instant Search Capability <!--mo-->"
                           href="/Hadith/Search"
                           style="margin-left:29.23px;">
                            Hadith Search                        </a>

                        
                                            <a class="scroll-tab"
                           title="Hijri-Gregorian Converter"
                           href="/hijri-gregorian-converter/"
                           style="">
                            Hijri Converter                        </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="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=""
                           href="/insights/focus/9"
                           style="">
                            Insights                        </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"
                           title="A simple, fast way to read, search, and listen to the Quran on your phone or computer. <!--mo-->"
                           href="/QuranPlus"
                           style="">
                            Quran+                        </a>

                        
                                            <a class="scroll-tab"
                           title="Free Quran request."
                           href="/free-quran/"
                           style="">
                            Free Quran                        </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="..."
                           href="/channels/podcast"
                           style="">
                            Podcasts                        </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="Handpicked Video Gems that matters to Muslims <!--mo-->"
                           href="/videoHub/"
                           style="">
                            VideoHub                        </a>

                        
                                            <a class="scroll-tab"
                           title="Food Recipes from around the world."
                           href="/food/"
                           style="">
                            Recipes                        </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="The most diverse & innovative newsletter for Muslims."
                           href="/bulletin/"
                           style="">
                            Newsletter                        </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><!--##campaign-data--><!--BLP_URL: http://www.islamicity.org/--><!--campaignFolder: evidence--><!--MHK: --><!--mhk in QS: -->
<link id="mhkff-css" rel="stylesheet" href="/_ic3/campaigns/evidence/style.css?v=1770654105">

<!--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">
  <!-- 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=see-/_ic3/settings.php/version-date=Jan-1-2025see-/_ic3/settings.php/version-date=Jan-1-20251767275117"></script><!--haluk-->
<script src="/_ic3/campaigns/core/script.js?v=Dec-11-2025-1000Dec-11-2025-10001765412909"></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>
<!-- ##FILE this is footer.php 1212 END --> 

 
        

    </body>

</html><!--adios.php [b] final line #9436 There is nothing after this. 