<!DOCTYPE html>
<html
        lang="en"
        dir="ltr"
        class="filament-fabricator"
>
<head>
    

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="csrf-token" content="LfHyrWDLlvdkR8uXsptyglMzUWfOtRBETRPPzL89">
    <link rel="canonical" href="https://karenleecooking.com">

    
            <link rel="icon" href="favicon.ico">
    
    <title>Home | Karen Lee Cooking</title>
    <meta name="description" content="">

    
    <style>
        [x-cloak=""], [x-cloak="x-cloak"], [x-cloak="1"] {
            display: none !important;
        }
    </style>


        <!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}[wire\:cloak] {display: none !important;}dialog#livewire-error::backdrop {background-color: rgba(0, 0, 0, .6);}</style>
    
    <!-- Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Dosis&family=Open+Sans&display=swap"
          rel="stylesheet">

    <!-- Styles -->
    <link href="/css/app.css?id=6474f130e31a8f171591e03cb2fbd9f6" rel="stylesheet">
    <link href="/css/classbento.css?id=468d152577050a909b2f0aed0cf23926" rel="stylesheet">

    <script src="/js/webhost.js?id=eee812804d0f096f1c1ac313b0718587" type="text/javascript"></script>
    <script src="https://classbento.com/js/classbento-widgetmodal.js" defer></script>

                    <style>
        @layer base {
            :root {
                --cb-primary-color: #c20000         !important;
                --cb-button-text-color: #ffffff          !important;
                --cb-heading-font: Dosis           !important;
                --cb-heading-font-weight: 400           !important;
                --cb-body-font:            !important;
                /* ... */
            }

        }
    </style>

    </head>

<body class="filament-fabricator-body flex flex-col min-h-screen">


<span id="country-code-for-js-in-app-blade" class="hidden">US</span>



