<div>
    <style data-emotion="css 1s6cmxh">
        .css-1s6cmxh {
            z-index: 105;
            width: 100%;
            position: fixed!important;
        }

        @supports (position:sticky) {
            .css-1s6cmxh {
                position: -webkit-sticky;
                position: sticky;
                top: 0;
            }
        }

        @media  print {
            .css-1s6cmxh {
                display: none;
            }
        }
    </style>
    <header class="css-1s6cmxh ep46nv10" id="header">
        <style data-emotion="css 16xpy7b">
            .css-16xpy7b {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-align-items: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                background: var(--chakra-colors-white);
                border-bottom-color: var(--chakra-colors-gray-200);
                border-bottom-style: solid;
                box-shadow: rgba(72, 88, 133, 0.14) 0px 4px 16px;
                color: var(--chakra-colors-blue-700);
                -webkit-flex-direction: row;
                -ms-flex-direction: row;
                flex-direction: row;
                height: 6.4rem;
                left: var(--chakra-space-0);
                padding-top: 1.6rem;
                padding-bottom: 1.6rem;
                top: var(--chakra-space-0);
                -webkit-transition: height 0.2s ease;
                transition: height 0.2s ease;
                width: 100%;
                z-index: 105;
            }

            @media  screen and (min-width: 1024px) {
                .css-16xpy7b {
                    padding-top: 3.2rem;
                    padding-bottom: 3.2rem;
                }
            }

            @media  screen and (min-width: 1280px) {
                .css-16xpy7b {
                    border-bottom-width: 1px;
                    height: 7.2rem;
                }
            }
        </style>
        <div class="css-16xpy7b">
            <style data-emotion="css 1y582ok">
                .css-1y582ok {
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-align-items: center;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    -webkit-box-pack: justify;
                    -webkit-justify-content: space-between;
                    justify-content: space-between;
                    margin: 0 auto;
                    width: 100%;
                }

                @media  screen and (min-width: 1024px) {
                    .css-1y582ok {
                        max-width: 1216px;
                    }
                }
            </style>
            <nav class="css-1y582ok">
                <style data-emotion="css cfwo5w">
                    .css-cfwo5w {
                        display: none;
                        height: 7rem;
                        -webkit-align-items: center;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        width: 100%;
                    }

                    @media  screen and (min-width: 1280px) {
                        .css-cfwo5w {
                            display: -webkit-box;
                            display: -webkit-flex;
                            display: -ms-flexbox;
                            display: flex;
                        }
                    }
                </style>
                <div class="css-cfwo5w">
                    <style data-emotion="css x6gfyg">
                        .css-x6gfyg {
                            transition-property: var(--chakra-transition-property-common);
                            transition-duration: var(--chakra-transition-duration-fast);
                            transition-timing-function: var(--chakra-transition-easing-ease-out);
                            cursor: pointer;
                            -webkit-text-decoration: none;
                            text-decoration: none;
                            outline: 2px solid transparent;
                            outline-offset: 2px;
                            color: #3E47DD;
                            font-family: EuclidCircularB, sans-serif;
                            font-style: normal;
                            font-weight: 600;
                            padding: var(--chakra-space-0);
                            padding-top: 0.6rem;
                        }

                        .css-x6gfyg:hover,
                        .css-x6gfyg[data-hover] {
                            -webkit-text-decoration: underline;
                            text-decoration: underline;
                        }

                        .css-x6gfyg:focus-visible,
                        .css-x6gfyg[data-focus-visible] {
                            box-shadow: var(--chakra-shadows-outline);
                        }
                    </style>
                    <a class="chakra-link css-x6gfyg" href="<?php echo e(route('home')); ?>">
                        <style data-emotion="css 1thyur">
                            .css-1thyur {
                                width: 10.2rem;
                                max-width: 10.2rem;
                            }
                        </style>
                        <?php if (isset($component)) { $__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4 = $component; } ?>
