@extends('frontend.layouts.app')
@section('title', $data['page']->meta_title)
@section('meta_keywords', $data['page']->meta_keywords)
@section('meta_description', $data['page']->meta_description)

@section('meta_url', URL::Current())
@section('page_title', $data['page']->meta_title)
@push('head-area')
    <link rel="canonical" href="{{ URL::Current() }}" />
@endpush
@section('product_description',$data['page']->meta_description)
@php
    if(app()->environment() == 'dev')
        $site = 'dev';
    else
        $site = 'www';
@endphp
@section('image','https://'.$site.'.germedusa.com/static/assets/images/og_imag_logo.png')@section('image:width', "385")
@section('image:height', "145")

@push('schema')
    @component('frontend.layouts.schema')
        {{-- {
            "@context": "https://schema.org",
            "@type": "Organization",
            "name": "GerMedUSA Inc.",
            "url": "https://www.germedusa.com/",
            "logo": "https://www.germedusa.com/design/assets/images/logo.png",
            "contactPoint": {
            "@type": "ContactPoint",
            "telephone": "516 997 2180",
            "contactType": "customer service",
            "contactOption": "TollFree",
            "areaServed": "US",
            "availableLanguage": "en"
            },
            "sameAs": [
            "https://www.facebook.com/GerMedUSA",
            "https://twitter.com/germedusa",
            "https://www.instagram.com/germedusaofficial/",
            "https://www.youtube.com/@germedusa834",
            "https://www.linkedin.com/company/germedusa-inc",
            "https://www.pinterest.com/GerMedUSA/",
            "https://www.germedusa.com/"
            ]
        } --}}
        {
            "@context": "https://schema.org",
            "@type": "Organization",
            "name": "GerMedUSA Inc.",
            "url": "https://www.germedusa.com/",
            "logo": "https://www.germedusa.com/design/assets/images/logo.png",
            "description": "Explore GerMedUSA’s catalog, get specially designed surgical instruments! We offer customization and special discounts to help surgeons ensure the best care. Keywords: Surgical Instruments, Surgery Instruments, Surgical Tools, Surgery Tools, Surgical Equipments, Medical Instruments",
            "contactPoint": {
              "@type": "ContactPoint",
              "telephone": "516 997 2180",
              "contactType": "customer service",
              "contactOption": "TollFree",
              "areaServed": "US",
              "availableLanguage": "en"
            },
            "sameAs": [
              "https://www.facebook.com/GerMedUSA",
              "https://twitter.com/germedusa",
              "https://www.instagram.com/germedusaofficial/",
              "https://www.youtube.com/@germedusa834",
              "https://www.linkedin.com/company/germedusa-inc",
              "https://www.pinterest.com/GerMedUSA/",
              "https://www.germedusa.com/"
            ]
          }

    @endcomponent
    @component('frontend.layouts.schema')
        {
            "@context": "https://schema.org/",
            "@type": "WebSite",
            "name": "GerMedUSA lnc.",
            "url": "https://www.germedusa.com/",
            "potentialAction": {
            "@type": "SearchAction",
            "target": {
                "@type": "EntryPoint",
                "urlTemplate": "https://www.germedusa.com/search-results?s={search_term_string}"
            },
            "query-input": "required name=search_term_string"
            }
        }
    @endcomponent
@endpush