<header wire:snapshot="{&quot;data&quot;:{&quot;page&quot;:[null,{&quot;class&quot;:&quot;App\\Models\\Page&quot;,&quot;key&quot;:48,&quot;s&quot;:&quot;mdl&quot;}],&quot;website&quot;:[null,{&quot;class&quot;:&quot;App\\Models\\Website&quot;,&quot;key&quot;:10,&quot;s&quot;:&quot;mdl&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;hUrdIygfVlvrdZzJi2FL&quot;,&quot;name&quot;:&quot;components.header&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;f03b674a7f7783c65600c1ee559ddad0bf49d8e55ffa0b29c1df026730e42206&quot;}" wire:effects="[]" wire:id="hUrdIygfVlvrdZzJi2FL" class="flex flex-wrap sm:justify-start sm:flex-nowrap z-50 w-full bg-white border-b border-slate-300 text-sm py-3 sm:py-0 dark:bg-slate-800 dark:border-slate-700">
    <nav class="relative max-w-7xl w-full mx-auto py-1 px-1 sm:px-6 lg:px-8 md:flex md:items-center md:justify-between "
         aria-label="Global">
        <div class="flex items-center justify-between">
            <a class="flex-none text-xl font-bold dark:text-white overflow-hidden"
               href="https://karenleecooking.com"
               aria-label="Brand">
                                <!--[if BLOCK]><![endif]-->                    <img class="h-[40px] sm:h-[80px] rounded-lg"
                         src="https://classbento.com/webhost-media/media/a3d80d5b-efde-4dc8-9fc2-e9155dfa47b1.jpg"/>
                <!--[if ENDBLOCK]><![endif]-->            </a>
            <div class="md:hidden">
                <button type="button"
                        class="hs-collapse-toggle p-2 inline-flex justify-center items-center gap-2 rounded-md border font-medium bg-white text-slate-700 shadow-sm align-middle hover:bg-slate-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-white focus:ring-blue-600 transition-all text-sm dark:bg-slate-900 dark:hover:bg-slate-800 dark:border-slate-700 dark:text-slate-400 dark:hover:text-white dark:focus:ring-offset-slate-800"
                        data-hs-collapse="#navbar-collapse-with-animation"
                        aria-controls="navbar-collapse-with-animation" aria-label="Toggle navigation">
                    <svg class="hs-collapse-open:hidden w-4 h-4" width="16" height="16" fill="currentColor"
                         viewBox="0 0 16 16">
                        <path fill-rule="evenodd"
                              d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"/>
                    </svg>
                    <svg class="hs-collapse-open:block hidden w-4 h-4" width="16" height="16" fill="currentColor"
                         viewBox="0 0 16 16">
                        <path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"/>
                    </svg>
                </button>
            </div>
        </div>
        <div id="navbar-collapse-with-animation"
             class="hs-collapse hidden overflow-hidden transition-all duration-300 basis-full grow md:block">
            <div class="flex flex-col gap-y-4 gap-x-0 mt-5 sm:flex-row sm:items-center sm:justify-end sm:gap-y-0 sm:gap-x-7 sm:mt-0 sm:pl-7">
                                <!--[if BLOCK]><![endif]-->                    
                    
                    <!--[if BLOCK]><![endif]-->
                        <div class="hs-dropdown hs-dropdown-example relative inline-flex">
                            <button id="hs-dropdown-example" type="button"
                                    class="hs-dropdown-toggle capitalize inline-flex items-center w-full text-[16px]  text-slate-500 hover:cbPrimaryColor hover:opacity-75  font-medium dark:text-slate-400">
                                About Me
                                <svg class="hs-dropdown-open:rotate-180 ml-1 size-4 text-gray-600 dark:text-neutral-600"
                                     xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"
                                     fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                                     stroke-linejoin="round">
                                    <path d="m6 9 6 6 6-6"></path>
                                </svg>
                            </button>

                            <div class="hs-dropdown-menu transition-[opacity,margin] duration hs-dropdown-open:opacity-100 opacity-0 w-56 hidden z-10 mt-2 min-w-60 bg-white shadow-md rounded-lg p-2 dark:bg-neutral-800 dark:border dark:border-neutral-700 dark:divide-neutral-700"
                                 aria-labelledby="hs-dropdown-example">
                                <!--[if BLOCK]><![endif]-->                                    <a class="flex items-center gap-x-3.5 py-2 px-3 rounded-lg text-sm text-gray-800 hover:bg-slate-100 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:hover:text-neutral-300 dark:focus:bg-neutral-700"
                                       href="/press">
                                        Press
                                    </a>
                                                                    <a class="flex items-center gap-x-3.5 py-2 px-3 rounded-lg text-sm text-gray-800 hover:bg-slate-100 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:hover:text-neutral-300 dark:focus:bg-neutral-700"
                                       href="/our-location">
                                        Our Location
                                    </a>
                                                                    <a class="flex items-center gap-x-3.5 py-2 px-3 rounded-lg text-sm text-gray-800 hover:bg-slate-100 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:hover:text-neutral-300 dark:focus:bg-neutral-700"
                                       href="/faqs">
                                        FAQs
                                    </a>
                                <!--[if ENDBLOCK]><![endif]-->
                            </div>
                        </div>

                        


                    <!--[if ENDBLOCK]><![endif]-->                                    
                    
                    <!--[if BLOCK]><![endif]-->
                        <div class="hs-dropdown hs-dropdown-example relative inline-flex">
                            <button id="hs-dropdown-example" type="button"
                                    class="hs-dropdown-toggle capitalize inline-flex items-center w-full text-[16px]  text-slate-500 hover:cbPrimaryColor hover:opacity-75  font-medium dark:text-slate-400">
                                Classes
                                <svg class="hs-dropdown-open:rotate-180 ml-1 size-4 text-gray-600 dark:text-neutral-600"
                                     xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"
                                     fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                                     stroke-linejoin="round">
                                    <path d="m6 9 6 6 6-6"></path>
                                </svg>
                            </button>

                            <div class="hs-dropdown-menu transition-[opacity,margin] duration hs-dropdown-open:opacity-100 opacity-0 w-56 hidden z-10 mt-2 min-w-60 bg-white shadow-md rounded-lg p-2 dark:bg-neutral-800 dark:border dark:border-neutral-700 dark:divide-neutral-700"
                                 aria-labelledby="hs-dropdown-example">
                                <!--[if BLOCK]><![endif]-->                                    <a class="flex items-center gap-x-3.5 py-2 px-3 rounded-lg text-sm text-gray-800 hover:bg-slate-100 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:hover:text-neutral-300 dark:focus:bg-neutral-700"
                                       href="/class-schedule">
                                        Class Schedule
                                    </a>
                                                                    <a class="flex items-center gap-x-3.5 py-2 px-3 rounded-lg text-sm text-gray-800 hover:bg-slate-100 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:hover:text-neutral-300 dark:focus:bg-neutral-700"
                                       href="/pricing">
                                        Pricing
                                    </a>
                                                                    <a class="flex items-center gap-x-3.5 py-2 px-3 rounded-lg text-sm text-gray-800 hover:bg-slate-100 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:hover:text-neutral-300 dark:focus:bg-neutral-700"
                                       href="/special-occasion-classes">
                                        Special Occasion Classes
                                    </a>
                                <!--[if ENDBLOCK]><![endif]-->
                            </div>
                        </div>

                        


                    <!--[if ENDBLOCK]><![endif]-->                                    
                    
                    <!--[if BLOCK]><![endif]-->                        <a class=" text-slate-500 hover:cbPrimaryColor hover:opacity-75  capitalize font-medium text-[16px]  sm:py-6"
                           href="/reviews"
                           aria-current="page">Reviews</a>
                    <!--[if ENDBLOCK]><![endif]-->                                    
                    
                    <!--[if BLOCK]><![endif]-->                        <a class=" text-slate-500 hover:cbPrimaryColor hover:opacity-75  capitalize font-medium text-[16px]  sm:py-6"
                           href="/gift-certificates"
                           aria-current="page">Gift Certificates</a>
                    <!--[if ENDBLOCK]><![endif]-->                                    
                    
                    <!--[if BLOCK]><![endif]-->                        <a class=" text-slate-500 hover:cbPrimaryColor hover:opacity-75  capitalize font-medium text-[16px]  sm:py-6"
                           href="/contact"
                           aria-current="page">Contact</a>
                    <!--[if ENDBLOCK]><![endif]-->                <!--[if ENDBLOCK]><![endif]-->            </div>
        </div>
    </nav>
