{% load static %}
    <header class="header-area header-one transparent-header">


        <div class="header-navigation">
            <div class="container-fluid">

                <div class="top-menu">
                    <ul class="top-menu-list top-infos d-flex">
                        <li class="top-item">
                            <a href="tel:8929 222 448">
                                <i class="fa fa-phone"></i> 8929 222 448

                            </a>
                        </li>
                        <li class="top-item">
                            <a href="mailto:sales@aidigitalranker.com">
                                <i class="fa fa-envelope"></i> sales@aidigitalranker.com
                            </a>
                        </li>
                    </ul>
                    <ul class="top-menu-list top-icons d-flex">
                        <li><a href=""><i class="fa-brands fa-facebook-f"></i></a></li>
                        <li><a href=""><i class="fa-brands fa-x-twitter"></i></a></li>
                        <li><a href=""><i class="fa-brands fa-linkedin-in"></i></a></li>
                        <li><a href=""><i class="fa-brands fa-youtube"></i></a></li>
                    </ul>
                </div>

                <div class="primary-menu">

                    <div class="site-branding">
                        <a href="{% url 'home' %}" class="brand-logo"><img src="{% static 'assets/images/sideline-logo.png' %}"
                                alt="Brand Logo"></a>
                    </div>

                    <div class="theme-nav-menu">

                        <div class="theme-menu-top d-block d-xl-none">
                            <div class="site-branding">
                                <a href="{% url 'home' %}" class="brand-logo"><img src="{% static 'assets/images/logo-2.webp' %}"
                                        alt="Brand Logo"></a>
                            </div>
                        </div>

                        <nav class="main-menu">
                            <ul>
                                <li class="menu-item"><a href="{% url 'home' %}"><i class="fas fa-home"></i></a></li>
                                <li class="menu-item"><a href="{% url 'about' %}">About</a></li>
                                <li class="menu-item has-children"><a href="#">AI SEO Services</a>
                                    <ul class="sub-menu">
                                        <!--<li><a href="#"></a></li>-->
                                        <li><a href="{% url 'service_detail' 'ai-seo-agency-india' %}"> AI SEO Agency India </a></li>
                                    </ul>
                                </li>
                                <li class="menu-item has-children"><a href="#">Industries</a>
                                    <ul class="sub-menu">
                                        <li><a href="#">Ecommerce</a></li>
                                        <li><a href="#">Real Estate</a></li>
                                        <li><a href="#">Healthcare</a></li>
                                        <li><a href="#">Fashion & Apparel</a></li>
                                        <li><a href="#">Jewelry & Luxury Brands</a></li>
                                    </ul>
                                </li>
                                <li class="menu-item"><a href="#">Case Studies</a></li>
                                <li class="menu-item"><a href="{% url 'blog_list' %}">Blog</a></li>
                                <li class="menu-item"><a href="{% url 'contact' %}">Contact Us</a></li>
                            </ul>
                        </nav>


                        <!-- <div class="theme-nav-button mt-20 d-block d-md-none">
                            <a href="#" class="theme-btn gradient-btn">Get Free AI SEO Audit<i
                                    class="fa fa-arrow-right"></i></a>
                        </div> -->

                        <div class="theme-menu-bottom mt-50 d-block d-xl-none">
                            <h5>Follow Us</h5>
                            <ul class="social-link">
                                <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
                                <li><a href="#"><i class="fab fa-twitter"></i></a></li>
                                <li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>
                                <li><a href="#"><i class="fab fa-youtube"></i></a></li>
                            </ul>
                        </div>
                    </div>

                    <div class="nav-right-item ">
                        <div class="nav-button d-md-block sticky-btn">
                            <a href="#" class="theme-btn gradient-btn">Get Free AI SEO Audit<i
                                    class="fa fa-arrow-right"></i></a>
                        </div>
                        <div class="navbar-toggler">
                            <span></span>
                            <span></span>
                            <span></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <div id="smooth-wrapper">
        <div id="smooth-content">
            <main>