<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
jQuery(document).ready(function($) {
    const accordionSelector = '.elementor-element-10076b9 .e-n-accordion-item';

    $(accordionSelector).each(function() {
        let $this = $(this);
        let index = $this.find('.e-n-accordion-item-title').attr('data-accordion-index');
        
        // ০ থেকে শুরু করে ২ ডিজিট ফরম্যাট (01, 02)
        let formattedIndex = index < 10 ? '0' + index : index;
        
        let titleHeader = $this.find('.e-n-accordion-item-title-header');
        let titleText = $this.find('.e-n-accordion-item-title-text');

        // টাইটেলের ভেতরের সব এক্সট্রা টেক্সট বা আইকন ক্লিন করা
        if (titleText.length) {
            let pureText = titleText.contents().filter(function() {
                return this.nodeType === 3; // শুধুমাত্র টেক্সট নোড নিবে
            }).text().trim();
            titleText.text(pureText);
        }

        // কাউন্টার ইনজেক্ট করা (ডুপ্লিকেট চেক করে)
        if (titleHeader.length && !titleHeader.find('.tab-left-counter').length) {
            titleHeader.prepend(`<span class="tab-left-counter">${formattedIndex}</span>`);
        }
    });
});
</script>

<style>
/* ডিফল্ট কাউন্টার স্টাইল (ট্যাব বন্ধ থাকা অবস্থায়) */
.tab-left-counter {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #FF7E21;          /* অরেঞ্জ টেক্সট */
    background-color: #F8F8F8; /* হালকা গ্রে ব্যাকগ্রাউন্ড */
    padding: 5px 10px;
    border-radius: 6px;
    margin-right: 15px;
    display: inline-block;
    min-width: 35px;
    text-align: center;
    line-height: 1;
    transition: all 0.4s ease-in-out;
}

/* অ্যাক্টিভ/ওপেন কাউন্টার স্টাইল (ট্যাব খোলা থাকা অবস্থায়) */
.e-n-accordion-item[open] .tab-left-counter {
    background-color: #212A36; /* ডার্ক ব্লু/ব্ল্যাক ব্যাকগ্রাউন্ড */
    color: #FFFFFF;            /* সাদা টেক্সট */
    transform: scale(1.05);    /* হালকা জুম ইফেক্ট */
}

/* লেআউট এলাইনমেন্ট */
.e-n-accordion-item-title-header {
    display: flex !important;
    align-items: center;
}

.e-n-accordion-item-title-text {
    flex-grow: 1;
    color: #212A36;
    font-weight: 600;
}

/* টাইটেলের ভেতরের অন্য সব অপ্রয়োজনীয় আইকন হাইড করা */
.e-n-accordion-item-title-header i:not(.icons) {
    display: none !important;
}

/* ডান পাশের ডিফল্ট অ্যারো আইকন ঠিক রাখা */
.e-n-accordion-item-title-icon {
    margin-left: auto;
}
</style>