</header>

    <!-- Hero -->
<div class="max-w-[85rem] mx-auto px-4 sm:px-6 lg:px-8 mt-5 mb-5">
    <!-- Grid -->
    <div class="grid md:grid-cols-2 gap-4 md:gap-8 xl:gap-20 md:items-center">
        <div>
            <h1 class="block text-3xl font-bold text-gray-800 sm:text-4xl lg:text-6xl lg:leading-tight dark:text-white">
                Karen Lee Cooking</h1>
            <p class="mt-3 text-lg text-gray-800 dark:text-gray-400">Cook for Taste, Eat for Health</p>

            <!-- Buttons -->
                            <div class="mt-7 grid gap-3 w-full sm:inline-flex">
                    <a class="inline-flex justify-center items-center gap-x-3 bgPrimaryColor cbButtonTextColor hover:cbPrimaryColor hover:opacity-85 text-center border border-transparent text-sm lg:text-base text-white font-medium rounded-md focus:outline-none focus:ring-2 focus:ring-red-600 focus:ring-offset-2 focus:ring-offset-white transition py-3 px-4 dark:focus:ring-offset-gray-800"
                       href="/classes">
                        See my Classes
                        <svg class="w-2.5 h-2.5" width="16" height="16" viewBox="0 0 16 16" fill="none">
                            <path d="M5.27921 2L10.9257 7.64645C11.1209 7.84171 11.1209 8.15829 10.9257 8.35355L5.27921 14"
                                  stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
                        </svg>
                    </a>
                    
                </div>
                <!-- End Buttons -->
            
        </div>
        <!-- End Col -->

        <div class="relative ml-4">
                        <img class="w-full rounded-md"
                 src="https://classbento.com/webhost-media/media/classes.jpg?auto=format&fit=crop&w=700&h=800&q=80"
                 alt="">
            

            <!-- SVG-->
            
            <!-- End SVG-->
        </div>
        <!-- End Col -->
    </div>
    <!-- End Grid -->
</div>
<!-- End Hero -->
        
            <!-- Features -->
