<footer class="">
    <div class="content">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-4">
                    <div class="logo_side">
                        <div class="logo">
                            <img src="{{asset($footer->image)}}" alt="">
                        </div>
                        <div class="text lh-lg"> {{$footer->title}} </div>
                        <div class="social_links mb-4">
                            @if($settings['facebook'])
                                <a target="_blank" href="{{$settings['facebook']}}"> <i class="fab fa-facebook"></i> </a>
                            @endif
                            @if($settings['instagram'])
                                <a target="_blank" href="{{$settings['instagram']}}"> <i class="fab fa-instagram"></i> </a>
                            @endif
                            @if($settings['tiktok'])
                                <a target="_blank" href="{{$settings['tiktok']}}"> <i class="fab fa-tiktok"></i> </a>
                            @endif
                            @if($settings['whatsapp'])
                                <a target="_blank" href="https://api.whatsapp.com/send?phone={{$settings['whatsapp']}}&text="> <i class="fab fa-whatsapp"></i> </a>
                            @endif
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="opinning">
                        {!! $settings['opining_time'] !!}
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="contact_info">
                        <ul>
                            <li> <a href="tel:{{$settings['site_phone']}}"> <span class="txt"> <i class="fal fa-phone icon"></i> <span dir="ltr"> {{$settings['site_phone']}} </span> </span> </a> </li>
                            <li> <a href="mailto:{{$settings['site_email']}}"> <span class="txt"> <i class="fal fa-envelope icon"></i> {{$settings['site_email']}} </span> </a> </li>
                            <li> <a > <span class="txt"> <i class="fal fa-map-marker icon"></i>  {{$settings['site_address']}} </span> </a> </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="foot text-center">
                <div class="container">
                    <div class="row justify-content-center">
                        <div class="col-lg-6">
                            <div class="l-side text-center">
                                {!! __('web.rights') !!}
                            </div>
                        </div>
                        <!--<div class="col-lg-6">-->
                        <!--    <div class="r-side text-center text-lg-end mt-4 mt-lg-0">-->
                        <!--        <span class="text-white">NESMA COMPANY</span>-->
                        <!--        <img src="https://chord.omar.alyomhost.org/assets/web/images/nesma_footer_logo.svg" class="ml-2 foot_logo_img">-->
                        <!--    </div>-->
                        <!--</div>-->
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- <img src="images/rectangle-right.svg" alt="" class="shap1"> -->
</footer>
<!--End-Contents-->

<!-- ------------ modals ----------- -->

<!-- ====== start to top button ====== -->
<div class="progress-wrap">
    <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
        <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98"
              style="transition: stroke-dashoffset 10ms linear 0s; stroke-dasharray: 307.919, 307.919; stroke-dashoffset: 220.587;">
        </path>
    </svg>
</div>
