{{-- <!-- back to top start -->
<div class="back-to-top-wrapper">
    <button id="back_to_top" type="button" class="back-to-top-btn">
        <svg width="12" height="7" viewBox="0 0 12 7" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M11 6L6 1L1 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
                stroke-linejoin="round" />
        </svg>
    </button>
</div>
<!-- back to top end -->


<!-- tp-offcanvus-area-end -->
<div class="tp-offcanvas-area">
    <div class="tp-offcanvas-wrapper">
        <div class="tp-offcanvas-top d-flex align-items-center justify-content-between">
            <div class="tp-offcanvas-logo">
                <a href="index.html">
                    <img src="{{ Path::imgPath('logo/logo.png') }}" alt="">
                </a>
            </div>
            <div class="tp-offcanvas-close">
                <button class="tp-offcanvas-close-btn">
                    <svg width="37" height="38" viewBox="0 0 37 38" fill="none"
                        xmlns="http://www.w3.org/2000/svg">
                        <path d="M9.19141 9.80762L27.5762 28.1924" stroke="currentColor" stroke-width="1.5"
                            stroke-linecap="round" stroke-linejoin="round" />
                        <path d="M9.19141 28.1924L27.5762 9.80761" stroke="currentColor" stroke-width="1.5"
                            stroke-linecap="round" stroke-linejoin="round" />
                    </svg>
                </button>
            </div>
        </div>
        <div class="tp-offcanvas-main">

            <div class="tp-offcanvas-menu d-xl-block">
                <nav></nav>
            </div>
            <div class="tp-offcanvas-contact">
                <ul>
                    <li class="contact-items"><a href="tel:+201212666647">+201212666647</a></li>
                    <li class="contact-item"><a href="mailto:info@hgad-eg.com">info@hgad-eg.com</a></li>
                    <li class="contact-address"><a href="#">El Katameya – Al Naqabat Housing – Villa 3 – New
                            Cairo</a></li>
                </ul>
            </div>

            <div class="tp-offcanvas-social d-flex justify-content-between">
                <div class="tp-lang-4-btn">
                    <div class="form-check form-switch">
                        <input class="form-check-input" type="checkbox" role="switch" id="switchCheckDefault">
                        <div class="ar-en">
                            <p>AR</p>
                            <p>EN</p>
                        </div>
                    </div>
                </div>

                <ul>
                    <li>
                        <a href="#">
                            <i class="fa-brands fa-facebook"></i>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <i class="fa-brands fa-instagram"></i>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <i class="fa-brands fa-linkedin"></i>
                        </a>
                    </li>
                </ul>

            </div>
        </div>
    </div>
</div>
<div class="body-overlay"></div>
<!-- tp-offcanvus-area-end --> --}}