<div class="max-w-[85rem] px-4 py-10 sm:px-6 lg:px-8 lg:py-14 mx-auto mt-3">
    <!-- Grid -->
    <div class="md:grid md:grid-cols-2 md:items-center md:gap-12 xl:gap-32">
        <div class="flex justify-center items-center">
            
                            <img class="rounded-xl" src="https://classbento.com/webhost-media/media/karen-lee-about.jpg" alt="Feature Image">
                    </div>
        <!-- End Col -->

        <div class="mt-5 sm:mt-10 lg:mt-0">
            <div class="space-y-6 sm:space-y-8">
                <!-- Title -->
                <div class="space-y-2 md:space-y-4">
                    <h2 class="font-bold text-3xl lg:text-4xl text-gray-800 dark:text-gray-200">
                        Meet Karen
                    </h2>
                    <p class="text-gray-500">
                        <p>I am a veteran New York City caterer, private chef, cookbook author and cooking instructor. I offer imaginative cooking classes and catering tailor-made for you.</p><p>Take a look around for my class schedule. I look forward to cooking with you in my kitchen soon! Contact me for any inquiries!</p><p><strong>142 West End Avenue New York, NY 10023 </strong></p><p>email: <a href="mailto:Karenleecooking@gmail.com">Karenleecooking@gmail.com</a></p><p>Land Line: 212-787-2227</p><p>Cell: 917- 843-3515</p>
                    </p>
                </div>
                <!-- End Title -->
                                    <a href="https://karenleecooking.com/about-me"
                       class="inline-flex items-center justify-center h-12 px-6 space-x-2 font-medium tracking-wide  transition duration-200 rounded shadow bgPrimaryColor cbButtonTextColor hover:opacity-75 focus:shadow-outline focus:outline-none">
                        <span>More About me...</span>
                    </a>
                                
            </div>
        </div>
        <!-- End Col -->
    </div>
    <!-- End Grid -->
</div>
<!-- End Features -->
    
    <footer wire:snapshot="{&quot;data&quot;:{&quot;page&quot;:[null,{&quot;class&quot;:&quot;App\\Models\\Page&quot;,&quot;key&quot;:48,&quot;s&quot;:&quot;mdl&quot;}],&quot;website&quot;:[null,{&quot;class&quot;:&quot;App\\Models\\Website&quot;,&quot;key&quot;:10,&quot;s&quot;:&quot;mdl&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;IbTADBVuXyl8ntRMoUZM&quot;,&quot;name&quot;:&quot;components.footer&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;22bfb79096ef01ccfabf645559c5df0081a0af1cc882757bbdedbf04a58e316a&quot;}" wire:effects="[]" wire:id="IbTADBVuXyl8ntRMoUZM" class="text-slate-600 body-font bg-black/10 mt-auto">
        <div class=" mx-auto flex items-center sm:flex-row flex-col justify-center">

            









            

        <p class="text-sm text-slate-500 sm:ml-4 sm:pl-4 sm:border-t-2 sm:border-slate-200 sm:py-2 sm:mt-0 mt-4">
            © 2026
            Karen Lee Cooking
            <span class="ml-2">Powered by<a href="https://classbento.com"
                                            class="cbPrimaryColor ml-1" rel="noopener noreferrer "
                                            target="_blank">ClassBento</a></span>
        </p>
        <span class="inline-flex sm:mt-0 sm:mb-0 mt-4 mb-2 ml-2 justify-center">

            <!--[if BLOCK]><![endif]-->                <a class="text-slate-500" target="_blank"
                   href="https://www.facebook.com/KarenLeeCooking">
                    <svg fill="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                         class="w-5 h-5"
                         viewBox="0 0 24 24">
                      <path d="M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z"></path>
                    </svg>
                </a>
            <!--[if ENDBLOCK]><![endif]-->            


            <!--[if BLOCK]><![endif]-->                    <a class="ml-2 text-slate-500" target="_blank"
                   href="https://www.instagram.com/karenleecooking">
                    <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
                         stroke-width="2"
                         class="w-5 h-5" viewBox="0 0 24 24">
                      <rect width="20" height="20" x="2" y="2" rx="5" ry="5"></rect>
                      <path d="M16 11.37A4 4 0 1112.63 8 4 4 0 0116 11.37zm1.5-4.87h.01"></path>
                    </svg>
                </a>
            <!--[if ENDBLOCK]><![endif]-->
                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            
    </span>
    </div>
</footer>




<span id="app-env" class="hidden">production</span>






<script src="/livewire/livewire.min.js?id=57eb113f"   data-csrf="LfHyrWDLlvdkR8uXsptyglMzUWfOtRBETRPPzL89" data-update-uri="/livewire/update" data-navigate-once="true"></script>
<script>
    document.addEventListener('livewire:init', () => {
        Livewire.hook('request', ({ fail }) => {
            fail(({ status, preventDefault }) => {
                if (status === 500 || status === 0) {
                    preventDefault()
                    var key = 'livewire_reload_' + Math.floor(Date.now() / 10000)
                    if (!sessionStorage.getItem(key)) {
                        sessionStorage.setItem(key, '1')
                        window.location.reload()
                    }
                }
            })
        })
    })
