<?php $options = get_option('kaveh_frame'); ?>
<div class="checkout-two-header position-relative">
    <div class="container">
        <!-- Start Logo -->
        <a href="<?php echo home_url(); ?>" class="checkout-two-header-logo d-block mx-auto position-relative">
            <img src="<?php echo $options['kaveh_logo_up'] ?>" alt="logo" width="127" height="40">
        </a>
        <!-- End Logo -->
        <!-- Start Steps -->
        <ul class="checkout-two-header-steps d-flex">
            <li class="visited w-100 position-relative">
                <div
                    class="position-relative d-flex align-items-center justify-content-center fw-bold h-100 flex-column-reverse flex-md-row gap-1 gap-md-0 text-center">
                    <span class="text-center"> 1 </span>
                    <?php echo $options['kcheckout_header_text1'] ?>
                </div>
            </li>
            <li class="active w-100 position-relative">
                <div
                    class="position-relative d-flex align-items-center justify-content-center fw-bold h-100 flex-column-reverse flex-md-row gap-1 gap-md-0 text-center">
                    <span class="text-center"> 2 </span>
                    <?php echo $options['kcheckout_header_text2'] ?>
                </div>
            </li>
            <li class="w-100 position-relative">
                <div
                    class="position-relative d-flex align-items-center justify-content-center fw-bold h-100 flex-column-reverse flex-md-row gap-1 gap-md-0 text-center">
                    <span class="text-center"> 3 </span>
                    <?php echo $options['kcheckout_header_text3'] ?>
                </div>
            </li>
        </ul>
        <!-- End Steps -->
    </div>
</div>