    <!-- 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 -->
        @include('frontend.themes.basic.sections.mail')
        <!-- End Header Wrapper -->

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