<div class="fix">
    <div class="offcanvas__area">
        <div class="offcanvas__wrapper">
            <div class="offcanvas__content">
                <div class="offcanvas__top d-flex justify-content-between align-items-center">
                    <div class="offcanvas__logo">
                        <a href="index.php">
                            <img src="assets/imgs/logo/logo.png" alt="logo not found">
                        </a>
                    </div>
                    <div class="offcanvas__close">
                        <button class="offcanvas-close-icon animation--flip">
                                <span class="offcanvas-m-lines">
                              <span class="offcanvas-m-line line--1"></span><span class="offcanvas-m-line line--2"></span><span class="offcanvas-m-line line--3"></span>
                                </span>
                        </button>
                    </div>
                </div>
                <div class="mobile-menu fix"></div>
                <!--<div class="offcanvas__social">-->
                <!--    <h3 class="offcanvas__title mb-20">Subscribe & Follow</h3>-->
                <!--    <ul>-->
                <!--        <li><a href="https://www.facebook.com/"><i class="fab fa-facebook-f"></i></a></li>-->
                <!--        <li><a href="https://pinterest.com/"><i class="fa-brands fa-pinterest-p"></i></a></li>-->
                <!--        <li><a href="https://youtube.com/"><i class="fab fa-youtube"></i></a></li>-->
                <!--        <li><a href="https://linkedin.com/"><i class="fab fa-linkedin"></i></a></li>-->
                <!--    </ul>-->
                <!--</div>-->
                <!--<div class="offcanvas__btn d-sm-none">-->
                <!--    <div class="header__btn-wrap">-->
                <!--        <a class="rr-btn btn-hover-white" href="contact.php">Purchase Now<span><i class="fa-regular fa-angle-right"></i></span></a>-->
                <!--    </div>-->
                <!--</div>-->
            </div>
        </div>
    </div>
</div>
<div class="offcanvas__overlay"></div>
<div class="offcanvas__overlay-white"></div>
<!-- Offcanvas area start -->

<!-- Header area start -->
<header>
    <div id="header-sticky" class="header__area header-1 gray-bg">
        <div class="header-container">
            <div class="mega__menu-wrapper p-relative">
                <div class="header__main">
                    <div class="header__left">
                        <div class="header__logo">
                            <a href="index.php">
                                <div class="logo">
                                    <img src="assets/imgs/logo/logo.png" alt="logo not found">
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="header__middle">
                        <div class="mean__menu-wrapper d-none d-xl-block">
                            <div class="main-menu">
                                <nav id="mobile-menu">
                                  <ul>
    <li>
        <a href="index.php">Home</a>
    </li>

    <li>
        <a href="about-us.php">About Us</a>
    </li>

    <!-- INVEST -->
    <!--<li class="has-dropdown">-->
    <!--    <a href="javascript:void(0)">Invest</a>-->
    <!--    <ul class="submenu">-->
    <!--        <li>-->
    <!--            <a href="invest-in-australia.php">Australia</a>-->
    <!--        </li>-->
    <!--        <li>-->
    <!--            <a href="invest-in-canada.php">Canada</a>-->
    <!--        </li>-->
    <!--        <li>-->
    <!--            <a href="invest-in-european-union.php">European Union</a>-->
    <!--        </li>-->
    <!--        <li>-->
    <!--            <a href="invest-in-uk.php">UK</a>-->
    <!--        </li>-->
    <!--        <li>-->
    <!--            <a href="invest-in-usa.php">USA</a>-->
    <!--        </li>-->
    <!--    </ul>-->
    <!--</li>-->

    <!-- MIGRATE -->
    <li class="has-dropdown">
        <a href="javascript:void(0)">Migrate</a>
        <ul class="submenu">
            <li>
                <a href="migrate-to-australia.php">Australia</a>
            </li>
            <li>
                <a href="migrate-to-canada.php">Canada</a>
            </li>
            <li>
                <a href="migrate-to-europe.php">European Union</a>
            </li>
            <li>
                <a href="migrate-to-uk.php">UK</a>
            </li>
            <li>
                <a href="migrate-to-usa.php">USA</a>
            </li>
        </ul>
    </li>

    <!-- STUDY -->
    <li class="has-dropdown">
        <a href="javascript:void(0)">Study</a>
        <ul class="submenu">
            <li>
                <a href="study-in-australia.php">Australia</a>
            </li>
            <li>
                <a href="study-in-canada.php">Canada</a>
            </li>
            <li>
                <a href="study-in-uk.php">UK</a>
            </li>
            <li>
                <a href="study-in-usa.php">USA</a>
            </li>
            <li>
                <a href="study-in-europe.php">Europe</a>
            </li>
        </ul>
    </li>

    <!-- WORK -->
    <li class="has-dropdown">
        <a href="javascript:void(0)">Work</a>
        <ul class="submenu">
            <li>
                <a href="work-in-australia.php">Australia</a>
            </li>
            <li>
                <a href="work-in-canada.php">Canada</a>
            </li>
            <li>
                <a href="work-in-uk.php">UK</a>
            </li>
            <li>
                <a href="work-in-usa.php">USA</a>
            </li>
            <li>
                <a href="work-in-europe.php">Europe</a>
            </li>
        </ul>
    </li>

    <!-- BUSINESS LICENSE -->
    <li>
        <a href="business-license.php">Business License</a>
    </li>

    <!-- CONTACT -->
    <li>
        <a href="contact.php">Contact</a>
    </li>
</ul>
                                </nav>
                            </div>
                        </div>
                    </div>
                    <div class="header__right">
                        <div class="header__action d-flex align-items-center">
                            <div class="header__btn-wrap d-none d-sm-inline-flex">
                                <a href="contact.php" class="rr-btn">Book An Appointment <i class="fa-solid fa-arrow-right"></i></a>
                            </div>
                            <div class="header__hamburger ml-20 d-xl-none">
                                <div class="sidebar__toggle">
                                    <button class="bar-icon">
                                        <span></span>
                                        <span></span>
                                        <span></span>
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</header>

<div id="popup-search-box">
    <div class="box-inner-wrap d-flex align-items-center">
        <form id="form" action="#" method="get" role="search">
            <input id="popup-search" type="text" name="s" placeholder="Type keywords here...">
        </form>
        <div class="search-close"><i class="fa-sharp fa-regular fa-xmark"></i></div>
    </div>
</div>