</script>

<svg style="display: none;">
    <symbol id="icon-star-full" viewBox="0 0 24 24">
        <g opacity="0.8">
            <path fill-rule="evenodd" clip-rule="evenodd"
                  d="M11.3503 2.14612C11.7586 1.95141 12.233 1.95141 12.6414 2.14612C12.9944 2.31443 13.189 2.60667 13.2872 2.76699C13.3887 2.93273 13.4928 3.14387 13.5944 3.34966C13.5995 3.36017 13.6047 3.37067 13.6099 3.38114L15.7501 7.71693L20.5721 8.42174C20.7991 8.45487 21.032 8.48887 21.2209 8.53429C21.4037 8.57824 21.7416 8.67329 22.0105 8.95713C22.3216 9.2855 22.4679 9.73671 22.4087 10.1851C22.3575 10.5728 22.1397 10.848 22.0175 10.9909C21.8912 11.1385 21.7225 11.3027 21.5582 11.4627L18.0703 14.8598L18.8933 19.6581C18.9321 19.8843 18.972 20.1164 18.9874 20.3102C19.0022 20.4976 19.0165 20.8485 18.8298 21.1923C18.6139 21.5898 18.23 21.8687 17.7851 21.9512C17.4005 22.0225 17.0712 21.9003 16.8976 21.8283C16.7181 21.7538 16.5096 21.6441 16.3065 21.5372L11.9958 19.2703L7.68515 21.5373C7.48199 21.6441 7.27357 21.7538 7.09403 21.8283C6.92039 21.9004 6.59111 22.0225 6.2065 21.9512C5.76163 21.8687 5.37775 21.5898 5.1618 21.1923C4.9751 20.8485 4.98944 20.4976 5.00428 20.3102C5.01963 20.1164 5.05948 19.8843 5.09833 19.6581L5.9213 14.8598L2.45863 11.4872C2.45027 11.479 2.44189 11.4709 2.4335 11.4627C2.26914 11.3027 2.10049 11.1385 1.97417 10.9909C1.85197 10.848 1.63413 10.5728 1.58293 10.1851C1.52371 9.73671 1.67002 9.2855 1.98111 8.95713C2.25002 8.67329 2.58793 8.57824 2.77069 8.53429C2.95961 8.48887 3.19252 8.45487 3.41952 8.42174C3.4311 8.42005 3.44267 8.41836 3.45422 8.41667L8.24156 7.71693L10.3817 3.38114C10.3869 3.37067 10.3921 3.36017 10.3973 3.34966C10.4988 3.14387 10.603 2.93273 10.7044 2.76699C10.8026 2.60667 10.9972 2.31443 11.3503 2.14612Z"
                  fill="currentColor"/>
        </g>
    </symbol>
</svg>
<svg style="display: none;">
    <symbol id="icon-star-half" viewBox="0 0 24 24">
        <g opacity="0.8">
            <path d="M11.35,2.15c-.35.17-.55.46-.65.62-.1.17-.21.38-.31.58l-.02.03-2.14,4.34-4.79.7s-.02,0-.03,0c-.23.03-.46.07-.65.11-.18.04-.52.14-.79.42-.31.33-.46.78-.4,1.23.05.39.27.66.39.81.13.15.29.31.46.47,0,0,.02.02.03.02l3.46,3.37-.82,4.8c-.04.23-.08.46-.09.65-.01.19-.03.54.16.88.22.4.6.68,1.04.76.38.07.71-.05.89-.12.18-.07.39-.18.59-.29l4.31-2.27V2c-.22,0-.44.05-.65.15Z"
                  fill="currentColor"/>
        </g>
    </symbol>
