<footer class="footer-area footer-bg pt-95">
    <div class="container">
        <div class="row">
            <div class="col-xxl-4 col-xl-4 col-lg-4 col-md-6">
                <div class="footer-about-1">
                    <div class="footer-about-1-content">
                        <div class="footer-logo footer-logo-3 mb-30">
                            <a href="index.php"><img src="assets/img/footer-logo/logo.jpeg" alt=""></a>
                        </div>
                        <p class="mb-50"> We have helped students, business persons,clients with Abroad Xpress. There are many variations Courses, clients with Abroad Xpress.</p>
                        <h4 class="footer-about-1__title mb-30">
                        Follow Us
                        </h4>
                        <ul class="social_links">
                            <li>
                                <a class="" href="#">
                                    <i class="fab fa-facebook-f"></i>
                                </a>
                            </li>
                            <li>
                                <a class="" href="https://www.instagram.com/abroadxpress?igsh=YzljYTk1ODg3Zg==">
                                <i class="fab fa-instagram"></i>
                                </a>
                            </li>
                             
                            
                        </ul>
                    </div>
                </div>
            </div>
            <div class="col-xxl-2 col-xl-2 col-lg-2 col-md-6">
                <div class="footer-widget footer-2 footer-btm-mobile ml-30">
                    <h3 class="footer-widget__title mb-25">
                        Quick Links
                    </h3>
                        <ul class="footer-widget_menu-link">
                        <li><a href="index.php">Home</a></li>
                            <li><a href="about.php">About Our Company</a></li>
                            <li><a href="services.php">Latest Services</a></li>
                            <li><a href="contact.php">Contact us</a></li>
                            <br><br>
                            <li><a href="contact.php">Working Hours 10 Am to 6 pm</a></li>
                        </ul>
                </div>
            </div>
            <!-- <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-6">
                <div class="footer-widget footer-3 footer-btm-mobile ml-50">
                    <h3 class="footer-widget__title mb-25">
                        Visa Information
                    </h3>
                        <ul class="footer-widget_menu-link">
                            <li><a href="partners.html">Visitor Visas</a></li>
                            <li><a href="contact.html">Permanent Residence Visas</a></li>
                            <li><a href="business-visa.html">Business Visas</a></li>
                            <li><a href="business-visa.html">Working Holiday Visas</a></li>
                            <li><a href="business-visa.html">Studying & Training Visas</a></li>
                        </ul>
                   
                </div>
            </div> -->
            <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-6">
                <div class="footer-widget footer-4 footer-btm-mobile ml-40">
                    <h3 class="footer-widget__title mb-25">
                        Get in Touch
                    </h3>
                        <ul class="footer-widget_menu-link-info">
                            <li><a href="tel:+91 11-41009814"><i class="far fa-phone-alt"></i> <span>+91 11-41009814</span> </a></li>
                            <li><a href="mailto:contact@abroadxpress.com"><i class="fal fa-envelope"></i> <span><span class="__cf_email__"  >contact@abroadxpress.com</span></span></a></li>
                            <li><a href="contact.php"><i class="fal fa-map-marker-alt"></i> <span>New Delhi</span> </a></li>
                             <!-- <li><a href="contact.php"><i class="fal fa-map-marker-alt"></i> <span>Melbourne Australia</span> </a></li> -->
                        </ul>
                </div>
            </div>
        </div>
    </div>
</footer>


<!-- Footer Copy right start -->
<div class="footer-copyright-area">
    <div class="container">
        <div class="row">
            <div class="col-xxl-4 col-xl-4 col-lg-4 col-md-4">
                <div class="footer-copyright__wrapper footer-copyright-home dis-none d-flex align-items-center theme-bg">
                    <div class="footer-copyright__wrapper__icon mr-10">
                        <i class="fal fa-headset"></i>
                    </div>
                    <div class="footer-copyright__wrapper__call-number copy-right-cell">
                        <span>Call - Or - SMS</span>
                        <h5><a href="tel:+91 11-41009814">+91 11-41009814</a></h5>
                    </div>
                </div>
             </div>
             <div class="col-xxl-8 col-xl-8 col-lg-8 col-md-8">
                 <!-- <div class="row subscribe-top align-items-center">
                    <div class="col-xxl-6 col-xl-6 col-lg-6">
                         <h4 class="copyright-title">
                            Get More Update Join Our Newsletters
                         </h4>
                    </div>
                    <div class="col-xxl-6 col-xl-6 col-lg-6 ">
                        <div class="subscribe-footer">
                            <form action="#">
                                <input type="email" placeholder="Enter your email">
                                <button type="submit"><i class="fal fa-long-arrow-right"></i></button>
                            </form>
                        </div>
                    </div>
                 </div> -->
                 <div class="row copyright-botom-padding align-items-center">
                    <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12">
                        <div class="copyright-botom">
                        <p>Copyright ©2024  <a href="#"> <span>Abroad Xpress</span></a>. Designed and Developed by <a href="https://saavytechnologies.com/">Saavy Technologies</a></p>
                        </div>
                    </div>
                
                 </div>
             </div>
        </div>
    </div>
