    <!-- footer start -->
    <footer class="footer">
        <div class="container">
            <div class="row justify-content-between">
                <div class="col-lg-4 col-md-12 pl-32px">
                    <p class="footer-desc">Protect your online privacy and access content worldwide with TwistVPN.</p>
                    <div class="footer-logo">
                        <a href="/">
                            <img class="img-fluid" src="{{ asset('themes/images/twistvpn-logo.svg') }}" alt="TwistVPN">
                        </a>
                    </div>
                    <div class="footer-lang mt-4 dropdown">
                        <button class="lang-btn dropdown-toggle" type="button" id="languageDropdown" data-bs-toggle="dropdown" aria-expanded="false">
                             <img src="{{ asset('themes/images/en.png') }}" alt="EN" width="16px"> EN <svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L5 5L9 1" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
                        </button>
                        <ul class="dropdown-menu" aria-labelledby="languageDropdown">
                            <li><a class="dropdown-item" href="#"><img src="{{ asset('themes/images/en.png') }}" alt="EN" width="16px"> EN</a></li>
                            <li><a class="dropdown-item" href="#"><img src="{{ asset('themes/images/en.png') }}" alt="EN" width="16px"> EN</a></li>
                            <li><a class="dropdown-item" href="#"><img src="{{ asset('themes/images/en.png') }}" alt="EN" width="16px"> EN</a></li>
                            <li><a class="dropdown-item" href="#"><img src="{{ asset('themes/images/en.png') }}" alt="EN" width="16px"> EN  </a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-2 col-md-4 col-sm-6 mb-4 mb-md-0">
                    <h5 class="footer-head">USEFUL LINKS</h5>
                    <ul class="footer-links">
                        <li><a href="#">Terms and Conditions</a></li>
                        <li><a href="#">Terms of Use</a></li>
                        <li><a href="#">Privacy Policy</a></li>
                    </ul>
                </div>
                <div class="col-lg-2 col-md-4 col-sm-6 mb-4 mb-md-0">
                    <h5 class="footer-head">DOWNLOAD LINKS</h5>
                    <ul class="footer-links">
                        <li><a href="#">Windows</a></li>
                        <li><a href="#">Mac</a></li>
                        <li><a href="#">Android</a></li>
                        <li><a href="#">iOS</a></li>
                    </ul>
                </div>
                <div class="col-lg-2 col-md-4 col-sm-12">
                    <h5 class="footer-head">FOLLOW US</h5>
                    <ul class="footer-links">
                        <li><a href="#">Instagram</a></li>
                        <li><a href="#">Telegram</a></li>
                        <li><a href="#">X</a></li>
                    </ul>
                </div>
            </div>
            <div class="footer-bottom">
                <div class="row">
                    <div class="col-12 text-center">
                        <p class="copyright-text">© 2025 TwistVPN Wireframes. All rights reserved.</p>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <!-- footer end -->

    <script src="{{ asset('themes/js/jquery.min.js') }}"></script>
    <script src="{{ asset('themes/js/slick.min.js') }}"></script>
    <script src="{{ asset('themes/js/bootstrap.bundle.min.js') }}"></script>
    <script src="{{ asset('themes/js/global.js?v='.date('ymdhis')) }}"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js" integrity="sha512-uURl+ZXMBrF4AwGaWmEetzrd+J5/8NRkWAvJx5sbPSSuOb0bZLqf+tOzniObO00BjHa/dD7gub9oCGMLPQHtQA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@10.10.1/dist/sweetalert2.all.min.js"></script>
    <script src="{{ asset('themes/assets/js/toast.js?v=653') }}"></script>

    <script>

        function sectionScroll() {
            let headerHeight = $('.header').outerHeight(); // Replace with your header class
            $('html, body').animate({
                scrollTop: $("#paymentSection").offset().top - headerHeight
            }, 100);
        }

    </script>