<section class="as_footer_wrapper as_padderTop80">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">



                <div class="as_footer_inner as_padderTop10 as_padderBottom40">
                    <div class="row justify-content-center ">
                        <div class="col-lg-4 col-md-4 col-sm-12">
                            <div class="as_footer_widget">
                                <div class="as_footer_logo">
                                    <a href="index.php"><img src="assets/images/logo-f.png" width="180px" alt=""></a>
                                </div>
                                <p>Join us in our mission to create a better world through seva, compassion, and
                                    spiritual guidance.</p>


                            </div>


                        </div>
                        <div class="col-lg-2 col-md-4 col-sm-12">
                            <div class="as_footer_widget">
                                <h3 class="as_footer_heading">Quick Links</h3>

                                <ul>
                                    <li><a href="index.php"> Home</a></li>
                                    <li><a href="about-us.php"> About us</a></li>
                                    <li><a href="guruji.php"> Guruji’s</a></li>
                                    <li><a href="our-focus-areas.php"> Our Focus Areas</a></li>
                                    <li><a href="support-us.php"> Support Us</a></li>
                                    <li><a href="contact-us.php"> Contact Us</a></li>
                                </ul>
                            </div>
                        </div>



                        <div class="col-lg-3 col-md-4 col-sm-12">
                            <div class="as_footer_widget">
                                <h3 class="as_footer_heading">Contact Info</h3>

                                <ul class="as_contact_list">
                                    <li>
                                        <img src="assets/images/svg/map.svg" alt="">
                                        <p>Bengaluru</p>
                                    </li>
                                    <li>
                                        <img src="assets/images/svg/phone.svg" alt="">
                                        <p>
                                            <a href="tel:9900089018">+91 9900089018 </a>
                                        </p>
                                    </li>
                                    <li>
                                        <img src="assets/images/svg/phone.svg" alt="">
                                        <p>
                                            <a href="tel:9900089019">+91 9900089019</a>
                                        </p>
                                    </li>
                                    <li>
                                        <img src="assets/images/svg/mail.svg" alt="">
                                        <p>
                                            <a href="mailto:trikalasevatrust@gmail.com">trikalasevatrust@gmail.com
                                            </a>
                                        </p>
                                    </li>
                                </ul>
                            </div>
                        </div>

                        <div class="col-lg-3 col-md-4 col-sm-12">
                            <div class="as_footer_widget">
                                <h3 class="as_footer_heading">Follow Us</h3>

                                <div class="as_share_box">
                                    <ul>
                                        <li><a href="https://www.facebook.com/trikalasevatrust" target="_blank"><i
                                                    class="fa-brands fa-facebook"></i></a> </li>
                                        <li><a href="https://www.instagram.com/trikalasevatrust" target="_blank"><i
                                                    class="fa-brands fa-instagram"></i></a></li>
                                        <li><a href="https://www.youtube.com/@trikalasevatrust" target="_blank"><i
                                                    class="fa-brands fa-youtube"></i></a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="as_copyright_wrapper text-center">
                    <p>Copyright &copy; 2025 Sri Trikala Divya Peetham Seva Trust. All Right Reserved | Designed By <a
                            href="https://www.nextwavecreators.com/" target="_blank"> Nextwave Creators</a></p>
                </div>
            </div>
        </div>
    </div>
</section>

</div>


<!-- Modal -->
<div id="as_login" class="modal fade" role="dialog">
    <div class="modal-dialog">

        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">Login</h4>
            </div>
            <div class="modal-body">
                <div class="as_login_box active">
                    <form action="#">
                        <div class="form-group">
                            <input type="text" name="" placeholder="Enter email" class="form-control" id="">
                        </div>
                        <div class="form-group">
                            <input type="text" name="" placeholder="Enter password here" class="form-control" id="">
                        </div>
                        <div class="form-group">
                            <div class="as_login_data">
                                <label>Remember me
                                    <input type="checkbox" name="as_remember_me" value="">
                                    <span class="checkmark"></span>
                                </label>
                                <a href="#">Forgot password ?</a>
                            </div>
                        </div>
                        <div class="text-center">
                            <a href="javascript:;" class="as_btn">login</a>
                        </div>
                    </form>
                    <p class="text-center as_margin0 as_padderTop20">Create An Account ? <a href="javascript:;"
                            class="as_orange as_signup">SignUp</a></p>
                </div>
                <div class="as_signup_box">
                    <form action="#">
                        <div class="form-group">
                            <input type="text" name="" placeholder="Enter name" class="form-control" id="">
                        </div>
                        <div class="form-group">
                            <input type="text" name="" placeholder="Enter email" class="form-control" id="">
                        </div>
                        <div class="form-group">
                            <input type="text" name="" placeholder="Enter password here" class="form-control" id="">
                        </div>
                        <div class="form-group">
                            <input type="text" name="" placeholder="Enter mobile number" class="form-control" id="">
                        </div>
                        <div class="form-group">
                            <select name="" class="form-control" id="">
                                <option value="male">Male</option>
                                <option value="female">Female</option>
                            </select>
                        </div>
                        <div class="text-center">
                            <a href="javascript:;" class="as_btn">Sign Up</a>
                        </div>
                    </form>
                    <p class="text-center as_margin0 as_padderTop20">Have An Account ? <a href="javascript:;"
                            class="as_orange as_login">Login</a></p>
                </div>
            </div>
        </div>

    </div>
</div>

<!-- javascript -->
<script src="assets/js/jquery.js"></script>
<script src="assets/js/bootstrap.js"></script>
<script type="text/javascript" src="assets/js/plugin/slick/slick.min.js"></script>
<script type="text/javascript" src="assets/js/plugin/select2/select2.min.js"></script>
<script type="text/javascript" src="assets/js/plugin/countto/jquery.countTo.js"></script>
<script type="text/javascript" src="assets/js/plugin/airdatepicker/datepicker.min.js"></script>
<script type="text/javascript" src="assets/js/plugin/airdatepicker/i18n/datepicker.en.js"></script>
<script src="assets/js/custom.js"></script>

<script type="text/javascript">
function googleTranslateElementInit() {
    new google.translate.TranslateElement({
        pageLanguage: 'en',
        layout: google.translate.TranslateElement.InlineLayout.HORIZONTAL
    }, 'google_translate_element');
}
</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit">
</script>

<script>
$(document).ready(function() {
    $('.horoscope-slider').slick({
        slidesToShow: 6, // Show 6 horoscope signs at a time
        slidesToScroll: 1, // Scroll 1 at a time
        autoplay: true, // Auto-slide enabled
        autoplaySpeed: 2000, // Change slide every 2 seconds
        infinite: true, // Infinite looping
        dots: false, // No navigation dots
        arrows: false, // Hide previous & next buttons
        responsive: [{
                breakpoint: 1024,
                settings: {
                    slidesToShow: 4
                }
            },
            {
                breakpoint: 768,
                settings: {
                    slidesToShow: 2
                }
            },
            {
                breakpoint: 480,
                settings: {
                    slidesToShow: 1
                }
            }
        ]
    });
});
</script>
</body>

</html>