@section('content')

    <section class="hero-slider-section" style="position: relative; z-index:0;">
        <div class="swiper heroSlider">
            <div class="swiper-wrapper">
                <div class="swiper-slide py-5" style="background-image: url('homeimg/main-banner.png'); background-repeat: no-repeat; background-size:cover;">
                    <div class="container">
                        <div class="row swiperSliderWrapper">
                            <div class="col-lg-6 col-md-7 col-sm-12 col-12">
                                <div class="mainBannerWrapper">
                                    <div class="mainBannerHeading">
                                        Crafted For <br>
                                        <span>Excellence</span>
                                    </div>
                                    <div class="instruments-button">
                                        <a href="#">
                                            Shop Now <svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M9.6568 0.668701L16.445 7.45693L9.6568 14.2452" stroke="white" stroke-width="1.6"/>
                                                <path d="M16.4568 7.45703H0.456848" stroke="white" stroke-width="1.6"/>
                                            </svg>
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-6 col-md-5 col-sm-12 col-12">
                                <img src="homeimg/homeslider/slide1.png" width="100%" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="swiper-pagination"></div>
        </div>
    </section>

    <section class="category-slider-section py-5" style="position: relative; z-index:0;">
        <div class="container">
            <div class="row">
                <div class="col-md-12 px-sm-0 px-3">
                    <div class="swiper catSlider">
                        <div class="swiper-wrapper">
                            @foreach ($data['featured_categories'] as $category)
                                <div class="swiper-slide">
                                    <div class="category-slider-inner-section" style="background-image: url('{{ asset('up_data/up_data/categories/home-image/' . ($category->home_image ?? 'default-image.jpg')) }}'); background-size:contain; background-repeat: no-repeat;">
                                        <h2>{{$category->name ?? ''}}</h2>
                                        <a href="/{{$category->slug ?? ''}}">Shop Now <img src="homeimg/right-arrow-icon.png" alt=""></a>
                                    </div>
                                </div>
                            @endforeach
                        </div>
                        <div class="swiper-scrollbar mx-lg-0 mx-md-0 mx-sm-0 mx-1"></div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="key-points-section">
        <div class="container">
            <div class="row key-points-container">
                <div class="col-lg-4 col-md-6 col-sm-12">
                    <div class="single-key-point-detail">
                        <h3><img src="homeimg/delivery-truck-icon.png" alt="">Free Ground Shipping</h3>
                        <p>For orders above $200 only for US and Canada.</p>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 col-sm-12 left-right-border">
                    <div class="single-key-point-detail">
                        <h3><img src="homeimg/reliable-icon.png" alt="">Quality Products</h3>
                        <p>We ensure our product quality all times for make our clients trust.</p>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 col-sm-12">
                    <div class="single-key-point-detail">
                        <h3><img src="homeimg/settings-icon.png" alt="">30 Day Return</h3>
                        <p>Easy and simple product returns within 30 days of purchase</p>
                    </div>
                </div>
            </div>
        </div>
    </section>
    {{-- @dd($data['top_selling']) --}}
    <section class="featured-product-slider-section py-5" style="position: relative; z-index:0;">
        <div class="container">
            <div class="row">
                <div class="col-md-12 px-sm-0 px-3 pb-5 heading-section">
                    <div class="title-heading-section">
                        <h2>Featured Products</h2>
                    </div>
                    <div class="view-more-button">
                        <a href="#">View More <img src="homeimg/right-up-arrow-icon.png" alt=""></a>
                    </div>
                </div>
                <div class="col-md-12 px-sm-0 px-3">
                    <div class="swiper featuredProSlider">
                        <div class="swiper-wrapper">
                            @foreach ($data['featured_products']->products_all as $product)
                                <div class="swiper-slide">
                                    <div class="product-slider-inner-section">
                                        <div class="upper-image-section">
                                            <div class="icons-section">
                                                <div class="whishlist-icon" style="background-color: #00436E;">
                                                    <a href="#" class="wishlist-btn" data-product-id="{{ $product->id ?? '' }}">
                                                        <svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                            <path d="M9.0128 0.949219C8.44977 0.957976 7.89903 1.11515 7.41618 1.40485C6.93333 1.69456 6.53548 2.10655 6.2628 2.59922C5.99012 2.10655 5.59226 1.69456 5.10942 1.40485C4.62657 1.11515 4.07582 0.957976 3.5128 0.949219C2.61527 0.988214 1.76965 1.38085 1.16069 2.04133C0.551726 2.70182 0.228921 3.57648 0.262797 4.47422C0.262797 6.74772 2.6558 9.23072 4.6628 10.9142C5.11091 11.2908 5.67747 11.4972 6.2628 11.4972C6.84812 11.4972 7.41469 11.2908 7.8628 10.9142C9.8698 9.23072 12.2628 6.74772 12.2628 4.47422C12.2967 3.57648 11.9739 2.70182 11.3649 2.04133C10.7559 1.38085 9.91033 0.988214 9.0128 0.949219ZM7.2203 10.1492C6.95229 10.3749 6.61317 10.4987 6.2628 10.4987C5.91242 10.4987 5.5733 10.3749 5.3053 10.1492C2.7363 7.99372 1.2628 5.92572 1.2628 4.47422C1.22862 3.84158 1.44598 3.22108 1.86748 2.74807C2.28898 2.27505 2.88041 1.98789 3.5128 1.94922C4.14518 1.98789 4.73662 2.27505 5.15811 2.74807C5.57961 3.22108 5.79698 3.84158 5.7628 4.47422C5.7628 4.60683 5.81547 4.734 5.90924 4.82777C6.00301 4.92154 6.13019 4.97422 6.2628 4.97422C6.3954 4.97422 6.52258 4.92154 6.61635 4.82777C6.71012 4.734 6.7628 4.60683 6.7628 4.47422C6.72862 3.84158 6.94598 3.22108 7.36748 2.74807C7.78898 2.27505 8.38041 1.98789 9.0128 1.94922C9.64518 1.98789 10.2366 2.27505 10.6581 2.74807C11.0796 3.22108 11.297 3.84158 11.2628 4.47422C11.2628 5.92572 9.7893 7.99372 7.2203 10.1472V10.1492Z" fill="white"/>
                                                        </svg>
                                                    </a>
                                                </div>
                                            </div>
                                            <a href="/{{ $product->slug ?? '' }}">
                                                <img class="{{ $product->name ?? ''}}" src="https://www.germedusa.com/up_data/products/images/{{$product->image}}" alt="">
                                            </a>
                                        </div>
                                        <div class="product-detail-section">
                                            <div class="product-title">
                                                <a href="/{{ $product->slug ?? '' }}">
                                                    <h3>{{ $product->name ?? ''}}</h3>
                                                </a>
                                            </div>
                                            <div class="sku-price">
                                                <div class="pro-sku">
                                                    <p><strong>SKU:</strong> {{$product->sku ?? ''}}</p>
                                                </div>
                                                <div class="pro-price">
                                                    <p>{{$$product->price ?? 'View Variants'}}</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                        </div>
                        <div class="swiper-scrollbar mx-lg-0 mx-md-0 mx-sm-0 mx-1"></div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="special-surgical-set-section">
        <div class="container">
            <div class="row">
                <div class="col-md-12 px-sm-0 px-3 pb-5 heading-section">
                    <div class="title-heading-section">
                        <h2>Special Surgical Sets</h2>
                    </div>
                </div>
                <div class="col-sm-12 px-sm-0 px-3">
                    <div class="row" style="row-gap: 1rem;">
                        <div class="col-lg-6 col-md-12 col-sm-12 special-set-left-section">
                            <div class="set-detail-section">
                                <div class="percentage-sale">
                                    20% Off
                                </div>
                                <div class="set-title">
                                    <h3>Laparoscopy Instrument Set</h3>
                                </div>
                                <div class="set-sku-detail">
                                    SKU: <span>G40-2630</span>
                                </div>
                                <div class="set-price">
                                    <div class="price-before">
                                        Before <span>$120</span>
                                    </div>
                                    <div class="price-after">
                                        $97
                                    </div>
                                </div>
                                <div class="set-view-more-button">
                                    <a href="#">View More <svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M7.04846 5.3515H16.6485V14.9515" stroke="#ffffff" stroke-width="1.6"/>
                                    <path d="M16.6569 5.3432L5.34315 16.6569" stroke="#ffffff" stroke-width="1.6"/>
                                    </svg>
                                    </a>
                                </div>
                            </div>
                            <div class="set-image-section">
                               <img src="homeimg/set1.png" alt="">
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-12 col-sm-12 special-set-right-section">
                            <div class="set-detail-section">
                                <div class="percentage-sale">
                                    20% Off
                                </div>
                                <div class="set-title">
                                    <h3>Myringotomy Instrument Set</h3>
                                </div>
                                <div class="set-sku-detail">
                                    SKU: <span>G40-2910</span>
                                </div>
                                <div class="set-price">
                                    <div class="price-before">
                                        Before <span>$151.26</span>
                                    </div>
                                    <div class="price-after">
                                        $121.01
                                    </div>
                                </div>
                                <div class="set-view-more-button">
                                    <a href="#">View More <svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M7.04846 5.3515H16.6485V14.9515" stroke="#ffffff" stroke-width="1.6"/>
                                    <path d="M16.6569 5.3432L5.34315 16.6569" stroke="#ffffff" stroke-width="1.6"/>
                                    </svg>
                                    </a>
                                </div>
                            </div>
                            <div class="set-image-section">
                               <img src="homeimg/set2.png" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="top-best-seller-section">
        <div class="container">
            <div class="row">
                <div class="col-md-12 px-sm-0 px-3 py-5 heading-section">
                    <div class="title-heading-section">
                        <h2>Top Selling Instruments</h2>
                    </div>
                    <div class="view-more-button">
                        <a href="{{ url('products') }}">View More <img src="{{ asset('homeimg/right-up-arrow-icon.png') }}" alt="View More"></a>
                    </div>
                </div>
                <div class="col-md-12 px-sm-0 px-3">
                    @php
                        $categories = App\Models\Product::getCategoryWiseProducts();
                    @endphp
                    <ul class="nav nav-pills gap-3" id="myPills" role="tablist">
                        <li class="nav-item" role="presentation">
                            <a class="nav-link custom-tab active" id="showAll-pill" data-bs-toggle="pill" href="#showAll" role="tab" aria-controls="showAll" aria-selected="true">Show All</a>
                        </li>
                        @foreach ($categories as $index => $category)
                            <li class="nav-item" role="presentation">
                                <a class="nav-link custom-tab" id="{{ Str::slug($category['category_name']) }}-pill" data-bs-toggle="pill" href="#{{ Str::slug($category['category_name']) }}" role="tab" aria-controls="{{ Str::slug($category['category_name']) }}" aria-selected="false">{{ $category['category_name'] }}</a>
                            </li>
                        @endforeach
                    </ul>
                    <div class="tab-content" id="myPillsContent">
                        <div class="tab-pane fade show active" id="showAll" role="tabpanel" aria-labelledby="showAll-pill">
                            <div class="row" style="row-gap: 2rem;">
                                @foreach ($categories as $category)
                                    @foreach ($category['products'] as $product)
                                        <div class="col-lg-4 col-md-6 col-sm-12">
                                            <div class="best-seller-product">
                                                <div class="best-seller-product-details">
                                                    <div class="seller-tag">
                                                        POPULAR
                                                    </div>
                                                    <div class="best-seller-title">
                                                        <a href="{{ url($product['slug']) }}">{{ $product['name'] }}</a>
                                                    </div>
                                                    <div class="best-seller-sku">
                                                        <span>SKU:</span> {{ $product['sku'] }}
                                                    </div>
                                                    <div class="best-seller-price">
                                                        Select size for price.
                                                    </div>
                                                </div>
                                                <div class="best-seller-product-image">
                                                    <img src="{{ $product['image'] }}" alt="{{ $product['name'] }}">
                                                </div>
                                            </div>
                                        </div>
                                    @endforeach
                                @endforeach
                            </div>
                        </div>
                        @foreach ($categories as $index => $category)
                            <div class="tab-pane fade" id="{{ Str::slug($category['category_name']) }}" role="tabpanel" aria-labelledby="{{ Str::slug($category['category_name']) }}-pill">
                                <div class="row" style="row-gap: 2rem;">
                                    @foreach ($category['products'] as $product)
                                    {{-- @dd($product) --}}
                                        <div class="col-lg-4 col-md-6 col-sm-12">
                                            <div class="best-seller-product">
                                                <div class="best-seller-product-details">
                                                    <div class="seller-tag">
                                                        POPULAR
                                                    </div>
                                                    <div class="best-seller-title">
                                                        <a href="{{ url($product['slug']) }}">{{ $product['name'] }}</a>
                                                    </div>
                                                    <div class="best-seller-sku">
                                                        <span>SKU:</span> {{ $product['sku'] }}
                                                    </div>
                                                    <div class="best-seller-price">
                                                        Select size for price.
                                                    </div>
                                                </div>
                                                <div class="best-seller-product-image">
                                                    <img src="{{ $product['image'] }}" alt="{{ $product['name'] }}">
                                                </div>
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="whychooseus-section">
        <div class="container">
            <div class="row py-5">
                <div class="col-md-12 px-sm-0 px-3">
                    <div class="row" style="row-gap: 1rem;">
                        <div class="col-md-6 col-sm-12 whychooseus-left-section">
                            <img src="homeimg/why-choose-us.png" alt="">
                        </div>
                        <div class="col-md-6 col-sm-12 whychooseus-right-section">
                            <div class="short-title">
                                Why Choose Us
                            </div>
                            <div class="long-title">
                                Welcome to GerMedUSA
                                we offer the best price.
                            </div>
                            <div class="whychoose-description">
                                GerMedUSA is committed to manufacturing and delivering innovative surgery instruments with the highest standards and cutting-edge technology. We have earned the trust of surgeons globally over the past three decades. <span>Learn More</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="key-points-section">
        <div class="container">
            <div class="row key-points-container">
                <div class="col-lg-4 col-md-6 col-sm-12">
                    <div class="single-key-point-detail">
                        <h3>
                            <svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M18.6811 36.173C18.8893 36.2342 19.1107 36.2342 19.3188 36.173C23.1081 35.0956 26.5253 32.9907 29.1923 30.0913C36.0929 22.5144 35.1892 12.2526 34.7053 9.07251C34.6695 8.82633 34.557 8.59772 34.3836 8.41933C34.2102 8.24094 33.9849 8.12189 33.7398 8.07917C31.5412 7.69948 29.3875 7.09484 27.3125 6.27476C24.5973 5.20119 22.0376 3.76988 19.7012 2.01876C19.4993 1.86618 19.2531 1.78363 19 1.78363C18.7469 1.78363 18.5007 1.86618 18.2988 2.01876C15.9624 3.76988 13.4027 5.20119 10.6875 6.27476C8.61249 7.09464 6.45872 7.69908 4.26014 8.07858C4.01507 8.1213 3.78977 8.24035 3.61639 8.41874C3.44301 8.59713 3.33042 8.82574 3.2947 9.07192C2.81317 12.2526 1.90711 22.5144 8.80767 30.0907C11.4746 32.9903 14.8918 35.0954 18.6811 36.173Z" fill="#025B93"/>
                            <path d="M29.1947 30.0912C26.5272 32.9899 23.1098 35.0942 19.3206 36.1712C19.217 36.2044 19.1087 36.2204 19 36.2188V1.78125C19.253 1.78279 19.4988 1.8661 19.7006 2.01875C22.0376 3.76954 24.5974 5.2012 27.3125 6.27594C29.3872 7.09391 31.5397 7.69869 33.7369 8.08094C33.9826 8.12189 34.209 8.24009 34.383 8.41839C34.557 8.59669 34.6697 8.82581 34.7047 9.0725C35.1856 12.255 36.0941 22.515 29.1947 30.0912Z" fill="#0495F0"/>
                            <path d="M30.115 28.9988C29.83 29.3669 29.5212 29.735 29.1947 30.0913C28.5905 30.7518 27.946 31.3745 27.265 31.9556C26.5287 31.0472 25.3591 30.685 23.1562 30.2812C27.1641 29.545 27.7638 28.9453 28.5 24.9375C28.8978 27.0928 29.2541 28.2625 30.115 28.9988Z" fill="black" fill-opacity="0.1"/>
                            <path d="M19 35.0312C15.4269 34.0106 12.2041 32.0253 9.68526 29.2932C3.12136 22.0857 4.03276 12.1339 4.46858 9.25122C6.74483 8.85561 8.97481 8.22893 11.1239 7.38091C13.9376 6.26749 16.5901 4.78368 19.0113 2.96875C21.4215 4.78801 24.0672 6.27224 26.8761 7.38091C29.0269 8.22979 31.259 8.8563 33.5374 9.25063C33.9673 12.1309 34.8787 22.0857 28.3124 29.2932C25.794 32.0247 22.5721 34.0099 19 35.0312Z" fill="#0071B8"/>
                            <path d="M29.3669 28.0309C29.0403 28.4584 28.69 28.88 28.3159 29.2897C27.6959 29.9686 27.0293 30.6035 26.3209 31.1897C25.3177 30.7295 24.2508 30.4232 23.1562 30.2812C27.1641 29.545 27.7638 28.9453 28.5 24.9375C28.6415 26.0044 28.9333 27.0459 29.3669 28.0309Z" fill="black" fill-opacity="0.1"/>
                            <path d="M16.0312 8.90623C12.0234 9.64248 11.4237 10.2422 10.6875 14.25C9.98091 10.3906 9.39904 9.68998 5.77716 8.98936C7.60022 8.60316 9.38772 8.06492 11.1209 7.38029C11.3525 7.28529 11.584 7.19029 11.8156 7.08936C12.54 8.10467 13.7215 8.47873 16.0312 8.90623Z" fill="black" fill-opacity="0.1"/>
                            <path d="M19.3664 31.9996C19.1293 32.0833 18.8707 32.0833 18.6337 31.9996C15.8822 31.0508 13.4075 29.4376 11.4291 27.303C6.89108 22.3541 6.3757 15.8727 6.56333 11.9789C6.57355 11.7135 6.66898 11.4585 6.83549 11.2515C7.00199 11.0446 7.23072 10.8968 7.4878 10.83C9.01662 10.4502 10.519 9.97102 11.9855 9.39553C14.2201 8.51841 16.3624 7.42194 18.3807 6.12219C18.5647 6.00138 18.7799 5.93701 19 5.93701C19.2201 5.93701 19.4353 6.00138 19.6193 6.12219C21.6379 7.42202 23.7803 8.51869 26.0152 9.39612C27.4815 9.97116 28.9837 10.4501 30.5122 10.83C30.7693 10.8968 30.998 11.0446 31.1645 11.2515C31.331 11.4585 31.4265 11.7135 31.4367 11.9789C31.6243 15.8727 31.109 22.3541 26.5709 27.303C24.5925 29.4376 22.1178 31.0508 19.3664 31.9996Z" fill="#E0E8EF"/>
                            <path d="M16.0313 8.90624C12.0235 9.64249 11.4238 10.2422 10.6875 14.25C10.3194 12.2431 9.98096 11.0853 9.23877 10.3431C10.171 10.0641 11.0873 9.74739 11.9878 9.39312C12.7063 9.11406 13.4128 8.81124 14.1075 8.48468C14.6419 8.63312 15.2772 8.76968 16.0313 8.90624Z" fill="#C1D0DB"/>
                            <path d="M26.5703 27.3006C24.5932 29.4356 22.1192 31.0489 19.3682 31.9972C19.2319 32.0487 19.0858 32.069 18.9407 32.0565C21.1577 31.0898 23.1494 29.6724 24.7891 27.8943C29.3253 22.9484 29.8419 16.4647 29.6578 12.5697C29.6464 12.3047 29.5503 12.0503 29.3835 11.8441C29.2168 11.6378 28.9883 11.4905 28.7316 11.4237C27.2016 11.0436 25.6982 10.5637 24.231 9.98685C21.9964 9.11055 19.8544 8.01466 17.8363 6.71528C17.7655 6.66948 17.6898 6.63165 17.6107 6.60247C17.8719 6.4481 18.1272 6.28778 18.3825 6.12153C18.5664 6.00233 18.7809 5.9389 19 5.9389C19.2192 5.9389 19.4336 6.00233 19.6175 6.12153C21.6356 7.42091 23.7777 8.5168 26.0122 9.3931C27.4794 9.96991 28.9828 10.4499 30.5128 10.83C30.7695 10.8967 30.9981 11.044 31.1648 11.2503C31.3315 11.4566 31.4277 11.7109 31.4391 11.9759C31.6232 15.8709 31.1066 22.3547 26.5703 27.3006Z" fill="#C1D0DB"/>
                            <path d="M11.653 19.2719L12.3958 18.5137C12.512 18.3933 12.6514 18.2975 12.8055 18.2321C12.9596 18.1667 13.1252 18.133 13.2926 18.133C13.46 18.133 13.6257 18.1667 13.7798 18.2321C13.9339 18.2975 14.0732 18.3933 14.1895 18.5137L16.2005 20.5669C16.3171 20.6868 16.4565 20.782 16.6106 20.8471C16.7646 20.9122 16.9301 20.9457 17.0974 20.9457C17.2646 20.9457 17.4301 20.9122 17.5842 20.8471C17.7382 20.782 17.8776 20.6868 17.9942 20.5669L23.813 14.6294C23.9293 14.509 24.0686 14.4132 24.2227 14.3478C24.3768 14.2824 24.5424 14.2487 24.7098 14.2487C24.8772 14.2487 25.0429 14.2824 25.197 14.3478C25.3511 14.4132 25.4904 14.509 25.6067 14.6294L26.3495 15.3876C26.5878 15.6328 26.7212 15.9612 26.7212 16.3032C26.7212 16.6451 26.5878 16.9736 26.3495 17.2187L17.9942 25.7456C17.8779 25.866 17.7386 25.9617 17.5845 26.0271C17.4304 26.0925 17.2648 26.1262 17.0974 26.1262C16.93 26.1262 16.7643 26.0925 16.6102 26.0271C16.4561 25.9617 16.3168 25.866 16.2005 25.7456L11.653 21.103C11.4146 20.8579 11.2812 20.5294 11.2812 20.1875C11.2812 19.8455 11.4146 19.5171 11.653 19.2719Z" fill="#C1D0DB"/>
                            <path d="M12.8404 18.6782L13.5832 17.92C13.6995 17.7996 13.8388 17.7038 13.9929 17.6384C14.147 17.573 14.3127 17.5393 14.4801 17.5393C14.6474 17.5393 14.8131 17.573 14.9672 17.6384C15.1213 17.7038 15.2606 17.7996 15.3769 17.92L17.3879 19.9732C17.5045 20.0931 17.644 20.1884 17.798 20.2534C17.9521 20.3185 18.1176 20.352 18.2848 20.352C18.452 20.352 18.6176 20.3185 18.7716 20.2534C18.9256 20.1884 19.0651 20.0931 19.1817 19.9732L25.0004 14.0357C25.1167 13.9153 25.256 13.8195 25.4101 13.7541C25.5642 13.6887 25.7299 13.655 25.8973 13.655C26.0647 13.655 26.2303 13.6887 26.3844 13.7541C26.5385 13.8195 26.6778 13.9153 26.7941 14.0357L27.5369 14.7939C27.7753 15.0391 27.9086 15.3675 27.9086 15.7095C27.9086 16.0514 27.7753 16.3799 27.5369 16.625L19.1817 25.1519C19.0654 25.2723 18.926 25.368 18.772 25.4334C18.6179 25.4988 18.4522 25.5325 18.2848 25.5325C18.1174 25.5325 17.9517 25.4988 17.7977 25.4334C17.6436 25.368 17.5042 25.2723 17.3879 25.1519L12.8404 20.5093C12.602 20.2642 12.4687 19.9357 12.4687 19.5938C12.4687 19.2518 12.602 18.9234 12.8404 18.6782Z" fill="#0071B8"/>
                            <path d="M27.5322 16.625L26.5822 17.5928C26.6732 17.2783 26.7192 16.9525 26.7188 16.625C26.7187 16.0778 26.5922 15.538 26.3491 15.0478C26.106 14.5575 25.753 14.1301 25.3175 13.7988C25.5556 13.6737 25.8278 13.6292 26.0933 13.672C26.3589 13.7149 26.6033 13.8427 26.79 14.0363L27.5322 14.7963C27.7715 15.0404 27.9056 15.3687 27.9056 15.7106C27.9056 16.0526 27.7715 16.3808 27.5322 16.625Z" fill="#0495F0"/>
                            <path d="M13.6563 20.1875C13.6572 20.6457 13.7232 21.1015 13.8522 21.5412L12.8428 20.5081C12.6035 20.2639 12.4694 19.9357 12.4694 19.5937C12.4694 19.2518 12.6035 18.9235 12.8428 18.6794L13.585 17.9194C13.8175 17.6834 14.1326 17.5471 14.4638 17.5394C13.9355 18.3213 13.6542 19.2438 13.6563 20.1875Z" fill="#025B93"/>
                            <path d="M16.625 8.3125C12.6172 9.05053 12.0193 9.64844 11.2812 13.6562C10.5432 9.64844 9.94531 9.05053 5.9375 8.3125C9.94531 7.57447 10.5432 6.97656 11.2812 2.96875C12.0193 6.97656 12.6172 7.57447 16.625 8.3125Z" fill="#FFBB63"/>
                            <path d="M11.2813 11.1085C11.1049 10.4364 10.7531 9.8233 10.2618 9.33199C9.77046 8.84069 9.15736 8.48884 8.48529 8.31251C9.15736 8.13618 9.77046 7.78433 10.2618 7.29302C10.7531 6.80171 11.1049 6.18861 11.2813 5.51654C11.4576 6.18861 11.8094 6.80171 12.3007 7.29302C12.7921 7.78433 13.4052 8.13618 14.0772 8.31251C13.4052 8.48884 12.7921 8.84069 12.3007 9.33199C11.8094 9.8233 11.4576 10.4364 11.2813 11.1085Z" fill="#F49F69"/>
                            <path d="M11.2813 9.67815C10.9443 9.11834 10.4755 8.6495 9.91565 8.31252C10.4755 7.97555 10.9443 7.50671 11.2813 6.9469C11.6182 7.50671 12.0871 7.97555 12.6469 8.31252C12.0871 8.6495 11.6182 9.11834 11.2813 9.67815Z" fill="#D2824C"/>
                            <path d="M35.0312 29.6875C31.0234 30.4255 30.4255 31.0234 29.6875 35.0312C28.9495 31.0234 28.3516 30.4255 24.3438 29.6875C28.3516 28.9495 28.9495 28.3516 29.6875 24.3438C30.4255 28.3516 31.0234 28.9495 35.0312 29.6875Z" fill="#FFBB63"/>
                            <path d="M29.6875 32.4835C29.5112 31.8114 29.1593 31.1983 28.668 30.707C28.1767 30.2157 27.5636 29.8638 26.8915 29.6875C27.5636 29.5112 28.1767 29.1593 28.668 28.668C29.1593 28.1767 29.5112 27.5636 29.6875 26.8915C29.8638 27.5636 30.2157 28.1767 30.707 28.668C31.1983 29.1593 31.8114 29.5112 32.4835 29.6875C31.8114 29.8638 31.1983 30.2157 30.707 30.707C30.2157 31.1983 29.8638 31.8114 29.6875 32.4835Z" fill="#F49F69"/>
                            <path d="M29.6875 31.0531C29.3506 30.4933 28.8817 30.0245 28.3219 29.6875C28.8817 29.3506 29.3506 28.8817 29.6875 28.3219C30.0245 28.8817 30.4933 29.3506 31.0531 29.6875C30.4933 30.0245 30.0245 30.4933 29.6875 31.0531Z" fill="#D2824C"/>
                            </svg>
                            Warranty
                        </h3>
                        <p>Five-year warranty covers defects in materials and workmanship.</p>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 col-sm-12 left-right-border">
                    <div class="single-key-point-detail">
                        <h3>
                            <svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <g clip-path="url(#clip0_149_118)">
                            <path d="M23.5422 15.3781V18.0129H4.93555V15.3781C4.93555 10.3906 8.98047 6.34571 13.968 6.34571H14.5098C19.4973 6.33829 23.5422 10.3832 23.5422 15.3781Z" fill="url(#paint0_linear_149_118)"/>
                            <path d="M4.93555 15.3781V18.0129H23.5422V15.3781C23.5422 13.4187 22.9188 11.6078 21.8574 10.1309H6.61289C5.55156 11.6078 4.93555 13.4187 4.93555 15.3781Z" fill="url(#paint1_linear_149_118)"/>
                            <path d="M26.4812 38H1.98906C1.40273 38 0.93515 37.525 0.93515 36.9461C0.93515 31.3129 5.4996 26.7559 11.1254 26.7559H17.3375C22.9707 26.7559 27.5277 31.3203 27.5277 36.9461C27.5351 37.525 27.0601 38 26.4812 38Z" fill="url(#paint2_linear_149_118)"/>
                            <path d="M17.3449 26.7484H13.5078V38H26.4887C27.075 38 27.5426 37.525 27.5426 36.9461C27.5352 31.3129 22.9707 26.7484 17.3449 26.7484Z" fill="url(#paint3_linear_149_118)"/>
                            <path d="M14.2351 38H26.4812C27.0676 38 27.5351 37.525 27.5351 36.9461C27.5351 31.3129 22.9707 26.7559 17.3449 26.7559H14.2351V38Z" fill="url(#paint4_linear_149_118)"/>
                            <path d="M14.2351 30.2812L13.3223 31.1941C12.6691 31.8473 11.5781 31.6914 11.1254 30.8898L10.2348 29.2941C10.0047 28.8785 9.88593 28.4184 9.88593 27.9434V27.2828C9.88593 26.9043 10.0344 26.5406 10.309 26.2734L10.7172 25.8652H14.2351V30.2812Z" fill="url(#paint5_linear_149_118)"/>
                            <path d="M14.2351 30.2812L15.148 31.1941C15.8012 31.8473 16.8922 31.6914 17.3449 30.8898L18.2355 29.2941C18.4656 28.8785 18.5844 28.4184 18.5844 27.9434V27.2828C18.5844 26.9043 18.4359 26.5406 18.1613 26.2734L17.7531 25.8652H14.2351V30.2812Z" fill="url(#paint6_linear_149_118)"/>
                            <path d="M0.93515 36.9461C0.93515 37.5324 1.41015 38 1.98906 38H26.4738C27.0602 38 27.5277 37.525 27.5277 36.9461C27.5277 35.1648 27.0676 33.4949 26.266 32.0328H2.19687C1.39531 33.4875 0.93515 35.1648 0.93515 36.9461Z" fill="url(#paint7_linear_149_118)"/>
                            <path d="M14.2352 30.2812C15.8666 30.2812 17.1891 28.9587 17.1891 27.3273C17.1891 25.6959 15.8666 24.3734 14.2352 24.3734C12.6038 24.3734 11.2812 25.6959 11.2812 27.3273C11.2812 28.9587 12.6038 30.2812 14.2352 30.2812Z" fill="url(#paint8_linear_149_118)"/>
                            <path d="M14.2352 30.2812C15.8666 30.2812 17.1891 28.9587 17.1891 27.3273C17.1891 25.6959 15.8666 24.3734 14.2352 24.3734C12.6038 24.3734 11.2812 25.6959 11.2812 27.3273C11.2812 28.9587 12.6038 30.2812 14.2352 30.2812Z" fill="url(#paint9_linear_149_118)"/>
                            <path d="M3.02811 18.9777C3.02811 17.0555 4.36404 15.4449 6.15272 15.0219C6.63514 14.9106 7.08787 15.2816 7.08787 15.7715V22.184C7.08787 22.6738 6.62772 23.0449 6.15272 22.9336C4.36404 22.5106 3.02811 20.9 3.02811 18.9777Z" fill="url(#paint10_linear_149_118)"/>
                            <path d="M25.4422 18.9777C25.4422 17.0555 24.1062 15.4449 22.3176 15.0219C21.8352 14.9106 21.3824 15.2816 21.3824 15.7715V22.184C21.3824 22.6738 21.8426 23.0449 22.3176 22.9336C24.1062 22.5106 25.4422 20.9 25.4422 18.9777Z" fill="url(#paint11_linear_149_118)"/>
                            <path d="M25.4422 18.9777C25.4422 17.0555 24.1062 15.4449 22.3176 15.0219C21.8352 14.9106 21.3824 15.2816 21.3824 15.7715V22.184C21.3824 22.6738 21.8426 23.0449 22.3176 22.9336C24.1062 22.5106 25.4422 20.9 25.4422 18.9777Z" fill="url(#paint12_linear_149_118)"/>
                            <path d="M14.4578 27.6762H14.0125C9.89334 27.6762 6.56091 24.3363 6.56091 20.2246V18.0648C6.56091 13.9457 9.90076 10.6133 14.0125 10.6133H14.4578C18.5769 10.6133 21.9094 13.9531 21.9094 18.0648V20.2246C21.9168 24.3363 18.5769 27.6762 14.4578 27.6762Z" fill="url(#paint13_linear_149_118)"/>
                            <path d="M6.56091 15.8383V17.8941C7.94138 17.241 8.93591 15.3484 8.93591 13.1144C8.93591 12.2683 8.7949 11.4742 8.54255 10.7766C7.31052 12.1051 6.56091 13.8863 6.56091 15.8383Z" fill="url(#paint14_linear_149_118)"/>
                            <path d="M14.6582 23.4086H13.8121C13.107 23.4086 12.5726 22.7703 12.6914 22.0727L13.0922 19.8313C13.1441 19.5492 13.389 19.3414 13.6785 19.3414H14.7918C15.0812 19.3414 15.3261 19.5492 15.3781 19.8313L15.7789 22.0727C15.9051 22.7703 15.3707 23.4086 14.6582 23.4086Z" fill="url(#paint15_linear_149_118)"/>
                            <path d="M14.6582 23.4086H13.8121C13.107 23.4086 12.5726 22.7703 12.6914 22.0727L13.0922 19.8313C13.1441 19.5492 13.389 19.3414 13.6785 19.3414H14.7918C15.0812 19.3414 15.3261 19.5492 15.3781 19.8313L15.7789 22.0727C15.9051 22.7703 15.3707 23.4086 14.6582 23.4086Z" fill="url(#paint16_linear_149_118)"/>
                            <path d="M13.8121 23.4086H14.6582C15.3633 23.4086 15.8976 22.7703 15.7789 22.0727L15.3781 19.8313C15.3261 19.5492 15.0812 19.3414 14.7918 19.3414H13.6785C13.389 19.3414 13.1441 19.5492 13.0922 19.8313L12.6914 22.0727C12.5726 22.7703 13.107 23.4086 13.8121 23.4086Z" fill="url(#paint17_linear_149_118)"/>
                            <path d="M10.8879 20.3359C10.2793 20.3359 9.78946 19.8461 9.78946 19.2375V18.6734C9.78946 18.0649 10.2793 17.575 10.8879 17.575C11.4965 17.575 11.9863 18.0649 11.9863 18.6734V19.2375C11.9863 19.8461 11.4965 20.3359 10.8879 20.3359Z" fill="url(#paint18_linear_149_118)"/>
                            <path d="M17.5824 20.3359C16.9738 20.3359 16.484 19.8461 16.484 19.2375V18.6734C16.484 18.0649 16.9738 17.575 17.5824 17.575C18.191 17.575 18.6809 18.0649 18.6809 18.6734V19.2375C18.6809 19.8461 18.191 20.3359 17.5824 20.3359Z" fill="url(#paint19_linear_149_118)"/>
                            <path d="M14.1758 25.3383L13.7602 25.7539H9.01758C10.3387 26.9489 12.0902 27.6762 14.0125 27.6762H14.4578C15.0887 27.6762 15.6973 27.5946 16.2836 27.4536L14.1758 25.3383Z" fill="url(#paint20_linear_149_118)"/>
                            <path d="M21.9168 15.8383C21.9168 11.7191 18.5769 8.38672 14.4652 8.38672H14.0199C10.309 8.38672 7.22889 11.0957 6.65741 14.6508C7.69647 13.4633 9.36639 14.4578 9.61874 14.5914C10.7246 15.1852 12.3871 15.5563 14.2426 15.5563C15.9051 15.5563 17.4117 15.252 18.5027 14.7695C18.9851 14.5543 19.5492 14.8066 19.6902 15.3187C19.7644 15.6156 19.809 15.9199 19.809 16.2316C19.809 17.4414 20.8926 18.2207 21.9168 18.0871V15.8383Z" fill="url(#paint21_linear_149_118)"/>
                            <path d="M12.3426 26.1324H8.59454C6.98399 26.1324 5.67032 24.8262 5.67032 23.2082V22.377C5.67032 22.2137 5.80391 22.0801 5.96719 22.0801C6.13047 22.0801 6.26407 22.2137 6.26407 22.377V23.2082C6.26407 24.4922 7.30313 25.5387 8.59454 25.5387H12.3426C12.5059 25.5387 12.6395 25.6723 12.6395 25.8355C12.6395 26.0063 12.5059 26.1324 12.3426 26.1324Z" fill="url(#paint22_linear_149_118)"/>
                            <path d="M13.6637 26.5555H12.4762C12.0828 26.5555 11.7637 26.2364 11.7637 25.843C11.7637 25.4496 12.0828 25.1305 12.4762 25.1305H13.6637C14.057 25.1305 14.3762 25.4496 14.3762 25.843C14.3762 26.2364 14.057 26.5555 13.6637 26.5555Z" fill="url(#paint23_linear_149_118)"/>
                            <path d="M24.9523 0H31.914C34.7566 0 37.0648 2.3082 37.0648 5.15078V8.80234C37.0648 11.6449 34.7566 13.9531 31.914 13.9531H27.9137C27.8394 13.9531 27.7801 13.9902 27.743 14.057C27.164 15.0516 25.9691 15.7566 24.3957 16.1574C24.2027 16.2094 24.0691 15.9645 24.2176 15.8234C24.8039 15.2594 25.0933 14.7102 25.1453 14.1684C25.1527 14.0496 25.0637 13.9531 24.9523 13.9531C22.1097 13.9531 19.8015 11.6449 19.8015 8.80234V5.15078C19.8015 2.3082 22.1097 0 24.9523 0Z" fill="url(#paint24_linear_149_118)"/>
                            <path d="M31.914 0H27.6613V14.1906C27.691 14.1461 27.7207 14.1016 27.743 14.057C27.7801 13.9977 27.8394 13.9531 27.9137 13.9531H31.914C34.7566 13.9531 37.0648 11.6449 37.0648 8.80234V5.15078C37.0648 2.3082 34.7566 0 31.914 0Z" fill="url(#paint25_linear_149_118)"/>
                            <path d="M19.8015 5.23242V8.80234C19.8015 11.6449 22.1097 13.9531 24.9523 13.9531C25.0711 13.9531 25.1601 14.057 25.1453 14.1684C25.0933 14.7102 24.8113 15.2668 24.2176 15.8234C24.0691 15.9645 24.2027 16.202 24.3957 16.1574C25.9691 15.7492 27.164 15.0441 27.743 14.057C27.7801 13.9977 27.8394 13.9531 27.9137 13.9531H31.914C34.7566 13.9531 37.0648 11.6449 37.0648 8.80234V5.23242H19.8015Z" fill="url(#paint26_linear_149_118)"/>
                            <path d="M37.0574 9.00273L30.734 2.67188L27.5277 9.00273L32.4484 13.9234C34.9793 13.6637 36.9609 11.5707 37.0574 9.00273Z" fill="url(#paint27_linear_149_118)"/>
                            <path d="M31.914 13.9531C32.0922 13.9531 32.2703 13.9457 32.441 13.9234L28.9601 10.4426L27.3125 12.0902L29.1754 13.9531H31.914Z" fill="url(#paint28_linear_149_118)"/>
                            <path d="M28.0101 6.59065L25.7242 4.29729L26.8969 3.12463H29.8805V5.06174L28.0101 6.59065Z" fill="url(#paint29_linear_149_118)"/>
                            <path d="M31.1422 3.24336C30.9938 2.95391 30.7859 2.70156 30.5262 2.49375C30.2664 2.28594 29.9473 2.12266 29.5687 1.99648C29.1902 1.87773 28.7746 1.81836 28.3145 1.81836C27.8246 1.81836 27.409 1.88516 27.0527 2.01133C26.6965 2.1375 26.407 2.30078 26.177 2.49375C25.9469 2.68672 25.7762 2.89453 25.6648 3.11719C25.5535 3.33984 25.4941 3.54766 25.4941 3.74063C25.4941 3.88164 25.5238 4.00781 25.5758 4.1043C25.6277 4.20078 25.6945 4.28984 25.7836 4.35664C25.8727 4.42344 25.9617 4.47539 26.0656 4.50508C26.1621 4.54219 26.266 4.55703 26.3625 4.55703C26.5555 4.55703 26.6891 4.49766 26.7781 4.38633C26.8672 4.275 26.9563 4.14883 27.0602 4.00781C27.1641 3.8668 27.2977 3.74063 27.4758 3.6293C27.6539 3.51797 27.9211 3.45859 28.2848 3.45859C28.6484 3.45859 28.9527 3.54023 29.1977 3.69609C29.4426 3.85195 29.5687 4.09687 29.5687 4.43086C29.5687 4.62383 29.5242 4.79453 29.4352 4.95039C29.3461 5.10625 29.2348 5.25469 29.1086 5.38086C28.9824 5.50703 28.8414 5.62578 28.693 5.73711C28.5445 5.84844 28.4109 5.95234 28.2996 6.04141C28.1957 6.13047 28.0844 6.23438 27.973 6.35313C27.8617 6.4793 27.7578 6.62773 27.6687 6.79844C27.5797 6.96914 27.498 7.16953 27.4387 7.40703C27.3793 7.64453 27.3422 7.91172 27.3422 8.21602C27.3422 8.58711 27.4016 8.83945 27.5129 8.97305C27.6242 9.10664 27.832 9.17344 28.1289 9.17344C28.4852 9.17344 28.7078 9.10664 28.8191 8.98047C28.923 8.8543 28.975 8.7207 28.975 8.58711C28.975 8.40898 28.9824 8.23828 28.9898 8.08242C28.9973 7.92656 29.027 7.78555 29.0863 7.64453C29.1383 7.50352 29.2199 7.36992 29.3238 7.22891C29.4277 7.08789 29.5836 6.94688 29.784 6.79102C29.8805 6.7168 30.0141 6.59805 30.1996 6.44219C30.3777 6.28633 30.5633 6.09336 30.734 5.8707C30.9121 5.64805 31.0605 5.38828 31.1941 5.10625C31.3203 4.8168 31.3871 4.5125 31.3871 4.17852C31.3648 3.84453 31.2906 3.53281 31.1422 3.24336Z" fill="url(#paint30_linear_149_118)"/>
                            <path d="M28.1363 12.4317C28.7799 12.4317 29.3016 11.91 29.3016 11.2664C29.3016 10.6229 28.7799 10.1012 28.1363 10.1012C27.4928 10.1012 26.9711 10.6229 26.9711 11.2664C26.9711 11.91 27.4928 12.4317 28.1363 12.4317Z" fill="url(#paint31_linear_149_118)"/>
                            </g>
                            <defs>
                            <linearGradient id="paint0_linear_149_118" x1="12.4341" y1="7.02467" x2="14.4182" y2="17.1831" gradientUnits="userSpaceOnUse">
                            <stop stop-color="#5A5A5A"/>
                            <stop offset="1" stop-color="#444444"/>
                            </linearGradient>
                            <linearGradient id="paint1_linear_149_118" x1="14.236" y1="12.4004" x2="14.236" y2="15.1404" gradientUnits="userSpaceOnUse">
                            <stop stop-color="#433F43" stop-opacity="0"/>
                            <stop offset="1" stop-color="#1A1A1A"/>
                            </linearGradient>
                            <linearGradient id="paint2_linear_149_118" x1="9.90233" y1="27.8723" x2="15.9949" y2="38.9786" gradientUnits="userSpaceOnUse">
                            <stop stop-color="#F5FBFF"/>
                            <stop offset="1" stop-color="#D8ECFE"/>
                            </linearGradient>
                            <linearGradient id="paint3_linear_149_118" x1="22.1357" y1="32.0824" x2="26.3155" y2="31.5005" gradientUnits="userSpaceOnUse">
                            <stop stop-color="#B3DAFE" stop-opacity="0"/>
                            <stop offset="0.4315" stop-color="#B1D9FE" stop-opacity="0.432"/>
                            <stop offset="0.6657" stop-color="#A9D6FE" stop-opacity="0.666"/>
                            <stop offset="0.852" stop-color="#9BD0FE" stop-opacity="0.852"/>
                            <stop offset="1" stop-color="#8AC9FE"/>
                            </linearGradient>
                            <linearGradient id="paint4_linear_149_118" x1="19.4757" y1="33.3427" x2="13.0562" y2="31.1558" gradientUnits="userSpaceOnUse">
                            <stop stop-color="#B3DAFE" stop-opacity="0"/>
                            <stop offset="0.4315" stop-color="#B1D9FE" stop-opacity="0.432"/>
                            <stop offset="0.6657" stop-color="#A9D6FE" stop-opacity="0.666"/>
                            <stop offset="0.852" stop-color="#9BD0FE" stop-opacity="0.852"/>
                            <stop offset="1" stop-color="#8AC9FE"/>
                            </linearGradient>
                            <linearGradient id="paint5_linear_149_118" x1="9.94946" y1="25.6755" x2="13.2328" y2="28.9589" gradientUnits="userSpaceOnUse">
                            <stop stop-color="#B3DAFE"/>
                            <stop offset="1" stop-color="#0182FC"/>
                            </linearGradient>
                            <linearGradient id="paint6_linear_149_118" x1="15.342" y1="27.5964" x2="17.7757" y2="29.6422" gradientUnits="userSpaceOnUse">
                            <stop stop-color="#B3DAFE"/>
                            <stop offset="1" stop-color="#0182FC"/>
                            </linearGradient>
                            <linearGradient id="paint7_linear_149_118" x1="14.236" y1="35.0452" x2="14.236" y2="38.0141" gradientUnits="userSpaceOnUse">
                            <stop stop-color="#B3DAFE" stop-opacity="0"/>
                            <stop offset="0.4315" stop-color="#B1D9FE" stop-opacity="0.432"/>
                            <stop offset="0.6657" stop-color="#A9D6FE" stop-opacity="0.666"/>
                            <stop offset="0.852" stop-color="#9BD0FE" stop-opacity="0.852"/>
                            <stop offset="1" stop-color="#8AC9FE"/>
                            </linearGradient>
                            <linearGradient id="paint8_linear_149_118" x1="12.3466" y1="25.4408" x2="15.5268" y2="28.621" gradientUnits="userSpaceOnUse">
                            <stop stop-color="#FFDFCF"/>
                            <stop offset="1" stop-color="#FFA78F"/>
                            </linearGradient>
                            <linearGradient id="paint9_linear_149_118" x1="14.236" y1="28.6496" x2="14.236" y2="26.3191" gradientUnits="userSpaceOnUse">
                            <stop stop-color="#F89580" stop-opacity="0"/>
                            <stop offset="0.9972" stop-color="#C5715A"/>
                            </linearGradient>
                            <linearGradient id="paint10_linear_149_118" x1="4.11541" y1="18.1865" x2="6.44336" y2="19.033" gradientUnits="userSpaceOnUse">
                            <stop stop-color="#FFA1AE"/>
                            <stop offset="1" stop-color="#FF4565"/>
                            </linearGradient>
                            <linearGradient id="paint11_linear_149_118" x1="21.6619" y1="18.5867" x2="25.1009" y2="20.703" gradientUnits="userSpaceOnUse">
                            <stop stop-color="#FFA1AE"/>
                            <stop offset="1" stop-color="#FF4565"/>
                            </linearGradient>
                            <linearGradient id="paint12_linear_149_118" x1="23.6456" y1="18.9799" x2="21.5233" y2="18.9799" gradientUnits="userSpaceOnUse">
                            <stop stop-color="#FE0364" stop-opacity="0"/>
                            <stop offset="0.2343" stop-color="#F90362" stop-opacity="0.234"/>
                            <stop offset="0.5173" stop-color="#EA035B" stop-opacity="0.517"/>
                            <stop offset="0.8243" stop-color="#D20250" stop-opacity="0.824"/>
                            <stop offset="1" stop-color="#C00148"/>
                            </linearGradient>
                            <linearGradient id="paint13_linear_149_118" x1="13.3269" y1="18.1918" x2="18.5895" y2="23.6959" gradientUnits="userSpaceOnUse">
                            <stop stop-color="#FFDFCF"/>
                            <stop offset="1" stop-color="#FFA78F"/>
                            </linearGradient>
                            <linearGradient id="paint14_linear_149_118" x1="6.22745" y1="13.0848" x2="9.66652" y2="16.3387" gradientUnits="userSpaceOnUse">
                            <stop stop-color="#C86D36"/>
                            <stop offset="0.201" stop-color="#C46B35"/>
                            <stop offset="0.4143" stop-color="#B76233"/>
                            <stop offset="0.6334" stop-color="#A2552F"/>
                            <stop offset="0.8549" stop-color="#85422A"/>
                            <stop offset="1" stop-color="#6D3326"/>
                            </linearGradient>
                            <linearGradient id="paint15_linear_149_118" x1="14.2359" y1="21.1622" x2="14.2359" y2="23.8305" gradientUnits="userSpaceOnUse">
                            <stop stop-color="#F89580" stop-opacity="0"/>
                            <stop offset="0.2616" stop-color="#F1907B" stop-opacity="0.262"/>
                            <stop offset="0.6357" stop-color="#DE826C" stop-opacity="0.638"/>
                            <stop offset="0.9972" stop-color="#C5715A"/>
                            </linearGradient>
                            <linearGradient id="paint16_linear_149_118" x1="14.6964" y1="21.481" x2="16.2708" y2="21.864" gradientUnits="userSpaceOnUse">
                            <stop stop-color="#F89580" stop-opacity="0"/>
                            <stop offset="0.2616" stop-color="#F1907B" stop-opacity="0.262"/>
                            <stop offset="0.6357" stop-color="#DE826C" stop-opacity="0.638"/>
                            <stop offset="0.9972" stop-color="#C5715A"/>
                            </linearGradient>
                            <linearGradient id="paint17_linear_149_118" x1="13.7754" y1="21.481" x2="12.201" y2="21.864" gradientUnits="userSpaceOnUse">
                            <stop stop-color="#FFDDCD" stop-opacity="0"/>
                            <stop offset="0.9972" stop-color="#FFDDCD"/>
                            </linearGradient>
                            <linearGradient id="paint18_linear_149_118" x1="10.1742" y1="18.4339" x2="11.6973" y2="19.555" gradientUnits="userSpaceOnUse">
                            <stop stop-color="#5A5A5A"/>
                            <stop offset="1" stop-color="#444444"/>
                            </linearGradient>
                            <linearGradient id="paint19_linear_149_118" x1="16.7924" y1="18.3682" x2="18.1463" y2="19.3836" gradientUnits="userSpaceOnUse">
                            <stop stop-color="#5A5A5A"/>
                            <stop offset="1" stop-color="#444444"/>
                            </linearGradient>
                            <linearGradient id="paint20_linear_149_118" x1="12.7875" y1="28.6516" x2="12.5583" y2="25.1949" gradientUnits="userSpaceOnUse">
                            <stop stop-color="#F89580" stop-opacity="0"/>
                            <stop offset="0.9972" stop-color="#C5715A"/>
                            </linearGradient>
                            <linearGradient id="paint21_linear_149_118" x1="14.0282" y1="9.62135" x2="14.3457" y2="16.4994" gradientUnits="userSpaceOnUse">
                            <stop stop-color="#C86D36"/>
                            <stop offset="0.201" stop-color="#C46B35"/>
                            <stop offset="0.4143" stop-color="#B76233"/>
                            <stop offset="0.6334" stop-color="#A2552F"/>
                            <stop offset="0.8549" stop-color="#85422A"/>
                            <stop offset="1" stop-color="#6D3326"/>
                            </linearGradient>
                            <linearGradient id="paint22_linear_149_118" x1="9.15897" y1="22.0826" x2="9.15897" y2="26.136" gradientUnits="userSpaceOnUse">
                            <stop stop-color="#F5FBFF"/>
                            <stop offset="1" stop-color="#D8ECFE"/>
                            </linearGradient>
                            <linearGradient id="paint23_linear_149_118" x1="13.0683" y1="25.2572" x2="13.0683" y2="26.2974" gradientUnits="userSpaceOnUse">
                            <stop stop-color="#5A5A5A"/>
                            <stop offset="1" stop-color="#444444"/>
                            </linearGradient>
                            <linearGradient id="paint24_linear_149_118" x1="25.3695" y1="0.851141" x2="30.872" y2="11.8561" gradientUnits="userSpaceOnUse">
                            <stop stop-color="#B3DAFE"/>
                            <stop offset="1" stop-color="#0182FC"/>
                            </linearGradient>
                            <linearGradient id="paint25_linear_149_118" x1="33.7456" y1="7.09383" x2="37.0973" y2="7.09383" gradientUnits="userSpaceOnUse">
                            <stop stop-color="#0071B8" stop-opacity="0"/>
                            <stop offset="0.2761" stop-color="#0071B8" stop-opacity="0.276"/>
                            <stop offset="0.5628" stop-color="#0071B8" stop-opacity="0.563"/>
                            <stop offset="0.8535" stop-color="#0071B8" stop-opacity="0.854"/>
                            <stop offset="1" stop-color="#0071B8"/>
                            </linearGradient>
                            <linearGradient id="paint26_linear_149_118" x1="28.432" y1="10.1018" x2="28.432" y2="14.4865" gradientUnits="userSpaceOnUse">
                            <stop stop-color="#0071B8" stop-opacity="0"/>
                            <stop offset="0.2761" stop-color="#0071B8" stop-opacity="0.276"/>
                            <stop offset="0.5628" stop-color="#0071B8" stop-opacity="0.563"/>
                            <stop offset="0.8535" stop-color="#0071B8" stop-opacity="0.854"/>
                            <stop offset="1" stop-color="#0071B8"/>
                            </linearGradient>
                            <linearGradient id="paint27_linear_149_118" x1="34.9962" y1="10.0808" x2="28.2041" y2="6.52724" gradientUnits="userSpaceOnUse">
                            <stop stop-color="#0071B8" stop-opacity="0"/>
                            <stop offset="0.2761" stop-color="#0071B8" stop-opacity="0.276"/>
                            <stop offset="0.5628" stop-color="#0071B8" stop-opacity="0.563"/>
                            <stop offset="0.8535" stop-color="#0071B8" stop-opacity="0.854"/>
                            <stop offset="1" stop-color="#0071B8"/>
                            </linearGradient>
                            <linearGradient id="paint28_linear_149_118" x1="31.302" y1="14.4303" x2="27.4098" y2="10.5381" gradientUnits="userSpaceOnUse">
                            <stop stop-color="#0071B8" stop-opacity="0"/>
                            <stop offset="0.2761" stop-color="#0071B8" stop-opacity="0.276"/>
                            <stop offset="0.5628" stop-color="#0071B8" stop-opacity="0.563"/>
                            <stop offset="0.8535" stop-color="#0071B8" stop-opacity="0.854"/>
                            <stop offset="1" stop-color="#0071B8"/>
                            </linearGradient>
                            <linearGradient id="paint29_linear_149_118" x1="29.2916" y1="6.39672" x2="27.3164" y2="2.83422" gradientUnits="userSpaceOnUse">
                            <stop stop-color="#0071B8" stop-opacity="0"/>
                            <stop offset="0.2761" stop-color="#0071B8" stop-opacity="0.276"/>
                            <stop offset="0.5628" stop-color="#0071B8" stop-opacity="0.563"/>
                            <stop offset="0.8535" stop-color="#0071B8" stop-opacity="0.854"/>
                            <stop offset="1" stop-color="#0071B8"/>
                            </linearGradient>
                            <linearGradient id="paint30_linear_149_118" x1="27.1411" y1="4.58189" x2="30.5801" y2="6.69824" gradientUnits="userSpaceOnUse">
                            <stop stop-color="#F5FBFF"/>
                            <stop offset="1" stop-color="#D8ECFE"/>
                            </linearGradient>
                            <linearGradient id="paint31_linear_149_118" x1="27.6293" y1="10.7576" x2="28.8271" y2="11.9554" gradientUnits="userSpaceOnUse">
                            <stop stop-color="#F5FBFF"/>
                            <stop offset="1" stop-color="#D8ECFE"/>
                            </linearGradient>
                            <clipPath id="clip0_149_118">
                            <rect width="38" height="38" fill="white"/>
                            </clipPath>
                            </defs>
                            </svg>
                            Support
                        </h3>
                        <p>Support is available to help resolve any concerns or questions promptly.</p>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 col-sm-12">
                    <div class="single-key-point-detail">
                        <h3>
                            <svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <g clip-path="url(#clip0_149_176)">
                            <path d="M33.197 19C33.197 18.4409 33.1643 17.8895 33.1012 17.3474C33.02 16.6503 33.2962 15.959 33.8238 15.4962L35.9958 13.5907C36.733 12.9439 36.8986 11.8609 36.3885 11.0234L34.0655 7.20957C33.5554 6.372 32.517 6.02233 31.6042 6.38065L28.8967 7.44331C28.2414 7.70051 27.5048 7.61043 26.9211 7.21709C26.2938 6.79455 25.631 6.42081 24.9381 6.10124C24.3004 5.80715 23.8425 5.22545 23.7216 4.53377L23.2211 1.67096C23.0522 0.704863 22.2135 0 21.2328 0H16.7672C15.7865 0 14.9478 0.704863 14.7789 1.67088L14.2785 4.5337C14.1575 5.22537 13.6997 5.80715 13.062 6.10116C12.3691 6.42073 11.7062 6.79447 11.079 7.21702C10.4951 7.61028 9.75862 7.70037 9.10338 7.44323L6.39577 6.38057C5.48287 6.02233 4.44458 6.372 3.93448 7.20949L1.61157 11.0233C1.10147 11.8608 1.26711 12.9438 2.00431 13.5906L4.17627 15.4961C4.70387 15.959 4.98008 16.6502 4.89886 17.3473C4.83568 17.8894 4.80304 18.4409 4.80304 18.9999C4.80304 19.559 4.83575 20.1104 4.89886 20.6526C4.98008 21.3497 4.70387 22.0409 4.17627 22.5037L2.00431 24.4093C1.26711 25.056 1.10147 26.139 1.61157 26.9766L3.93448 30.7904C4.44458 31.6279 5.48295 31.9776 6.39577 31.6193L9.1033 30.5566C9.75862 30.2994 10.4951 30.3896 11.0789 30.7828C11.7062 31.2054 12.369 31.5791 13.0619 31.8987C13.6996 32.1928 14.1575 32.7745 14.2784 33.4662L14.7789 36.329C14.9478 37.2951 15.7865 37.702 16.7672 37.702H21.2328C22.2135 37.702 23.0522 37.2951 23.221 36.3291L23.7215 33.4663C23.8425 32.7746 24.3003 32.1929 24.938 31.8988C25.6309 31.5793 26.2938 31.2055 26.921 30.783C27.5048 30.3897 28.2414 30.2996 28.8966 30.5568L31.6041 31.6194C32.517 31.9777 33.5553 31.628 34.0654 30.7905L36.3883 26.9767C36.8984 26.1392 36.7328 25.0562 35.9956 24.4094L33.8236 22.5039C33.296 22.041 33.0198 21.3498 33.101 20.6527C33.1644 20.1105 33.197 19.5591 33.197 19Z" fill="url(#paint0_linear_149_176)"/>
                            <path d="M19 30.605C25.4092 30.605 30.605 25.4092 30.605 19C30.605 12.5907 25.4092 7.39502 19 7.39502C12.5907 7.39502 7.39502 12.5907 7.39502 19C7.39502 25.4092 12.5907 30.605 19 30.605Z" fill="url(#paint1_linear_149_176)"/>
                            <path d="M21.2328 38C22.2135 38 23.0522 37.2951 23.2211 36.3291L23.7215 33.4663C23.8425 32.7746 24.3003 32.1928 24.938 31.8988C25.6309 31.5792 26.2938 31.2055 26.921 30.783C27.5048 30.3897 28.2414 30.2996 28.8966 30.5567L31.6042 31.6194C32.517 31.9777 33.5553 31.628 34.0654 30.7905L36.3883 26.9767C36.8984 26.1391 36.7328 25.0561 35.9956 24.4094L33.8236 22.5039C33.296 22.041 33.0198 21.3498 33.1011 20.6527C33.1389 20.3277 33.1644 19.9989 33.1799 19.6676L26.0271 12.5148C25.582 12.0329 25.0882 11.5966 24.5531 11.2144C24.1211 10.9057 23.5204 11.2184 23.5204 11.7494V18.0614C23.5204 18.7136 23.2239 19.323 22.7272 19.7272C22.6335 19.6372 14.3995 11.4174 14.3308 11.3344C14.1249 11.0854 13.7427 11.1517 13.4416 11.3671C11.0125 13.1049 9.58061 15.8025 9.58635 19.0176C9.59127 21.7857 10.6191 24.2733 12.4977 26.0149L14.5541 28.0787L14.6287 32.8806C14.6287 34.0366 14.5797 35.1905 14.7788 36.3293C14.9478 37.2951 15.7865 38 16.7672 38H21.2328Z" fill="url(#paint2_linear_149_176)"/>
                            <path d="M36.3883 26.9763L34.0659 30.7904C33.5555 31.6279 32.5168 31.9774 31.6041 31.6197L28.8964 30.5565C28.2414 30.2994 27.5045 30.3896 26.9211 30.783C26.2938 31.2054 25.6306 31.5795 24.9377 31.8991C24.3006 32.1927 23.8424 32.7746 23.7217 33.4661L23.221 36.3295C23.0518 37.2951 22.2136 37.7765 21.2331 37.7765H16.7669C16.2767 37.7765 15.8222 37.6006 15.469 37.3033C15.2887 37.1521 15.1352 37.1931 15.0167 36.9867C15.314 37.158 15.6582 37.2549 16.0218 37.2549H20.488C21.4685 37.2549 22.3067 36.55 22.4759 35.5844C22.575 35.0151 22.6502 34.4414 22.7002 33.8662C22.7501 33.291 22.7754 32.7128 22.7754 32.1353V26.6834C25.7767 25.0703 27.8175 21.9007 27.8175 18.2549C27.8175 15.8072 26.898 13.5742 25.3847 11.8828C25.609 12.0825 25.8229 12.2934 26.027 12.5147L33.18 19.6676C33.1643 19.9992 33.139 20.3278 33.101 20.6526C33.0198 21.35 33.2962 22.0407 33.8237 22.5042L35.9957 24.4094C36.7326 25.0561 36.8987 26.1388 36.3883 26.9763Z" fill="url(#paint3_linear_149_176)"/>
                            <path d="M23.221 36.3291C23.4201 35.1903 23.5202 34.0365 23.5202 32.8804V24.9856H14.4797V32.8804C14.4797 34.0365 14.5798 35.1903 14.7789 36.3291C14.9478 37.2951 15.7865 38 16.7672 38H21.2328C22.2135 38 23.0522 37.2951 23.221 36.3291Z" fill="url(#paint4_linear_149_176)"/>
                            <path d="M14.4797 27.4314L23.243 36.1947C23.4268 35.0996 23.5202 33.991 23.5202 32.8804V24.9856H14.4797V27.4314Z" fill="url(#paint5_linear_149_176)"/>
                            <path d="M28.5626 19C28.5626 24.2813 24.2813 28.5625 19.0001 28.5626C13.7188 28.5627 9.4468 24.2987 9.43741 19.0175C9.43167 15.8023 11.0126 12.9557 13.4416 11.2179C13.8757 10.9074 14.4794 11.2158 14.4794 11.7495V18.0613C14.4794 18.8289 14.8889 19.5382 15.5537 19.9221L17.9256 21.2916C18.5904 21.6754 19.4095 21.6754 20.0744 21.2916L22.4462 19.9221C23.111 19.5383 23.5205 18.8289 23.5205 18.0613V11.7493C23.5205 11.2184 24.1212 10.9056 24.5533 11.2143C26.9808 12.9486 28.5626 15.7898 28.5626 19Z" fill="url(#paint6_linear_149_176)"/>
                            <path d="M11.9233 19.8054C11.9233 21.0071 12.5644 22.1176 13.605 22.7184L17.3181 24.8623C18.3588 25.4632 19.6412 25.4632 20.6819 24.8623L24.395 22.7184C25.4356 22.1176 26.0767 21.0071 26.0767 19.8054V12.5698C25.6188 12.0662 25.1085 11.611 24.5533 11.2143C24.1212 10.9056 23.5205 11.2183 23.5205 11.7494V18.0613C23.5205 18.8289 23.111 19.5382 22.4462 19.9221L20.0744 21.2916C19.4095 21.6755 18.5904 21.6755 17.9256 21.2916L15.5537 19.9221C14.8889 19.5383 14.4794 18.829 14.4794 18.0613V11.7496C14.4794 11.2158 13.8757 10.9074 13.4416 11.218C12.8884 11.6138 12.3797 12.0677 11.9232 12.5697L11.9233 19.8054Z" fill="url(#paint7_linear_149_176)"/>
                            </g>
                            <defs>
                            <linearGradient id="paint0_linear_149_176" x1="9.41818" y1="9.41819" x2="29.4691" y2="29.4691" gradientUnits="userSpaceOnUse">
                            <stop stop-color="#7FAEF4"/>
                            <stop offset="1" stop-color="#0071B8"/>
                            </linearGradient>
                            <linearGradient id="paint1_linear_149_176" x1="32.0984" y1="32.0984" x2="4.85297" y2="4.85297" gradientUnits="userSpaceOnUse">
                            <stop stop-color="#7FAEF4"/>
                            <stop offset="1" stop-color="#0071B8"/>
                            </linearGradient>
                            <linearGradient id="paint2_linear_149_176" x1="20.6752" y1="24.7277" x2="7.53361" y2="18.1941" gradientUnits="userSpaceOnUse">
                            <stop stop-color="#4C8DF1" stop-opacity="0"/>
                            <stop offset="0.5631" stop-color="#466CC8" stop-opacity="0.563"/>
                            <stop offset="1" stop-color="#0071B8"/>
                            </linearGradient>
                            <linearGradient id="paint3_linear_149_176" x1="31.1971" y1="29.8222" x2="20.6912" y2="24.7555" gradientUnits="userSpaceOnUse">
                            <stop stop-color="#4C8DF1" stop-opacity="0"/>
                            <stop offset="0.5631" stop-color="#466CC8" stop-opacity="0.563"/>
                            <stop offset="1" stop-color="#0071B8"/>
                            </linearGradient>
                            <linearGradient id="paint4_linear_149_176" x1="18.6674" y1="30.4346" x2="24.3697" y2="36.1369" gradientUnits="userSpaceOnUse">
                            <stop stop-color="#E3E5E4"/>
                            <stop offset="1" stop-color="#CBD0E4"/>
                            </linearGradient>
                            <linearGradient id="paint5_linear_149_176" x1="21.7758" y1="32.4906" x2="18.0007" y2="23.9469" gradientUnits="userSpaceOnUse">
                            <stop stop-color="#CBD0E4" stop-opacity="0"/>
                            <stop offset="1" stop-color="#6A7D83"/>
                            </linearGradient>
                            <linearGradient id="paint6_linear_149_176" x1="15.4968" y1="15.4993" x2="27.9836" y2="27.9861" gradientUnits="userSpaceOnUse">
                            <stop stop-color="#E3E5E4"/>
                            <stop offset="1" stop-color="#CBD0E4"/>
                            </linearGradient>
                            <linearGradient id="paint7_linear_149_176" x1="24.3087" y1="22.1854" x2="10.1517" y2="8.02827" gradientUnits="userSpaceOnUse">
                            <stop stop-color="#E3E5E4"/>
                            <stop offset="1" stop-color="#CBD0E4"/>
                            </linearGradient>
                            <clipPath id="clip0_149_176">
                            <rect width="38" height="38" fill="white"/>
                            </clipPath>
                            </defs>
                            </svg>
                            Repairing
                        </h3>
                        <p>Repairs are available for instruments within & outside of warranty coverage.</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="all-banners-section py-5">
        <div class="container">
            <div class="row">
                <div class="col-md-12 px-sm-0 px-3">
                    <div class="all-banner-container">
                        <div class="banner-left-section-container">
                            <div class="make-an-order-section" style="background-image: url('homeimg/make-an-order-banner.png')">
                                <div class="make-an-order-title">
                                    Make On Order
                                </div>
                                <div class="make-an-order-description">
                                    If We Don’t Have The Surgical Instrument You’re Looking For, We Will <span>Manufacture</span> It For You!
                                </div>
                            </div>
                            <div class="watch-video-section" style="background-image: url('homeimg/watch-video-banner.png')">
                                <div class="watch-videos-title">
                                    Watch Videos
                                </div>
                                <div class="watch-video-description">
                                    Watch Insturments Info Videos For Better Understaning
                                </div>
                                <div class="watch-video-button">
                                    Watch Now <svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M9.6568 0.668701L16.445 7.45693L9.6568 14.2452" stroke="white" stroke-width="1.6"/>
                                    <path d="M16.4568 7.45703H0.456848" stroke="white" stroke-width="1.6"/>
                                    </svg>
                                </div>
                            </div>
                        </div>
                        <div class="banner-right-section-container">
                            <div class="instruments-guide-section" style="background-image: url('homeimg/instrument-banner.png')">
                                <div class="instruments-title">
                                    Instruments Guide
                                </div>
                                <div class="instruments-description">
                                    Download Guide Books Of Every Instruments
                                </div>
                                <div class="instruments-button">
                                    Download Now <svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M9.6568 0.668701L16.445 7.45693L9.6568 14.2452" stroke="white" stroke-width="1.6"/>
                                    <path d="M16.4568 7.45703H0.456848" stroke="white" stroke-width="1.6"/>
                                    </svg>
                                </div>
                            </div>
                            <div class="blog-news-section" style="background-image: url('homeimg/blog-news-banner.png')">
                                <div class="blog-news-title">
                                    Read Our Blogs And News
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="sale-product-slider-section py-5" style="position: relative; z-index:0;">
        <div class="container">
            <div class="row">
                <div class="col-md-12 px-sm-0 px-3 pb-5 heading-section">
                    <div class="title-heading-section">
                        <h2>Products On Sale</h2>
                    </div>
                    <div class="view-more-button">
                        <a href="#">View More <img src="homeimg/right-up-arrow-icon.png" alt=""></a>
                    </div>
                </div>
                <div class="col-md-12 px-sm-0 px-3">
                    <div class="swiper saleProSlider">
                        <div class="swiper-wrapper">
                            @foreach ($data['hot_products']->products_all as $product)
                                <div class="swiper-slide">
                                    <div class="product-slider-inner-section">
                                        <div class="upper-image-section">
                                            <div class="icons-section">
                                                <div class="whishlist-icon" style="background-color: #00436E;">
                                                    <a href="#" class="wishlist-btn" data-product-id="{{ $product->id ?? '' }}">
                                                        <svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                            <path d="M9.0128 0.949219C8.44977 0.957976 7.89903 1.11515 7.41618 1.40485C6.93333 1.69456 6.53548 2.10655 6.2628 2.59922C5.99012 2.10655 5.59226 1.69456 5.10942 1.40485C4.62657 1.11515 4.07582 0.957976 3.5128 0.949219C2.61527 0.988214 1.76965 1.38085 1.16069 2.04133C0.551726 2.70182 0.228921 3.57648 0.262797 4.47422C0.262797 6.74772 2.6558 9.23072 4.6628 10.9142C5.11091 11.2908 5.67747 11.4972 6.2628 11.4972C6.84812 11.4972 7.41469 11.2908 7.8628 10.9142C9.8698 9.23072 12.2628 6.74772 12.2628 4.47422C12.2967 3.57648 11.9739 2.70182 11.3649 2.04133C10.7559 1.38085 9.91033 0.988214 9.0128 0.949219ZM7.2203 10.1492C6.95229 10.3749 6.61317 10.4987 6.2628 10.4987C5.91242 10.4987 5.5733 10.3749 5.3053 10.1492C2.7363 7.99372 1.2628 5.92572 1.2628 4.47422C1.22862 3.84158 1.44598 3.22108 1.86748 2.74807C2.28898 2.27505 2.88041 1.98789 3.5128 1.94922C4.14518 1.98789 4.73662 2.27505 5.15811 2.74807C5.57961 3.22108 5.79698 3.84158 5.7628 4.47422C5.7628 4.60683 5.81547 4.734 5.90924 4.82777C6.00301 4.92154 6.13019 4.97422 6.2628 4.97422C6.3954 4.97422 6.52258 4.92154 6.61635 4.82777C6.71012 4.734 6.7628 4.60683 6.7628 4.47422C6.72862 3.84158 6.94598 3.22108 7.36748 2.74807C7.78898 2.27505 8.38041 1.98789 9.0128 1.94922C9.64518 1.98789 10.2366 2.27505 10.6581 2.74807C11.0796 3.22108 11.297 3.84158 11.2628 4.47422C11.2628 5.92572 9.7893 7.99372 7.2203 10.1472V10.1492Z" fill="white"/>
                                                        </svg>
                                                    </a>
                                                </div>
                                            </div>
                                            <a href="/{{ $product->slug ?? '' }}">
                                                <img class="{{ $product->name ?? ''}}" src="https://www.germedusa.com/up_data/products/images/{{$product->image}}" alt="">
                                            </a>
                                        </div>
                                        <div class="product-detail-section">
                                            <div class="product-title">
                                                <a href="/{{ $product->slug ?? '' }}">
                                                    <h3>{{ $product->name ?? ''}}</h3>
                                                </a>
                                            </div>
                                            <div class="sku-price">
                                                <div class="pro-sku">
                                                    <p><strong>SKU:</strong> {{$product->sku ?? ''}}</p>
                                                </div>
                                                <div class="pro-price">
                                                    <p>{{$$product->price ?? 'View Variants'}}</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                        </div>
                        <div class="swiper-scrollbar mx-lg-0 mx-md-0 mx-sm-0 mx-1"></div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="newsletter-section">
        <div class="container">
            <div class="row" style="row-gap: 1rem;">
                <div class="col-lg-6 col-md-6 col-sm-12">
                    <img src="homeimg/newsletter-main-banner.png" alt="" style="background-size: cover;">
                </div>
                <div class="col-lg-6 col-md-6 col-sm-12">
                    <div class="newsletter-right-section" style="background-image: url('homeimg/newsletter-bg-banner.png')">
                        <div class="newsletter-long-title">
                            Join our newsletter and get <span>30% discount</span> for your <br> next order.
                        </div>
                        <div class="newsletter-form pt-3">
                            <form action="" class="text-center">
                                <input type="email" name="email" placeholder="Your Email.." id="email">
                                <button class="form-button">Subscribe</button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

