@if(isset($page_name) && $page_name == 'index')
<!-- ...:::Start Hero Slider Section:::... -->
<div class="hero-section
                                            section-gap-top-25">
    <div class="container">
        <!-- Start Hero Area -->
        <div class="hero-area
                                                    hero-area--style-1
                                                    hero-slider-active">
            <!-- Slider main container -->
            <div class="swiper">
                <!-- Additional required wrapper -->
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <div class="hero-singel-slide">
                            <div class="hero-bg">
                                <img 
                                data-src="static/assets/images/banners/germedusa.webp" 
                                class="img-full"
                                width="1920" height="731" 
                                alt="German Forged, High Quality Surgical Instruments" 
                                srcset="static/assets/images/banners/germedusa.webp 500w, static/assets/images/banners/germedusa.webp 1000w, static/assets/images/banners/germedusa.webp 1500w" 
                                />
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="hero-singel-slide">
                            <div class="hero-bg">
                                <a href="c-205-mayo-scissors-dissecting.aspx">
                                    <img data-src="static/assets/images/banners/mayo-scissors.webp" 
                                    class="img-full" 
                                    width="1920" height="731" 
                                    alt="Mayo Scissors" 
                                    srcset="static/assets/images/banners/mayo-scissors.webp 500w, static/assets/images/banners/mayo-scissors.webp 1000w, static/assets/images/banners/mayo-scissors.webp 1500w" 
                                    />
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="hero-singel-slide">
                            <div class="hero-bg">
                                <a href="c-138-surgical-retractors.aspx">
                                    <img data-src="static/assets/images/banners/surgical-retractors.webp" 
                                    class="img-full" 
                                    width="1920" height="731" 
                                    alt="Surgical Retractors" 
                                    srcset="static/assets/images/banners/surgical-retractors.webp 500w, static/assets/images/banners/surgical-retractors.webp 1000w, static/assets/images/banners/surgical-retractors.webp 1500w" 
                                    />
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- If we need pagination -->
            <div class="swiper-pagination"></div>
        </div>
        <!-- End Hero Area -->
    </div>
</div>
<!-- ...:::End Hero Slider Section:::... -->
@endif