<?php $component = $__env->getContainer()->make(Illuminate\View\AnonymousComponent::class, ['view' => 'components.logo','data' => []]); ?>
<?php $component->withName('logo'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php $component->withAttributes([]); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4)): ?>
<?php $component = $__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4; ?>
<?php unset($__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4); ?>
<?php endif; ?>
                    </a>
                    <style data-emotion="css 1berroc">
                        .css-1berroc {
                            display: -webkit-box;
                            display: -webkit-flex;
                            display: -ms-flexbox;
                            display: flex;
                            -webkit-box-pack: justify;
                            -webkit-justify-content: space-between;
                            justify-content: space-between;
                            -webkit-align-items: center;
                            -webkit-box-align: center;
                            -ms-flex-align: center;
                            align-items: center;
                            -webkit-box-flex: 1;
                            -webkit-flex-grow: 1;
                            -ms-flex-positive: 1;
                            flex-grow: 1;
                            height: 100%;
                        }
                    </style>
                    <div class="css-1berroc">
                        <style data-emotion="css oa3fqd">
                            .css-oa3fqd {
                                display: -webkit-box;
                                display: -webkit-flex;
                                display: -ms-flexbox;
                                display: flex;
                                margin: 0;
                                padding: 0;
                                height: 100%;
                                -webkit-flex-direction: row;
                                -ms-flex-direction: row;
                                flex-direction: row;
                            }
                        </style>
                        <ul class="css-oa3fqd e6eisno0" data-testid="navigation.desktop.nav_links_list">
                            <style data-emotion="css 17fw65v">
                                .css-17fw65v {
                                    font-weight: 600;
                                    font-size: 1.4rem;
                                    line-height: 171%;
                                    font-style: normal;
                                    color: #3E47DD;
                                    cursor: pointer;
                                    -webkit-text-decoration: none;
                                    text-decoration: none;
                                    display: -webkit-box;
                                    display: -webkit-flex;
                                    display: -ms-flexbox;
                                    display: flex;
                                    -webkit-flex-shrink: 0;
                                    -ms-flex-negative: 0;
                                    flex-shrink: 0;
                                    -webkit-align-items: center;
                                    -webkit-box-align: center;
                                    -ms-flex-align: center;
                                    align-items: center;
                                    font-weight: 500;
                                    position: relative;
                                    color: #31406F;
                                    margin: 0 1.2rem;
                                }

                                .css-17fw65v:first-of-type {
                                    margin-left: 3.6rem;
                                }

                                .css-17fw65v:hover {
                                    color: #3E47DD;
                                }

                                .css-17fw65v::after {
                                    content: '';
                                    position: absolute;
                                    bottom: -1px;
                                    left: 0;
                                    height: 3px;
                                    width: 100%;
                                    z-index: 5;
                                }

                                .css-17fw65v:hover::after {
                                    background-color: currentColor;
                                }

                                .css-17fw65v:focus-visible {
                                    outline: none;
                                }

                                @media (max-width:1199px) {
                                    .css-17fw65v {
                                        color: #485885;
                                        font-size: 1.8rem;
                                        line-height: 3.2rem;
                                        width: calc(100% + 2rem);
                                    }
                                }
                            </style>
                            <a class="css-17fw65v e6eisno1" data-testid="feature.car_selector.search"
                                href="<?php echo e(route('cars')); ?>">
                                Buy
                            </a>
                            <a class="css-17fw65v e6eisno1" href="<?php echo e(route('how-it-works')); ?>">
                                How it works
                            </a>
                            <a class="css-17fw65v e6eisno1" data-testid="reviews" href="https://trustpilot.com">
                                Reviews
                            </a>
                            <a class="css-17fw65v e6eisno1" data-testid="reviews" href="<?php echo e(route('car-delivery')); ?>">
                                Delivery
                            </a>
                            <a class="css-17fw65v e6eisno1" data-testid="reviews" href="<?php echo e(route('electric-hybrid-vehicles')); ?>">
                                Electric &amp; Hybrid &nbsp;<button class="btn btn-warning btn-sm">New</button>
                            </a>
                        </ul>
                        <style data-emotion="css 70qvj9">
                            .css-70qvj9 {
                                display: -webkit-box;
                                display: -webkit-flex;
                                display: -ms-flexbox;
                                display: flex;
                                -webkit-align-items: center;
                                -webkit-box-align: center;
                                -ms-flex-align: center;
                                align-items: center;
                            }
                        </style>
                        <div class="css-70qvj9">
                            <style data-emotion="css peqssk">
                                .css-peqssk {
                                    display: -webkit-inline-box;
                                    display: -webkit-inline-flex;
                                    display: -ms-inline-flexbox;
                                    display: inline-flex;
                                    -webkit-appearance: none;
                                    -moz-appearance: none;
                                    -ms-appearance: none;
                                    appearance: none;
                                    -webkit-align-items: center;
                                    -webkit-box-align: center;
                                    -ms-flex-align: center;
                                    align-items: center;
                                    -webkit-box-pack: center;
                                    -ms-flex-pack: center;
                                    -webkit-justify-content: center;
                                    justify-content: center;
                                    -webkit-user-select: none;
                                    -moz-user-select: none;
                                    -ms-user-select: none;
                                    user-select: none;
                                    position: relative;
                                    white-space: nowrap;
                                    vertical-align: middle;
                                    outline: 2px solid transparent;
                                    outline-offset: 2px;
                                    line-height: 1.2;
                                    font-weight: var(--chakra-fontWeights-semibold);
                                    transition-duration: var(--chakra-transition-duration-normal);
                                    height: var(--chakra-sizes-12);
                                    min-width: var(--chakra-sizes-12);
                                    font-size: var(--chakra-fontSizes-md);
                                    -webkit-padding-start: var(--chakra-space-0);
                                    padding-inline-start: var(--chakra-space-0);
                                    -webkit-padding-end: var(--chakra-space-0);
                                    padding-inline-end: var(--chakra-space-0);
                                    color: #3E47DD;
                                    background: var(--chakra-colors-transparent);
                                    padding: 1.2rem;
                                    border-radius: 0.4rem;
                                    border-bottom: 0;
                                    -webkit-transition: 0.2s ease;
                                    transition: 0.2s ease;
                                    transition-property: var(--chakra-transition-property-background);
                                }

                                .css-peqssk:focus-visible,
                                .css-peqssk[data-focus-visible] {
                                    box-shadow: var(--chakra-shadows-outline);
                                }

                                .css-peqssk:disabled,
                                .css-peqssk[disabled],
                                .css-peqssk[aria-disabled=true],
                                .css-peqssk[data-disabled] {
                                    opacity: 1;
                                    cursor: not-allowed;
                                    box-shadow: var(--chakra-shadows-none);
                                    color: #B3C3DE;
                                }

                                .css-peqssk:disabled:hover,
                                .css-peqssk[disabled]:hover,
                                .css-peqssk[aria-disabled=true]:hover,
                                .css-peqssk[data-disabled]:hover,
                                .css-peqssk:disabled[data-hover],
                                .css-peqssk[disabled][data-hover],
                                .css-peqssk[aria-disabled=true][data-hover],
                                .css-peqssk[data-disabled][data-hover] {
                                    color: #B3C3DE;
                                    border-color: var(--chakra-colors-transparent);
                                }

                                .css-peqssk:focus,
                                .css-peqssk[data-focus] {
                                    outline: 2px solid transparent;
                                    outline-offset: 2px;
                                    box-shadow: var(--chakra-shadows-none);
                                }

                                .css-peqssk:active,
                                .css-peqssk[data-active] {
                                    background: primary.100;
                                    background-color: var(--chakra-colors-transparent);
                                    color: #3E27C4;
                                }

                                .css-peqssk:hover,
                                .css-peqssk[data-hover] {
                                    background: var(--chakra-colors-gray-50);
                                }
                            </style>
                            <button aria-label="Favorite cars" class="chakra-button css-peqssk"
                                type="button">
                                <style data-emotion="css 64d0jl">
                                    .css-64d0jl {
                                        width: 24px;
                                        height: 24px;
                                        -webkit-transition: color 200ms;
                                        transition: color 200ms;
                                        color: var(--chakra-colors-gray-700);
                                    }
                                </style>
                                <svg aria-hidden="true" class="css-64d0jl" data-icon-id="heart24"
                                    focusable="false" viewbox="0 0 24 24">
                                    <use href="<?php echo e(asset('assets/images/Heart24.fe99a86a.svg')); ?>">
                                    </use>
                                </svg>
                            </button>
                            <style data-emotion="css 1hu4zk7">
                                .css-1hu4zk7 {
                                    position: relative;
                                    padding-top: 1.2rem;
                                    padding-bottom: 1.2rem;
                                }
                            </style>
                            <div class="css-1hu4zk7" data-testid="feature.navigation.language_select">
                                <button aria-label="Language" class="chakra-button css-peqssk"
                                    type="button">
                                    <style data-emotion="css 1t3v6h3">
                                        .css-1t3v6h3 {
                                            width: 2.4rem;
                                            height: 2.4rem;
                                            display: inline-block;
                                            line-height: 1em;
                                            -webkit-flex-shrink: 0;
                                            -ms-flex-negative: 0;
                                            flex-shrink: 0;
                                            color: currentColor;
                                            vertical-align: middle;
                                            border-radius: 100%;
                                            border: 1px solid;
                                            border-color: var(--chakra-colors-gray-100);
                                        }
                                    </style>
                                    <svg class="chakra-icon css-1t3v6h3" data-testid="feature.locale_flag.GB"
                                        focusable="false" viewbox="0 0 24 24">
                                        <g clip-path="url(#clip0_1_1390)">
                                            <path
                                                d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z"
                                                fill="white">
                                            </path>
                                            <path
                                                d="M2.4805 4.69421C1.53789 5.9206 0.827128 7.33412 0.413269 8.8697H6.65599L2.4805 4.69421Z"
                                                fill="#0052B4">
                                            </path>
                                            <path
                                                d="M23.5868 8.86969C23.1729 7.33415 22.4621 5.92064 21.5195 4.69424L17.3441 8.86969H23.5868Z"
                                                fill="#0052B4">
                                            </path>
                                            <path
                                                d="M0.413269 15.1306C0.827175 16.6661 1.53794 18.0796 2.4805 19.306L6.65585 15.1306H0.413269Z"
                                                fill="#0052B4">
                                            </path>
                                            <path
                                                d="M19.3057 2.48073C18.0793 1.53812 16.6658 0.827358 15.1302 0.413452V6.65612L19.3057 2.48073Z"
                                                fill="#0052B4">
                                            </path>
                                            <path
                                                d="M4.69388 21.5194C5.92027 22.462 7.33378 23.1728 8.86932 23.5867V17.3441L4.69388 21.5194Z"
                                                fill="#0052B4">
                                            </path>
                                            <path
                                                d="M8.86927 0.413452C7.33374 0.827358 5.92022 1.53812 4.69388 2.48069L8.86927 6.65608V0.413452Z"
                                                fill="#0052B4">
                                            </path>
                                            <path
                                                d="M15.1303 23.5867C16.6658 23.1728 18.0794 22.462 19.3057 21.5194L15.1303 17.3441V23.5867Z"
                                                fill="#0052B4">
                                            </path>
                                            <path
                                                d="M17.3441 15.1306L21.5195 19.306C22.4621 18.0797 23.1729 16.6661 23.5868 15.1306H17.3441Z"
                                                fill="#0052B4">
                                            </path>
                                            <path
                                                d="M23.8984 10.4348H13.5653H13.5652V0.101578C13.0529 0.034875 12.5305 0 12 0C11.4694 0 10.9471 0.034875 10.4348 0.101578V10.4347V10.4348H0.101578C0.034875 10.9471 0 11.4695 0 12C0 12.5306 0.034875 13.0529 0.101578 13.5652H10.4347H10.4348V23.8984C10.9471 23.9651 11.4694 24 12 24C12.5305 24 13.0529 23.9652 13.5652 23.8984V13.5653V13.5652H23.8984C23.9651 13.0529 24 12.5306 24 12C24 11.4695 23.9651 10.9471 23.8984 10.4348Z"
                                                fill="#D80027">
                                            </path>
                                            <path
                                                d="M15.1303 15.1305L20.4852 20.4853C20.7314 20.2391 20.9664 19.9817 21.1905 19.7149L16.6061 15.1305H15.1303V15.1305Z"
                                                fill="#D80027">
                                            </path>
                                            <path
                                                d="M8.86924 15.1305H8.86915L3.51439 20.4853C3.76058 20.7316 4.01797 20.9665 4.28478 21.1907L8.86924 16.6061V15.1305Z"
                                                fill="#D80027">
                                            </path>
                                            <path
                                                d="M8.8697 8.86964V8.86954L3.51488 3.51468C3.2686 3.76087 3.03367 4.01826 2.80951 4.28507L7.39402 8.86959H8.8697V8.86964Z"
                                                fill="#D80027">
                                            </path>
                                            <path
                                                d="M15.1303 8.86965L20.4852 3.51475C20.239 3.26846 19.9816 3.03353 19.7148 2.80942L15.1303 7.39393V8.86965V8.86965Z"
                                                fill="#D80027">
                                            </path>
                                        </g>
                                        <defs>
                                            <clippath id="clip0_1_1390">
                                                <rect fill="white" height="24" width="24">
                                                </rect>
                                            </clippath>
                                        </defs>
                                    </svg>
                                </button>
                            </div>
                            <style data-emotion="css w3eu5u">
                                .css-w3eu5u {
                                    display: -webkit-box;
                                    display: -webkit-flex;
                                    display: -ms-flexbox;
                                    display: flex;
                                    gap: 0.8rem;
                                    -webkit-align-items: center;
                                    -webkit-box-align: center;
                                    -ms-flex-align: center;
                                    align-items: center;
                                    position: relative;
                                    -webkit-transition: 0.2s ease;
                                    transition: 0.2s ease;
                                    padding: 1.2rem;
                                    color: var(--chakra-colors-gray-700);
                                }

                                .css-w3eu5u:hover,
                                .css-w3eu5u[data-hover] {
                                    color: var(--chakra-colors-blue-500);
                                }
                            </style>
                            <div class="css-w3eu5u" role="group">
                                <style data-emotion="css 1nrnfi9">
                                    .css-1nrnfi9 {
                                        width: 24px;
                                        height: 24px;
                                        -webkit-transition: color 200ms;
                                        transition: color 200ms;
                                    }
                                </style>
                                <svg class="css-1nrnfi9" data-icon-id="usercircle24" viewbox="0 0 24 24">
                                    <use href="<?php echo e(asset('assets/images/UserCircle24.d7fe1cf0.svg')); ?>">
                                    </use>
                                </svg>
                                <style data-emotion="css 5148o1">
                                    .css-5148o1 {
                                        display: -webkit-box;
                                        display: -webkit-flex;
                                        display: -ms-flexbox;
                                        display: flex;
                                        gap: 0.4rem;
                                        -webkit-align-items: center;
                                        -webkit-box-align: center;
                                        -ms-flex-align: center;
                                        align-items: center;
                                    }
                                </style>
                                <div class="css-5148o1">
                                    <style data-emotion="css 1x9affc">
                                        .css-1x9affc {
                                            font-family: EuclidCircularB, sans-serif;
                                            font-style: normal;
                                            font-size: var(--chakra-fontSizes-100);
                                            line-height: 2rem;
                                            color: inherit;
                                            font-weight: 500;
                                        }
                                    </style>
                                    <?php if(auth()->guard()->guest()): ?>
                                        <a class="chakra-text css-1x9affc" data-testid="navigation_sign_in_btn" href="<?php echo e(route('login')); ?>">
                                            Login
                                        </a>
                                    <?php else: ?>
                                        <?php
