<!-- ==== topbar start ==== -->
<div class="topbar topbar--tertiary d-none d-lg-block">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <div class="topbar__inner">
                    <div class="row align-items-center">
                        <div class="col-12 col-lg-7">
                            <div class="topbar__list-wrapper">
                                <ul class="topbar__list">
                                    <li><a href="https://maps.app.goo.gl/Gr9pTNqz5FRNrjQw8" target="_blank"><i
                                                class="fa-solid fa-location-dot"></i>55 street, 2nd block,
                                            Malborne ,Australia</a>
                                    </li>
                                    <li><a href="mailto:support@example.com"><i
                                                class="fa-regular fa-envelope"></i>support@example.com</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-12 col-lg-5">
                            <div class="topbar__items justify-content-end">
                                <p><a href="tel:2305-587-3407"><i class="fa-solid fa-phone"></i>+2(305)
                                        587-3407</a>
                                </p>
                                <div class="social">
                                    <a href="https://www.facebook.com/" target="_blank"
                                        aria-label="share us on facebook" title="facebook">
                                        <i class="fa-brands fa-facebook-f"></i>
                                    </a>
                                    <a href="https://vimeo.com/" target="_blank" aria-label="share us on vimeo"
                                        title="vimeo">
                                        <i class="fa-brands fa-vimeo-v"></i>
                                    </a>
                                    <a href="https://x.com/" target="_blank" aria-label="share us on twitter"
                                        title="twitter">
                                        <i class="fa-brands fa-twitter"></i>
                                    </a>
                                    <a href="https://www.linkedin.com/" target="_blank"
                                        aria-label="share us on linkedin" title="linkedin">
                                        <i class="fa-brands fa-linkedin-in"></i>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- ==== / topbar end ==== -->
