<!-- ==== topbar start ==== -->
<div class="topbar topbar--secondary topbar--quaternary 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 gutter-12">
                        <div class="col-12 col-xxl-7">
                            <div class="topbar__list-wrapper">
                                <ul class="topbar__list justify-content-center justify-content-xxl-start">
                                    <li><i class="fa-solid fa-comment-dots"></i> Helpline: <a
                                            href="tel:2305-587-3407">+2(305)
                                            587-3407</a>
                                    </li>

                                    <li><span class="divider"></span></li>
                                    <li><a href="mailto:example@info.com">example@info.com</a>
                                    </li>
                                    <li><span class="divider"></span></li>
                                    <li><a href="https://maps.app.goo.gl/Gr9pTNqz5FRNrjQw8" target="_blank">54
                                            Berrick St Boston MA 02115</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-12 col-xxl-5">
                            <div class="topbar__extra text-center justify-content-center justify-content-xxl-end">
                                <p>Updates: Delivers Personal Protective Equipments to North.
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- ==== / topbar end ==== -->

<!-- ==== header start ==== -->
<header class="header header-tertiary header-four">
    <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-two.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=" d-none d-xxl-block">
                                    <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 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="23" height="23"
                                            viewBox="0 0 23 23" fill="none">
                                            <path
                                                d="M22.8316 4.54575C22.7002 4.35623 22.4886 4.23909 22.2589 4.22921L8.014 3.61154C7.60529 3.59355 7.26374 3.91097 7.24627 4.3202C7.2289 4.72928 7.54393 5.07492 7.95068 5.0925L21.2312 5.6684L18.6199 13.8641H6.9997L4.90033 2.36513C4.85418 2.1131 4.68218 1.90285 4.44496 1.80923L1.00655 0.450378C0.627594 0.301129 0.199971 0.488375 0.0511428 0.869122C-0.097428 1.25008 0.0886582 1.6805 0.467409 1.83022L3.5247 3.03843L5.66112 14.7392C5.72551 15.091 6.03026 15.3465 6.38594 15.3465H6.74033L5.93108 17.6077C5.86334 17.7971 5.89125 18.0075 6.00652 18.172C6.12163 18.3366 6.30885 18.4345 6.50871 18.4345H7.07632C6.7246 18.8283 6.50871 19.3468 6.50871 19.9169C6.50871 21.1431 7.5005 22.1405 8.71913 22.1405C9.93776 22.1405 10.9296 21.1431 10.9296 19.9169C10.9296 19.3468 10.7137 18.8283 10.362 18.4345H15.1813C14.8294 18.8283 14.6136 19.3468 14.6136 19.9169C14.6136 21.1431 15.6051 22.1405 16.824 22.1405C18.0429 22.1405 19.0344 21.1431 19.0344 19.9169C19.0344 19.3468 18.8186 18.8283 18.4669 18.4345H19.1572C19.4964 18.4345 19.7712 18.158 19.7712 17.8169C19.7712 17.4757 19.4964 17.1992 19.1572 17.1992H7.38235L8.0454 15.3463H19.1572C19.4776 15.3463 19.7611 15.138 19.8587 14.8314L22.9287 5.19574C22.9993 4.97582 22.9631 4.73538 22.8316 4.54575ZM8.71918 20.9054C8.17737 20.9054 7.73674 20.4622 7.73674 19.9172C7.73674 19.3722 8.17737 18.9289 8.71918 18.9289C9.261 18.9289 9.70157 19.3722 9.70157 19.9172C9.70157 20.4622 9.261 20.9054 8.71918 20.9054ZM16.824 20.9054C16.2822 20.9054 15.8416 20.4622 15.8416 19.9172C15.8416 19.3722 16.2822 18.9289 16.824 18.9289C17.3658 18.9289 17.8064 19.3722 17.8064 19.9172C17.8064 20.4622 17.3658 20.9054 16.824 20.9054Z"
                                                fill="#0A1426" />
                                        </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 ==== -->

<!-- ==== sidebar cart start ==== -->
<div class="sidebar-cart">
    <div class="der">
        <button class="close-cart">
            <span class="close-icon">X</span>
        </button>
        <h2>
            Shopping Bag
            <span class="count">2</span>
        </h2>
        <div class="cart-items">
            <div class="cart-item-single">
                <div class="cart-item-thumb">
                    <a href="service-details.html">
                        <img src="<?php echo e(asset('assets/images/cart.jpg')); ?>" alt="Image">
                    </a>
                </div>
                <div class="cart-item-content">
                    <h6 class="h6 title-anim">
                        <a href="service-details.html">Product One</a>
                    </h6>
                    <p class="price">
                        $
                        <span class="item-price">34.99</span>
                    </p>
                    <div class="measure">
                        <button aria-label="decrease item" class="quantity-decrease">
                            <i class="fa-solid fa-minus"></i>
                        </button>
                        <span class="item-quantity">0</span>
                        <button aria-label="add item" class="quantity-increase">
                            <i class="fa-solid fa-plus"></i>
                        </button>
                    </div>
                </div>
                <button aria-label="delete item" class="delete-item">
                    <i class="fa-solid fa-trash"></i>
                </button>
            </div>
            <div class="cart-item-single">
                <div class="cart-item-thumb">
                    <a href="service-details.html">
                        <img src="<?php echo e(asset('assets/images/cart.jpg')); ?>" alt="Image">
                    </a>
                </div>
                <div class="cart-item-content">
                    <h6 class="h6 title-anim">
                        <a href="service-details.html">Product Two</a>
                    </h6>
                    <p class="price">
                        $
                        <span class="item-price">34.99</span>
                    </p>
                    <div class="measure">
                        <button aria-label="decrease item" class="quantity-decrease">
                            <i class="fa-solid fa-minus"></i>
                        </button>
                        <span class="item-quantity">0</span>
                        <button aria-label="add item" class="quantity-increase">
                            <i class="fa-solid fa-plus"></i>
                        </button>
                    </div>
                </div>
                <button aria-label="delete item" class="delete-item">
                    <i class="fa-solid fa-trash"></i>
                </button>
            </div>
        </div>
        <div class="totals">
            <div class="subtotal">
                <span class="label">Subtotal:</span>
                <span class="amount ">
                    $
                    <span class="total-price">0.00</span>
                </span>
            </div>
        </div>
        <div class="action-buttons">
            <a class="view-cart-button" href="<?php echo e(route('cart')); ?>" aria-label="go to cart">Cart</a>
            <a class="checkout-button" href="<?php echo e(route('checkout')); ?>" aria-label="go to checkout">
                Checkout
                <i class="fa-solid fa-arrow-right-long"></i>
            </a>
        </div>
    </div>
</div>
<div class="cart-backdrop"></div>
<!-- ==== / sidebar cart end ==== --><?php /**PATH D:\laragon\www\charifund\resources\views/frontend/includes/headers/headerFour.blade.php ENDPATH**/ ?>