<div>
    <div class="modules_area section__padding_custom">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-6 col-md-8">
                    <div class="section__title text-center mb_80">

                        <h3>
                            {{@$homeContent->how_to_buy_title}}
                        </h3>
                        <p>
                            {{@$homeContent->how_to_buy_sub_title}}
                        </p>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-12">
                    <div class="modile_main_wrap">
                        <a href="javascript:void(0)">
                            <div class="single_module text-center">
                                <div class="icon">
                                    <img src="{{asset($homeContent->how_to_buy_logo1)}}" alt="" style="max-width: 100%">
                                </div>
                                <h3>
                                    {{@$homeContent->how_to_buy_title1}}
                                </h3>
                                <p>{{@$homeContent->how_to_buy_details1}}</p>
                            </div>
                        </a>


                        <a href="javascript:void(0)">
                            <div class="single_module text-center">
                                <div class="icon">
                                    <img src="{{asset($homeContent->how_to_buy_logo2)}}" alt="" style="max-width: 100%">
                                </div>
                                <h3>
                                    {{@$homeContent->how_to_buy_title2}}
                                </h3>
                                <p>{{@$homeContent->how_to_buy_details2}}</p>
                            </div>
                        </a>


                        <a href="javascript:void(0)">
                            <div class="single_module text-center">
                                <div class="icon">
                                    <img src="{{asset($homeContent->how_to_buy_logo3)}}" alt="" style="max-width: 100%">
                                </div>
                                <h3>
                                    {{@$homeContent->how_to_buy_title3}}
                                </h3>
                                <p>{{@$homeContent->how_to_buy_details3}}</p>
                            </div>
                        </a>

                        <a href="javascript:void(0)">
                            <div class="single_module text-center">
                                <div class="icon">
                                    <img src="{{asset($homeContent->how_to_buy_logo4)}}" alt=""
                                         style="max-width: 100%">
                                </div>
                                <h3>
                                    {{@$homeContent->how_to_buy_title4}}
                                </h3>
                                <p>{{@$homeContent->how_to_buy_details4}}</p>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
