<div class="feature feature-three mt-0 py-120 overflow-hidden" id="featureSection">
    <div class="container container-lg">
        <div class="section-heading text-center">
            <h5 class="mb-0 wow bounceIn text-uppercase">Popular Categories</h5>
        </div>
        <div class="relative arrow-center">
            <div class="flex items-center">
                <button type="button" id="feature-item-wrapper-prev" class="slick-prev flex items-center justify-center rounded-[50%] bg-white text-xl hover-bg-main-600 hover-text-white transition-1 slick-arrow" style=""><i class="ph ph-caret-left"></i></button>
                <button type="button" id="feature-item-wrapper-next" class="slick-next flex items-center justify-center rounded-[50%] bg-white text-xl hover-bg-main-600 hover-text-white transition-1 slick-arrow" style=""><i class="ph ph-caret-right"></i></button>
<!--                <button type="button" id="feature-item-wrapper-prev" class="slick-prev slick-arrow ..."><i class="ph ph-caret-left"></i></button>-->
<!--                <button type="button" id="feature-item-wrapper-next" class="slick-next slick-arrow ..."><i class="ph ph-caret-right"></i></button>-->
            </div>
            <div class="feature-three-item-wrapper"></div>
        </div>
    </div>
</div>


