.elementor-391 .elementor-element.elementor-element-680c4d4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:45px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:8px;--padding-left:0px;--padding-right:0px;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-391 .elementor-element.elementor-element-2468fff{--display:flex;}.elementor-391 .elementor-element.elementor-element-ae53633{--display:flex;}.elementor-391 .elementor-element.elementor-element-60ce241 .tpg-post-holder div{text-align:left;}.elementor-391 .elementor-element.elementor-element-60ce241 .rt-tpg-container .rt-el-post-meta{justify-content:left;}body .elementor-391 .elementor-element.elementor-element-60ce241 .tpg-el-main-wrapper .tpg-post-holder{background-color:var( --e-global-color-c0a6488 );border-radius:3px 3px 3px 3px;overflow:hidden;box-shadow:0px 0px 12px 2px rgba(49.391467391304346, 93.79056914579394, 166.6, 0.5);}.elementor-391 .elementor-element.elementor-element-60ce241{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-391 .elementor-element.elementor-element-60ce241.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-391 .elementor-element.elementor-element-60ce241 .tpg-el-main-wrapper{--tpg-primary-color:#000000;}.elementor-391 .elementor-element.elementor-element-60ce241 .tpg-el-main-wrapper .entry-title{color:var( --e-global-color-23e1e50 );}.elementor-391 .elementor-element.elementor-element-60ce241 .tpg-el-main-wrapper .tpg-el-image-wrap img{width:inherit;}.elementor-391 .elementor-element.elementor-element-60ce241 .tpg-el-main-wrapper .rt-holder .tpg-el-image-wrap img{object-position:inherit;}.elementor-391 .elementor-element.elementor-element-60ce241 .tpg-el-main-wrapper .rt-holder:hover .tpg-el-image-wrap img{object-position:inherit;}.elementor-391 .elementor-element.elementor-element-60ce241 .tpg-el-main-wrapper .tpg-el-excerpt .tpg-excerpt-inner{font-family:"Poppins", Sans-serif;}.elementor-391 .elementor-element.elementor-element-60ce241 .rt-tpg-container .tpg-post-holder .rt-detail .read-more a{color:var( --e-global-color-astglobalcolor4 );background-color:var( --e-global-color-23e1e50 );border-radius:5px 5px 5px 5px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#D4D4D4;}body .elementor-391 .elementor-element.elementor-element-60ce241 .rt-tpg-container .tpg-post-holder .rt-detail .read-more a:hover{color:var( --e-global-color-astglobalcolor4 );background-color:var( --e-global-color-5fae22c );border-radius:6px 6px 6px 6px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#7a64f2;}.elementor-391 .elementor-element.elementor-element-60ce241 .rt-pagination-wrap{justify-content:center;}body .elementor-391 .elementor-element.elementor-element-60ce241 .rt-tpg-container .slider-layout13 .rt-holder .post-content{border-radius:3px 3px 3px 3px;overflow:hidden;}.elementor-391 .elementor-element.elementor-element-60ce241 .tpg-el-main-wrapper .tpg-post-holder{border-bottom-color:var( --e-global-color-1d8d956 );padding-bottom:33px;}.elementor-391 .elementor-element.elementor-element-253b901{--display:flex;}.elementor-391 .elementor-element.elementor-element-71e9d3c{--display:flex;}.elementor-391 .elementor-element.elementor-element-cdd6154{--display:flex;}.elementor-391 .elementor-element.elementor-element-f42d325{--display:flex;}.elementor-391 .elementor-element.elementor-element-8a4c268{--display:flex;}.elementor-391 .elementor-element.elementor-element-422f300{--display:flex;}.elementor-391 .elementor-element.elementor-element-dec0ec0{--display:flex;}.elementor-391 .elementor-element.elementor-element-dec0ec0.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-391 .elementor-element.elementor-element-e512d8d{--n-tabs-heading-wrap:nowrap;--n-tabs-heading-overflow-x:scroll;--n-tabs-title-white-space:nowrap;--n-tabs-title-border-radius:3px 3px 3px 3px;--n-tabs-title-color:var( --e-global-color-astglobalcolor4 );}.elementor-391 .elementor-element.elementor-element-e512d8d > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:var( --e-global-color-23e1e50 );}.elementor-391 .elementor-element.elementor-element-e512d8d.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-5fae22c );}.elementor-391 .elementor-element.elementor-element-e512d8d.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-391 .elementor-element.elementor-element-e512d8d.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-23e1e50 );}body.elementor-page-391:not(.elementor-motion-effects-element-type-background), body.elementor-page-391 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-c0a6488 );}:root{--page-title-display:none;}@media(min-width:768px){.elementor-391 .elementor-element.elementor-element-680c4d4{--content-width:1433px;}.elementor-391 .elementor-element.elementor-element-71e9d3c{--content-width:1185px;}.elementor-391 .elementor-element.elementor-element-dec0ec0{--width:102.819%;}}@media(max-width:1024px){.elementor-391 .elementor-element.elementor-element-680c4d4{--margin-top:51px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(max-width:767px){.elementor-391 .elementor-element.elementor-element-680c4d4{--margin-top:53px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-391 .elementor-element.elementor-element-e512d8d{--n-tabs-title-border-radius:4px 4px 4px 4px;}}/* Start custom CSS for nested-tabs, class: .elementor-element-e512d8d */// =============================================
// BLOG CATEGORY FILTER - JAVASCRIPT CODE
// WordPress Elementor এর জন্য
// =============================================

document.addEventListener('DOMContentLoaded', function() {
  
  // Tab buttons এবং blog cards select করুন
  const filterTabs = document.querySelectorAll('.filter-tab');
  const blogCards = document.querySelectorAll('.blog-card');

  console.log('Tabs found:', filterTabs.length);
  console.log('Cards found:', blogCards.length);

  // প্রতিটি tab এ click event listener যোগ করুন
  filterTabs.forEach(tab => {
    tab.addEventListener('click', function() {
      
      console.log('Tab clicked:', this.getAttribute('data-category'));
      
      // সব tab থেকে active class remove করুন
      filterTabs.forEach(t => t.classList.remove('active'));
      
      // ক্লিক করা tab এ active class যোগ করুন
      this.classList.add('active');
      
      // ক্লিক করা tab এর category পান
      const selectedCategory = this.getAttribute('data-category');
      
      console.log('Selected category:', selectedCategory);
      
      // সব blog cards filter করুন
      blogCards.forEach(card => {
        const cardCategory = card.getAttribute('data-category');
        
        console.log('Card category:', cardCategory);
        
        // যদি "all" selected হয় বা category match করে
        if (selectedCategory === 'all' || cardCategory === selectedCategory) {
          card.classList.remove('hidden');
          console.log('Showing card:', cardCategory);
        } else {
          card.classList.add('hidden');
          console.log('Hiding card:', cardCategory);
        }
      });
    });
  });
});/* End custom CSS */