@include('home.header')

<style>

.topnav_bar ul li a {
    color: #6E7982;
}
.topnav_bar #Brand_Logo {
    display: block !important;
}

img#Sticky_Brand_Logo {
    display: none !important;
}
.sticky .Company_logo {
    line-height: 30px !important;
    display: block;
        text-align: center;
        float: none;
}
.border-bottom td {
    vertical-align: baseline;
}

.title h2 {
    color: #5a8573;
}

</style>

<main  class="product_details_main">


    <!-- ==================== Start Slider ==================== -->

    <!-- <header class="pg-header style2 product-bg-img valign" data-overlay-dark="6"  style="background-image: url('{{ asset('img/product/5.png') }}')">
        <div class="container ontop">
            <div class="row">
                <div class="col-12">
                    <div class="cont text-left mb-80">
                        <h3 class="fw-700 mb-50">COMPRESSOR</h3>
                    </div>
                </div>
            </div>
        </div>
        <div class="curve">
            <svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" height="100%" viewBox="0 0 100 100"
                preserveAspectRatio="none">
                <path d="M0 100 0 0 C15 120 35 120 100 0 L 100 100 Z" fill="#191b1d"></path>
            </svg>
        </div>
    </header> -->


    <!-- ==================== End Slider ==================== -->



    <!-- ==================== Start Blog ==================== -->

    <section class="blog section-padding pb-0">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-12">
                    <div class="main-post">
                        <div class="row item pb-60">
                            <div class="product_image_container col-lg-5 col-md-5 col-sm-5">
                                <div class="main-img mb-40 radius-5 m-auto ">
                                        <img src="{{ asset('img/product/5.webp') }}" alt="">
                                </div>
                            </div>
                            <div class="product_content_container col-lg-7 col-md-7 col-sm-6">
                                <div class="text-left">
                                    <div class="row justify-content-center">
                                        <div class="col-lg-11">
                                            <div class="title">
                                                <h2 class="fw-700">COMPRESSOR</h2>
                                                <div class="text mt-20">
                                                    <p>Lucan’s relationship with their dealers is special as all
                                                        our dealings have been built with trust, transparency
                                                        and fairness. Our approach towards service and product
                                                        distribution is nothing but the best.</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- ==================== End Blog ==================== -->


</main>

@include('home.footer')