<div style="background-image: linear-gradient(109deg,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.1) 100%), url('<?php echo $img; ?>');"
    class="et_pb_section product-title-banner inner-border et_pb_with_background et_section_regular et_pb_section_first" data-padding="||8%|"
    data-padding-tablet="||50px|" data-fix-page-container="on">
    <div class="et_pb_row product-title-row et_pb_equal_columns et_pb_gutters2">
        <div class="et_pb_column et_pb_column_4_4 et_pb_css_mix_blend_mode_passthrough et-last-child">
            <div class="et_pb_module et_pb_text page-title et_animated et_pb_bg_layout_light  et_pb_text_align_left fade" style="animation-duration: 1000ms; animation-delay: 0ms; opacity: 0; animation-timing-function: ease-in-out;">
                <div class="et_pb_text_inner">
                    <h1>
                        <?php the_title(); ?>
                    </h1>
                </div>
            </div>
            <!-- .et_pb_text -->
        </div>
        <!-- .et_pb_column -->
    </div>
    <!-- .et_pb_row -->
    <div class="et_pb_row scroll-nav-row et_pb_gutters1 et_pb_row_fullwidth">
        <div class="et_pb_column et_pb_column_4_4 et_pb_css_mix_blend_mode_passthrough et-last-child">
            <div class="et_pb_module et_pb_text scroll-nav et_pb_bg_layout_light  et_pb_text_align_right">
                <div class="et_pb_text_inner">
                    <ul>
                        <li>
                            <a href="#why-<?php the_title(); ?>">Why
                                <?php the_title(); ?>
                            </a>
                        </li>
                        <li>
                            <a href="#product-details">product-details</a>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- .et_pb_text -->
        </div>
        <!-- .et_pb_column -->
    </div>
    <!-- .et_pb_row -->
    <div class="et_pb_row shape et_pb_row_fullwidth">
        <div class="et_pb_column et_pb_column_4_4 et_pb_css_mix_blend_mode_passthrough et-last-child et_pb_column_empty">
        </div>
        <!-- .et_pb_column -->
    </div>
    <!-- .et_pb_row -->
</div>