if (! isset($_instance)) {
    $html = \Livewire\Livewire::mount('pages.auth.logout')->html();
} elseif ($_instance->childHasBeenRendered('l1971587505-0')) {
    $componentId = $_instance->getRenderedChildComponentId('l1971587505-0');
    $componentTag = $_instance->getRenderedChildComponentTagName('l1971587505-0');
    $html = \Livewire\Livewire::dummyMount($componentId, $componentTag);
    $_instance->preserveRenderedChild('l1971587505-0');
} else {
    $response = \Livewire\Livewire::mount('pages.auth.logout');
    $html = $response->html();
    $_instance->logRenderedChild('l1971587505-0', $response->id(), \Livewire\Livewire::getRootElementTagName($html));
}
echo $html;
?>
                                    <?php endif; ?>
                                    <style data-emotion="css gdat5j">
                                        .css-gdat5j {
                                            width: 16px;
                                            height: 16px;
                                            -webkit-transition: color 200ms;
                                            transition: color 200ms;
                                        }
                                    </style>
                                    <svg class="css-gdat5j" data-icon-id="chevrondown16" viewbox="0 0 16 16">
                                        <use href="<?php echo e(asset('assets/images/ChevronDown16.f68373e7.svg')); ?>">
                                        </use>
                                    </svg>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <style data-emotion="css 167bw8j">
                    .css-167bw8j {
                        -webkit-box-pack: justify;
                        -webkit-justify-content: space-between;
                        justify-content: space-between;
                        display: -webkit-box;
                        display: -webkit-flex;
                        display: -ms-flexbox;
                        display: flex;
                        width: 100%;
                        -webkit-align-items: center;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        padding: 0 0.4rem 0 1.6rem;
                    }

                    @media  screen and (min-width: 1280px) {
                        .css-167bw8j {
                            display: none;
                        }
                    }
                </style>
                <div class="css-167bw8j">
                    <style data-emotion="css bvwp9">
                        .css-bvwp9 {
                            display: -webkit-box;
                            display: -webkit-flex;
                            display: -ms-flexbox;
                            display: flex;
                            gap: 0.4rem;
                            -webkit-align-items: center;
                            -webkit-box-align: center;
                            -ms-flex-align: center;
                            align-items: center;
                            cursor: pointer;
                        }
                    </style>
                    <div class="css-bvwp9">
                        <style data-emotion="css 14wc4vu">
                            .css-14wc4vu {
                                width: 2.4rem;
                                height: 2.4rem;
                                display: inline-block;
                                line-height: 1em;
                                -webkit-flex-shrink: 0;
                                -ms-flex-negative: 0;
                                flex-shrink: 0;
                                color: #485885;
                                vertical-align: middle;
                                fill: var(--chakra-colors-transparent);
                                stroke: var(--chakra-colors-transparent);
                            }
                        </style>
                        <svg class="chakra-icon css-14wc4vu hamburger-menu-button" focusable="false" viewbox="0 0 24 24">
                            <path d="M21.5 6L2.5 6" stroke="currentColor" stroke-linecap="round"
                                stroke-width="2">
                            </path>
                            <path d="M21.5 12H2.5" stroke="currentColor" stroke-linecap="round"
                                stroke-width="2">
                            </path>
                            <path d="M21.5 18H2.5" stroke="currentColor" stroke-linecap="round"
                                stroke-width="2">
                            </path>
                        </svg>
                        <style data-emotion="css 1ja0y08">
                            .css-1ja0y08 {
                                font-family: EuclidCircularB, sans-serif;
                                font-style: normal;
                                color: #485885;
                                font-size: 1.4rem;
                                line-height: 2.4rem;
                                font-weight: 500;
                            }

                            @media  screen and (min-width: 992px) {
                                .css-1ja0y08 {
                                    font-size: 1.6rem;
                                    line-height: 2.8rem;
                                }
                            }
                        </style>
                    </div>
                    <div class="chakra-slide" id="hamburger-menu"
                        style="position:fixed;left:0;top:0;bottom:0;width:31.2rem;z-index:105;height:100dvh;overflow-y:scroll;background:#ffffff;transform:translateX(-100%)">
                        <style data-emotion="css 7750lc">
                            .css-7750lc {
                                display: -webkit-box;
                                display: -webkit-flex;
                                display: -ms-flexbox;
                                display: flex;
                                -webkit-flex-direction: column;
                                -ms-flex-direction: column;
                                flex-direction: column;
                                gap: 2rem;
                                padding: 2rem;
                                width: 100%;
                            }
                        </style>
                        <div class="css-7750lc">
                            <style data-emotion="css ubbhtm">
                                .css-ubbhtm {
                                    width: var(--chakra-sizes-6);
                                    height: var(--chakra-sizes-6);
                                    display: inline-block;
                                    line-height: 1em;
                                    -webkit-flex-shrink: 0;
                                    -ms-flex-negative: 0;
                                    flex-shrink: 0;
                                    color: #3E47DD;
                                    vertical-align: middle;
                                    fill: var(--chakra-colors-transparent);
                                    -webkit-align-self: flex-start;
                                    -ms-flex-item-align: flex-start;
                                    align-self: flex-start;
                                    cursor: pointer;
                                }
                            </style>
                            <svg aria-label="close-button" class="chakra-icon css-ubbhtm hamburger-menu-button" focusable="false"
                                viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                                <path d="M18 6L6 18M6 6L18 18" stroke="currentColor" stroke-linecap="round"
                                    stroke-linejoin="round" stroke-width="2">
                                </path>
                            </svg>
                            <style data-emotion="css 1cfm6rx">
                                .css-1cfm6rx {
                                    transition-property: var(--chakra-transition-property-common);
                                    transition-duration: var(--chakra-transition-duration-fast);
                                    transition-timing-function: var(--chakra-transition-easing-ease-out);
                                    cursor: pointer;
                                    -webkit-text-decoration: none;
                                    text-decoration: none;
                                    outline: 2px solid transparent;
                                    outline-offset: 2px;
                                    color: #3E47DD;
                                    font-family: EuclidCircularB, sans-serif;
                                    font-style: normal;
                                    font-weight: 600;
                                    padding: 0.8rem 0 0 0;
                                }

                                .css-1cfm6rx:hover,
                                .css-1cfm6rx[data-hover] {
                                    -webkit-text-decoration: underline;
                                    text-decoration: underline;
                                }

                                .css-1cfm6rx:focus-visible,
                                .css-1cfm6rx[data-focus-visible] {
                                    box-shadow: var(--chakra-shadows-outline);
                                }
                            </style>
                            <a class="chakra-link css-1cfm6rx" href="<?php echo e(route('home')); ?>">
                                <?php if (isset($component)) { $__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4 = $component; } ?>
