{% load static %}
<!-- main header -->
<header class="main-header">
    <!-- header-top -->
    <div class="header-top">
        <div class="outer-container">
            <div class="support-box">
                <div class="icon-box">
                    <img src="{% static 'wp-content/themes/bullion/assets/images/icons/icon-1.png' %}" alt="Awesome Image" />
                </div>
                <p>
                    <a href="tel:+15125006868">+1 (512) 500-6868</a> or Request for a
                    <a href="tel:+15125006868"><span>call back</span></a>
                </p>
            </div>
            <div class="text">
                <div class="icon-box">
                    <img src="{% static 'wp-content/themes/bullion/assets/images/icons/icon-2.png' %}" alt="Awesome Image" />
                </div>
                <p>£100 Discount &amp; Get 24/7 Free Assistance</p>
            </div>
            <div class="right-column">
                <div class="guide-box">
                    <div class="icon-box">
                        <img src="{% static 'wp-content/themes/bullion/assets/images/icons/icon-3.png' %}" alt="Awesome Image" />
                    </div>
                    <p><a href="platform/index.html">Free Trading Guides</a></p>
                </div>
                <div class="help-center">
                    <div class="icon-box">
                        <img src="{% static 'wp-content/themes/bullion/assets/images/icons/icon-4.png' %}" alt="Awesome Image" />
                    </div>
                    <p><a href="contact/index.html">Help Center</a></p>
                </div>
            </div>
        </div>
    </div>
    <!-- header-lower -->
    <div class="header-lower">
        <div class="outer-container">
            <div class="outer-box">
                <div class="menu-area">
                    <div class="logo-box">
                        <figure class="logo">
                            <a href="index.html" title="InterCapitaStock"><img src="{% static 'wp-content/uploads/2023/03/logo.png' %}"
                                    alt="logo" style="" /></a>
                        </figure>
                    </div>
                    <!--Mobile Navigation Toggler-->
                    <div class="mobile-nav-toggler">
                        <i class="icon-bar"></i>
                        <i class="icon-bar"></i>
                        <i class="icon-bar"></i>
                    </div>
                    <nav class="main-menu navbar-expand-md navbar-light">
                        <div class="collapse navbar-collapse show clearfix" id="navbarSupportedContent">
                            <ul class="navigation clearfix">
                                <li id="menu-item-60"
                                    class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-20 current_page_item current-menu-ancestor current-menu-parent current_page_parent current_page_ancestor menu-item-has-children menu-item-60 dropdown active current">
                                    <a title="Home" href="index.html" data-toggle="dropdown1"
                                        class="hvr-underline-from-left1" aria-expanded="false" data-scroll
                                        data-options="easing: easeOutQuart">Home</a>
                                </li>
                                <li id="menu-item-64"
                                    class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-64 dropdown">
                                    <a title="Markets" href="markets/index.html" data-toggle="dropdown1"
                                        class="hvr-underline-from-left1" aria-expanded="false" data-scroll
                                        data-options="easing: easeOutQuart">Markets</a>
                                    <ul role="menu" class="main-dropdown">
                                        <li id="menu-item-65"
                                            class="menu-item menu-item-type-post_type menu-item-object-page menu-item-65">
                                            <a title="Markets" href="markets/index.html">Markets</a>
                                        </li>
                                    </ul>
                                </li>
                                <li id="menu-item-67"
                                    class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-67 dropdown">
                                    <a title="Trading" href="#" data-toggle="dropdown1" class="hvr-underline-from-left1"
                                        aria-expanded="false" data-scroll
                                        data-options="easing: easeOutQuart">Trading</a>
                                    <ul role="menu" class="main-dropdown">
                                        <li id="menu-item-68"
                                            class="menu-item menu-item-type-post_type menu-item-object-page menu-item-68">
                                            <a title="Platform" href="platform/index.html">Platform</a>
                                        </li>
                                        <li id="menu-item-69"
                                            class="menu-item menu-item-type-post_type menu-item-object-page menu-item-69">
                                            <a title="Our Accounts" href="our-accounts/index.html">Our Accounts</a>
                                        </li>
                                        <li id="menu-item-860"
                                            class="menu-item menu-item-type-post_type menu-item-object-tradings menu-item-860">
                                            <a title="Standard Account"
                                                href="tradings/standard-a-c/index.html">CryptoPro Trading
                                                Account</a>
                                        </li>
                                        <li id="menu-item-859"
                                            class="menu-item menu-item-type-post_type menu-item-object-tradings menu-item-859">
                                            <a title="Commission Account"
                                                href="tradings/commission-a-c/index.html">Stock Trader
                                                Account</a>
                                        </li>
                                        <li id="menu-item-858"
                                            class="menu-item menu-item-type-post_type menu-item-object-tradings menu-item-858">
                                            <a title="STP Pro Account" href="tradings/stp-pro-a-c/index.html">All in one
                                                Trading
                                                Account</a>
                                        </li>
                                    </ul>
                                </li>

                                <li id="menu-item-72"
                                    class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-72 dropdown">
                                    <a title="About" href="company/index.html" data-toggle="dropdown1"
                                        class="hvr-underline-from-left1" aria-expanded="false" data-scroll
                                        data-options="easing: easeOutQuart">About</a>
                                    <ul role="menu" class="main-dropdown">
                                        <li id="menu-item-73"
                                            class="menu-item menu-item-type-post_type menu-item-object-page menu-item-73">
                                            <a title="Company" href="company/index.html">Company</a>
                                        </li>

                                        <li id="menu-item-75"
                                            class="menu-item menu-item-type-post_type menu-item-object-page menu-item-75">
                                            <a title="Contact" href="contact/index.html">Contact</a>
                                        </li>
                                        <li id="menu-item-76"
                                            class="menu-item menu-item-type-post_type menu-item-object-page menu-item-76">
                                            <a title="Faq’s" href="faqs/index.html">Faq’s</a>
                                        </li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                    </nav>
                </div>
                <div class="menu-right-content">
                    <div class="clients-box">
                        <div class="icon-box">
                            <img src="wp-content/themes/bullion/assets/images/icons/icon-6.png" alt="Awesome Image" />
                        </div>
                        <a href="contact/index.html">Client Portal<i class="flaticon-right-down"></i></a>
                    </div>
                    <div class="btn-box">
                        <a href="our-accounts/index.html" class="theme-btn btn-one"><span>Open an A/c</span></a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--sticky Header-->
    <div class="sticky-header">
        <div class="outer-container">
            <div class="outer-box">
                <div class="menu-area">
                    <div class="logo-box">
                        <figure class="logo">
                            <a href="index.html" title="InterCapitaStock"><img src="wp-content/uploads/2023/03/logo.png"
                                    alt="logo" style="" /></a>
                        </figure>
                    </div>
                    <nav class="main-menu clearfix">
                        <!--Keep This Empty / Menu will come through Javascript-->
                    </nav>
                </div>
                <div class="menu-right-content">
                    <div class="clients-box">
                        <div class="icon-box">
                            <img src="wp-content/themes/bullion/assets/images/icons/icon-6.png" alt="Awesome Image" />
                        </div>
                        <a href="contact/index.html">Client Portal<i class="flaticon-right-down"></i></a>
                    </div>
                    <div class="btn-box">
                        <a href="our-accounts/index.html" class="theme-btn btn-one"><span>Open an A/c</span></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</header>