<!-- ==== header start ==== -->
<header class="header header-tertiary">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <div class="main-header__menu-box">
                    <nav class="navbar p-0">
                        <div class="navbar-logo">
                            <a href="<?php echo e(route('home')); ?>">
                                <img src="<?php echo e(asset('assets/images/logo.png')); ?>" alt="Image">
                            </a>
                        </div>
                        <div class="navbar__menu d-none d-xl-block">
                            <ul class="navbar__list">
                                <li class="navbar__item navbar__item--has-children nav-fade">
                                    <a href="#" aria-label="dropdown menu"
                                        class="navbar__dropdown-label dropdown-label-alter">Home</a>
                                    <ul class="navbar__sub-menu mega-menu">
                                        <li>
                                            <div class="mega-content-wrapper">
                                                <img src="<?php echo e(asset('assets/images/home-one.png')); ?>" alt="Image">
                                                <div class="mega-content">
                                                    <a href="<?php echo e(route('home')); ?>" class="btn--primary">View</a>
                                                </div>
                                            </div>
                                            <a href="<?php echo e(route('home')); ?>">Home One</a>
                                        </li>
                                        <li>
                                            <div class="mega-content-wrapper">
                                                <img src="<?php echo e(asset('assets/images/home-two.png')); ?>" alt="Image">
                                                <div class="mega-content">
                                                    <a href="<?php echo e(route('indexTwo')); ?>" class="btn--primary">View</a>
                                                </div>
                                            </div>
                                            <a href="<?php echo e(route('indexTwo')); ?>">Home Two</a>
                                        </li>
                                        <li>
                                            <div class="mega-content-wrapper">
                                                <img src="<?php echo e(asset('assets/images/home-three.png')); ?>" alt="Image">
                                                <div class="mega-content">
                                                    <a href="<?php echo e(route('indexThree')); ?>" class="btn--primary">View</a>
                                                </div>
                                            </div>
                                            <a href="<?php echo e(route('indexThree')); ?>">Home Three</a>
                                        </li>
                                        <li>
                                            <div class="mega-content-wrapper">
                                                <img src="<?php echo e(asset('assets/images/home-four.png')); ?>" alt="Image">
                                                <div class="mega-content">
                                                    <a href="<?php echo e(route('indexFour')); ?>" class="btn--primary">View</a>
                                                </div>
                                                <span class="new">New</span>
                                            </div>
                                            <a href="<?php echo e(route('indexFour')); ?>">Home Four</a>
                                        </li>
                                        <li>
                                            <div class="mega-content-wrapper">
                                                <img src="<?php echo e(asset('assets/images/home-five.png')); ?>" alt="Image">
                                                <div class="mega-content">
                                                    <a href="<?php echo e(route('indexFive')); ?>" class="btn--primary">View</a>
                                                </div>
                                                <span class="new">New</span>
                                            </div>
                                            <a href="<?php echo e(route('indexFive')); ?>">Home Five</a>
                                        </li>

                                        <li>
                                            <div class="mega-content-wrapper">
                                                <img src="<?php echo e(asset('assets/images/home-six.png')); ?>" alt="Image">
                                                <div class="mega-content">
                                                    <a href="<?php echo e(route('indexSix')); ?>" class="btn--primary">View</a>
                                                </div>
                                                <span class="new">New</span>
                                            </div>
                                            <a href="<?php echo e(route('indexSix')); ?>">Home Six</a>
                                        </li>
                                        <li>
                                            <div class="mega-content-wrapper">
                                                <img src="<?php echo e(asset('assets/images/home-seven.png')); ?>" alt="Image">
                                                <div class="mega-content">
                                                    <a href="<?php echo e(route('indexSeven')); ?>" class="btn--primary">View</a>
                                                </div>
                                                <span class="new">New</span>
                                            </div>
                                            <a href="<?php echo e(route('indexSeven')); ?>">Home Seven</a>
                                        </li>
                                        <li>
                                            <div class="mega-content-wrapper">
                                                <img src="<?php echo e(asset('assets/images/home-eight.png')); ?>" alt="Image">
                                                <div class="mega-content">
                                                    <a href="<?php echo e(route('indexEight')); ?>" class="btn--primary">View</a>
                                                </div>
                                                <span class="new">New</span>
                                            </div>
                                            <a href="<?php echo e(route('indexEight')); ?>">Home Eight</a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="navbar__item nav-fade">
                                    <a href="<?php echo e(route('about')); ?>">About Us</a>
                                </li>
                                <li class="navbar__item navbar__item--has-children nav-fade">
                                    <a href="#" aria-label="dropdown menu"
                                        class="navbar__dropdown-label dropdown-label-alter">Causes</a>
                                    <ul class="navbar__sub-menu">
                                        <li>
                                            <a href="<?php echo e(route('our.causes')); ?>">Our Causes</a>
                                        </li>
                                        <li>
                                            <a href="<?php echo e(route('cause.details')); ?>">Cause Details</a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="navbar__item navbar__item--has-children nav-fade">
                                    <a href="#" aria-label="dropdown menu"
                                        class="navbar__dropdown-label dropdown-label-alter">Pages</a>
                                    <ul class="navbar__sub-menu">
                                        <li>
                                            <a href="<?php echo e(route('faq')); ?>">FAQ</a>
                                        </li>
                                        <li>
                                            <a href="<?php echo e(route('donate.us')); ?>">Donate Us</a>
                                        </li>
                                        <li class="navbar__item navbar__item--has-children">
                                            <a aria-label="dropdown menu"
                                                class="navbar__dropdown-label navbar__dropdown-label-sub">Events</a>
                                            <ul class="navbar__sub-menu navbar__sub-menu__nested">
                                                <li>
                                                    <a href="<?php echo e(route('events')); ?>">Events</a>
                                                </li>
                                                <li>
                                                    <a href="<?php echo e(route('events.details')); ?>">Event Details</a>
                                                </li>
                                            </ul>
                                        </li>
                                        <li class="navbar__item navbar__item--has-children">
                                            <a aria-label="dropdown menu"
                                                class="navbar__dropdown-label navbar__dropdown-label-sub">Shop</a>
                                            <ul class="navbar__sub-menu navbar__sub-menu__nested">
                                                <li>
                                                    <a href="<?php echo e(route('shop')); ?>">Our Shop</a>
                                                </li>
                                                <li>
                                                    <a href="<?php echo e(route('product.details')); ?>">Product Details</a>
                                                </li>
                                                <li>
                                                    <a href="<?php echo e(route('cart')); ?>">View Cart</a>
                                                </li>
                                                <li>
                                                    <a href="<?php echo e(route('checkout')); ?>">Cehckout</a>
                                                </li>
                                            </ul>
                                        </li>
                                        <li class="navbar__item navbar__item--has-children">
                                            <a aria-label="dropdown menu"
                                                class="navbar__dropdown-label navbar__dropdown-label-sub">Team</a>
                                            <ul class="navbar__sub-menu navbar__sub-menu__nested">
                                                <li>
                                                    <a href="<?php echo e(route('our.team')); ?>">Our Teams</a>
                                                </li>
                                                <li>
                                                    <a href="<?php echo e(route('team.details')); ?>">Team Details</a>
                                                </li>
                                            </ul>
                                        </li>
                                        <li>
                                            <a href="<?php echo e(route('not.found')); ?>">Error</a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="navbar__item navbar__item--has-children nav-fade">
                                    <a href="#" aria-label="dropdown menu"
                                        class="navbar__dropdown-label dropdown-label-alter">News</a>
                                    <ul class="navbar__sub-menu">
                                        <li>
                                            <a href="<?php echo e(route('blog')); ?>">News List View</a>
                                        </li>
                                        <li>
                                            <a href="<?php echo e(route('blog.grid')); ?>">News Grid View</a>
                                        </li>
                                        <li>
                                            <a href="<?php echo e(route('blog.details')); ?>">News Details</a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="navbar__item nav-fade">
                                    <a href="<?php echo e(route('contact')); ?>">Contact Us</a>
                                </li>
                            </ul>
                        </div>
                        <div class="navbar__options">
                            <div class="navbar__mobile-options ">
                                <div class="select-country d-none d-xxl-block">
                                    <select name="country" class="country-select select">
                                        <option data-flag="fi-gb-eng">English</option>
                                        <option data-flag="fi-us">Spanish</option>
                                        <option data-flag="fi-cn">Chinese</option>
                                        <option data-flag="fi-it">Italian</option>
                                    </select>
                                </div>
                                <div class="cart-box">
                                    <button class="open-cart cart" aria-label="cart" title="open cart">
                                        <span>0</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="18" height="24"
                                            viewBox="0 0 18 24" fill="none">
                                            <path
                                                d="M8.51049 0C7.26729 0 6.07501 0.49386 5.19593 1.37294C4.31685 2.25201 3.82299 3.4443 3.82299 4.6875V5.46875H3.17456C2.51683 5.46806 1.88419 5.72107 1.40832 6.1751C0.932455 6.62914 0.650039 7.24922 0.619869 7.90625L0.00268136 20.7578C-0.0131401 21.1034 0.0411781 21.4486 0.162362 21.7726C0.283546 22.0967 0.469085 22.3928 0.707797 22.6432C0.946509 22.8936 1.23345 23.093 1.55132 23.2296C1.8692 23.3661 2.21142 23.4368 2.55737 23.4375H14.4636C14.8096 23.4368 15.1518 23.3661 15.4697 23.2296C15.7875 23.093 16.0745 22.8936 16.3132 22.6432C16.5519 22.3928 16.7374 22.0967 16.8586 21.7726C16.9798 21.4486 17.0341 21.1034 17.0183 20.7578L16.4011 7.90625C16.3709 7.24922 16.0885 6.62914 15.6127 6.1751C15.1368 5.72107 14.5042 5.46806 13.8464 5.46875H13.198V4.6875C13.198 3.4443 12.7041 2.25201 11.8251 1.37294C10.946 0.49386 9.7537 0 8.51049 0ZM5.38549 4.6875C5.38549 3.8587 5.71473 3.06384 6.30078 2.47779C6.88684 1.89174 7.68169 1.5625 8.51049 1.5625C9.3393 1.5625 10.1342 1.89174 10.7202 2.47779C11.3063 3.06384 11.6355 3.8587 11.6355 4.6875V5.46875H5.38549V4.6875ZM14.8386 7.97656L15.4558 20.8359C15.4607 20.9703 15.4391 21.1043 15.3922 21.2303C15.3452 21.3563 15.274 21.4719 15.1824 21.5703C15.0888 21.6663 14.9771 21.7428 14.8537 21.7951C14.7303 21.8474 14.5977 21.8746 14.4636 21.875H2.55737C2.42332 21.8746 2.29071 21.8474 2.16729 21.7951C2.04388 21.7428 1.93214 21.6663 1.83862 21.5703C1.74703 21.4719 1.67575 21.3563 1.62883 21.2303C1.58191 21.1043 1.56028 20.9703 1.56518 20.8359L2.18237 7.97656C2.19443 7.72163 2.30426 7.48114 2.48904 7.30509C2.67382 7.12904 2.91934 7.03096 3.17456 7.03125H13.8464C14.1017 7.03096 14.3472 7.12904 14.5319 7.30509C14.7167 7.48114 14.8266 7.72163 14.8386 7.97656Z"
                                                fill="black" />
                                            <path
                                                d="M4.88672 9.52344C5.31819 9.52344 5.66797 9.17366 5.66797 8.74219C5.66797 8.31072 5.31819 7.96094 4.88672 7.96094C4.45525 7.96094 4.10547 8.31072 4.10547 8.74219C4.10547 9.17366 4.45525 9.52344 4.88672 9.52344Z"
                                                fill="black" />
                                            <path
                                                d="M12.1367 9.52344C12.5682 9.52344 12.918 9.17366 12.918 8.74219C12.918 8.31072 12.5682 7.96094 12.1367 7.96094C11.7052 7.96094 11.3555 8.31072 11.3555 8.74219C11.3555 9.17366 11.7052 9.52344 12.1367 9.52344Z"
                                                fill="black" />
                                        </svg>
                                    </button>
                                </div>
                                <div class="sidenav-box d-none d-xl-block">
                                    <button class="open-sidenav" aria-label="sidenav" title="open sidenav">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="28" height="26"
                                            viewBox="0 0 28 26" fill="none">
                                            <ellipse cx="2.39023" cy="2.39022" rx="2.39023" ry="2.39022"
                                                fill="#FFC107" />
                                            <ellipse cx="13.9146" cy="2.39022" rx="2.39023" ry="2.39022"
                                                fill="black" />
                                            <ellipse cx="25.44" cy="2.39022" rx="2.39023" ry="2.39022"
                                                fill="black" />
                                            <ellipse cx="2.39023" cy="12.6334" rx="2.39023" ry="2.39022"
                                                fill="black" />
                                            <ellipse cx="13.9146" cy="12.6344" rx="2.39023" ry="2.39022"
                                                fill="#FFC107" />
                                            <ellipse cx="25.44" cy="12.6344" rx="2.39023" ry="2.39022"
                                                fill="black" />
                                            <ellipse cx="2.39023" cy="23.0484" rx="2.39023" ry="2.39022"
                                                fill="black" />
                                            <ellipse cx="13.9996" cy="23.0484" rx="2.39023" ry="2.39022"
                                                fill="black" />
                                            <ellipse cx="25.61" cy="23.0484" rx="2.39023" ry="2.39022"
                                                fill="#FFC107" />
                                        </svg>
                                    </button>
                                </div>
                                <a href="<?php echo e(route('donate.us')); ?>" class="btn--secondary d-none d-md-flex">Donate Now <i
                                        class="fa-solid fa-arrow-right"></i></a>
                            </div>
                            <button class="open-offcanvas-nav d-flex d-xl-none" aria-label="toggle mobile menu"
                                title="open offcanvas menu">
                                <span class="icon-bar top-bar"></span>
                                <span class="icon-bar middle-bar"></span>
                                <span class="icon-bar bottom-bar"></span>
                            </button>
                        </div>
                    </nav>
                </div>
            </div>
        </div>
    </div>
