
        <!-- Start finlance_banner section -->
		<section class="finlance_banner banner_v1">
			<div class="hero_slide_v1">
                @if (!empty($sliders))
                    @foreach ($sliders as $key => $slider)
                        <div class="single_slider bg_image lazy" data-bg="{{asset('assets/front/img/sliders/'.$slider->image)}}">
                            <div class="bg_overlay" style="background-color: #{{$be->hero_overlay_color}};opacity: {{$be->hero_overlay_opacity}};"></div>
                            <div class="container">
                                <div class="row">
                                    <div class="col-lg-8">
                                        <div class="banner_content">
                                            <span style="font-size: {{$slider->title_font_size}}px">{{$slider->title}}</span>
                                            <h1 data-animation="fadeInUp" data-delay=".2s" style="font-size: {{$slider->bold_text_font_size}}px">{{$slider->bold_text}}</h1>
                                            <h3 data-animation="fadeInUp" data-delay=".3s" style="font-size: {{$slider->text_font_size}}px">{{$slider->text}}</h3>
                                            @if (!empty($slider->button_url) && !empty($slider->button_text))
                                                <a href="{{$slider->button_url}}" class="finlance_btn" data-animation="fadeInUp" data-delay=".4s" style="font-size: {{$slider->button_text_font_size}}px">{{$slider->button_text}}</a>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endforeach
                @endif
			</div>
		</section>
        <!-- End finlance_banner section -->