<!-- main-header end -->

<!-- Mobile Menu  -->
<div class="mobile-menu">
    <div class="menu-backdrop"></div>
    <div class="close-btn"><i class="fas fa-times"></i></div>

    <nav class="menu-box">
        <div class="nav-logo">
            <a href="index.html" title="InterCapitaStock"><img src="wp-content/uploads/2023/03/logo-2.png" alt="logo"
                    style="" /></a>
        </div>
        <div class="menu-outer">
            <!--Here Menu Will Come Automatically Via Javascript / Same Menu as in Header-->
        </div>
        <div class="contact-info">
            <h4>Contact Info</h4>
            <ul>
                <li>Chicago 12, Melborne City, USA</li>
                <li><a href="tel:+15125006868">+15125006868</a></li>
                <li><a href="mailto:info@InterCapitaStock.com">info@InterCapitaStock.com</a></li>
            </ul>
        </div>
        <div class="social-links">
            <ul class="clearfix">
                <li>
                    <a href="https://www.facebook.com/"><span class="fab fa-facebook-f"></span></a>
                </li>
                <li>
                    <a href="https://www.instagram.com/"><span class="fab fa-instagram"></span></a>
                </li>
                <li>
                    <a href="https://www.pinterest.com/"><span class="fab fa-pinterest"></span></a>
                </li>
                <li>
                    <a href="https://www.twitter.com/"><span class="fab fa-twitter"></span></a>
                </li>
                <li>
                    <a href="https://www.youtube.com/"><span class="fab fa-youtube-square"></span></a>
                </li>
            </ul>
        </div>
    </nav>
</div>
<!-- End Mobile Menu -->