<header class="header section">
    <div class="container">
        <div class="row">
            <div class="col-lg-6">
                <div class="text-box">
                    <h1 class="title text-white fw-bold text-capitalize mb-4">
                        <span class="color-secondary">{{$sliderTitle1}}  </span> {{$sliderTitle2}}
                    </h1>
                    <p class="p col-md-10">{{$slider->description}}</p>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="img-box">
                    <img src="{{asset('assets/web/images/header-1.png')}}" alt="" class="sec-img"/>
                </div>
            </div>
        </div>
        <div class="social_links mt-0">
            @if($settings['facebook'] ?? null)
                <a target="_blank" href="{{$settings['facebook']}}"><i class="fa-brands fa-facebook-f"></i></a>
            @endif
            @if($settings['twitter'] ?? null)
                <a target="_blank" href="{{$settings['twitter']}}"><i class="fa-brands fa-twitter"></i></a>
            @endif
            @if($settings['instagram'] ?? null)
                <a target="_blank" href="{{$settings['instagram']}}"><i class="fa-brands fa-instagram"></i></a>
            @endif
        </div>
    </div>
    <img src="{{asset('assets/web/images/pattern-1.png')}}" alt="" class="pattern"/>
</header>