@endsection

@push('after-scripts')
<!-- Swiper JS -->
  <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>

  <!-- Initialize Swiper -->
  <script>
    var swiper = new Swiper(".heroSlider", {
      pagination: {
        el: ".swiper-pagination",
        clickable: true,
        renderBullet: function (index, className) {
          return '<span class="' + className + '">' + "</span>";
        },
      },
    });
  </script>
  <script>
    var swiper = new Swiper(".catSlider", {
        slidesPerView: 3,
        spaceBetween: 30,
        scrollbar: {
            el: ".swiper-scrollbar",
        },
        breakpoints: {
            768: {
                slidesPerView: 3,
                spaceBetween: 30,
            },
            480: {
                slidesPerView: 2,
                spaceBetween: 30,
            },
            0: {
                slidesPerView: 1,
                spaceBetween: 10,
            }
        }
    });
  </script>
  <script>
    var swiper = new Swiper(".featuredProSlider", {
        slidesPerView: 4,
        spaceBetween: 15,
        scrollbar: {
            el: ".swiper-scrollbar",
        },
        breakpoints: {
            1024: {
                slidesPerView: 4,
                spaceBetween: 10,
            },
            768: {
                slidesPerView: 3,
                spaceBetween: 10,
            },
            480: {
                slidesPerView: 2,
                spaceBetween: 10,
            },
            0: {
                slidesPerView: 1,
                spaceBetween: 10,
            }
        }
    });
  </script>
  <script>
    var swiper = new Swiper(".saleProSlider", {
        slidesPerView: 4,
        spaceBetween: 15,
        scrollbar: {
            el: ".swiper-scrollbar",
        },
        breakpoints: {
            1024: {
                slidesPerView: 4,
                spaceBetween: 30,
            },
            768: {
                slidesPerView: 3,
                spaceBetween: 30,
            },
            480: {
                slidesPerView: 2,
                spaceBetween: 30,
            },
            0: {
                slidesPerView: 1,
                spaceBetween: 10,
            }
        }
    });
  </script>
@endpush