<div class="view gradient"
    style="background: linear-gradient(45deg, rgba(37, 10, 19, 0.7), rgba(86, 29, 39, 0.4) 100%); height:; ">
    <!-- Mask & flexbox options-->
    <div class="mask  d-flex justify-content-center align-items-center">
        <!-- Content -->
        <div class="container">
            <!--Grid row-->
            <div class="row">
                <!--Grid column-->
                <div class="col-md-4">

                </div>
                <div class="col-md-4  white-text ">
                    <div class="row">
                        <div class="col-md-12" style="text-align: center; margin-top-30px;">
                            <img src="{{ asset('front-end/images/sooma.png') }}" alt=""
                                style=" ">
                        </div>
                        <div class="col-md-12 text-center">
                           
                            <a href="#" class="btn btn-outline-light btn-rounded wow fadeInLeft "
                                data-wow-delay="0.3s">په اړه ?</a>
                        </div>
                    </div>
                </div>
                <div class="col-md-4"></div>
            
            </div>
            <!--Grid row-->
        </div>
        <!-- Content -->
    </div>
    <!-- Mask & flexbox options-->
</div>