<?php $component = $__env->getContainer()->make(Illuminate\View\AnonymousComponent::class, ['view' => 'components.logo','data' => []]); ?>
<?php $component->withName('logo'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php $component->withAttributes([]); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4)): ?>
<?php $component = $__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4; ?>
<?php unset($__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4); ?>
<?php endif; ?>
                            </a>
                            <style data-emotion="css 14tineu">
                                .css-14tineu {
                                    display: -webkit-box;
                                    display: -webkit-flex;
                                    display: -ms-flexbox;
                                    display: flex;
                                    margin: 0;
                                    padding: 0;
                                    height: 100%;
                                    -webkit-flex-direction: column;
                                    -ms-flex-direction: column;
                                    flex-direction: column;
                                }
                            </style>
                            <ul class="css-14tineu e6eisno0" data-testid="navigation.mobile.nav_links_list">
                                <style data-emotion="css e40ecn">
                                    .css-e40ecn {
                                        font-weight: 600;
                                        font-size: 1.4rem;
                                        line-height: 171%;
                                        font-style: normal;
                                        color: #3E47DD;
                                        cursor: pointer;
                                        -webkit-text-decoration: none;
                                        text-decoration: none;
                                        display: -webkit-box;
                                        display: -webkit-flex;
                                        display: -ms-flexbox;
                                        display: flex;
                                        -webkit-flex-shrink: 0;
                                        -ms-flex-negative: 0;
                                        flex-shrink: 0;
                                        -webkit-align-items: center;
                                        -webkit-box-align: center;
                                        -ms-flex-align: center;
                                        align-items: center;
                                        font-weight: 500;
                                        position: relative;
                                        height: 4.8rem;
                                        color: #31406F;
                                        margin: 0 0 0 -2rem;
                                        padding-left: 2rem;
                                        color: #3E47DD;
                                        font-weight: 700;
                                    }

                                    .css-e40ecn:hover {
                                        color: #3E47DD;
                                    }

                                    .css-e40ecn::after {
                                        background-color: currentColor;
                                    }

                                    .css-e40ecn::after {
                                        content: '';
                                        position: absolute;
                                        bottom: -1px;
                                        left: 0;
                                        height: 100%;
                                        width: 3px;
                                        z-index: 5;
                                    }

                                    .css-e40ecn:hover::after {
                                        background-color: currentColor;
                                    }

                                    .css-e40ecn:focus-visible {
                                        outline: none;
                                    }

                                    @media (max-width:1199px) {
                                        .css-e40ecn {
                                            color: #3E47DD;
                                            font-size: 1.8rem;
                                            line-height: 3.2rem;
                                            width: calc(100% + 2rem);
                                        }
                                    }
                                </style>
                                <a class="css-e40ecn e6eisno1" href="<?php echo e(route('home')); ?>">
                                    Home
                                </a>
                                <style data-emotion="css gg8z9b">
                                    .css-gg8z9b {
                                        font-weight: 600;
                                        font-size: 1.4rem;
                                        line-height: 171%;
                                        font-style: normal;
                                        color: #3E47DD;
                                        cursor: pointer;
                                        -webkit-text-decoration: none;
                                        text-decoration: none;
                                        display: -webkit-box;
                                        display: -webkit-flex;
                                        display: -ms-flexbox;
                                        display: flex;
                                        -webkit-flex-shrink: 0;
                                        -ms-flex-negative: 0;
                                        flex-shrink: 0;
                                        -webkit-align-items: center;
                                        -webkit-box-align: center;
                                        -ms-flex-align: center;
                                        align-items: center;
                                        font-weight: 500;
                                        position: relative;
                                        height: 4.8rem;
                                        color: #31406F;
                                        margin: 0 0 0 -2rem;
                                        padding-left: 2rem;
                                    }

                                    .css-gg8z9b:hover {
                                        color: #3E47DD;
                                    }

                                    .css-gg8z9b::after {
                                        content: '';
                                        position: absolute;
                                        bottom: -1px;
                                        left: 0;
                                        height: 100%;
                                        width: 3px;
                                        z-index: 5;
                                    }

                                    .css-gg8z9b:hover::after {
                                        background-color: currentColor;
                                    }

                                    .css-gg8z9b:focus-visible {
                                        outline: none;
                                    }

                                    @media (max-width:1199px) {
                                        .css-gg8z9b {
                                            color: #485885;
                                            font-size: 1.8rem;
                                            line-height: 3.2rem;
                                            width: calc(100% + 2rem);
                                        }
                                    }
                                </style>
                                <a class="css-gg8z9b e6eisno1" data-testid="feature.car_selector.search"
                                    href="<?php echo e(route('cars')); ?>">
                                    Buy
                                </a>
                                <style data-emotion="css 18xmklg">
                                    .css-18xmklg {
                                        opacity: 1;
                                        border: 0;
                                        border-color: #D7E1EF;
                                        border-style: solid;
                                        border-bottom-width: 1px;
                                        margin: 1.2rem -2rem 1.2rem -2rem;
                                        width: unset;
                                    }
                                </style>
                                <hr aria-orientation="horizontal" class="chakra-divider css-18xmklg" />
                                <a class="css-gg8z9b e6eisno1" href="<?php echo e(route('how-it-works')); ?>">
                                    How it works
                                </a>
                                <a class="css-gg8z9b e6eisno1" data-testid="reviews"
                                    href="https://trustpilot.com">
                                    Reviews
                                </a>
                                <a class="css-gg8z9b e6eisno1" data-testid="reviews" href="<?php echo e(route('car-delivery')); ?>">
                                    Delivery
                                </a>
                            </ul>
                        </div>
                    </div>
                    <style data-emotion="css 1s1j0xs">
                        .css-1s1j0xs {
                            transition-property: var(--chakra-transition-property-common);
                            transition-duration: var(--chakra-transition-duration-fast);
                            transition-timing-function: var(--chakra-transition-easing-ease-out);
                            cursor: pointer;
                            -webkit-text-decoration: none;
                            text-decoration: none;
                            outline: 2px solid transparent;
                            outline-offset: 2px;
                            color: #3E47DD;
                            font-family: EuclidCircularB, sans-serif;
                            font-style: normal;
                            font-weight: 600;
                            padding: 0.8rem 0 0 1.4rem;
                        }

                        .css-1s1j0xs:hover,
                        .css-1s1j0xs[data-hover] {
                            -webkit-text-decoration: underline;
                            text-decoration: underline;
                        }

                        .css-1s1j0xs:focus-visible,
                        .css-1s1j0xs[data-focus-visible] {
                            box-shadow: var(--chakra-shadows-outline);
                        }
                    </style>
                    <a class="chakra-link css-1s1j0xs" href="<?php echo e(route('home')); ?>">
                        <?php if (isset($component)) { $__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4 = $component; } ?>
