<!-- ==================== Footer Start Here ==================== -->
<footer class="footer bg-black position-relative z-1 mt-auto tw-pt-16 overflow-hidden">

    <!-- Footer Top Start -->
    <div class="container">
        <div class="d-flex align-items-center tw-gap-505">
            <div class="flex-grow-1">
                <div class="d-flex align-items-center flex-lg-nowrap flex-wrap tw-gap-100-px tw-pb-13 border-bottom border-neutral-700">
                    <div class="max-w-514-px w-100 d-flex align-items-center tw-gap-505" data-aos="fade-up" data-aos-anchor-placement="top-bottom" data-aos-duration="600">
                        <h3 class="h1 text-white tw-mb-0 fw-medium d-inline-flex align-items-center tw-gap-4 flex-shrink-0"> 
                            <img src="<?php echo get_template_directory_uri(); ?>/assets/images/icons/arrow-up-main.svg" alt=""> 
                            88%
                        </h3>
                        <p class="text-neutral-300 max-w-194-px ">Average revenue growth for per successful clients</p>
                    </div>
                    <div class="max-w-514-px w-100 d-flex align-items-center tw-gap-505" data-aos="fade-up" data-aos-anchor-placement="top-bottom" data-aos-duration="600">
                        <h3 class="h1 text-white tw-mb-0 fw-medium d-inline-flex align-items-center tw-gap-4 flex-shrink-0">1.3m</h3>
                        <div class="d-flex align-items-center tw-gap-2">
                            <p class="text-neutral-300 max-w-194-px ">Average revenue growth for per successful clients</p>
                        </div>
                    </div>
                </div>
                <div class="tw-pt-8 d-flex align-items-center tw-gap-8 flex-wrap">
                    <ul class="d-flex align-items-center tw-gap-8 flex-wrap">
                        <li class="d-flex align-items-center tw-gap-3" data-aos="fade-up" data-aos-anchor-placement="top-bottom" data-aos-duration="600">
                            <span class="tw-w-5 tw-h-5 bg-main-600 text-white d-flex justify-content-center  align-items-center tw-text-xs rounded-circle">
                                <i class="ph ph-check"></i>
                            </span>
                            <p class="text-white fw-medium">Various analysis options.</p>
                        </li>
                        <li class="d-flex align-items-center tw-gap-3" data-aos="fade-up" data-aos-anchor-placement="top-bottom" data-aos-duration="600">
                            <span class="tw-w-5 tw-h-5 bg-main-600 text-white d-flex justify-content-center  align-items-center tw-text-xs rounded-circle">
                                <i class="ph ph-check"></i>
                            </span>
                            <p class="text-white fw-medium">Page Load (time, size, number of requests).</p>
                        </li>
                    </ul>
                    <div class="d-flex align-items-center justify-content-center tw-gap-405">
                        <div class="" data-aos="fade-up" data-aos-anchor-placement="top-bottom" data-aos-duration="800">
                            <a href="https://play.google.com/store/apps" class="hover--translate-y-1 active--translate-y-scale-9">
                                <img src="<?php echo get_template_directory_uri(); ?>/assets/images/icons/store1.png" alt="">
                            </a>
                        </div>
                        <div class="" data-aos="fade-up" data-aos-anchor-placement="top-bottom" data-aos-duration="800">
                            <a href="https://www.apple.com/app-store" class="hover--translate-y-1 active--translate-y-scale-9">
                                <img src="<?php echo get_template_directory_uri(); ?>/assets/images/icons/store2.png" alt="">
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="flex-shrink-0 gradient-overlay d-md-block d-none">
                <img src="<?php echo get_template_directory_uri(); ?>/assets/images/thumbs/footer-img.png" alt="">
            </div>
        </div>
    </div>
    <!-- Footer Top End -->

    
    <div class="py-120 ">
        <div class="container container-two">
            <div class="row g-5">
                <div class="col-lg-5 col-sm-6 col-xs-6" data-aos="fade-up" data-aos-duration="600">
                    <div class="">
                        <a href="index.html" class="link hover--translate-y-1 active--translate-y-scale-9 tw-mb-10">
                            <img src="<?php echo get_template_directory_uri(); ?>/assets/images/logo/logo-white.png" alt="">
                        </a>
                        <form action="#" class="d-flex flex-md-row flex-column tw-gap-5 form-submit">
                            <div class="position-relative flex-grow-1">
                                <input type="email" class="tw-h-14 tw-rounded-lg bg-white-08 tw-ps-12 border border-neutral-700 focus-border-main-600 text-white focus-outline-0 w-100 tw-pe-6" placeholder="Email Address" required>
                                <span class="text-white tw-text-lg position-absolute top-50 tw-start-0 tw--translate-y-50 tw-ms-5 d-flex">
                                    <i class="ph ph-envelope-simple"></i>
                                </span>
                            </div>
                            <button type="submit" class="btn btn-main hover-style-three button--stroke d-inline-flex align-items-center justify-content-center tw-gap-2 group active--translate-y-2 fw-semibold flex-shrink-0 hover--translate-y-1 active--translate-y-scale-9" data-block="button">
                                <span class="button__flair"></span>
                                <span class="button__label">Sign Up</span>
                                <span class="text-white tw-text-sm tw-rounded d-flex justify-content-center align-items-center position-relative group-hover-text-main-600 tw-duration-500">
                                    <i class="ph-bold ph-caret-right"></i>
                                </span>
                            </button>
                        </form>
                        <p class="text-neutral-500 fw-semibold tw-mt-9">By subscribing, you're accept
                            <a href="javascript:void(0)" class="text-white text-decoration-underline hover-text-main-600 hover--translate-y-1 active--translate-y-scale-9">Privacy Policy</a>
                        </p>
                    </div>
                </div>
                <div class="col-lg-2 col-sm-6 col-xs-6" data-aos="fade-up" data-aos-duration="800">
                    <div class="">
                        <h5 class="fw-medium text--white tw-mb-8">My account</h5>
                        <ul class="d-flex flex-column tw-gap-4">
                            <li>
                                <a href="javascript:void(0)" class="hover-arrow-start text--white hover-text-white hover-underline hover--translate-y-1 active--translate-y-scale-9">Forum Support</a>
                            </li>
                            <li>
                                <a href="javascript:void(0)" class="hover-arrow-start text--white hover-text-white hover-underline hover--translate-y-1 active--translate-y-scale-9">Help & FAQ</a>
                            </li>
                            <li>
                                <a href="contact.html" class="hover-arrow-start text--white hover-text-white hover-underline hover--translate-y-1 active--translate-y-scale-9">Contact Us</a>
                            </li>
                            <li>
                                <a href="javascript:void(0)" class="hover-arrow-start text--white hover-text-white hover-underline hover--translate-y-1 active--translate-y-scale-9">Pricing and plans</a>
                            </li>
                            <li class="mb-0">
                                <a href="javascript:void(0)" class="hover-arrow-start text--white hover-text-white hover-underline hover--translate-y-1 active--translate-y-scale-9">Cookies Policy</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-2 col-sm-6 col-xs-6" data-aos="fade-up" data-aos-duration="1000">
                    <div class="">
                        <h5 class="fw-medium text--white tw-mb-8">Service</h5>
                        <ul class="d-flex flex-column tw-gap-4">
                            <li>
                                <a href="javascript:void(0)" class="hover-arrow-start text--white hover-text-white hover-underline hover--translate-y-1 active--translate-y-scale-9">It Consultation </a>
                            </li>
                            <li>
                                <a href="javascript:void(0)" class="hover-arrow-start text--white hover-text-white hover-underline hover--translate-y-1 active--translate-y-scale-9">Cloud Services</a>
                            </li>
                            <li>
                                <a href="javascript:void(0)" class="hover-arrow-start text--white hover-text-white hover-underline hover--translate-y-1 active--translate-y-scale-9">AI Machine Learning</a>
                            </li>
                            <li>
                                <a href="javascript:void(0)" class="hover-arrow-start text--white hover-text-white hover-underline hover--translate-y-1 active--translate-y-scale-9">Data Security</a>
                            </li>
                            <li class="mb-0">
                                <a href="javascript:void(0)" class="hover-arrow-start text--white hover-text-white hover-underline hover--translate-y-1 active--translate-y-scale-9">Software Development</a>
                            </li>
                            <li class="mb-0">
                                <a href="javascript:void(0)" class="hover-arrow-start text--white hover-text-white hover-underline hover--translate-y-1 active--translate-y-scale-9">Cyber Security</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-3 col-sm-6 col-xs-6" data-aos="fade-up" data-aos-duration="1200">
                    <div class="">
                        <h5 class="fw-medium text--white tw-mb-8">Locations</h5>
                        <div class="d-flex align-items-center tw-gap-5">
                            <span class="d-flex tw-text-3xl text-main-600">
                                <img src="<?php echo get_template_directory_uri(); ?>/assets/images/icons/map.svg" alt="">
                            </span>
                            <div class="">
                                <p class="text-neutral-400 d-block mb-1">55 Main Street, 2nd block Malborne, Australia</p>
                            </div>
                        </div>

                        <h5 class="fw-medium text--white tw-mt-10 tw-mb-6">Contact</h5>
                        <a href="mailto:support@gmail.com" class="text-neutral-400 hover--translate-y-1 active--translate-y-scale-9">support@gmail.com</a>
                        <div class="d-flex align-items-center tw-gap-5 tw-mt-2">
                            <span class="d-flex tw-text-3xl text-main-600">
                                <img src="<?php echo get_template_directory_uri(); ?>/assets/images/icons/phone.svg" alt="">
                            </span>
                            <div class="">
                                <a href="tel:+880(123)45688" class="d-block mb-1 tw-text-2xl text-white hover-text-main-600 hover--translate-y-1 active--translate-y-scale-9">+880 (123) 456 88</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container">
        <!-- bottom Footer -->
        <div class="border-top border-dashed border-neutral-600 border-0 tw-py-8">
            <div class="container container-two">
                <div class="d-flex align-items-center justify-content-between tw-gap-4 flex-wrap">
                    <p class="text--white text-line-1 fw-normal"> 
                        &copy; 2025 <a href="https://themeforest.net/user/wowtheme7" class="fw-medium hover-underline hover--translate-y-1 active--translate-y-scale-9">WowTheme7</a> - IT Services. All rights reserved.
                    </p>
                    <ul class="d-flex align-items-center tw-gap-6" >
                        <li>
                            <a href="https://www.facebook.com" class="text--white tw-text-2xl hover--translate-y-1 active--translate-y-scale-9 d-flex align-items-center tw-gap-205 hover-text-white">
                                <span class="text-main-600 d-flex">
                                    <i class="ph-fill ph-facebook-logo"></i>
                                </span>
                                <span class="tw-text-base">Facebook</span>
                            </a>
                        </li>
                        <li>
                            <a href="https://www.twitter.com" class="text--white tw-text-2xl hover--translate-y-1 active--translate-y-scale-9 d-flex align-items-center tw-gap-205 hover-text-white">
                                 <span class="text-main-600 d-flex">
                                    <i class="ph-fill ph-twitter-logo"></i>
                                </span>
                                <span class="tw-text-base">Twitter</span>
                            </a>
                        </li>
                        <li>
                            <a href="https://www.linkedin.com" class="text--white tw-text-2xl hover--translate-y-1 active--translate-y-scale-9 d-flex align-items-center tw-gap-205 hover-text-white">
                                <span class="text-main-600 d-flex">
                                    <i class="ph-fill ph-instagram-logo"></i>
                                </span>
                                <span class="tw-text-base">Instagram</span>
                            </a>
                        </li>
                        <li>
                            <a href="https://www.pinterest.com" class="text--white tw-text-2xl hover--translate-y-1 active--translate-y-scale-9 d-flex align-items-center tw-gap-205 hover-text-white">
                                <span class="text-main-600 d-flex">
                                    <i class="ph-fill ph-pinterest-logo"></i>
                                </span>
                                <span class="tw-text-base">Pinterest</span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</footer>
