<!-- Header Area Start -->
<div class="header__four">
    <div class="custom_container">
        <div class="header__area-menubar">
            <div class="header__area-menubar-left one">
                <div class="bg-white header__area-menubar-left-logo p-1 rounded-3">
                    {{--  class="align-items-center d-flex gap-2" --}}
                    <a href="/">
                        {{-- <img src="/favicon/favicon.svg" style="height: 55px;" alt="{{ $settings->name }} logo"> --}}
                        <img src="/web/assets/img/logo-with-text-below.png" style="height: 55px;" alt="{{ $settings->name }} logo">
                        {{-- <span class="text-white" style="font-size: 2em;">{{ $settings->name }}</span> --}}
                    </a>
                </div>
            </div>
            <div class="header__area-menubar-center">
                <div class="header__area-menubar-center-menu">
                    <ul id="mobilemenu">
                        <li><a href="/">{{ __('Home') }}</a></li>
                        <li><a href="{{ route('about-us.index') }}">{{ __('About Us') }}</a></li>

                        <li class="menu-item-has-children"><a href="{{ route('our-solutions.index') }}">{{ __('Our solutions') }}</a>
                            <ul class="sub-menu">
                                @foreach($solutions as $solution)
                                    <li><a href="{{ route('our-solutions.show', $solution->slug) }}">{{ $solution->title }}</a></li>
                                @endforeach
                            </ul>
                        </li>

                        <li class="menu-item-has-children"><a href="#">{{ __('News & Stories') }}</a>
                            <ul class="sub-menu">
                                <li><a href="{{ route('news.index') }}">{{ __('News') }}</a></li>
                                <li><a href="{{ route('success.index') }}">{{ __('Success Stories') }}</a></li>
                            </ul>
                        </li>

                        <li class="menu-item-has-children"><a href="#">{{ __('Careers') }}</a>
                            <ul class="sub-menu">
                                <li><a href="{{ route('career.index') }}">{{ __('Career Opportunities') }}</a></li>
                                <li><a href="{{ route('internship.index') }}">{{ __('Internships') }}</a></li>
                            </ul>
                        </li>

                        <li><a href="{{ route('contact.index') }}">{{ __('Contact') }}</a></li>
                    </ul>
                </div>
            </div>
            <div class="header__area-menubar-right">
                {{-- <div class="header__area-menubar-right-search">
                    <div class="search">
                        <span class="header__area-menubar-right-search-icon open"><i class="fal fa-search"></i></span>
                    </div>
                </div> --}}
                <div class="header__area-menubar-right-btn one">
                    <div class="item_bounce">
                        <a class="build_button" href="#">{{ __('Get Started') }}<i class="flaticon-right-up"></i></a>
                    </div>
                </div>
                <div class="header__area-menubar-right-sidebar">
                    <div class="header__area-menubar-right-sidebar-icon">
                        <i class="flaticon-menu-6"></i>
                    </div>
                </div>
                <div class="header__area-menubar-right-responsive-menu menu__bar">
                    <i class="flaticon-menu-3"></i>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Header Area End -->