<?php $component = $__env->getContainer()->make(Illuminate\View\AnonymousComponent::class, ['view' => 'components.logo','data' => []]); ?>
<?php $component->withName('logo'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php $component->withAttributes([]); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4)): ?>
<?php $component = $__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4; ?>
<?php unset($__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4); ?>
<?php endif; ?>
                    </a>
                    <style data-emotion="css k008qs">
                        .css-k008qs {
                            display: -webkit-box;
                            display: -webkit-flex;
                            display: -ms-flexbox;
                            display: flex;
                        }
                    </style>
                    <div class="css-k008qs">
                        <button aria-label="Favorite cars" class="chakra-button css-peqssk" type="button">
                            <svg aria-hidden="true" class="css-64d0jl" data-icon-id="heart24"
                                focusable="false" viewbox="0 0 24 24">
                                <use href="<?php echo e(asset('assets/images/Heart24.fe99a86a.svg')); ?>">
                                </use>
                            </svg>
                        </button>
                        <style data-emotion="css 1xqrs5u">
                            .css-1xqrs5u {
                                display: -webkit-box;
                                display: -webkit-flex;
                                display: -ms-flexbox;
                                display: flex;
                                -webkit-align-items: center;
                                -webkit-box-align: center;
                                -ms-flex-align: center;
                                align-items: center;
                                -webkit-box-pack: center;
                                -ms-flex-pack: center;
                                -webkit-justify-content: center;
                                justify-content: center;
                                width: 4.4rem;
                                height: 4.8rem;
                            }
                        </style>
                        <div class="css-1xqrs5u" data-testid="mobile-user-menu-handler">
                            <style data-emotion="css 1njwro1">
                                .css-1njwro1 {
                                    width: var(--chakra-sizes-6);
                                    height: var(--chakra-sizes-6);
                                    display: inline-block;
                                    line-height: 1em;
                                    -webkit-flex-shrink: 0;
                                    -ms-flex-negative: 0;
                                    flex-shrink: 0;
                                    color: var(--chakra-colors-gray-700);
                                    vertical-align: middle;
                                    cursor: pointer;
                                }
                            </style>
                            <svg class="chakra-icon css-1njwro1 profile-menu-button" focusable="false" viewbox="0 0 24 24">
                                <path
                                    d="M5.85 17.1C6.7 16.45 7.65 15.9373 8.7 15.562C9.75 15.1873 10.85 15 12 15C13.15 15 14.25 15.1873 15.3 15.562C16.35 15.9373 17.3 16.45 18.15 17.1C18.7333 16.4167 19.1877 15.6417 19.513 14.775C19.8377 13.9083 20 12.9833 20 12C20 9.78333 19.221 7.89567 17.663 6.337C16.1043 4.779 14.2167 4 12 4C9.78333 4 7.896 4.779 6.338 6.337C4.77933 7.89567 4 9.78333 4 12C4 12.9833 4.16267 13.9083 4.488 14.775C4.81267 15.6417 5.26667 16.4167 5.85 17.1ZM12 13C11.0167 13 10.1873 12.6627 9.512 11.988C8.83733 11.3127 8.5 10.4833 8.5 9.5C8.5 8.51667 8.83733 7.68733 9.512 7.012C10.1873 6.33733 11.0167 6 12 6C12.9833 6 13.8127 6.33733 14.488 7.012C15.1627 7.68733 15.5 8.51667 15.5 9.5C15.5 10.4833 15.1627 11.3127 14.488 11.988C13.8127 12.6627 12.9833 13 12 13ZM12 22C10.6167 22 9.31667 21.7373 8.1 21.212C6.88333 20.6873 5.825 19.975 4.925 19.075C4.025 18.175 3.31267 17.1167 2.788 15.9C2.26267 14.6833 2 13.3833 2 12C2 10.6167 2.26267 9.31667 2.788 8.1C3.31267 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.31233 8.1 2.787C9.31667 2.26233 10.6167 2 12 2C13.3833 2 14.6833 2.26233 15.9 2.787C17.1167 3.31233 18.175 4.025 19.075 4.925C19.975 5.825 20.6873 6.88333 21.212 8.1C21.7373 9.31667 22 10.6167 22 12C22 13.3833 21.7373 14.6833 21.212 15.9C20.6873 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6873 15.9 21.212C14.6833 21.7373 13.3833 22 12 22ZM12 20C12.8833 20 13.7167 19.871 14.5 19.613C15.2833 19.3543 16 18.9833 16.65 18.5C16 18.0167 15.2833 17.6457 14.5 17.387C13.7167 17.129 12.8833 17 12 17C11.1167 17 10.2833 17.129 9.5 17.387C8.71667 17.6457 8 18.0167 7.35 18.5C8 18.9833 8.71667 19.3543 9.5 19.613C10.2833 19.871 11.1167 20 12 20ZM12 11C12.4333 11 12.7917 10.8583 13.075 10.575C13.3583 10.2917 13.5 9.93333 13.5 9.5C13.5 9.06667 13.3583 8.70833 13.075 8.425C12.7917 8.14167 12.4333 8 12 8C11.5667 8 11.2083 8.14167 10.925 8.425C10.6417 8.70833 10.5 9.06667 10.5 9.5C10.5 9.93333 10.6417 10.2917 10.925 10.575C11.2083 10.8583 11.5667 11 12 11Z"
                                    fill="currentColor">
                                </path>
                            </svg>
                        </div>
                        <div class="chakra-slide" id="profile-menu"
                            style="position:fixed;right:0;top:0;bottom:0;width:31.2rem;z-index:105;height:100dvh;overflow-y:scroll;background:#ffffff;transform:translateX(100%)">
                            <style data-emotion="css 3j596c">
                                .css-3j596c {
                                    display: -webkit-box;
                                    display: -webkit-flex;
                                    display: -ms-flexbox;
                                    display: flex;
                                    -webkit-flex-direction: column;
                                    -ms-flex-direction: column;
                                    flex-direction: column;
                                    height: 100%;
                                    width: 100%;
                                }
                            </style>
                            <div class="css-3j596c">
                                <style data-emotion="css 1q440rq">
                                    .css-1q440rq {
                                        display: -webkit-inline-box;
                                        display: -webkit-inline-flex;
                                        display: -ms-inline-flexbox;
                                        display: inline-flex;
                                        -webkit-appearance: none;
                                        -moz-appearance: none;
                                        -ms-appearance: none;
                                        appearance: none;
                                        -webkit-align-items: center;
                                        -webkit-box-align: center;
                                        -ms-flex-align: center;
                                        align-items: center;
                                        -webkit-box-pack: center;
                                        -ms-flex-pack: center;
                                        -webkit-justify-content: center;
                                        justify-content: center;
                                        -webkit-user-select: none;
                                        -moz-user-select: none;
                                        -ms-user-select: none;
                                        user-select: none;
                                        position: relative;
                                        white-space: nowrap;
                                        vertical-align: middle;
                                        outline: 2px solid transparent;
                                        outline-offset: 2px;
                                        line-height: 1.2;
                                        border-radius: 0px;
                                        font-weight: var(--chakra-fontWeights-semibold);
                                        transition-property: var(--chakra-transition-property-common);
                                        transition-duration: var(--chakra-transition-duration-normal);
                                        -webkit-transition: none;
                                        transition: none;
                                        height: var(--chakra-sizes-12);
                                        min-width: var(--chakra-sizes-12);
                                        font-size: var(--chakra-fontSizes-md);
                                        -webkit-padding-start: var(--chakra-space-0);
                                        padding-inline-start: var(--chakra-space-0);
                                        -webkit-padding-end: var(--chakra-space-0);
                                        padding-inline-end: var(--chakra-space-0);
                                        color: #3E47DD;
                                        background: var(--chakra-colors-transparent);
                                        border-bottom: 1px solid transparent;
                                        padding: 1.2rem;
                                        margin-top: 0.8rem;
                                        margin-right: 0.6rem;
                                        -webkit-align-self: flex-end;
                                        -ms-flex-item-align: flex-end;
                                        align-self: flex-end;
                                    }

                                    .css-1q440rq:focus-visible,
                                    .css-1q440rq[data-focus-visible] {
                                        box-shadow: var(--chakra-shadows-outline);
                                    }

                                    .css-1q440rq:disabled,
                                    .css-1q440rq[disabled],
                                    .css-1q440rq[aria-disabled=true],
                                    .css-1q440rq[data-disabled] {
                                        opacity: 1;
                                        cursor: not-allowed;
                                        box-shadow: var(--chakra-shadows-none);
                                        color: #B3C3DE;
                                    }

                                    .css-1q440rq:disabled:hover,
                                    .css-1q440rq[disabled]:hover,
                                    .css-1q440rq[aria-disabled=true]:hover,
                                    .css-1q440rq[data-disabled]:hover,
                                    .css-1q440rq:disabled[data-hover],
                                    .css-1q440rq[disabled][data-hover],
                                    .css-1q440rq[aria-disabled=true][data-hover],
                                    .css-1q440rq[data-disabled][data-hover] {
                                        color: #B3C3DE;
                                        border-color: var(--chakra-colors-transparent);
                                    }

                                    .css-1q440rq:hover,
                                    .css-1q440rq[data-hover] {
                                        background: primary.50;
                                        color: #3E27C4;
                                        background-color: var(--chakra-colors-transparent);
                                        -webkit-text-decoration: underline;
                                        text-decoration: underline;
                                        text-underline-offset: 0.9rem;
                                    }

                                    .css-1q440rq:hover:disabled,
                                    .css-1q440rq[data-hover]:disabled,
                                    .css-1q440rq:hover[disabled],
                                    .css-1q440rq[data-hover][disabled],
                                    .css-1q440rq:hover[aria-disabled=true],
                                    .css-1q440rq[data-hover][aria-disabled=true],
                                    .css-1q440rq:hover[data-disabled],
                                    .css-1q440rq[data-hover][data-disabled] {
                                        background: initial;
                                    }

                                    .css-1q440rq:focus,
                                    .css-1q440rq[data-focus] {
                                        outline: 2px solid transparent;
                                        outline-offset: 2px;
                                        box-shadow: var(--chakra-shadows-none);
                                    }

                                    .css-1q440rq:active,
                                    .css-1q440rq[data-active] {
                                        background: primary.100;
                                        background-color: var(--chakra-colors-transparent);
                                        color: #3E27C4;
                                    }
                                </style>
                                <button aria-label="close-button" class="chakra-button css-1q440rq"
                                    type="button">
                                    <style data-emotion="css 1wdk50k">
                                        .css-1wdk50k {
                                            width: var(--chakra-sizes-6);
                                            height: var(--chakra-sizes-6);
                                            -webkit-transition: color 200ms;
                                            transition: color 200ms;
                                            color: var(--chakra-colors-blue-500);
                                        }
                                    </style>
                                    <svg aria-label="close-button" class="chakra-icon css-ubbhtm profile-menu-button" focusable="false"
                                    viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M18 6L6 18M6 6L18 18" stroke="currentColor" stroke-linecap="round"
                                            stroke-linejoin="round" stroke-width="2">
                                        </path>
                                    </svg>
                                </button>
                                <style data-emotion="css 1wcx6yf">
                                    .css-1wcx6yf {
                                        display: -webkit-box;
                                        display: -webkit-flex;
                                        display: -ms-flexbox;
                                        display: flex;
                                        padding: 1.2rem;
                                        -webkit-flex-direction: column;
                                        -ms-flex-direction: column;
                                        flex-direction: column;
                                        gap: 0.8rem;
                                    }
                                </style>

                                <div class="css-1wcx6yf">
                                    <a href="<?php echo e(route('cars')); ?>" role="link">
                                        <style data-emotion="css a7k27l">
                                            .css-a7k27l {
                                                display: -webkit-box;
                                                display: -webkit-flex;
                                                display: -ms-flexbox;
                                                display: flex;
                                                color: var(--chakra-colors-gray-700);
                                                cursor: pointer;
                                                padding: 0.8rem;
                                                border-radius: 0.4rem;
                                                -webkit-align-items: center;
                                                -webkit-box-align: center;
                                                -ms-flex-align: center;
                                                align-items: center;
                                                gap: 0.8rem;
                                            }

                                            .css-a7k27l:hover,
                                            .css-a7k27l[data-hover] {
                                                background: var(--chakra-colors-gray-50);
                                                -webkit-transition: font-weight, background 0.2s ease;
                                                transition: font-weight, background 0.2s ease;
                                            }

                                            .css-a7k27l:hover p,
                                            .css-a7k27l[data-hover] p,
                                            .css-a7k27l:hover svg,
                                            .css-a7k27l[data-hover] svg {
                                                font-weight: 600;
                                            }
                                        </style>
                                        <div class="css-a7k27l">
                                            <style data-emotion="css 1p0ys02">
                                                .css-1p0ys02 {
                                                    display: -webkit-box;
                                                    display: -webkit-flex;
                                                    display: -ms-flexbox;
                                                    display: flex;
                                                    gap: 1.6rem;
                                                    -webkit-align-items: center;
                                                    -webkit-box-align: center;
                                                    -ms-flex-align: center;
                                                    align-items: center;
                                                }
                                            </style>
                                            <div class="css-1p0ys02">
                                                <style data-emotion="css kjoovk">
                                                    .css-kjoovk {
                                                        width: var(--chakra-sizes-6);
                                                        height: var(--chakra-sizes-6);
                                                        display: inline-block;
                                                        line-height: 1em;
                                                        -webkit-flex-shrink: 0;
                                                        -ms-flex-negative: 0;
                                                        flex-shrink: 0;
                                                        color: currentColor;
                                                        vertical-align: middle;
                                                        fill: var(--chakra-colors-none);
                                                    }
                                                </style>
                                                <svg class="chakra-icon css-kjoovk" focusable="false"
                                                    viewbox="0 0 16 16">
                                                    <path
                                                        d="M3 2.5C3 1.94772 3.44772 1.5 4 1.5L12 1.5C12.5523 1.5 13 1.94772 13 2.5V14L8 10L3 14V2.5Z"
                                                        stroke="currentColor" stroke-linecap="round"
                                                        stroke-linejoin="round" stroke-width="1.5">
                                                    </path>
                                                </svg>
                                                <style data-emotion="css 1h9zs04">
                                                    .css-1h9zs04 {
                                                        font-family: EuclidCircularB, sans-serif;
                                                        color: #1F2B59;
                                                        font-style: normal;
                                                        font-weight: 400;
                                                        font-size: var(--chakra-fontSizes-200);
                                                        line-height: 2.8rem;
                                                    }
                                                </style>
                                                <p class="chakra-text css-1h9zs04">
                                                    Saved searches
                                                </p>
                                            </div>
                                        </div>
                                    </a>
                                    
                                    <a href="<?php echo e(route('orders')); ?>" role="link">
                                        <div class="css-a7k27l">
                                            <div class="css-1p0ys02">
                                                <svg class="chakra-icon css-kjoovk" focusable="false"
                                                    viewbox="0 0 16 16">
                                                    <path
                                                        d="M11.0002 1.88336C9.84016 1.88336 8.72683 2.42336 8.00016 3.2767C7.2735 2.42336 6.16016 1.88336 5.00016 1.88336C2.94683 1.88336 1.3335 3.4967 1.3335 5.55003C1.3335 8.07003 3.60016 10.1234 7.0335 13.2434L8.00016 14.1167L8.96683 13.2367C12.4002 10.1234 14.6668 8.07003 14.6668 5.55003C14.6668 3.4967 13.0535 1.88336 11.0002 1.88336Z"
                                                        stroke="currentColor" stroke-linecap="round"
                                                        stroke-linejoin="round" stroke-width="1.5">
                                                    </path>
                                                </svg>
                                                <p class="chakra-text css-1h9zs04">
                                                    My Account
                                                </p>
                                            </div>
                                        </div>
                                    </a>

                                    <a href="<?php echo e(route('orders')); ?>" role="link">
                                        <div class="css-a7k27l">
                                            <div class="css-1p0ys02">
                                                <svg class="chakra-icon css-kjoovk" focusable="false"
                                                    viewbox="0 0 16 16">
                                                    <path
                                                        d="M3.5 11.5H9.86039C10.8138 11.5 11.6346 10.8271 11.8216 9.89223L13.2588 2.70583C13.3991 2.00469 14.0148 1.5 14.7298 1.5C14.8242 1.5 14.9155 1.5 15 1.5"
                                                        stroke="currentColor" stroke-linecap="round"
                                                        stroke-linejoin="round" stroke-width="1.5">
                                                    </path>
                                                    <path
                                                        d="M10.5 3.5H2.34403C1.67417 3.5 1.19372 4.14574 1.3862 4.78735L2.2862 7.78735C2.4131 8.21033 2.80242 8.5 3.24403 8.5H9.5"
                                                        stroke="currentColor" stroke-linecap="round"
                                                        stroke-linejoin="round" stroke-width="1.5">
                                                    </path>
                                                    <circle cx="4.75" cy="14.25" r="0.75"
                                                        stroke="currentColor" stroke-linecap="round"
                                                        stroke-linejoin="round" stroke-width="1.5">
                                                    </circle>
                                                    <circle cx="10.75" cy="14.25" r="0.75"
                                                        stroke="currentColor" stroke-linecap="round"
                                                        stroke-linejoin="round" stroke-width="1.5">
                                                    </circle>
                                                </svg>
                                                <p class="chakra-text css-1h9zs04">
                                                    Orders in progress
                                                </p>
                                            </div>
                                        </div>
                                    </a>
                                </div>

                                <style data-emotion="css nzy7gl">
                                    .css-nzy7gl {
                                        opacity: 1;
                                        border: 0;
                                        border-color: #D7E1EF;
                                        border-style: solid;
                                        border-bottom-width: 1px;
                                        width: 100%;
                                        margin: 0.8rem 0rem 1.2rem 0rem;
                                    }
                                </style>
                                <hr aria-orientation="horizontal" class="chakra-divider css-nzy7gl" />
                                <style data-emotion="css 5hgvoo">
                                    .css-5hgvoo {
                                        display: -webkit-box;
                                        display: -webkit-flex;
                                        display: -ms-flexbox;
                                        display: flex;
                                        -webkit-flex-direction: column;
                                        -ms-flex-direction: column;
                                        flex-direction: column;
                                        -webkit-box-flex: 1;
                                        -webkit-flex-grow: 1;
                                        -ms-flex-positive: 1;
                                        flex-grow: 1;
                                        -webkit-box-pack: end;
                                        -ms-flex-pack: end;
                                        -webkit-justify-content: flex-end;
                                        justify-content: flex-end;
                                    }
                                </style>
                                <div class="css-5hgvoo">
                                    <style data-emotion="css 1xr2wri">
                                        .css-1xr2wri {
                                            display: -webkit-box;
                                            display: -webkit-flex;
                                            display: -ms-flexbox;
                                            display: flex;
                                            -webkit-flex-direction: column;
                                            -ms-flex-direction: column;
                                            flex-direction: column;
                                            gap: 2rem;
                                            -webkit-box-pack: end;
                                            -ms-flex-pack: end;
                                            -webkit-justify-content: flex-end;
                                            justify-content: flex-end;
                                            -webkit-align-items: center;
                                            -webkit-box-align: center;
                                            -ms-flex-align: center;
                                            align-items: center;
                                            padding: 2.4rem 2rem 1.6rem;
                                        }
                                    </style>
                                    <div class="css-1xr2wri">
                                        <style data-emotion="css 8czsmb">
                                            .css-8czsmb {
                                                display: -webkit-inline-box;
                                                display: -webkit-inline-flex;
                                                display: -ms-inline-flexbox;
                                                display: inline-flex;
                                                -webkit-appearance: none;
                                                -moz-appearance: none;
                                                -ms-appearance: none;
                                                appearance: none;
                                                -webkit-align-items: center;
                                                -webkit-box-align: center;
                                                -ms-flex-align: center;
                                                align-items: center;
                                                -webkit-box-pack: center;
                                                -ms-flex-pack: center;
                                                -webkit-justify-content: center;
                                                justify-content: center;
                                                -webkit-user-select: none;
                                                -moz-user-select: none;
                                                -ms-user-select: none;
                                                user-select: none;
                                                position: relative;
                                                white-space: nowrap;
                                                vertical-align: middle;
                                                outline: 2px solid transparent;
                                                outline-offset: 2px;
                                                line-height: 1.2;
                                                border-radius: var(--chakra-radii-base);
                                                font-weight: var(--chakra-fontWeights-semibold);
                                                transition-property: var(--chakra-transition-property-common);
                                                transition-duration: var(--chakra-transition-duration-normal);
                                                -webkit-transition: none;
                                                transition: none;
                                                height: var(--chakra-sizes-12);
                                                min-width: var(--chakra-sizes-12);
                                                font-size: var(--chakra-fontSizes-md);
                                                -webkit-padding-start: var(--chakra-space-8);
                                                padding-inline-start: var(--chakra-space-8);
                                                -webkit-padding-end: var(--chakra-space-8);
                                                padding-inline-end: var(--chakra-space-8);
                                                background: linear-gradient(111.72deg, #3E47DD 14.24%, #262A98 85.76%);
                                                color: var(--chakra-colors-white);
                                                box-shadow: 0px 16px 24px -20px #3E47DD;
                                                width: var(--chakra-sizes-full);
                                            }

                                            .css-8czsmb:focus-visible,
                                            .css-8czsmb[data-focus-visible] {
                                                box-shadow: var(--chakra-shadows-outline);
                                            }

                                            .css-8czsmb:disabled,
                                            .css-8czsmb[disabled],
                                            .css-8czsmb[aria-disabled=true],
                                            .css-8czsmb[data-disabled] {
                                                opacity: 1;
                                                cursor: not-allowed;
                                                box-shadow: var(--chakra-shadows-none);
                                                background: #B3C3DE !important;
                                            }

                                            .css-8czsmb:disabled:hover,
                                            .css-8czsmb[disabled]:hover,
                                            .css-8czsmb[aria-disabled=true]:hover,
                                            .css-8czsmb[data-disabled]:hover,
                                            .css-8czsmb:disabled[data-hover],
                                            .css-8czsmb[disabled][data-hover],
                                            .css-8czsmb[aria-disabled=true][data-hover],
                                            .css-8czsmb[data-disabled][data-hover] {
                                                box-shadow: var(--chakra-shadows-none);
                                            }

                                            .css-8czsmb:hover,
                                            .css-8czsmb[data-hover] {
                                                background: #3E47DD;
                                                box-shadow: 0px 16px 36px -18px #3E47DD;
                                            }

                                            .css-8czsmb:hover:disabled,
                                            .css-8czsmb[data-hover]:disabled,
                                            .css-8czsmb:hover[disabled],
                                            .css-8czsmb[data-hover][disabled],
                                            .css-8czsmb:hover[aria-disabled=true],
                                            .css-8czsmb[data-hover][aria-disabled=true],
                                            .css-8czsmb:hover[data-disabled],
                                            .css-8czsmb[data-hover][data-disabled] {
                                                background: initial;
                                            }

                                            .css-8czsmb:focus,
                                            .css-8czsmb[data-focus] {
                                                outline: 2px solid transparent;
                                                outline-offset: 2px;
                                                box-shadow: var(--chakra-shadows-none);
                                            }

                                            .css-8czsmb:active,
                                            .css-8czsmb[data-active] {
                                                background: #3E27C4;
                                            }
                                        </style>

                                        <style data-emotion="css 1j0khbq">
                                            .css-1j0khbq {
                                                display: -webkit-inline-box;
                                                display: -webkit-inline-flex;
                                                display: -ms-inline-flexbox;
                                                display: inline-flex;
                                                -webkit-align-self: center;
                                                -ms-flex-item-align: center;
                                                align-self: center;
                                                -webkit-flex-shrink: 0;
                                                -ms-flex-negative: 0;
                                                flex-shrink: 0;
                                                -webkit-margin-end: var(--chakra-space-4);
                                                margin-inline-end: var(--chakra-space-4);
                                            }
                                        </style>
                                        <style data-emotion="css n5gr1q">
                                            .css-n5gr1q {
                                                width: var(--chakra-sizes-6);
                                                height: var(--chakra-sizes-6);
                                                display: inline-block;
                                                line-height: 1em;
                                                -webkit-flex-shrink: 0;
                                                -ms-flex-negative: 0;
                                                flex-shrink: 0;
                                                color: currentColor;
                                                vertical-align: middle;
                                            }
                                        </style>
                                        <?php if(auth()->guard()->guest()): ?>
                                            <a class="chakra-button css-8czsmb" href="<?php echo e(route('login')); ?>"
                                                data-testid="mobile-login-button">
                                                <span class="chakra-button__icon css-1j0khbq">
                                                    <svg aria-hidden="true" class="chakra-icon css-n5gr1q"
                                                        focusable="false" viewbox="0 0 24 24">
                                                        <path
                                                            d="M5.85 17.1C6.7 16.45 7.65 15.9373 8.7 15.562C9.75 15.1873 10.85 15 12 15C13.15 15 14.25 15.1873 15.3 15.562C16.35 15.9373 17.3 16.45 18.15 17.1C18.7333 16.4167 19.1877 15.6417 19.513 14.775C19.8377 13.9083 20 12.9833 20 12C20 9.78333 19.221 7.89567 17.663 6.337C16.1043 4.779 14.2167 4 12 4C9.78333 4 7.896 4.779 6.338 6.337C4.77933 7.89567 4 9.78333 4 12C4 12.9833 4.16267 13.9083 4.488 14.775C4.81267 15.6417 5.26667 16.4167 5.85 17.1ZM12 13C11.0167 13 10.1873 12.6627 9.512 11.988C8.83733 11.3127 8.5 10.4833 8.5 9.5C8.5 8.51667 8.83733 7.68733 9.512 7.012C10.1873 6.33733 11.0167 6 12 6C12.9833 6 13.8127 6.33733 14.488 7.012C15.1627 7.68733 15.5 8.51667 15.5 9.5C15.5 10.4833 15.1627 11.3127 14.488 11.988C13.8127 12.6627 12.9833 13 12 13ZM12 22C10.6167 22 9.31667 21.7373 8.1 21.212C6.88333 20.6873 5.825 19.975 4.925 19.075C4.025 18.175 3.31267 17.1167 2.788 15.9C2.26267 14.6833 2 13.3833 2 12C2 10.6167 2.26267 9.31667 2.788 8.1C3.31267 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.31233 8.1 2.787C9.31667 2.26233 10.6167 2 12 2C13.3833 2 14.6833 2.26233 15.9 2.787C17.1167 3.31233 18.175 4.025 19.075 4.925C19.975 5.825 20.6873 6.88333 21.212 8.1C21.7373 9.31667 22 10.6167 22 12C22 13.3833 21.7373 14.6833 21.212 15.9C20.6873 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6873 15.9 21.212C14.6833 21.7373 13.3833 22 12 22ZM12 20C12.8833 20 13.7167 19.871 14.5 19.613C15.2833 19.3543 16 18.9833 16.65 18.5C16 18.0167 15.2833 17.6457 14.5 17.387C13.7167 17.129 12.8833 17 12 17C11.1167 17 10.2833 17.129 9.5 17.387C8.71667 17.6457 8 18.0167 7.35 18.5C8 18.9833 8.71667 19.3543 9.5 19.613C10.2833 19.871 11.1167 20 12 20ZM12 11C12.4333 11 12.7917 10.8583 13.075 10.575C13.3583 10.2917 13.5 9.93333 13.5 9.5C13.5 9.06667 13.3583 8.70833 13.075 8.425C12.7917 8.14167 12.4333 8 12 8C11.5667 8 11.2083 8.14167 10.925 8.425C10.6417 8.70833 10.5 9.06667 10.5 9.5C10.5 9.93333 10.6417 10.2917 10.925 10.575C11.2083 10.8583 11.5667 11 12 11Z"
                                                            fill="currentColor">
                                                        </path>
                                                    </svg>
                                                </span>
                                                Login
                                            </a>
                                        <?php else: ?>
                                            <?php
if (! isset($_instance)) {
    $html = \Livewire\Livewire::mount('pages.auth.logout')->html();
} elseif ($_instance->childHasBeenRendered('l1971587505-1')) {
    $componentId = $_instance->getRenderedChildComponentId('l1971587505-1');
    $componentTag = $_instance->getRenderedChildComponentTagName('l1971587505-1');
    $html = \Livewire\Livewire::dummyMount($componentId, $componentTag);
    $_instance->preserveRenderedChild('l1971587505-1');
} else {
    $response = \Livewire\Livewire::mount('pages.auth.logout');
    $html = $response->html();
    $_instance->logRenderedChild('l1971587505-1', $response->id(), \Livewire\Livewire::getRootElementTagName($html));
}
echo $html;
?>
                                        <?php endif; ?>

                                        <style data-emotion="css y1q2pt">
                                            .css-y1q2pt {
                                                display: -webkit-box;
                                                display: -webkit-flex;
                                                display: -ms-flexbox;
                                                display: flex;
                                                gap: 0.4rem;
                                                -webkit-align-items: baseline;
                                                -webkit-box-align: baseline;
                                                -ms-flex-align: baseline;
                                                align-items: baseline;
                                                -webkit-box-flex-wrap: nowrap;
                                                -webkit-flex-wrap: nowrap;
                                                -ms-flex-wrap: nowrap;
                                                flex-wrap: nowrap;
                                                -webkit-box-pack: end;
                                                -ms-flex-pack: end;
                                                -webkit-justify-content: flex-end;
                                                justify-content: flex-end;
                                            }
                                        </style>
                                        <?php if(auth()->guard()->guest()): ?>
                                            <div class="css-y1q2pt">
                                                <style data-emotion="css 1q5o6x3">
                                                    .css-1q5o6x3 {
                                                        font-family: EuclidCircularB, sans-serif;
                                                        font-style: normal;
                                                        color: #31406F;
                                                        font-size: 1.4rem;
                                                        line-height: 2.4rem;
                                                        white-space: nowrap;
                                                        font-weight: 500;
                                                    }

                                                    @media  screen and (min-width: 992px) {
                                                        .css-1q5o6x3 {
                                                            line-height: 2.8rem;
                                                        }
                                                    }
                                                </style>
                                                <p class="chakra-text css-1q5o6x3">
                                                    Don’t have an account?
                                                </p>
                                                <style data-emotion="css 3o8kci">
                                                    .css-3o8kci {
                                                        font-family: EuclidCircularB, sans-serif;
                                                        font-style: normal;
                                                        white-space: nowrap;
                                                        font-size: 1.4rem;
                                                        cursor: pointer;
                                                        -webkit-text-decoration: underline;
                                                        text-decoration: underline;
                                                        color: #3E47DD;
                                                        font-weight: 500;
                                                    }
                                                </style>
                                                <a class="chakra-text css-3o8kci" href="<?php echo e(route('register')); ?>">
                                                    Register
                                                </a>
                                            </div>
                                        <?php endif; ?>
                                    </div>
                                    <style data-emotion="css 19kwnd7">
                                        .css-19kwnd7 {
                                            display: -webkit-box;
                                            display: -webkit-flex;
                                            display: -ms-flexbox;
                                            display: flex;
                                            background: var(--chakra-colors-gray-50);
                                            border-block-start: 1px solid;
                                            border-color: var(--chakra-colors-gray-200);
                                            padding: 0.8rem 2rem;
                                            cursor: pointer;
                                            gap: 0.8rem;
                                            -webkit-align-items: center;
                                            -webkit-box-align: center;
                                            -ms-flex-align: center;
                                            align-items: center;
                                        }
                                    </style>
                                    <div aria-label="Language" class="css-19kwnd7">
                                        <style data-emotion="css bokek7">
                                            .css-bokek7 {
                                                width: var(--chakra-sizes-5);
                                                height: var(--chakra-sizes-5);
                                                display: inline-block;
                                                line-height: 1em;
                                                -webkit-flex-shrink: 0;
                                                -ms-flex-negative: 0;
                                                flex-shrink: 0;
                                                color: currentColor;
                                                vertical-align: middle;
                                            }
                                        </style>
                                        <svg class="chakra-icon css-bokek7"
                                            data-testid="feature.locale_flag.GB" focusable="false"
                                            viewbox="0 0 24 24">
                                            <g clip-path="url(#clip0_1_1390)">
                                                <path
                                                    d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z"
                                                    fill="white">
                                                </path>
                                                <path
                                                    d="M2.4805 4.69421C1.53789 5.9206 0.827128 7.33412 0.413269 8.8697H6.65599L2.4805 4.69421Z"
                                                    fill="#0052B4">
                                                </path>
                                                <path
                                                    d="M23.5868 8.86969C23.1729 7.33415 22.4621 5.92064 21.5195 4.69424L17.3441 8.86969H23.5868Z"
                                                    fill="#0052B4">
                                                </path>
                                                <path
                                                    d="M0.413269 15.1306C0.827175 16.6661 1.53794 18.0796 2.4805 19.306L6.65585 15.1306H0.413269Z"
                                                    fill="#0052B4">
                                                </path>
                                                <path
                                                    d="M19.3057 2.48073C18.0793 1.53812 16.6658 0.827358 15.1302 0.413452V6.65612L19.3057 2.48073Z"
                                                    fill="#0052B4">
                                                </path>
                                                <path
                                                    d="M4.69388 21.5194C5.92027 22.462 7.33378 23.1728 8.86932 23.5867V17.3441L4.69388 21.5194Z"
                                                    fill="#0052B4">
                                                </path>
                                                <path
                                                    d="M8.86927 0.413452C7.33374 0.827358 5.92022 1.53812 4.69388 2.48069L8.86927 6.65608V0.413452Z"
                                                    fill="#0052B4">
                                                </path>
                                                <path
                                                    d="M15.1303 23.5867C16.6658 23.1728 18.0794 22.462 19.3057 21.5194L15.1303 17.3441V23.5867Z"
                                                    fill="#0052B4">
                                                </path>
                                                <path
                                                    d="M17.3441 15.1306L21.5195 19.306C22.4621 18.0797 23.1729 16.6661 23.5868 15.1306H17.3441Z"
                                                    fill="#0052B4">
                                                </path>
                                                <path
                                                    d="M23.8984 10.4348H13.5653H13.5652V0.101578C13.0529 0.034875 12.5305 0 12 0C11.4694 0 10.9471 0.034875 10.4348 0.101578V10.4347V10.4348H0.101578C0.034875 10.9471 0 11.4695 0 12C0 12.5306 0.034875 13.0529 0.101578 13.5652H10.4347H10.4348V23.8984C10.9471 23.9651 11.4694 24 12 24C12.5305 24 13.0529 23.9652 13.5652 23.8984V13.5653V13.5652H23.8984C23.9651 13.0529 24 12.5306 24 12C24 11.4695 23.9651 10.9471 23.8984 10.4348Z"
                                                    fill="#D80027">
                                                </path>
                                                <path
                                                    d="M15.1303 15.1305L20.4852 20.4853C20.7314 20.2391 20.9664 19.9817 21.1905 19.7149L16.6061 15.1305H15.1303V15.1305Z"
                                                    fill="#D80027">
                                                </path>
                                                <path
                                                    d="M8.86924 15.1305H8.86915L3.51439 20.4853C3.76058 20.7316 4.01797 20.9665 4.28478 21.1907L8.86924 16.6061V15.1305Z"
                                                    fill="#D80027">
                                                </path>
                                                <path
                                                    d="M8.8697 8.86964V8.86954L3.51488 3.51468C3.2686 3.76087 3.03367 4.01826 2.80951 4.28507L7.39402 8.86959H8.8697V8.86964Z"
                                                    fill="#D80027">
                                                </path>
                                                <path
                                                    d="M15.1303 8.86965L20.4852 3.51475C20.239 3.26846 19.9816 3.03353 19.7148 2.80942L15.1303 7.39393V8.86965V8.86965Z"
                                                    fill="#D80027">
                                                </path>
                                            </g>
                                            <defs>
                                                <clippath id="clip0_1_1390">
                                                    <rect fill="white" height="24" width="24">
                                                    </rect>
                                                </clippath>
                                            </defs>
                                        </svg>
                                        <style data-emotion="css 3s1k3b">
                                            .css-3s1k3b {
                                                font-family: EuclidCircularB, sans-serif;
                                                font-style: normal;
                                                font-weight: 700;
                                                color: var(--chakra-colors-gray-600);
                                                line-height: 2.4rem;
                                                font-size: 1.4rem;
                                            }
                                        </style>
                                        <p class="chakra-text css-3s1k3b">
                                            English
                                            <!-- -->
                                            (
                                            <!-- -->
                                            EN
                                            <!-- -->
                                            )
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </nav>
        </div>
    </header>

    <script>
        let hamMenuBtn = document.querySelectorAll('.hamburger-menu-button');
        let profMenuBtn = document.querySelectorAll('.profile-menu-button');

        let hamMenu = document.getElementById('hamburger-menu');
        let profMenu = document.getElementById('profile-menu');

        let toggleHamMenu = () => {
            let transform = hamMenu.style.transform;

            if(transform == 'translateX(-100%)') {
                hamMenu.style.transform = 'none';
                document.addEventListener('click', closeHamMenuOutsideClick);
            } else {
                hamMenu.style.transform = 'translateX(-100%)';
                document.removeEventListener('click', closeHamMenuOutsideClick);
            }
        }

        let toggleProfMenu = () => {
            let transform = profMenu.style.transform;

            if(transform == 'translateX(100%)') {
                profMenu.style.transform = 'none';
                document.addEventListener('click', closeProfMenuOutsideClick);
            } else {
                profMenu.style.transform = 'translateX(100%)';
                document.removeEventListener('click', closeProfMenuOutsideClick);
            }
        }

        // Improved outside click check for hamburger menu
        let closeHamMenuOutsideClick = (event) => {
            // Check if the click was outside of the hamMenu and its button
            let clickedOutsideHamMenu = !hamMenu.contains(event.target);
            let clickedOutsideHamMenuBtn = true;
            hamMenuBtn.forEach(btn => {
                if (btn.contains(event.target)) {
                    clickedOutsideHamMenuBtn = false;
                }
            });

            // If the click was outside of both the menu and the buttons, close the menu
            if (clickedOutsideHamMenu && clickedOutsideHamMenuBtn) {
                hamMenu.style.transform = 'translateX(-100%)';
                document.removeEventListener('click', closeHamMenuOutsideClick);
            }
        }

        // Improved outside click check for profile menu
        let closeProfMenuOutsideClick = (event) => {
            let clickedOutsideProfMenu = !profMenu.contains(event.target);
            let clickedOutsideProfMenuBtn = true;
            profMenuBtn.forEach(btn => {
                if (btn.contains(event.target)) {
                    clickedOutsideProfMenuBtn = false;
                }
            });

            if (clickedOutsideProfMenu && clickedOutsideProfMenuBtn) {
                profMenu.style.transform = 'translateX(100%)';
                document.removeEventListener('click', closeProfMenuOutsideClick);
            }
        }

        // Add event listeners for clicking the hamburger and profile buttons
        Array.prototype.forEach.call(hamMenuBtn, function(btn) {
            btn.addEventListener('click', toggleHamMenu);
        });

        Array.prototype.forEach.call(profMenuBtn, function(btn) {
            btn.addEventListener('click', toggleProfMenu);
        });
    </script>
</div>
<?php /**PATH C:\xampp\htdocs\cavg\resources\views/livewire/components/nav.blade.php ENDPATH**/ ?>