</svg>
<svg style="display: none;">
    <symbol id="icon-star-empty" viewBox="0 0 24 24">
        <path fill-rule="evenodd" clip-rule="evenodd"
              d="M11.3545 1.77566C11.7628 1.58096 12.2372 1.58096 12.6456 1.77566C12.9986 1.94398 13.1932 2.23622 13.2914 2.39654C13.3929 2.56228 13.497 2.77342 13.5986 2.97921C13.6037 2.98972 13.6089 3.00022 13.6141 3.01069L15.7543 7.34648L20.5763 8.05129C20.8033 8.08442 21.0362 8.11841 21.2252 8.16384C21.4079 8.20779 21.7458 8.30284 22.0147 8.58668C22.3258 8.91505 22.4721 9.36626 22.4129 9.8147C22.3617 10.2023 22.1439 10.4776 22.0217 10.6204C21.8954 10.768 21.7267 10.9322 21.5624 11.0922L18.0745 14.4894L18.8975 19.2876C18.9364 19.5139 18.9762 19.746 18.9916 19.9398C19.0064 20.1272 19.0207 20.4781 18.834 20.8218C18.6181 21.2194 18.2342 21.4983 17.7893 21.5807C17.4047 21.652 17.0755 21.5299 16.9018 21.4579C16.7223 21.3834 16.5138 21.2737 16.3107 21.1668L12 18.8999L7.68936 21.1668C7.4862 21.2737 7.27778 21.3834 7.09823 21.4579C6.9246 21.5299 6.59531 21.652 6.21071 21.5807C5.76584 21.4983 5.38196 21.2194 5.16601 20.8218C4.97931 20.4781 4.99365 20.1272 5.00849 19.9398C5.02383 19.746 5.06369 19.5139 5.10254 19.2876L5.9255 14.4894L2.46283 11.1167C2.45448 11.1086 2.4461 11.1004 2.43771 11.0923C2.27335 10.9322 2.10469 10.768 1.97838 10.6204C1.85618 10.4776 1.63833 10.2023 1.58714 9.8147C1.52792 9.36626 1.67422 8.91505 1.98531 8.58668C2.25423 8.30284 2.59214 8.20779 2.7749 8.16384C2.96382 8.11841 3.19673 8.08442 3.42372 8.05129C3.43531 8.0496 3.44688 8.04791 3.45842 8.04622L8.24576 7.34648L10.386 3.01069C10.3911 3.00022 10.3963 2.98972 10.4015 2.97921C10.503 2.77342 10.6072 2.56228 10.7087 2.39654C10.8068 2.23622 11.0014 1.94398 11.3545 1.77566ZM8.14235 7.55354C8.14221 7.55378 8.14221 7.55378 8.14235 7.55354V7.55354ZM8.4746 7.31194C8.47487 7.31188 8.47488 7.31188 8.4746 7.31194V7.31194ZM18.0364 14.2607C18.0364 14.2604 18.0364 14.2604 18.0364 14.2607V14.2607ZM12 4.25927L9.99269 8.32591C9.98885 8.33368 9.98448 8.34274 9.97956 8.35292C9.93191 8.45157 9.83325 8.65583 9.67679 8.82424C9.54472 8.96638 9.38633 9.08156 9.21039 9.16337C9.00195 9.2603 8.77722 9.29118 8.66869 9.3061C8.65749 9.30764 8.64753 9.30901 8.63895 9.31026L4.14844 9.96662L7.39633 13.1301C7.40255 13.1361 7.40982 13.1431 7.418 13.1509C7.49724 13.2268 7.66134 13.3839 7.77331 13.585C7.86783 13.7548 7.92847 13.9413 7.95186 14.1341C7.97956 14.3626 7.93924 14.5862 7.91977 14.6942C7.91776 14.7053 7.91597 14.7152 7.9145 14.7238L7.1482 19.1917L11.1622 17.0808C11.1699 17.0767 11.1788 17.072 11.1887 17.0666C11.2854 17.0147 11.4855 16.9073 11.7114 16.863C11.902 16.8256 12.0981 16.8256 12.2887 16.863C12.5145 16.9073 12.7147 17.0147 12.8113 17.0666C12.8213 17.072 12.8302 17.0767 12.8378 17.0808L16.8518 19.1917L16.0855 14.7238C16.0841 14.7152 16.0823 14.7053 16.0803 14.6942C16.0608 14.5862 16.0205 14.3626 16.0482 14.1341C16.0716 13.9413 16.1322 13.7548 16.2267 13.585C16.3387 13.3839 16.5028 13.2268 16.582 13.1509C16.5902 13.1431 16.5975 13.1361 16.6037 13.1301L19.8516 9.96662L15.3611 9.31026C15.3525 9.30901 15.3426 9.30764 15.3314 9.3061C15.2228 9.29118 14.9981 9.2603 14.7897 9.16337C14.6137 9.08156 14.4553 8.96638 14.3233 8.82424C14.1668 8.65584 14.0681 8.45157 14.0205 8.35292C14.0156 8.34274 14.0112 8.33368 14.0074 8.32591L12 4.25927Z"
              fill="black"/>
    </symbol>
</svg>

</body>
</html>


