{{-- breadcrumb__1 --}}
<section class="py-0">
    <div class="background__image"
        style="background-image: url('{{ get_image($page_setting->background_image) }}');background-position: center;background-size: cover;background-repeat: no-repeat">
        <div class="header___box">
            <div class="container demo py-15">
                    <div class="col-lg-12">
                        <h1  style="color: {{$page_setting->font_color}}" class="text-@if($page_setting->position == 'left') start @elseif($page_setting->position == 'center')center @elseif($page_setting->position == 'right')end @endif">
                            @if($page->breadcrumb_title_status)
                                Home | {{ $heading }}
                            @endif
                        </h1>
                    </div>
            </div>
        </div>
    </div>
</section>
<style>
    .background__image .header___box {
        background-color: {{$page_setting->background_opacity_color}};
        opacity:{{$page_setting->opacity}};
        padding:@if($page_setting->breadcumb_height){{$page_setting->breadcumb_height}}px 0 @else 150px 0 @endif;
    }
</style>