<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta property="og:image" content="">
    <title>About Bharat Impact</title>
    <?php include("include/links.php"); ?>
    <link rel="stylesheet" href="assets/css/owl.css">
</head>

<body>
    <?php include("include/header.php"); ?>
    <section class="py-5 cooming-sec bg-light d-flex justify-content-center align-items-center" style="min-height: calc(-166px + 100vh);">
        <div class="container">
            <div class="row justify-content-lg-center text-center">
                <div class="col-lg-5 text-white">
                    <!-- <h2 class="h1 cooming-title">Information <br></h2> -->
                    <h1 class="h1 cooming-title text-primary">Coming <span class="text-secondary">Soon</span> </h1>
                </div>
            </div>
        </div>
    </section>
    <?php include("include/footer.php"); ?>
    <?php include("include/script.php"); ?>
    <script src="assets/js/owl.js"></script>
    <script>
        $(document).ready(function() {
            function adjustSectionHeight() {
                var headerHeight = $('.header').outerHeight(); // Get the header height

                // Calculate and set the min-height for the .cooming-sec section
                // $('.cooming-sec').css('min-height', 'calc(100vh - ' + (headerHeight + topbandHeight + breadcrumbHeight) + 'px)');
                $('.cooming-sec').css('min-height', 'calc(100vh - ' + (headerHeight) + 'px)');
            }
            // console.log('min-height', 'calc(100vh - ' + (headerHeight + footerHeight + breadcrumbHeight) + 'px)')

            // Run on page load
            adjustSectionHeight();

            // Run on window resize to adjust dynamically
            $(window).resize(function() {
                adjustSectionHeight();
            });
        });
    </script>
</body>

</html>