<div class="divide-y divide-[#EEE] *:py-4 first:*:pt-0 last:*:pb-0">
                                    <div class="flex items-center gap-6">
                                        <div class="typo-box">h1</div>
                                        <h1 class="md:text-5xl text-[22px] font-medium text-heading">Typography heading</h1>
                                    </div>
                                    <div class="flex items-center gap-6">
                                        <div class="typo-box">h2</div>
                                        <h2 class="md:text-[40px] text-xl font-medium text-heading">Typography heading</h2>
                                    </div>
                                    <div class="flex items-center gap-6">
                                        <div class="typo-box">h3</div>
                                        <h3 class="md:text-4xl text-lg font-medium text-heading">Typography heading</h3>
                                    </div>
                                    <div class="flex items-center gap-6">
                                        <div class="typo-box">h4</div>
                                        <h4 class="md:text-[28px] font-medium text-heading">Typography heading</h4>
                                    </div>
                                    <div class="flex items-center gap-6">
                                        <div class="typo-box">h5</div>
                                        <h5 class="md:text-xl text-sm font-medium text-heading">Typography heading</h5>
                                    </div>
                                    <div class="flex items-center gap-6">
                                        <div class="typo-box">h6</div>
                                        <h6 class="md:text-base text-xs font-medium text-heading">Typography heading</h6>
                                    </div>
                                </div>
                            
                        

                            
                                <div class="divide-y divide-[#EEE] *:py-7 first:*:pt-0 last:*:pb-0">
                                    <div class="flex items-center gap-6">
                                        <div class="typo-box md:text-[32px] text-2xl font-medium">D1</div>
                                        <h1 class="md:text-[86px] text-4xl text-heading">Display - 01</h1>
                                    </div>
                                    <div class="flex items-center gap-6">
                                        <div class="typo-box md:text-[32px] text-2xl font-medium">D2</div>
                                        <h1 class="md:text-[70px] text-3xl text-heading">Display - 02</h1>
                                    </div>
                                    <div class="flex items-center gap-6">
                                        <div class="typo-box md:text-[32px] text-2xl font-medium">D3</div>
                                        <h1 class="md:text-[52px] text-[28px] text-heading">Display - 03</h1>
                                    </div>
                                    <div class="flex items-center gap-6">
                                        <div class="typo-box md:text-[32px] text-2xl font-medium">D4</div>
                                        <h1 class="md:text-[44px] text-2xl text-heading">Display - 04</h1>
                                    </div>
                                    <div class="flex items-center gap-6">
                                        <div class="typo-box md:text-[32px] text-2xl font-medium">D5</div>
                                        <h1 class="md:text-4xl text-[22px] text-heading">Display - 05</h1>
                                    </div>
                                    <div class="flex items-center gap-6">
                                        <div class="typo-box md:text-[32px] text-2xl font-medium">D6</div>
                                        <h1 class="md:text-2xl text-xl text-heading">Display - 06</h1>
                                    </div>
                                </div>