</div>



<div class="modal fade modal-fullscreen-sm-down" id="myModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Enquiry Form</h5>
                <img src="assets/img/logo/logo.jpeg" class="hlo" alt="img">
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
            <!-- id="contactForm1 -->
                <form action="add_form.php" method="POST">
                    <div class="custom-form-container">
                        <div class="row">
                            <div class="col-md-6 mt-2">
                                <input type="text" class="form-control custom-input" name="name" placeholder="Name">
                            </div>
                            <div class="col-md-6 mt-2">
                                <input type="email" class="form-control custom-input" name="email" placeholder="Email" required>
                            </div>
                            <div class="col-md-6 mt-2">
                                <input type="number" class="form-control custom-input" name="phone" placeholder="Phone" >
                            </div>
                            <div class="col-md-6 mt-2">
                                <select name="enq" class="form-control custom-input">
                                    <option value="">Select Partners</option>
                                    <option value="As A Student">As A Student</option>
                                    <option value="As A Institutions">As A Institutions</option>
                                </select>
                            </div>
                        
                            <div class="col-md-12 mt-2">
                            <input type="text" class="form-control custom-input" name="subject" placeholder="Subject">
                            </div>
                            <div class="col-md-12 mt-2">
                                <textarea name="msg" class="form-control custom-textarea" placeholder="Message"></textarea>
                            </div>
                            <div class="col-md-12 mt-4 text-center">
                                <button type="submit" name="add_form" class="btn btn-primary custom-btn send_message">Send</button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<style>
    /* Custom styles for the form */
    .custom-form-container {
        /* background: linear-gradient(149deg, #ed0606, #00800075); */
        background: gray;
        padding: 20px;
        border-radius: 10px;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    }

    .custom-input, .custom-select, .custom-textarea {
        border: 1px solid #ccc;
        border-radius: 8px;
        padding: 12px;
        background-color: #fff;
        transition: all 0.3s ease;
        outline: none;
        line-height: 25px;
        width: 100%;
        height: 46px;

    }

    .custom-input:focus, .custom-select:focus, .custom-textarea:focus {
        border-color: #007bff;
        box-shadow: 0 0 8px rgba(0, 123, 255, 0.2);
    }

    .custom-textarea {
        height: 100px;
        resize: none;
    }

    .custom-btn {
        background-color: #007bff;
        border: none;
        padding: 10px 30px;
        border-radius: 25px;
        font-size: 16px;
        transition: background-color 0.3s ease;
    }

    .custom-btn:hover {
        background-color: #0056b3;
    }

    /* Adding animation */
    .modal-content {
        animation: slideIn 0.5s ease-out;
    }

    @keyframes slideIn {
        from {
            transform: translateY(50px);
            opacity: 0;
        }
        to {
            transform: translateY(0);
            opacity: 1;
        }
    }

    /* Responsive styling */
    @media (max-width: 768px) {
        .custom-input, .custom-select, .custom-textarea {
            font-size: 14px;
        }

        .custom-btn {
            font-size: 14px;
            padding: 8px 20px;
        }

        .hlo {
    width: 143px;
    height: 69px;
    margin-left: 3px;
    margin-top: -15px;
    margin-bottom: -11px;
    align-items: center;
}
    }
</style>

<script>
    window.addEventListener('load', function () {
        setTimeout(function () {
            var myModal = new bootstrap.Modal(document.getElementById('myModal'));
            myModal.show();
        }, 5000);
    });
</script>


<!--Start of Tawk.to Script-->
<!-- <script type="text/javascript">
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
s1.async=true;
s1.src='https://embed.tawk.to/65b37f100ff6374032c5208e/1hl2igme8';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
})();
</script> -->
<!--End of Tawk.to Script-->