<!-- Start Header -->
<header class="header">
    <div class="star-bg">
        <div id="stars"></div>
        <div id="stars2"></div>
        <div id="stars3"></div>
    </div>

    <div class="particle1"></div>

    <div class="custom-shape-divider-bottom-1696181426">
        <svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none">
            <path
                d="M321.39,56.44c58-10.79,114.16-30.13,172-41.86,82.39-16.72,168.19-17.73,250.45-.39C823.78,31,906.67,72,985.66,92.83c70.05,18.48,146.53,26.09,214.34,3V0H0V27.35A600.21,600.21,0,0,0,321.39,56.44Z"
                class="shape-fill"></path>
        </svg>
    </div>

    @include('frontend.themes.basic.partials.navbar')
    <!-- Start Header Wrapper -->
    <div class="header-wrapper">
        <div class="container">
            <!-- Start Header Title -->
            <h1 class="header-title">{{ $title }}</h1>
            <!-- End Header Title -->
        </div>
    </div>

</header>
<!-- End Header -->