</header>
<!-- ==== / header end ==== -->

<!-- ==================== Mobile Menu Start Here ==================== -->
<?php echo $__env->make('frontend.includes.partials.navbar', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>
<!-- ==================== Mobile Menu End Here ==================== -->

<!-- ==== search popup start ==== -->
<div class="search-popup">
    <button class="close-search" aria-label="close search box" title="close search box">
        <i class="fa-solid fa-xmark"></i>
    </button>
    <form action="#" method="post">
        <div class="search-popup__group">
            <input type="text" name="search-field" id="searchField" placeholder="Search...." required>
            <button type="submit" aria-label="search products" title="search products">
                <i class="fa-solid fa-magnifying-glass"></i>
            </button>
        </div>
    </form>
</div>
<!-- ==== / search popup end ==== -->

<!-- ==== off canvas start ==== -->
<div class="off-canvas d-none d-xl-block">
    <div class="off-canvas__inner">
        <div class="off-canvas__head">
            <a href="<?php echo e(route('home')); ?>">
                <img src="<?php echo e(asset('assets/images/logo.png')); ?>" alt="Logo">
            </a>
            <button aria-label="close off canvas" class="off-canvas-close">
                <i class="fa-solid fa-xmark"></i>
            </button>
        </div>
        <div class="offcanvas__search">
            <form action="#">
                <input type="text" placeholder="What are you searching for?" required>
                <button type="submit">
                    <i class="icon-search"></i>
                </button>
            </form>
        </div>
        <div class="off-canvas__contact">
            <h5>Contact Info</h5>
            <div class="single">
                <span>
                    <i class="fa-solid fa-phone-volume"></i>
                </span>
                <a href="tel:253-556-7777">(+1) 253 556-7777</a>
            </div>
            <div class="single">
                <span>
                    <i class="fa-solid fa-envelope"></i>
                </span>
                <a href="mailto:example@support.com">example@support.com</a>
            </div>
            <div class="single">
                <span>
                    <i class="fa-solid fa-location-dot"></i>
                </span>
                <a target="_blank"
                    href="https://www.google.com/maps/place/Narbethong+QLD+4725,+Australia/@-23.8173641,145.3223283,11z/data=!3m1!4b1!4m15!1m8!3m7!1s0x2b2bfd076787c5df:0x538267a1955b1352!2sAustralia!3b1!8m2!3d-25.274398!4d133.775136!16zL20vMGNoZ2h5!3m5!1s0x6bcacfb51d7e5257:0x400eef17f209750!8m2!3d-23.8656897!4d145.5354411!16s%2Fg%2F1wd3w6zw">
                    Narbethong
                    Queensland 4725
                    Australia
                </a>
            </div>
        </div>
        <div class="social">
            <a href="https://www.facebook.com/" target="_blank" aria-label="share us on facebook" title="facebook">
                <i class="fa-brands fa-facebook-f"></i>
            </a>
            <a href="https://vimeo.com/" target="_blank" aria-label="share us on vimeo" title="vimeo">
                <i class="fa-brands fa-vimeo-v"></i>
            </a>
            <a href="https://x.com/" target="_blank" aria-label="share us on twitter" title="twitter">
                <i class="fa-brands fa-twitter"></i>
            </a>
            <a href="https://www.linkedin.com/" target="_blank" aria-label="share us on linkedin" title="linkedin">
                <i class="fa-brands fa-linkedin-in"></i>
            </a>
        </div>
    </div>
</div>
<div class="off-canvas-backdrop"></div>
<!-- ==== / off canvas end ==== -->
<?php /**PATH D:\laragon\www\charifund\resources\views/frontend/includes/headers/headerThree.blade.php ENDPATH**/ ?>