<!-- ==================== Footer End Here ==================== -->
  

    </div>
</div>

        <!-- Jquery js -->
    <script src="<?php echo get_template_directory_uri(); ?>/assets/js/jquery-3.7.1.min.js"></script>
    <!-- phosphor Js -->
    <script src="<?php echo get_template_directory_uri(); ?>/assets/js/phosphor-icon.js"></script>
    <!-- Bootstrap Bundle Js -->
    <script src="<?php echo get_template_directory_uri(); ?>/assets/js/boostrap.bundle.min.js"></script>

    <!-- GSAP js -->
    <script src="<?php echo get_template_directory_uri(); ?>/assets/js/gsap.min.js"></script>
    <!-- Scroll Trigger -->
    <script src="<?php echo get_template_directory_uri(); ?>/assets/js/ScrollTrigger.min.js"></script>
    <!-- ScrollSmoother -->
    <script src="<?php echo get_template_directory_uri(); ?>/assets/js/ScrollSmoother.min.js"></script>
    <!-- SplitText -->
    <script src="<?php echo get_template_directory_uri(); ?>/assets/js/SplitText.min.js"></script>
    <!-- custom GSAP -->
    <script src="<?php echo get_template_directory_uri(); ?>/assets/js/custom-gsap.js"></script>

    <!-- aos Js -->
    <script src="<?php echo get_template_directory_uri(); ?>/assets/js/aos.js"></script>
    <!-- counter up Js -->
    <script src="<?php echo get_template_directory_uri(); ?>/assets/js/counterup.min.js"></script>
    <!-- swiper Js -->
    <script src="<?php echo get_template_directory_uri(); ?>/assets/js/swiper-bundle.min.js"></script>
    <!-- Marquee js -->
    <script src="<?php echo get_template_directory_uri(); ?>/assets/js/jquery.marquee.min.js"></script>
    <!-- magnific js -->
    <script src="<?php echo get_template_directory_uri(); ?>/assets/js/magnific-popup.min.js"></script>

    <!-- main js -->
    <script src="<?php echo get_template_directory_uri(); ?>/assets/js/main.js"></script>