Navbars
Navbars demo showcases a collection of modern, responsive navigation components for web applications, featuring e-commerce layouts, smart home interfaces, and customizable navigation patterns.
<!-- ========== HEADER ========== -->
<header class="flex flex-col wu22o">
<nav class="aqyoh fazzp kvbsq dark:bg-neutral-800 dark:border-neutral-700">
<div class="ehc3u flex ox2cl yh32f dy3ai ygsjd items-center w-full mx-auto gdxvw fglch xf1r4 ids43">
<div class="flex items-center">
<div class="hidden sm:block">
<!-- Logo -->
<a class="flex-none m74u5 mp30q inline-block cnneu focus:outline-hidden o8t9n" href="../../pro/ecommerce/index.html" aria-label="Preline">
<svg class="o5z37 h-auto" width="116" height="32" viewBox="0 0 116 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M33.5696 30.8182V11.3182H37.4474V13.7003H37.6229C37.7952 13.3187 38.0445 12.9309 38.3707 12.5369C38.7031 12.1368 39.134 11.8045 39.6634 11.5398C40.1989 11.2689 40.8636 11.1335 41.6577 11.1335C42.6918 11.1335 43.6458 11.4044 44.5199 11.946C45.3939 12.4815 46.0926 13.291 46.6158 14.3743C47.139 15.4515 47.4006 16.8026 47.4006 18.4276C47.4006 20.0095 47.1451 21.3452 46.6342 22.4347C46.1295 23.518 45.4401 24.3397 44.5661 24.8999C43.6982 25.4538 42.7256 25.7308 41.6484 25.7308C40.8852 25.7308 40.2358 25.6046 39.7003 25.3523C39.1709 25.0999 38.737 24.7829 38.3984 24.4013C38.0599 24.0135 37.8014 23.6226 37.6229 23.2287H37.5028V30.8182H33.5696ZM37.4197 18.4091C37.4197 19.2524 37.5367 19.9879 37.7706 20.6158C38.0045 21.2436 38.343 21.733 38.7862 22.0838C39.2294 22.4285 39.768 22.6009 40.402 22.6009C41.0421 22.6009 41.5838 22.4254 42.027 22.0746C42.4702 21.7176 42.8056 21.2251 43.0334 20.5973C43.2673 19.9633 43.3842 19.2339 43.3842 18.4091C43.3842 17.5904 43.2704 16.8703 43.0426 16.2486C42.8149 15.6269 42.4794 15.1406 42.0362 14.7898C41.593 14.4389 41.0483 14.2635 40.402 14.2635C39.7618 14.2635 39.2202 14.4328 38.777 14.7713C38.34 15.1098 38.0045 15.59 37.7706 16.2116C37.5367 16.8333 37.4197 17.5658 37.4197 18.4091ZM49.2427 25.5V11.3182H53.0559V13.7926H53.2037C53.4622 12.9124 53.8961 12.2476 54.5055 11.7983C55.1149 11.3428 55.8166 11.1151 56.6106 11.1151C56.8076 11.1151 57.02 11.1274 57.2477 11.152C57.4754 11.1766 57.6755 11.2105 57.8478 11.2536V14.7436C57.6632 14.6882 57.4077 14.639 57.0815 14.5959C56.7553 14.5528 56.4567 14.5312 56.1859 14.5312C55.6073 14.5312 55.0903 14.6574 54.6348 14.9098C54.1854 15.156 53.8284 15.5007 53.5638 15.9439C53.3052 16.3871 53.176 16.898 53.176 17.4766V25.5H49.2427ZM64.9043 25.777C63.4455 25.777 62.1898 25.4815 61.1373 24.8906C60.0909 24.2936 59.2845 23.4503 58.7182 22.3608C58.1519 21.2652 57.8688 19.9695 57.8688 18.4737C57.8688 17.0149 58.1519 15.7346 58.7182 14.6328C59.2845 13.531 60.0816 12.6723 61.1096 12.0568C62.1437 11.4413 63.3563 11.1335 64.7474 11.1335C65.683 11.1335 66.5539 11.2843 67.3603 11.5859C68.1728 11.8814 68.8806 12.3277 69.4839 12.9247C70.0932 13.5218 70.5672 14.2727 70.9057 15.1776C71.2443 16.0762 71.4135 17.1288 71.4135 18.3352V19.4155H59.4384V16.978H67.7111C67.7111 16.4117 67.588 15.91 67.3418 15.473C67.0956 15.036 66.754 14.6944 66.317 14.4482C65.8861 14.1958 65.3844 14.0696 64.812 14.0696C64.2149 14.0696 63.6856 14.2081 63.2239 14.4851C62.7684 14.7559 62.4114 15.1222 62.1529 15.5838C61.8944 16.0393 61.762 16.5471 61.7559 17.1072V19.4247C61.7559 20.1264 61.8851 20.7327 62.1437 21.2436C62.4083 21.7545 62.7807 22.1484 63.2608 22.4254C63.741 22.7024 64.3103 22.8409 64.9689 22.8409C65.406 22.8409 65.8061 22.7794 66.1692 22.6562C66.5324 22.5331 66.8432 22.3485 67.1018 22.1023C67.3603 21.8561 67.5572 21.5545 67.6927 21.1974L71.3304 21.4375C71.1458 22.3116 70.7672 23.0748 70.1948 23.7273C69.6285 24.3736 68.896 24.8783 67.9974 25.2415C67.1048 25.5985 66.0738 25.777 64.9043 25.777ZM77.1335 6.59091V25.5H73.2003V6.59091H77.1335ZM79.5043 25.5V11.3182H83.4375V25.5H79.5043ZM81.4801 9.49006C80.8954 9.49006 80.3937 9.29616 79.9752 8.90838C79.5628 8.51444 79.3566 8.04356 79.3566 7.49574C79.3566 6.95407 79.5628 6.48935 79.9752 6.10156C80.3937 5.70762 80.8954 5.51065 81.4801 5.51065C82.0649 5.51065 82.5635 5.70762 82.9759 6.10156C83.3944 6.48935 83.6037 6.95407 83.6037 7.49574C83.6037 8.04356 83.3944 8.51444 82.9759 8.90838C82.5635 9.29616 82.0649 9.49006 81.4801 9.49006ZM89.7415 17.3011V25.5H85.8083V11.3182H89.5569V13.8203H89.723C90.037 12.9955 90.5632 12.343 91.3019 11.8629C92.0405 11.3767 92.9361 11.1335 93.9887 11.1335C94.9735 11.1335 95.8322 11.349 96.5647 11.7798C97.2971 12.2107 97.8665 12.8262 98.2728 13.6264C98.679 14.4205 98.8821 15.3684 98.8821 16.4702V25.5H94.9489V17.1719C94.9551 16.304 94.7335 15.6269 94.2841 15.1406C93.8348 14.6482 93.2162 14.402 92.4283 14.402C91.8989 14.402 91.4311 14.5159 91.0249 14.7436C90.6248 14.9714 90.3109 15.3037 90.0831 15.7408C89.8615 16.1716 89.7477 16.6918 89.7415 17.3011ZM107.665 25.777C106.206 25.777 104.951 25.4815 103.898 24.8906C102.852 24.2936 102.045 23.4503 101.479 22.3608C100.913 21.2652 100.63 19.9695 100.63 18.4737C100.63 17.0149 100.913 15.7346 101.479 14.6328C102.045 13.531 102.842 12.6723 103.87 12.0568C104.905 11.4413 106.117 11.1335 107.508 11.1335C108.444 11.1335 109.315 11.2843 110.121 11.5859C110.934 11.8814 111.641 12.3277 112.245 12.9247C112.854 13.5218 113.328 14.2727 113.667 15.1776C114.005 16.0762 114.174 17.1288 114.174 18.3352V19.4155H102.199V16.978H110.472C110.472 16.4117 110.349 15.91 110.103 15.473C109.856 15.036 109.515 14.6944 109.078 14.4482C108.647 14.1958 108.145 14.0696 107.573 14.0696C106.976 14.0696 106.446 14.2081 105.985 14.4851C105.529 14.7559 105.172 15.1222 104.914 15.5838C104.655 16.0393 104.523 16.5471 104.517 17.1072V19.4247C104.517 20.1264 104.646 20.7327 104.905 21.2436C105.169 21.7545 105.542 22.1484 106.022 22.4254C106.502 22.7024 107.071 22.8409 107.73 22.8409C108.167 22.8409 108.567 22.7794 108.93 22.6562C109.293 22.5331 109.604 22.3485 109.863 22.1023C110.121 21.8561 110.318 21.5545 110.454 21.1974L114.091 21.4375C113.907 22.3116 113.528 23.0748 112.956 23.7273C112.389 24.3736 111.657 24.8783 110.758 25.2415C109.866 25.5985 108.835 25.777 107.665 25.777Z" class="su1ao dark:fill-white" fill="currentColor"/>
<path d="M1 29.5V16.5C1 9.87258 6.37258 4.5 13 4.5C19.6274 4.5 25 9.87258 25 16.5C25 23.1274 19.6274 28.5 13 28.5H12" class="a83ah dark:stroke-white" stroke="currentColor" stroke-width="2"/>
<path d="M5 29.5V16.66C5 12.1534 8.58172 8.5 13 8.5C17.4183 8.5 21 12.1534 21 16.66C21 21.1666 17.4183 24.82 13 24.82H12" class="a83ah dark:stroke-white" stroke="currentColor" stroke-width="2"/>
<circle cx="13" cy="16.5214" r="5" class="su1ao dark:fill-white" fill="currentColor"/>
</svg>
</a>
<!-- Logo -->
</div>
<div class="sm:hidden">
<!-- Logo -->
<a class="flex-none m74u5 mp30q inline-block cnneu focus:outline-hidden o8t9n" href="../../pro/ecommerce/index.html" aria-label="Preline">
<svg class="tqlcr h-auto" width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M18.0835 3.23358C9.88316 3.23358 3.23548 9.8771 3.23548 18.0723V35.5832H0.583496V18.0723C0.583496 8.41337 8.41851 0.583252 18.0835 0.583252C27.7485 0.583252 35.5835 8.41337 35.5835 18.0723C35.5835 27.7312 27.7485 35.5614 18.0835 35.5614H16.7357V32.911H18.0835C26.2838 32.911 32.9315 26.2675 32.9315 18.0723C32.9315 9.8771 26.2838 3.23358 18.0835 3.23358Z" class="su1ao dark:fill-green-500" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M18.0833 8.62162C12.8852 8.62162 8.62666 12.9245 8.62666 18.2879V35.5833H5.97468V18.2879C5.97468 11.5105 11.3713 5.97129 18.0833 5.97129C24.7954 5.97129 30.192 11.5105 30.192 18.2879C30.192 25.0653 24.7954 30.6045 18.0833 30.6045H16.7355V27.9542H18.0833C23.2815 27.9542 27.54 23.6513 27.54 18.2879C27.54 12.9245 23.2815 8.62162 18.0833 8.62162Z" class="su1ao dark:fill-green-500" fill="currentColor"/>
<path d="M24.8225 18.1012C24.8225 21.8208 21.8053 24.8361 18.0833 24.8361C14.3614 24.8361 11.3442 21.8208 11.3442 18.1012C11.3442 14.3815 14.3614 11.3662 18.0833 11.3662C21.8053 11.3662 24.8225 14.3815 24.8225 18.1012Z" class="su1ao dark:fill-green-500" fill="currentColor"/>
</svg>
</a>
<!-- Logo -->
</div>
<div class="ncgn0">
</div>
<div class="lg:hidden r0p95">
<!-- Collapse Button Trigger -->
<button type="button" class="hs-collapse-toggle bu4xv r44ox inline-flex jkwm1 items-center n9hej w4xo0 sikx1 pb094 rsdjd kvbsq aqyoh jf8im hj07t rqhfu disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden xsnbo dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" id="hs-pro-emh-collapse" aria-expanded="false" aria-controls="hs-pro-emh" aria-label="Toggle navigation" data-hs-collapse="#hs-pro-emh">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg>
</button>
<!-- End Collapse Button Trigger -->
</div>
</div>
<div class="hidden lg:block lg:w-full mmyr6">
<!-- Search Input -->
<div class="relative">
<div class="absolute rm8lf gihcw flex items-center gxxgf gbcuh o1d90">
<svg class="e731n b9gop jn2lz dark:text-white/60" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/></svg>
</div>
<input type="text" class="od5va yzhap f2l40 nokqy rjomq block w-full mpc8d azddh pb094 glhrq ccu59 focus:outline-hidden steob yvj92 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-700 dark:border-transparent dark:text-neutral-400 dark:placeholder:text-neutral-400 dark:focus:bg-neutral-800 dark:focus:ring-neutral-600" placeholder="Search or type a command" data-hs-overlay="#hs-pro-dnsm">
<div class="hidden absolute rm8lf kji94 flex items-center gbcuh wn488">
<button type="button" class="inline-flex e731n jkwm1 items-center odrp3 kghwt jy5gh s5ku3 focus:outline-hidden i4yyh dark:text-neutral-500 dark:hover:text-blue-500 dark:focus:text-blue-500" aria-label="Close">
<span class="et50x">Close</span>
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="m15 9-6 6"/><path d="m9 9 6 6"/></svg>
</button>
</div>
<div class="absolute rm8lf kji94 flex items-center gxxgf gbcuh s9dcx jn2lz">
<svg class="e731n mo9p3 jn2lz dark:text-white/60" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 6v12a3 3 0 1 0 3-3H6a3 3 0 1 0 3 3V6a3 3 0 1 0-3 3h12a3 3 0 1 0-3-3"/></svg>
<span class="rm61j">
<svg class="e731n mo9p3 jn2lz dark:text-white/60" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
</span>
<span class="xs2f2">/</span>
</div>
</div>
<!-- End Search Input -->
</div>
<div class="flex smdr3 items-center n9hej">
<div class="flex items-center">
<div class="lg:hidden">
<!-- Search Button Icon -->
<button type="button" class="inline-flex e731n jkwm1 items-center n9hej sc63t kghwt ah4ps xbaz9 focus:outline-hidden ujdnu dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-dnsm">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/></svg>
</button>
<!-- End Search Button Icon -->
</div>
<!-- Notifications Button Icon -->
<div class="hs-dropdown [--auto-close:inside] [--placement:bottom-right] relative inline-flex">
<button id="hs-pro-dnnd" type="button" class="hs-tooltip-toggle relative sc63t inline-flex jkwm1 items-center n9hej kghwt rsdjd azddh ah4ps xbaz9 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ujdnu dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9"/><path d="M10.3 21a1.94 1.94 0 0 0 3.4 0"/></svg>
<span class="flex absolute fuv09 kji94 wzd7f -mt-1.5 -me-1.5">
<span class="baj5e absolute inline-flex fp3m4 kghwt spl34 y1afu dark:bg-red-600"></span>
<span class="relative bnbld nfrej inline-flex jkwm1 items-center s91e0 jmaom kew0r kghwt eoh5b">
2
</span>
</span>
</button>
<!-- End Notifications Button Icon -->
<!-- Notifications Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 w-full lztgl transition-[opacity,margin] duration opacity-0 hidden gvu0g aqyoh yfv61 kvbsq sd8lw s530u xus2s no3my dark:bg-neutral-900 dark:border-neutral-700" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-dnnd">
<!-- Header -->
<div class="ns57r f5e2w flex ox2cl items-center fazzp kvbsq dark:border-neutral-800">
<!-- Nav Tab -->
<nav class="flex v1hon" aria-label="Tabs" role="tablist" aria-orientation="horizontal">
<button type="button" class="hs-tab-active:after:bg-stone-800 hs-tab-active:text-stone-800 jxswk od5va wyf4w relative inline-flex jkwm1 items-center n9hej xbaz9 ah4ps k8lre w4xo0 pb094 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ujdnu after:absolute after:-bottom-2 after:inset-x-2 after:z-10 after:h-0.5 after:pointer-events-none dark:hs-tab-active:text-neutral-200 dark:hs-tab-active:after:bg-neutral-400 dark:text-neutral-500 dark:hover:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden active" id="hs-pro-tabs-dnn-item-all" aria-selected="true" data-hs-tab="#hs-pro-tabs-dnn-all" aria-controls="hs-pro-tabs-dnn-all" role="tab" >
All
</button>
<button type="button" class="hs-tab-active:after:bg-stone-800 hs-tab-active:text-stone-800 jxswk od5va wyf4w relative inline-flex jkwm1 items-center n9hej xbaz9 ah4ps k8lre w4xo0 pb094 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ujdnu after:absolute after:-bottom-2 after:inset-x-2 after:z-10 after:h-0.5 after:pointer-events-none dark:hs-tab-active:text-neutral-200 dark:hs-tab-active:after:bg-neutral-400 dark:text-neutral-500 dark:hover:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden " id="hs-pro-tabs-dnn-item-archived" aria-selected="false" data-hs-tab="#hs-pro-tabs-dnn-archived" aria-controls="hs-pro-tabs-dnn-archived" role="tab" >
Archived
</button>
</nav>
<!-- End Nav Tab -->
<!-- Notifications Button Icon -->
<div class="hs-tooltip relative inline-block n8xpr">
<a class="hs-tooltip-toggle qqwrg inline-flex jkwm1 items-center n9hej kghwt rsdjd azddh ah4ps xbaz9 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ujdnu dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" ><path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"/><circle cx="12" cy="12" r="3"/></svg>
</a>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute vajpp gbcuh od5va sfv8v qr5ct xs2f2 kew0r pb094 dark:bg-neutral-700" role="tooltip">
Preferences
</span>
</div>
<!-- End Notifications Button Icon -->
</div>
<!-- End Header -->
<!-- Tab Content -->
<div id="hs-pro-tabs-dnn-all" role="tabpanel" aria-labelledby="hs-pro-tabs-dnn-item-all">
<div class="n95xd overflow-y-auto overflow-hidden xwpzv y0qzi pqw9h y1o7k dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<ul class="divide-y divide-stone-200 dark:divide-neutral-800">
<!-- List Item -->
<li class="relative group w-full flex p5sau w9dei mpc8d dark:bg-neutral-800 t0g73">
<div class="relative e731n">
<img class="e731n sc63t kghwt" src="https://images.unsplash.com/photo-1659482634023-2c4fda99ac0c?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar">
<span class="absolute ktrn1 -start-3 s4l24 d6wu5 kghwt dark:bg-green-500"></span>
</div>
<div class="hlt95">
<p class="xs2f2 ah4ps dark:text-neutral-500">
2 hours ago
</p>
<span class="block w4xo0 sikx1 jf8im dark:text-neutral-300">
Eilis Warner
</span>
<p class="w4xo0 ah4ps dark:text-neutral-500">
changed an issue from 'in Progress' to 'Review'
</p>
</div>
<div>
<div class="sm:group-hover:opacity-100 sm:opacity-0 sm:absolute go8xa whstg">
<!-- Segment Button Group -->
<div class="inline-block wix63 aqyoh rsdjd kvbsq pb094 hj07t whz4r ccbyv dark:bg-neutral-800 dark:border-neutral-700">
<div class="flex items-center">
<div class="hs-tooltip relative inline-block">
<button type="button" class="hs-tooltip-toggle qqwrg flex e731n jkwm1 items-center ah4ps xbaz9 k8lre m8zlk disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ujdnu dark:hover:bg-neutral-700 dark:text-neutral-400 dark:focus:bg-neutral-700">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 11 12 14 22 4"/><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"/></svg>
<svg class="e731n b9gop hidden" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M8 12h8"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute vajpp gbcuh od5va sfv8v qr5ct xs2f2 kew0r pb094 dark:bg-neutral-700" role="tooltip">
Mark this notification as read
</span>
</div>
<div class="hs-tooltip relative inline-block">
<button type="button" class="hs-tooltip-toggle qqwrg flex e731n jkwm1 items-center ah4ps xbaz9 k8lre m8zlk disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ujdnu dark:hover:bg-neutral-700 dark:text-neutral-400 dark:focus:bg-neutral-700">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute vajpp gbcuh od5va sfv8v qr5ct xs2f2 kew0r pb094 dark:bg-neutral-700" role="tooltip">
Archive this notification
</span>
</div>
</div>
</div>
<!-- End Segment Button Group -->
</div>
</div>
</li>
<!-- End List Item -->
<!-- List Item -->
<li class="relative group w-full flex p5sau w9dei t0g73">
<div class="relative e731n">
<span class="flex e731n jkwm1 items-center sc63t aqyoh rsdjd kvbsq ah4ps w4xo0 cnneu kghwt hj07t dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400">
C
</span>
</div>
<div class="hlt95">
<p class="xs2f2 ah4ps dark:text-neutral-500">
3 days ago
</p>
<span class="block w4xo0 sikx1 jf8im dark:text-neutral-300">
Clara Becker
</span>
<p class="w4xo0 ah4ps dark:text-neutral-500">
mentioned you in a cwxgf
</p>
<div class="ja90s">
<blockquote class="yuavq shbn0 kvbsq w4xo0 ah4ps dark:border-neutral-700 dark:text-neutral-400">
Nice work, love! You really nailed it. Keep it up!
</blockquote>
</div>
</div>
<div>
<div class="sm:group-hover:opacity-100 sm:opacity-0 sm:absolute go8xa whstg">
<!-- Segment Button Group -->
<div class="inline-block wix63 aqyoh rsdjd kvbsq pb094 hj07t whz4r ccbyv dark:bg-neutral-800 dark:border-neutral-700">
<div class="flex items-center">
<div class="hs-tooltip relative inline-block">
<button type="button" class="hs-tooltip-toggle qqwrg flex e731n jkwm1 items-center ah4ps xbaz9 k8lre m8zlk disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ujdnu dark:hover:bg-neutral-700 dark:text-neutral-400 dark:focus:bg-neutral-700">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 11 12 14 22 4"/><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"/></svg>
<svg class="e731n b9gop hidden" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M8 12h8"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute vajpp gbcuh od5va sfv8v qr5ct xs2f2 kew0r pb094 dark:bg-neutral-700" role="tooltip">
Mark this notification as read
</span>
</div>
<div class="hs-tooltip relative inline-block">
<button type="button" class="hs-tooltip-toggle qqwrg flex e731n jkwm1 items-center ah4ps xbaz9 k8lre m8zlk disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ujdnu dark:hover:bg-neutral-700 dark:text-neutral-400 dark:focus:bg-neutral-700">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute vajpp gbcuh od5va sfv8v qr5ct xs2f2 kew0r pb094 dark:bg-neutral-700" role="tooltip">
Archive this notification
</span>
</div>
</div>
</div>
<!-- End Segment Button Group -->
</div>
</div>
</li>
<!-- End List Item -->
<!-- List Item -->
<li class="relative group w-full flex p5sau w9dei t0g73">
<div class="relative e731n">
<span class="flex e731n jkwm1 items-center sc63t aqyoh rsdjd kvbsq ah4ps w4xo0 cnneu kghwt hj07t dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400">
P
</span>
</div>
<div class="hlt95">
<p class="xs2f2 ah4ps dark:text-neutral-500">
5 Jan 2023
</p>
<span class="block w4xo0 sikx1 jf8im dark:text-neutral-300">
New Update on Preline
</span>
<p class="w4xo0 ah4ps dark:text-neutral-500">
Add yourself to our new “Hire Page”. Let visitors know you’re open to freelance or full-time work.
</p>
<a class="ja90s rmzo7 inline-flex items-center rsdjd kvbsq er6t7 rqhfu tvbow focus:outline-hidden ujdnu dark:border-neutral-700 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<img class="zx3gt cldzd x1s1r pb094" src="https://images.unsplash.com/photo-1670272505340-d906d8d77d03?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2070&q=80" alt="Avatar">
<div class="hlt95 gdxvw fglch">
<p class="w4xo0 sikx1 jf8im dark:text-neutral-300">
Get hired!
</p>
<p class="inline-flex items-center n6i5x w4xo0 ah4ps dark:text-neutral-500">
Get started
<svg class="e731n b9gop whz4r resz6 group-hover:translate-x-1 group-focus:translate-x-1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg>
</p>
</div>
</a>
</div>
<div>
<div class="sm:group-hover:opacity-100 sm:opacity-0 sm:absolute go8xa whstg">
<!-- Segment Button Group -->
<div class="inline-block wix63 aqyoh rsdjd kvbsq pb094 hj07t whz4r ccbyv dark:bg-neutral-800 dark:border-neutral-700">
<div class="flex items-center">
<div class="hs-tooltip relative inline-block">
<button type="button" class="hs-tooltip-toggle qqwrg flex e731n jkwm1 items-center ah4ps xbaz9 k8lre m8zlk disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ujdnu dark:hover:bg-neutral-700 dark:text-neutral-400 dark:focus:bg-neutral-700">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 11 12 14 22 4"/><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"/></svg>
<svg class="e731n b9gop hidden" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M8 12h8"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute vajpp gbcuh od5va sfv8v qr5ct xs2f2 kew0r pb094 dark:bg-neutral-700" role="tooltip">
Mark this notification as read
</span>
</div>
<div class="hs-tooltip relative inline-block">
<button type="button" class="hs-tooltip-toggle qqwrg flex e731n jkwm1 items-center ah4ps xbaz9 k8lre m8zlk disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ujdnu dark:hover:bg-neutral-700 dark:text-neutral-400 dark:focus:bg-neutral-700">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute vajpp gbcuh od5va sfv8v qr5ct xs2f2 kew0r pb094 dark:bg-neutral-700" role="tooltip">
Archive this notification
</span>
</div>
</div>
</div>
<!-- End Segment Button Group -->
</div>
</div>
</li>
<!-- End List Item -->
<!-- List Item -->
<li class="relative group w-full flex p5sau w9dei t0g73">
<div class="relative e731n">
<span class="flex e731n jkwm1 items-center sc63t aqyoh rsdjd kvbsq ah4ps w4xo0 cnneu kghwt hj07t dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400">
P
</span>
</div>
<div class="hlt95">
<p class="xs2f2 ah4ps dark:text-neutral-500">
5 Jan 2023
</p>
<span class="block w4xo0 sikx1 jf8im dark:text-neutral-300">
We’re updating our Privacy Policy as of 10th January 2023.content
</span>
<p>
<a class="inline-flex items-center n6i5x w4xo0 jeww0 j3zsq f1348 sikx1 focus:outline-hidden ow4j6 dark:text-green-400 dark:hover:text-green-500" href="#">
Learn more
<svg class="e731n b9gop whz4r resz6 group-hover:translate-x-1 group-focus:translate-x-1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg>
</a>
</p>
</div>
<div>
<div class="sm:group-hover:opacity-100 sm:opacity-0 sm:absolute go8xa whstg">
<!-- Segment Button Group -->
<div class="inline-block wix63 aqyoh rsdjd kvbsq pb094 hj07t whz4r ccbyv dark:bg-neutral-800 dark:border-neutral-700">
<div class="flex items-center">
<div class="hs-tooltip relative inline-block">
<button type="button" class="hs-tooltip-toggle qqwrg flex e731n jkwm1 items-center ah4ps xbaz9 k8lre m8zlk disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ujdnu dark:hover:bg-neutral-700 dark:text-neutral-400 dark:focus:bg-neutral-700">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 11 12 14 22 4"/><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"/></svg>
<svg class="e731n b9gop hidden" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M8 12h8"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute vajpp gbcuh od5va sfv8v qr5ct xs2f2 kew0r pb094 dark:bg-neutral-700" role="tooltip">
Mark this notification as read
</span>
</div>
<div class="hs-tooltip relative inline-block">
<button type="button" class="hs-tooltip-toggle qqwrg flex e731n jkwm1 items-center ah4ps xbaz9 k8lre m8zlk disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ujdnu dark:hover:bg-neutral-700 dark:text-neutral-400 dark:focus:bg-neutral-700">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute vajpp gbcuh od5va sfv8v qr5ct xs2f2 kew0r pb094 dark:bg-neutral-700" role="tooltip">
Archive this notification
</span>
</div>
</div>
</div>
<!-- End Segment Button Group -->
</div>
</div>
</li>
<!-- End List Item -->
<!-- List Item -->
<li class="relative group w-full flex p5sau w9dei mpc8d dark:bg-neutral-800 t0g73">
<div class="relative e731n">
<img class="e731n sc63t kghwt" src="https://images.unsplash.com/photo-1614880353165-e56fac2ea9a8?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar">
<span class="absolute ktrn1 -start-3 s4l24 d6wu5 kghwt dark:bg-green-500"></span>
</div>
<div class="hlt95">
<p class="xs2f2 ah4ps dark:text-neutral-500">
31 Dec 2022
</p>
<span class="block w4xo0 sikx1 jf8im dark:text-neutral-300">
Rubia Walter
</span>
<p class="w4xo0 ah4ps dark:text-neutral-500">
Joined the Slack group HS Team
</p>
</div>
<div>
<div class="sm:group-hover:opacity-100 sm:opacity-0 sm:absolute go8xa whstg">
<!-- Segment Button Group -->
<div class="inline-block wix63 aqyoh rsdjd kvbsq pb094 hj07t whz4r ccbyv dark:bg-neutral-800 dark:border-neutral-700">
<div class="flex items-center">
<div class="hs-tooltip relative inline-block">
<button type="button" class="hs-tooltip-toggle qqwrg flex e731n jkwm1 items-center ah4ps xbaz9 k8lre m8zlk disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ujdnu dark:hover:bg-neutral-700 dark:text-neutral-400 dark:focus:bg-neutral-700">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 11 12 14 22 4"/><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"/></svg>
<svg class="e731n b9gop hidden" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M8 12h8"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute vajpp gbcuh od5va sfv8v qr5ct xs2f2 kew0r pb094 dark:bg-neutral-700" role="tooltip">
Mark this notification as read
</span>
</div>
<div class="hs-tooltip relative inline-block">
<button type="button" class="hs-tooltip-toggle qqwrg flex e731n jkwm1 items-center ah4ps xbaz9 k8lre m8zlk disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ujdnu dark:hover:bg-neutral-700 dark:text-neutral-400 dark:focus:bg-neutral-700">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute vajpp gbcuh od5va sfv8v qr5ct xs2f2 kew0r pb094 dark:bg-neutral-700" role="tooltip">
Archive this notification
</span>
</div>
</div>
</div>
<!-- End Segment Button Group -->
</div>
</div>
</li>
<!-- End List Item -->
</ul>
<!-- End List Group -->
</div>
<!-- Footer -->
<div class="dtief yfv61 kvbsq dark:border-neutral-800">
<a class="tbd2k flex jkwm1 items-center n9hej w4xo0 ah4ps sikx1 ic0n5 s5ku3 focus:outline-hidden i4yyh dark:text-neutral-400 dark:hover:text-neutral-300 dark:focus:text-neutral-300" href="../../docs/index.html">
Mark all as read
</a>
</div>
<!-- End Footer -->
</div>
<!-- End Tab Content -->
<!-- Tab Content -->
<div id="hs-pro-tabs-dnn-archived" class="hidden" role="tabpanel" aria-labelledby="hs-pro-tabs-dnn-item-archived">
<!-- Empty State -->
<div class="t0g73 msvgn flex flex-col jkwm1 items-center dtief">
<svg class="c1nm7 mx-auto ki2kd" width="178" height="90" viewBox="0 0 178 90" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="27" y="50.5" width="124" height="39" rx="7.5" fill="currentColor" class="sveog dark:fill-neutral-800"/>
<rect x="27" y="50.5" width="124" height="39" rx="7.5" stroke="currentColor" class="uq4g4 dark:stroke-neutral-700/10"/>
<rect x="34.5" y="58" width="24" height="24" rx="4" fill="currentColor" class="gqidy dark:fill-neutral-700/30"/>
<rect x="66.5" y="61" width="60" height="6" rx="3" fill="currentColor" class="gqidy dark:fill-neutral-700/30"/>
<rect x="66.5" y="73" width="77" height="6" rx="3" fill="currentColor" class="gqidy dark:fill-neutral-700/30"/>
<rect x="19.5" y="28.5" width="139" height="39" rx="7.5" fill="currentColor" class="sveog dark:fill-neutral-800"/>
<rect x="19.5" y="28.5" width="139" height="39" rx="7.5" stroke="currentColor" class="qzips dark:stroke-neutral-700/30"/>
<rect x="27" y="36" width="24" height="24" rx="4" fill="currentColor" class="hrkci dark:fill-neutral-700/70"/>
<rect x="59" y="39" width="60" height="6" rx="3" fill="currentColor" class="hrkci dark:fill-neutral-700/70"/>
<rect x="59" y="51" width="92" height="6" rx="3" fill="currentColor" class="hrkci dark:fill-neutral-700/70"/>
<g filter="url(#filter3)">
<rect x="12" y="6" width="154" height="40" rx="8" fill="currentColor" class="sveog dark:fill-neutral-800" shape-rendering="crispEdges"/>
<rect x="12.5" y="6.5" width="153" height="39" rx="7.5" stroke="currentColor" class="qzips dark:stroke-neutral-700/60" shape-rendering="crispEdges"/>
<rect x="20" y="14" width="24" height="24" rx="4" fill="currentColor" class="m2hkj dark:fill-neutral-700 "/>
<rect x="52" y="17" width="60" height="6" rx="3" fill="currentColor" class="m2hkj dark:fill-neutral-700"/>
<rect x="52" y="29" width="106" height="6" rx="3" fill="currentColor" class="m2hkj dark:fill-neutral-700"/>
</g>
<defs>
<filter id="filter3" x="0" y="0" width="178" height="64" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="6"/>
<feGaussianBlur stdDeviation="6"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1187_14810"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1187_14810" result="shape"/>
</filter>
</defs>
</svg>
<div class="zwrfi mx-auto">
<p class="ja90s sikx1 jf8im dark:text-neutral-200">
No archived notifications
</p>
<p class="r4xgm w4xo0 ah4ps dark:text-neutral-500">
No data here yet. We will notify you when there's an update.
</p>
</div>
<a class="s53ws f2l40 inline-flex items-center n9hej w4xo0 sikx1 pb094 rsdjd kvbsq aqyoh jf8im hj07t rqhfu disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden xsnbo dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
Notifications settings
</a>
</div>
<!-- End Empty State -->
</div>
<!-- End Tab Content -->
</div>
</div>
<!-- End Notifications Dropdown -->
</div>
<div class="hidden sm:block c1j8w kvbsq adwno e6lxl dark:border-neutral-700"></div>
<div class="r44ox">
<!-- Account -->
<div class="hs-dropdown [--placement:top-right] [--strategy:absolute] [--auto-close:inside] relative inline-flex">
<button id="hs-pro-dnad" type="button" class="inline-flex e731n items-center b1nd2 w9dei jf8im kghwt hk271 focus:outline-hidden cb563 dark:text-neutral-200 dark:hover:text-neutral-400 dark:focus:text-neutral-400" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<img class="e731n sc63t yav26 kghwt" src="https://images.unsplash.com/photo-1659482633369-9fe69af50bfb?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar">
<!-- <span class="flex flex-col jkwm1 items-center sc63t yav26 aqyoh rsdjd kvbsq ah4ps kghwt hj07t dark:bg-neutral-950 dark:border-neutral-800 dark:text-neutral-400">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m2 7 4.41-4.41A2 2 0 0 1 7.83 2h8.34a2 2 0 0 1 1.42.59L22 7"/><path d="M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8"/><path d="M15 22v-4a2 2 0 0 0-2-2h-2a2 2 0 0 0-2 2v4"/><path d="M2 7h20"/><path d="M22 7v3a2 2 0 0 1-2 2v0a2.7 2.7 0 0 1-1.59-.63.7.7 0 0 0-.82 0A2.7 2.7 0 0 1 16 12a2.7 2.7 0 0 1-1.59-.63.7.7 0 0 0-.82 0A2.7 2.7 0 0 1 12 12a2.7 2.7 0 0 1-1.59-.63.7.7 0 0 0-.82 0A2.7 2.7 0 0 1 8 12a2.7 2.7 0 0 1-1.59-.63.7.7 0 0 0-.82 0A2.7 2.7 0 0 1 4 12v0a2 2 0 0 1-2-2V7"/></svg>
</span> -->
<span class="hlt95 hidden lg:block">
<span class="w4xo0 sikx1">
James Collison
</span>
</span>
</button>
<!-- Account Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 srycj transition-[opacity,margin] duration opacity-0 hidden gbcuh aqyoh er6t7 gmg3v dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-dnad">
<div class="vyel6">
<a class="flex items-center vyfcq s53ws f2l40 pb094 w4xo0 jf8im xbaz9 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ujdnu dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="e731n eyzz7 b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="14" x="2" y="5" rx="2"/><line x1="2" x2="22" y1="10" y2="10"/></svg>
Billing
</a>
<a class="flex items-center vyfcq s53ws f2l40 pb094 w4xo0 jf8im xbaz9 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ujdnu dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" ><path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"/><circle cx="12" cy="12" r="3"/></svg>
Settings
</a>
<a class="flex items-center vyfcq s53ws f2l40 pb094 w4xo0 jf8im xbaz9 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ujdnu dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="e731n eyzz7 b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>
My account
</a>
</div>
<div class="ns57r tcy4x h5xf1 kvbsq dark:border-neutral-800">
<!-- Switch/Toggle -->
<div class="flex flex-wrap ox2cl items-center o4ndh">
<label for="@@darkmodeID" class="flex-1 cursor-pointer w4xo0 jf8im dark:text-neutral-300">Dark mode</label>
<label for="@@darkmodeID" class="relative inline-block wy2b0 g0uux cursor-pointer">
<input data-hs-theme-switch type="checkbox" id="@@darkmodeID" class="peer et50x">
<span class="absolute inset-0 uq4dw kghwt ao9tn ey6m2 resz6 peer-checked:bg-green-600 dark:bg-neutral-700 dark:peer-checked:bg-green-500 peer-disabled:opacity-50 peer-disabled:pointer-events-none"></span>
<span class="absolute zoyba dpiq6 -translate-y-1/2 yhc35 aqyoh kghwt m26rp mheoi ey6m2 resz6 peer-checked:translate-x-full dark:bg-neutral-400 dark:peer-checked:bg-white"></span>
</label>
</div>
<!-- End Switch/Toggle -->
</div>
<div class="vyel6">
<a class="flex items-center vyfcq s53ws f2l40 pb094 w4xo0 jf8im xbaz9 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ujdnu dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
Customization
<div class="ms-auto">
<span class="ms-auto inline-flex items-center m4ww2 a3ame a6bs9 m8zlk s91e0 bxktg sikx1 mpc8d jf8im dark:bg-neutral-700 dark:text-neutral-300">
New
</span>
</div>
</a>
<a class="flex items-center vyfcq s53ws f2l40 pb094 w4xo0 jf8im xbaz9 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ujdnu dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
Manage team
</a>
<a class="flex items-center vyfcq s53ws f2l40 pb094 w4xo0 jf8im xbaz9 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ujdnu dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
Sign out
</a>
</div>
<div class="vyel6 yfv61 kvbsq dark:border-neutral-800">
<button type="button" class="flex eyzz7 vyfcq s53ws f2l40 w-full pb094 w4xo0 jf8im xbaz9 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ujdnu dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-dasadam">
<svg class="e731n b9gop eyzz7" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M8 12h8"/><path d="M12 8v8"/></svg>
Add team account
</button>
</div>
</div>
<!-- End Account Dropdown -->
</div>
<!-- End Account -->
</div>
</div>
</div>
</nav>
<nav class="relative aqyoh fazzp kvbsq dark:bg-neutral-800 dark:border-neutral-700">
<div class="ehc3u flex flex-wrap ox2cl o4ndh ygsjd items-center w-full mx-auto ui4k5 fglch xf1r4 ids43">
<!-- Nav Links -->
<div class="ygsjd hlt95 lg:basis-auto l5zoz">
<!-- Collapse -->
<div id="hs-pro-emh" class="hs-collapse hidden overflow-hidden fl36v ufjzp lg:block" aria-labelledby="hs-pro-emh-collapse">
<div class="overflow-hidden overflow-y-auto o0k2v xwpzv y0qzi pqw9h y1o7k dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<div class="lg:flex lg:items-center t94dv s53ws v0xpa space-y-1 lg:space-y-0">
<!-- Link -->
<a class="flex vyfcq p2k4x s53ws f2l40 w-full lg:w-auto items-center w4xo0 w9dei jf8im pb094 xbaz9 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ujdnu dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 mpc8d bz016 dark:bg-neutral-700 dark:focus:bg-neutral-600 " href="../../pro/ecommerce/index.html">
<svg class="lg:hidden e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z"/><path d="M3 6h18"/><path d="M16 10a4 4 0 0 1-8 0"/></svg>
Overview
</a>
<!-- End Link -->
<!-- Dropdown Link -->
<div class="hs-dropdown [--strategy:static] lg:[--strategy:fixed] [--adaptive:none] lg:[--adaptive:adaptive] lg:[--trigger:hover] lg:inline-block">
<!-- Link -->
<button id="hs-pro-enlpd" type="button" class="hs-dropdown-toggle flex vyfcq p2k4x s53ws f2l40 w-full lg:w-auto items-center w4xo0 w9dei jf8im pb094 xbaz9 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ujdnu dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 " aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<svg class="lg:hidden e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 9h18v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V9Z"/><path d="m3 9 2.45-4.9A2 2 0 0 1 7.24 3h9.52a2 2 0 0 1 1.8 1.1L21 9"/><path d="M12 3v6"/></svg>
Products
<svg class="hs-dropdown-open:-rotate-180 lg:hs-dropdown-open:rotate-0 ufjzp ms-auto thsy7 e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" 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"/></svg>
</button>
<!-- End Link -->
<!-- Dropdown Menu -->
<div class="hs-dropdown-menu transition-[opacity,margin] duration-[0.1ms] lg:duration-[150ms] hs-dropdown-open:opacity-100 opacity-0 relative w-full tqvwp hidden wzd7f top-full aqyoh xv7me azxuo ayjuk rsa50 xt4yn before:absolute before:-top-4 before:start-0 before:w-full before:h-5 lg:after:hidden after:absolute after:top-1 after:start-4.5 after:w-0.5 after:h-[calc(100%-4px)] after:bg-stone-100 dark:bg-neutral-800 dark:shadow-neutral-900 dark:after:bg-neutral-700" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-enlpd">
<div class="vyel6 space-y-0.5">
<!-- Link -->
<a class="group s53ws f2l40 flex items-center vyfcq w4xo0 jf8im xbaz9 focus:outline-hidden ujdnu pb094 dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 " href="../../pro/ecommerce/products.html">
Overview
</a>
<!-- End Link -->
<!-- Link -->
<a class="group s53ws f2l40 flex items-center vyfcq w4xo0 jf8im xbaz9 focus:outline-hidden ujdnu pb094 dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 " href="../../pro/ecommerce/product-details.html">
Product Details
</a>
<!-- End Link -->
<!-- Link -->
<a class="group s53ws f2l40 flex items-center vyfcq w4xo0 jf8im xbaz9 focus:outline-hidden ujdnu pb094 dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 " href="../../pro/ecommerce/add-product.html">
Add Product
</a>
<!-- End Link -->
</div>
</div>
<!-- End Dropdown Menu -->
</div>
<!-- End Dropdown Link -->
<!-- Dropdown Link -->
<div class="hs-dropdown [--strategy:static] lg:[--strategy:fixed] [--adaptive:none] lg:[--adaptive:adaptive] lg:[--trigger:hover] lg:inline-block">
<!-- Link -->
<button id="hs-pro-enlod" type="button" class="hs-dropdown-toggle flex vyfcq p2k4x s53ws f2l40 w-full lg:w-auto items-center w4xo0 w9dei jf8im pb094 xbaz9 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ujdnu dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 " aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<svg class="lg:hidden e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14.5 22H18a2 2 0 0 0 2-2V7.5L14.5 2H6a2 2 0 0 0-2 2v4"/><polyline points="14 2 14 8 20 8"/><path d="M2.97 13.12c-.6.36-.97 1.02-.97 1.74v3.28c0 .72.37 1.38.97 1.74l3 1.83c.63.39 1.43.39 2.06 0l3-1.83c.6-.36.97-1.02.97-1.74v-3.28c0-.72-.37-1.38-.97-1.74l-3-1.83a1.97 1.97 0 0 0-2.06 0l-3 1.83Z"/><path d="m7 17-4.74-2.85"/><path d="m7 17 4.74-2.85"/><path d="M7 17v5"/></svg>
Orders <span class="vf29a jxswk inline-flex items-center b1nd2 xs2f2 sikx1 o3hgi joxb1 kghwt dark:bg-green-500/10 dark:text-green-500">+1</span>
<svg class="hs-dropdown-open:-rotate-180 lg:hs-dropdown-open:rotate-0 ufjzp ms-auto thsy7 e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" 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"/></svg>
</button>
<!-- End Link -->
<!-- Dropdown Menu -->
<div class="hs-dropdown-menu transition-[opacity,margin] duration-[0.1ms] lg:duration-[150ms] hs-dropdown-open:opacity-100 opacity-0 relative w-full tqvwp hidden wzd7f top-full aqyoh xv7me azxuo ayjuk rsa50 xt4yn before:absolute before:-top-4 before:start-0 before:w-full before:h-5 lg:after:hidden after:absolute after:top-1 after:start-4.5 after:w-0.5 after:h-[calc(100%-4px)] after:bg-stone-100 dark:bg-neutral-800 dark:shadow-neutral-900 dark:after:bg-neutral-700" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-enlod">
<div class="vyel6 space-y-0.5">
<!-- Link -->
<a class="group s53ws f2l40 flex items-center vyfcq w4xo0 jf8im xbaz9 focus:outline-hidden ujdnu pb094 dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 " href="../../pro/ecommerce/orders.html">
Overview
</a>
<!-- End Link -->
<!-- Link -->
<a class="group s53ws f2l40 flex items-center vyfcq w4xo0 jf8im xbaz9 focus:outline-hidden ujdnu pb094 dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 " href="../../pro/ecommerce/purchase-orders.html">
Purchase Orders <span class="vf29a jxswk inline-flex items-center b1nd2 xs2f2 sikx1 o3hgi joxb1 kghwt dark:bg-green-500/10 dark:text-green-500">New</span>
</a>
<!-- End Link -->
<!-- Link -->
<a class="group s53ws f2l40 flex items-center vyfcq w4xo0 jf8im xbaz9 focus:outline-hidden ujdnu pb094 dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 " href="../../pro/ecommerce/order-details.html">
Order Details
</a>
<!-- End Link -->
</div>
</div>
<!-- End Dropdown Menu -->
</div>
<!-- End Dropdown Link -->
<!-- Link -->
<a class="flex vyfcq p2k4x s53ws f2l40 w-full lg:w-auto items-center w4xo0 w9dei jf8im pb094 xbaz9 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ujdnu dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 " href="../../pro/ecommerce/referrals.html">
<svg class="lg:hidden e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m16 3 4 4-4 4"/><path d="M20 7H4"/><path d="m8 21-4-4 4-4"/><path d="M4 17h16"/></svg>
Referrals
</a>
<!-- End Link -->
<!-- Link -->
<a class="flex vyfcq p2k4x s53ws f2l40 w-full lg:w-auto items-center w4xo0 w9dei jf8im pb094 xbaz9 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ujdnu dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 " href="../../pro/ecommerce/reviews.html">
<svg class="lg:hidden e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
Reviews
</a>
<!-- End Link -->
<!-- Link -->
<a class="flex vyfcq p2k4x s53ws f2l40 w-full lg:w-auto items-center w4xo0 w9dei jf8im pb094 xbaz9 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ujdnu dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 " href="../../pro/ecommerce/discounts.html">
<svg class="lg:hidden e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"/><path d="m15 9-6 6"/><path d="M9 9h.01"/><path d="M15 15h.01"/></svg>
Discounts
</a>
<!-- End Link -->
<!-- Dropdown Link -->
<div class="hs-dropdown [--strategy:static] lg:[--strategy:fixed] [--adaptive:none] lg:[--adaptive:adaptive] lg:[--trigger:hover] lg:inline-block">
<!-- Link -->
<button id="hs-pro-enlst" type="button" class="hs-dropdown-toggle flex vyfcq p2k4x s53ws f2l40 w-full lg:w-auto items-center w4xo0 w9dei jf8im pb094 xbaz9 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ujdnu dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 " aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<svg class="lg:hidden e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m2 7 4.41-4.41A2 2 0 0 1 7.83 2h8.34a2 2 0 0 1 1.42.59L22 7"/><path d="M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8"/><path d="M15 22v-4a2 2 0 0 0-2-2h-2a2 2 0 0 0-2 2v4"/><path d="M2 7h20"/><path d="M22 7v3a2 2 0 0 1-2 2v0a2.7 2.7 0 0 1-1.59-.63.7.7 0 0 0-.82 0A2.7 2.7 0 0 1 16 12a2.7 2.7 0 0 1-1.59-.63.7.7 0 0 0-.82 0A2.7 2.7 0 0 1 12 12a2.7 2.7 0 0 1-1.59-.63.7.7 0 0 0-.82 0A2.7 2.7 0 0 1 8 12a2.7 2.7 0 0 1-1.59-.63.7.7 0 0 0-.82 0A2.7 2.7 0 0 1 4 12v0a2 2 0 0 1-2-2V7"/></svg>
Store
<svg class="hs-dropdown-open:-rotate-180 lg:hs-dropdown-open:rotate-0 ufjzp ms-auto thsy7 e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" 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"/></svg>
</button>
<!-- End Link -->
<!-- Dropdown Menu -->
<div class="hs-dropdown-menu transition-[opacity,margin] duration-[0.1ms] lg:duration-[150ms] hs-dropdown-open:opacity-100 opacity-0 relative w-full tqvwp hidden wzd7f top-full aqyoh xv7me azxuo ayjuk rsa50 xt4yn before:absolute before:-top-4 before:start-0 before:w-full before:h-5 lg:after:hidden after:absolute after:top-1 after:start-4.5 after:w-0.5 after:h-[calc(100%-4px)] after:bg-stone-100 dark:bg-neutral-800 dark:shadow-neutral-900 dark:after:bg-neutral-700" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-enlst">
<div class="vyel6 space-y-0.5">
<!-- Link -->
<a class="group s53ws f2l40 flex items-center vyfcq w4xo0 jf8im xbaz9 focus:outline-hidden ujdnu pb094 dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 " href="../../pro/ecommerce/store.html">
Overview
</a>
<!-- End Link -->
<!-- Link -->
<a class="group s53ws f2l40 flex items-center vyfcq w4xo0 jf8im xbaz9 focus:outline-hidden ujdnu pb094 dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 " href="../../pro/ecommerce/payouts.html">
Payouts
</a>
<!-- End Link -->
</div>
</div>
<!-- End Dropdown Menu -->
</div>
<!-- End Dropdown Link -->
<!-- Link -->
<a class="flex vyfcq p2k4x s53ws f2l40 w-full lg:w-auto items-center w4xo0 w9dei jf8im pb094 xbaz9 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ujdnu dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 " href="../../pro/ecommerce/search.html">
<svg class="lg:hidden e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 6H3"/><path d="M10 12H3"/><path d="M10 18H3"/><circle cx="17" cy="15" r="3"/><path d="m21 19-1.9-1.9"/></svg>
Search <span class="vf29a jxswk inline-flex items-center b1nd2 xs2f2 sikx1 o3hgi joxb1 kghwt dark:bg-green-500/10 dark:text-green-500">New</span>
</a>
<!-- End Link -->
<!-- Link -->
<a class="flex vyfcq p2k4x s53ws f2l40 w-full lg:w-auto items-center w4xo0 w9dei jf8im pb094 xbaz9 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ujdnu dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 " href="../../pro/ecommerce/empty-states.html">
<svg class="lg:hidden e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"/><path d="M14 2v4a2 2 0 0 0 2 2h4"/></svg>
Empty States
</a>
<!-- End Link -->
</div>
</div>
</div>
<!-- End Collapse -->
</div>
<!-- End Nav Links -->
<div class="hidden lg:block">
<!-- Project Dropdown -->
<div class="hs-dropdown [--auto-close:inside] [--placement:top-right] relative flex">
<!-- Project Button -->
<button id="hs-pro-dnwpd" type="button" class="inline-flex items-center w9dei w4xo0 sikx1 jf8im gpv41 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden gm5kq dark:text-white dark:focus:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<svg class="e731n yhc35 ygyuk" width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M32.8875 15.3054C32.9242 16.2093 32.8209 17.1099 32.5811 17.9792C32.3447 18.8486 31.9716 19.6695 31.4787 20.4141C30.989 21.1593 30.3861 21.8167 29.6935 22.3607L29.6769 22.3745L23.019 27.563L19.7451 30.1433L17.7501 31.7089C17.6335 31.8024 17.5036 31.8716 17.3671 31.9201C17.2305 31.9686 17.084 31.9929 16.9374 31.9929C16.7942 31.9929 16.6477 31.9686 16.5111 31.9201C16.3745 31.8716 16.2447 31.8024 16.1281 31.7089L14.1331 30.1433L10.8591 27.563L4.24125 22.4057L4.20129 22.378L4.18796 22.3641C3.49187 21.8203 2.88904 21.1623 2.39611 20.4176C1.90319 19.6729 1.53016 18.8486 1.29036 17.9792C1.05056 17.1099 0.947313 16.2059 0.98395 15.3019C1.02392 14.3979 1.20044 13.5078 1.51018 12.6626L1.55348 12.5414L5.90654 0.747936C5.92875 0.69021 5.95539 0.634792 5.98648 0.581684C6.01534 0.528576 6.04976 0.478931 6.08972 0.43275C6.12747 0.38426 6.16855 0.339234 6.21295 0.297671C6.25736 0.258417 6.30399 0.221472 6.35284 0.186836C6.45609 0.121028 6.56267 0.0725381 6.67924 0.0448295C6.79248 0.0136573 6.91238 -0.000196993 7.02895 0.00673016C7.14885 0.0136573 7.26542 0.0379024 7.37533 0.0829289C7.48524 0.124492 7.59181 0.186836 7.68507 0.263035C7.72948 0.302289 7.77278 0.343852 7.81496 0.387724C7.85493 0.433905 7.89046 0.483549 7.92154 0.536658C7.95485 0.587457 7.98371 0.641719 8.00814 0.699446C8.03256 0.754863 8.05254 0.812589 8.06809 0.872625L11.0023 10.2139H22.8792L25.8134 0.872625C25.8289 0.812589 25.85 0.754863 25.8767 0.699446C25.9011 0.644029 25.93 0.589766 25.9633 0.536658C25.9944 0.485858 26.0299 0.437368 26.0699 0.391187C26.1098 0.345006 26.1531 0.302289 26.1997 0.263035C26.293 0.186836 26.3962 0.127955 26.5062 0.0829289C26.6194 0.0413659 26.736 0.0171209 26.8525 0.0101937C26.9724 0.00326659 27.089 0.0136573 27.2056 0.0448295C27.3188 0.0760017 27.4287 0.124492 27.5286 0.1903C27.5797 0.222627 27.6275 0.259571 27.6719 0.301134C27.7163 0.340388 27.7573 0.38426 27.7951 0.43275C27.8328 0.48124 27.8673 0.532039 27.8983 0.585148C27.9272 0.638256 27.9527 0.693673 27.9749 0.751399L32.3213 12.5483L32.3646 12.6696C32.6744 13.5112 32.8509 14.4014 32.8875 15.3054Z" fill="#E24329"/>
<path d="M32.8909 15.309C32.9275 16.2095 32.8243 17.1135 32.5845 17.9829C32.3447 18.8523 31.9717 19.6766 31.4787 20.4213C30.9858 21.1659 30.383 21.824 29.6902 22.3678L29.6736 22.3816L23.0157 27.5701C23.0157 27.5701 20.1881 25.3499 16.9374 22.7903L26.4795 15.2813C26.9092 14.9453 27.3588 14.6371 27.8218 14.3531C28.2847 14.0656 28.7643 13.8093 29.2539 13.5807C29.7468 13.3521 30.2498 13.1477 30.7593 12.978C31.2722 12.8049 31.7918 12.6628 32.3214 12.5485L32.3647 12.6698C32.6744 13.5149 32.8509 14.405 32.8909 15.309Z" fill="#FC6D26"/>
<path d="M16.9374 22.7903C20.1881 25.343 23.0191 27.5701 23.0191 27.5701L19.7451 30.1504L17.7501 31.716C17.6335 31.8095 17.5036 31.8788 17.3671 31.9273C17.2305 31.9758 17.084 32 16.9374 32C16.7942 32 16.6477 31.9758 16.5111 31.9273C16.3746 31.8788 16.2447 31.8095 16.1281 31.716L14.1331 30.1504L10.8591 27.5701C10.8591 27.5701 13.6868 25.343 16.9374 22.7903Z" fill="#FCA326"/>
<path d="M16.9374 22.7834C13.6834 25.343 10.8591 27.5632 10.8591 27.5632L4.24125 22.4059L4.20129 22.3782L4.18796 22.3643C3.49187 21.8205 2.88904 21.1625 2.39611 20.4178C1.90319 19.6731 1.53016 18.8488 1.29036 17.9794C1.05056 17.1101 0.947313 16.2061 0.98395 15.3021C1.02392 14.3981 1.20044 13.508 1.51018 12.6628L1.55348 12.5416C2.08304 12.6559 2.60261 12.7979 3.11552 12.9711C3.6251 13.1443 4.12801 13.3452 4.62094 13.5772C5.11053 13.8058 5.59014 14.0656 6.05309 14.3496C6.51604 14.6336 6.96233 14.9453 7.39531 15.2813L16.9374 22.7834Z" fill="#FC6D26"/>
</svg>
Gitlab_Store
<svg class="e731n b9gop rbr78" xmlns="http://www.w3.org/2000/svg" width="24" height="24" 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"/></svg>
</button>
<!-- End Project Button -->
<!-- Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 srycj transition-[opacity,margin] duration opacity-0 hidden gbcuh aqyoh er6t7 gmg3v dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-dnwpd">
<div class="vyel6 space-y-0.5">
<!-- Item -->
<a class="s53ws f2l40 block w-full w9dei mpc8d pb094 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ujdnu dark:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<div class="flex items-center n9hej">
<svg class="e731n yhc35 ah4ps dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
<path d="M7 2a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zM7 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zM7 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm-3 3a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm-3 3a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"/>
</svg>
<svg class="e731n qqwrg" width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M32.8875 15.3054C32.9242 16.2093 32.8209 17.1099 32.5811 17.9792C32.3447 18.8486 31.9716 19.6695 31.4787 20.4141C30.989 21.1593 30.3861 21.8167 29.6935 22.3607L29.6769 22.3745L23.019 27.563L19.7451 30.1433L17.7501 31.7089C17.6335 31.8024 17.5036 31.8716 17.3671 31.9201C17.2305 31.9686 17.084 31.9929 16.9374 31.9929C16.7942 31.9929 16.6477 31.9686 16.5111 31.9201C16.3745 31.8716 16.2447 31.8024 16.1281 31.7089L14.1331 30.1433L10.8591 27.563L4.24125 22.4057L4.20129 22.378L4.18796 22.3641C3.49187 21.8203 2.88904 21.1623 2.39611 20.4176C1.90319 19.6729 1.53016 18.8486 1.29036 17.9792C1.05056 17.1099 0.947313 16.2059 0.98395 15.3019C1.02392 14.3979 1.20044 13.5078 1.51018 12.6626L1.55348 12.5414L5.90654 0.747936C5.92875 0.69021 5.95539 0.634792 5.98648 0.581684C6.01534 0.528576 6.04976 0.478931 6.08972 0.43275C6.12747 0.38426 6.16855 0.339234 6.21295 0.297671C6.25736 0.258417 6.30399 0.221472 6.35284 0.186836C6.45609 0.121028 6.56267 0.0725381 6.67924 0.0448295C6.79248 0.0136573 6.91238 -0.000196993 7.02895 0.00673016C7.14885 0.0136573 7.26542 0.0379024 7.37533 0.0829289C7.48524 0.124492 7.59181 0.186836 7.68507 0.263035C7.72948 0.302289 7.77278 0.343852 7.81496 0.387724C7.85493 0.433905 7.89046 0.483549 7.92154 0.536658C7.95485 0.587457 7.98371 0.641719 8.00814 0.699446C8.03256 0.754863 8.05254 0.812589 8.06809 0.872625L11.0023 10.2139H22.8792L25.8134 0.872625C25.8289 0.812589 25.85 0.754863 25.8767 0.699446C25.9011 0.644029 25.93 0.589766 25.9633 0.536658C25.9944 0.485858 26.0299 0.437368 26.0699 0.391187C26.1098 0.345006 26.1531 0.302289 26.1997 0.263035C26.293 0.186836 26.3962 0.127955 26.5062 0.0829289C26.6194 0.0413659 26.736 0.0171209 26.8525 0.0101937C26.9724 0.00326659 27.089 0.0136573 27.2056 0.0448295C27.3188 0.0760017 27.4287 0.124492 27.5286 0.1903C27.5797 0.222627 27.6275 0.259571 27.6719 0.301134C27.7163 0.340388 27.7573 0.38426 27.7951 0.43275C27.8328 0.48124 27.8673 0.532039 27.8983 0.585148C27.9272 0.638256 27.9527 0.693673 27.9749 0.751399L32.3213 12.5483L32.3646 12.6696C32.6744 13.5112 32.8509 14.4014 32.8875 15.3054Z" fill="#E24329"/>
<path d="M32.8909 15.309C32.9275 16.2095 32.8243 17.1135 32.5845 17.9829C32.3447 18.8523 31.9717 19.6766 31.4787 20.4213C30.9858 21.1659 30.383 21.824 29.6902 22.3678L29.6736 22.3816L23.0157 27.5701C23.0157 27.5701 20.1881 25.3499 16.9374 22.7903L26.4795 15.2813C26.9092 14.9453 27.3588 14.6371 27.8218 14.3531C28.2847 14.0656 28.7643 13.8093 29.2539 13.5807C29.7468 13.3521 30.2498 13.1477 30.7593 12.978C31.2722 12.8049 31.7918 12.6628 32.3214 12.5485L32.3647 12.6698C32.6744 13.5149 32.8509 14.405 32.8909 15.309Z" fill="#FC6D26"/>
<path d="M16.9374 22.7903C20.1881 25.343 23.0191 27.5701 23.0191 27.5701L19.7451 30.1504L17.7501 31.716C17.6335 31.8095 17.5036 31.8788 17.3671 31.9273C17.2305 31.9758 17.084 32 16.9374 32C16.7942 32 16.6477 31.9758 16.5111 31.9273C16.3746 31.8788 16.2447 31.8095 16.1281 31.716L14.1331 30.1504L10.8591 27.5701C10.8591 27.5701 13.6868 25.343 16.9374 22.7903Z" fill="#FCA326"/>
<path d="M16.9374 22.7834C13.6834 25.343 10.8591 27.5632 10.8591 27.5632L4.24125 22.4059L4.20129 22.3782L4.18796 22.3643C3.49187 21.8205 2.88904 21.1625 2.39611 20.4178C1.90319 19.6731 1.53016 18.8488 1.29036 17.9794C1.05056 17.1101 0.947313 16.2061 0.98395 15.3021C1.02392 14.3981 1.20044 13.508 1.51018 12.6628L1.55348 12.5416C2.08304 12.6559 2.60261 12.7979 3.11552 12.9711C3.6251 13.1443 4.12801 13.3452 4.62094 13.5772C5.11053 13.8058 5.59014 14.0656 6.05309 14.3496C6.51604 14.6336 6.96233 14.9453 7.39531 15.2813L16.9374 22.7834Z" fill="#FC6D26"/>
</svg>
<div class="hlt95">
<p class="w4xo0 sikx1 jf8im dark:text-neutral-200">
Gitlab_Store
</p>
<p class="xs2f2 ah4ps dark:text-neutral-500">
gitlab.com
</p>
</div>
<div class="ms-auto eqzx0">
<svg class="e731n b9gop jf8im dark:text-neutral-200" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
</div>
</div>
</a>
<!-- End Item -->
<!-- Item -->
<a class="s53ws f2l40 block w-full w9dei pb094 xbaz9 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ujdnu dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<div class="flex items-center n9hej">
<svg class="e731n yhc35 ah4ps dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
<path d="M7 2a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zM7 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zM7 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm-3 3a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm-3 3a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"/>
</svg>
<svg class="e731n qqwrg" width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M27.462 6.28384C27.44 6.12384 27.2998 6.03529 27.184 6.02554C27.0684 6.01589 24.6215 5.83452 24.6215 5.83452C24.6215 5.83452 22.9221 4.1474 22.7355 3.96066C22.5489 3.77403 22.1844 3.8308 22.0429 3.87244C22.0221 3.87858 21.6716 3.98674 21.0919 4.16614C20.5243 2.53261 19.5224 1.03145 17.7599 1.03145C17.7112 1.03145 17.6611 1.03343 17.611 1.03628C17.1098 0.373373 16.4889 0.0853729 15.9525 0.0853729C11.8468 0.0853729 9.88524 5.21798 9.27023 7.82619C7.67483 8.32055 6.54146 8.672 6.39669 8.71748C5.50617 8.99682 5.47801 9.02488 5.36108 9.864C5.27308 10.4993 2.94299 28.5189 2.94299 28.5189L21.0995 31.9208L30.9373 29.7925C30.9373 29.7925 27.4837 6.44384 27.462 6.28384ZM20.0884 4.4765L18.5521 4.952C18.5526 4.84373 18.5532 4.73721 18.5532 4.62072C18.5532 3.60548 18.4123 2.78806 18.1862 2.14006C19.0943 2.25403 19.6992 3.28735 20.0884 4.4765ZM17.0596 2.34137C17.3121 2.97403 17.4763 3.88198 17.4763 5.10718C17.4763 5.16987 17.4757 5.22718 17.4752 5.28515C16.476 5.59463 15.3903 5.93063 14.3022 6.26773C14.9132 3.90981 16.0584 2.77096 17.0596 2.34137ZM15.8398 1.18663C16.017 1.18663 16.1955 1.2468 16.3663 1.36439C15.0505 1.98356 13.6401 3.54302 13.0445 6.65721L10.5364 7.43398C11.2341 5.05863 12.8907 1.18663 15.8398 1.18663Z" fill="#95BF46"/>
<path d="M27.184 6.02553C27.0684 6.01589 24.6215 5.83452 24.6215 5.83452C24.6215 5.83452 22.9221 4.1474 22.7356 3.96066C22.6658 3.89118 22.5716 3.85556 22.4732 3.84022L21.1004 31.9205L30.9373 29.7925C30.9373 29.7925 27.4837 6.44383 27.462 6.28383C27.44 6.12383 27.2999 6.03529 27.184 6.02553Z" fill="#5E8E3E"/>
<path d="M17.7599 11.4614L16.5469 15.0697C16.5469 15.0697 15.4841 14.5025 14.1813 14.5025C12.2714 14.5025 12.1753 15.701 12.1753 16.0031C12.1753 17.6511 16.4711 18.2825 16.4711 22.1427C16.4711 25.1797 14.5449 27.1353 11.9476 27.1353C8.83092 27.1353 7.23706 25.1956 7.23706 25.1956L8.07158 22.4384C8.07158 22.4384 9.70994 23.8449 11.0924 23.8449C11.9957 23.8449 12.3632 23.1337 12.3632 22.614C12.3632 20.4643 8.83881 20.3684 8.83881 16.8361C8.83881 13.863 10.9727 10.986 15.2802 10.986C16.94 10.986 17.7599 11.4614 17.7599 11.4614Z" fill="white"/>
</svg>
<div class="hlt95">
<p class="w4xo0 sikx1 jf8im dark:text-neutral-200">
Shopify_Store
</p>
<p class="xs2f2 ah4ps dark:text-neutral-500">
shopify.so
</p>
</div>
<div class="ms-auto eqzx0">
<svg class="hidden e731n b9gop jf8im dark:text-neutral-200" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
</div>
</div>
</a>
<!-- End Item -->
</div>
<div class="vyel6 yfv61 kvbsq dark:border-neutral-800">
<button type="button" class="w-full flex items-center vyfcq s53ws f2l40 pb094 w4xo0 jf8im xbaz9 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ujdnu dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M8 12h8"/><path d="M12 8v8"/></svg>
Add another store
</button>
</div>
<div class="vyel6 yfv61 kvbsq dark:border-neutral-800">
<button type="button" class="w-full flex items-center vyfcq s53ws f2l40 pb094 w4xo0 jf8im xbaz9 disabled:opacity-50 focus:outline-hidden ujdnu dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
Sign out
<span class="ms-auto xs2f2 ah4ps dark:text-neutral-500">
preline@site.com
</span>
</button>
</div>
</div>
<!-- End Dropdown -->
</div>
<!-- End Project Dropdown -->
</div>
</div>
</nav>
</header>
<!-- ========== END HEADER ========== -->
<!-- ========== MAIN CONTENT ========== -->
<main id="content">
<div class="ehc3u an00p i1iav skepd ids43 mx-auto">
<!-- Card -->
<div class="tbd2k flex flex-col jkwm1 p6nx8 dnmlf min-h-[calc(100vh-56px)] sm:min-h-[calc(100vh-103px)] aqyoh rsdjd lnk45 hj07t er6t7 dark:bg-neutral-800 dark:border-neutral-700">
<div class="relative h1r77 rsdjd pfxbf lnk45 er6t7 overflow-hidden dark:border-neutral-700">
<div class="absolute inset-0 fp3m4">
<div class="bg-[linear-gradient(45deg,var(--color-gray-100)_7.14%,transparent_7.14%,transparent_50%,var(--color-gray-100)_50%,var(--color-gray-100)_57.14%,transparent_57.14%,transparent);] gv795 dark:bg-[linear-gradient(45deg,var(--color-neutral-700)_7.14%,transparent_7.14%,transparent_50%,var(--color-neutral-700)_50%,var(--color-neutral-700)_57.14%,transparent_57.14%,transparent);] fp3m4"></div>
</div>
</div>
</div>
<!-- End Card -->
</div>
</main>
<!-- ========== END MAIN CONTENT ========== -->
<!-- Search Modal -->
<div id="hs-pro-dnsm" class="hs-overlay hs-overlay-backdrop-open:backdrop-blur-md hidden fp3m4 fixed fuv09 gihcw oc2zw overflow-x-hidden overflow-y-auto gxxgf dark:hs-overlay-backdrop-open:bg-neutral-900/30" role="dialog" tabindex="-1" aria-label="Search">
<div class="hs-overlay-open:opacity-100 hs-overlay-open:duration-500 opacity-0 ccbyv fl36v tx5ws sm:w-full xzljp sm:mx-auto h-[calc(100%-56px)] min-h-[calc(100%-56px)] flex items-center">
<div class="a0p67 relative w-full flex flex-col aqyoh er6t7 gmg3v pointer-events-auto dark:bg-neutral-800">
<!-- Input -->
<div class="relative">
<div class="absolute rm8lf gihcw flex items-center gxxgf gbcuh o1d90">
<svg class="e731n b9gop jn2lz dark:text-white/60" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/></svg>
</div>
<div class="fazzp kvbsq dark:border-neutral-700">
<input type="text" class="gdxvw zyf01 nokqy ep58o block w-full aqyoh azddh msi3l glhrq focus:outline-hidden yvj92 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:text-neutral-400 dark:placeholder:text-neutral-400" placeholder="Search or type a command" autofocus>
</div>
<div class="hidden absolute rm8lf kji94 flex items-center gbcuh wn488">
<button type="button" class="inline-flex e731n jkwm1 items-center odrp3 kghwt jy5gh s5ku3 focus:outline-hidden i4yyh dark:text-neutral-500 dark:hover:text-blue-500 dark:focus:text-blue-500" aria-label="Close">
<span class="et50x">Close</span>
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="m15 9-6 6"/><path d="m9 9 6 6"/></svg>
</button>
</div>
</div>
<!-- End Input -->
<!-- Body -->
<div class="kbc39 tbd2k overflow-y-auto overflow-hidden xwpzv y0qzi pqw9h y1o7k dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<!-- List Group -->
<div class="q1glq ki2kd x8wiw nx3r8 wpe0f fazzp kvbsq dark:border-neutral-700">
<span class="block xs2f2 ah4ps wyf4w dark:text-neutral-500">
Topics
</span>
<!-- Tag Group -->
<div class="flex flex-wrap v1hon twqg7">
<a class="inline-flex items-center b1nd2 xs2f2 jf8im rsdjd kvbsq xbaz9 od5va sfv8v kghwt focus:outline-hidden ujdnu dark:border-neutral-700 dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="e731n h6zia" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 3h5v5"/><path d="M8 3H3v5"/><path d="M12 22v-8.3a4 4 0 0 0-1.172-2.872L3 3"/><path d="m15 9 6-6"/></svg>
Sale channels
</a>
<a class="inline-flex items-center b1nd2 xs2f2 jf8im rsdjd kvbsq xbaz9 od5va sfv8v kghwt focus:outline-hidden ujdnu dark:border-neutral-700 dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="e731n h6zia" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 12h-4l-3 9L9 3l-3 9H2"/></svg>
Activity
</a>
<a class="inline-flex items-center b1nd2 xs2f2 jf8im rsdjd kvbsq xbaz9 od5va sfv8v kghwt focus:outline-hidden ujdnu dark:border-neutral-700 dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="e731n h6zia" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="12" x2="12" y1="2" y2="22"/><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"/></svg>
Sales
</a>
<a class="inline-flex items-center b1nd2 xs2f2 jf8im rsdjd kvbsq xbaz9 od5va sfv8v kghwt focus:outline-hidden ujdnu dark:border-neutral-700 dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="e731n h6zia" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5.5 8.5 9 12l-3.5 3.5L2 12l3.5-3.5Z"/><path d="m12 2 3.5 3.5L12 9 8.5 5.5 12 2Z"/><path d="M18.5 8.5 22 12l-3.5 3.5L15 12l3.5-3.5Z"/><path d="m12 15 3.5 3.5L12 22l-3.5-3.5L12 15Z"/></svg>
Apps
</a>
</div>
<!-- End Tag Group -->
</div>
<div class="q1glq ki2kd x8wiw nx3r8 wpe0f fazzp kvbsq dark:border-neutral-700">
<span class=" block xs2f2 ah4ps wyf4w dark:text-neutral-500">
Recent
</span>
<!-- List Group -->
<ul class="-mx-2.5">
<!-- List Item -->
<li>
<a class="s53ws f2l40 flex vyfcq xbaz9 pb094 focus:outline-hidden ujdnu dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="e731n b9gop eyzz7 ah4ps" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M8 12h8"/><path d="M12 8v8"/></svg>
<div class="hlt95">
<span class="block w4xo0 jf8im dark:text-neutral-200">
Add product
</span>
<span class="block xs2f2 ah4ps dark:text-neutral-500">
Products
</span>
</div>
<div class="ms-auto inline-flex items-center n6i5x">
<div class="yhc35 flex flex-col jkwm1 items-center aqyoh rsdjd kvbsq xs2f2 vj9jb jn2lz m8zlk dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400">
<svg class="e731n u28hb ah4ps" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 6v12a3 3 0 1 0 3-3H6a3 3 0 1 0 3 3V6a3 3 0 1 0-3 3h12a3 3 0 1 0-3-3"/></svg>
</div>
<div class="yhc35 flex flex-col jkwm1 items-center aqyoh rsdjd kvbsq xs2f2 vj9jb jn2lz m8zlk dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400">
<svg class="e731n u28hb ah4ps" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 3h6l6 18h6"/><path d="M14 3h7"/></svg>
</div>
</div>
</a>
</li>
<!-- End List Item -->
<!-- List Item -->
<li>
<a class="s53ws f2l40 flex vyfcq xbaz9 pb094 focus:outline-hidden ujdnu dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="e731n b9gop eyzz7 ah4ps" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><line x1="19" x2="19" y1="8" y2="14"/><line x1="22" x2="16" y1="11" y2="11"/></svg>
<div class="hlt95">
<span class="block w4xo0 jf8im dark:text-neutral-200">
Add customer
</span>
<span class="block xs2f2 ah4ps dark:text-neutral-500">
Customers
</span>
</div>
<div class="ms-auto inline-flex items-center n6i5x">
<div class="yhc35 flex flex-col jkwm1 items-center aqyoh rsdjd kvbsq xs2f2 vj9jb jn2lz m8zlk dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400">
<svg class="e731n u28hb ah4ps" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 6v12a3 3 0 1 0 3-3H6a3 3 0 1 0 3 3V6a3 3 0 1 0-3 3h12a3 3 0 1 0-3-3"/></svg>
</div>
<div class="yhc35 flex flex-col jkwm1 items-center aqyoh rsdjd kvbsq xs2f2 vj9jb jn2lz m8zlk dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400">
<svg class="e731n h6zia ah4ps" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m18 15-6-6-6 6"/></svg>
</div>
<div class="yhc35 flex flex-col jkwm1 items-center aqyoh rsdjd kvbsq xs2f2 vj9jb jn2lz m8zlk dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400">
S
</div>
</div>
</a>
</li>
<!-- End List Item -->
</ul>
<!-- End List Group -->
</div>
<div class="q1glq ki2kd x8wiw nx3r8 wpe0f fazzp kvbsq dark:border-neutral-700">
<span class=" block xs2f2 ah4ps wyf4w dark:text-neutral-500">
Categories
</span>
<!-- List Group -->
<ul class="-mx-2.5">
<!-- List Item -->
<li>
<a class="s53ws f2l40 flex vyfcq xbaz9 pb094 focus:outline-hidden ujdnu dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="e731n b9gop eyzz7 ah4ps" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l2-1.14"/><path d="m7.5 4.27 9 5.15"/><polyline points="3.29 7 12 12 20.71 7"/><line x1="12" x2="12" y1="22" y2="12"/><circle cx="18.5" cy="15.5" r="2.5"/><path d="M20.27 17.27 22 19"/></svg>
<span class="w4xo0 jf8im dark:text-neutral-200">
Finding products
</span>
</a>
</li>
<!-- End List Item -->
<!-- List Item -->
<li>
<a class="s53ws f2l40 flex vyfcq xbaz9 pb094 focus:outline-hidden ujdnu dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="e731n b9gop eyzz7 ah4ps" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="8" cy="21" r="1"/><circle cx="19" cy="21" r="1"/><path d="M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12"/></svg>
<span class="w4xo0 jf8im dark:text-neutral-200">
Selling products
</span>
</a>
</li>
<!-- End List Item -->
<!-- List Item -->
<li>
<a class="s53ws f2l40 flex vyfcq xbaz9 pb094 focus:outline-hidden ujdnu dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="e731n b9gop eyzz7 ah4ps" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="m2 7 4.41-4.41A2 2 0 0 1 7.83 2h8.34a2 2 0 0 1 1.42.59L22 7"/><path d="M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8"/><path d="M15 22v-4a2 2 0 0 0-2-2h-2a2 2 0 0 0-2 2v4"/><path d="M2 7h20"/><path d="M22 7v3a2 2 0 0 1-2 2v0a2.7 2.7 0 0 1-1.59-.63.7.7 0 0 0-.82 0A2.7 2.7 0 0 1 16 12a2.7 2.7 0 0 1-1.59-.63.7.7 0 0 0-.82 0A2.7 2.7 0 0 1 12 12a2.7 2.7 0 0 1-1.59-.63.7.7 0 0 0-.82 0A2.7 2.7 0 0 1 8 12a2.7 2.7 0 0 1-1.59-.63.7.7 0 0 0-.82 0A2.7 2.7 0 0 1 4 12v0a2 2 0 0 1-2-2V7"/></svg>
<span class="w4xo0 jf8im dark:text-neutral-200">
Store management
</span>
</a>
</li>
<!-- End List Item -->
<!-- List Item -->
<li class="rsa50">
<a class="s53ws f2l40 xs2f2 jeww0 tguxb focus:outline-hidden jtmmg" href="#">
Show all 2 results
</a>
</li>
<!-- End List Item -->
</ul>
<!-- End List Group -->
</div>
<div>
<span class=" block xs2f2 ah4ps wyf4w dark:text-neutral-500">
Resources
</span>
<!-- List Group -->
<ul class="-mx-2.5">
<!-- List Item -->
<li>
<a class="s53ws f2l40 flex vyfcq xbaz9 pb094 focus:outline-hidden ujdnu dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="e731n b9gop eyzz7 ah4ps" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/><polyline points="15 3 21 3 21 9"/><line x1="10" x2="21" y1="14" y2="3"/></svg>
<div class="hlt95">
<span class="block w4xo0 jf8im dark:text-neutral-200">
Preline support
</span>
<span class="block w4xo0 ah4ps dark:text-neutral-500">
Contact us by email, chat or phone
</span>
<span class="block xs2f2 ah4ps dark:text-neutral-500">
help.example.so/questions
</span>
</div>
</a>
</li>
<!-- End List Item -->
<!-- List Item -->
<li class="rsa50">
<a class="s53ws f2l40 xs2f2 jeww0 tguxb focus:outline-hidden jtmmg" href="#">
Show all 7 results
</a>
</li>
<!-- End List Item -->
</ul>
<!-- End List Group -->
</div>
<!-- End List Group -->
</div>
<!-- End Body -->
<!-- Footer -->
<div class="tbd2k flex flex-wrap ox2cl items-center o4ndh yfv61 kvbsq dark:border-neutral-700">
<div class="inline-flex items-center n9hej">
<div class="yhc35 flex flex-col jkwm1 items-center aqyoh rsdjd kvbsq xs2f2 vj9jb jn2lz hj07t m8zlk dark:bg-neutral-800 dark:border-neutral-700">
<svg class="e731n mo9p3 jn2lz dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 10 4 15 9 20"/><path d="M20 4v7a4 4 0 0 1-4 4H4"/></svg>
</div>
<span class="xs2f2 jn2lz dark:text-neutral-500">
to close
</span>
</div>
<div class="inline-flex items-center f8pfl">
<div class="inline-flex items-center n9hej">
<div class="yhc35 flex flex-col jkwm1 items-center aqyoh rsdjd kvbsq xs2f2 vj9jb jn2lz hj07t m8zlk dark:bg-neutral-800 dark:border-neutral-700">
<svg class="e731n h6zia jn2lz dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M22 14.596C21.828 15.1189 20.888 16 19.5969 16C18.3057 16 16.9265 14.6624 16.9265 12.8974V12.0687C16.9265 10.2373 18.2022 9.00142 19.5969 9.00142C20.9918 9.00142 21.7942 9.69876 22 10.5666M14.5417 10.3109C14.3233 9.6198 13.3292 8.96537 12.1831 9.00142C11.0374 9.03732 10.0119 9.83333 10.0119 10.777C10.0119 11.7208 10.6901 12.0632 12.1839 12.2081C13.6774 12.353 14.49 13.1331 14.5417 13.9596C14.5934 14.7861 13.8083 16 12.1839 16C10.7604 16 9.69525 14.6894 9.63548 13.9379M7.25295 14.7213C6.82726 15.5884 5.94455 15.9999 4.75814 15.9999C3.57172 15.9999 2 15.088 2 12.7831V12.1113C2 10.5911 3.16477 9.00113 4.75814 9.00113C6.35166 9.00113 7.41158 10.5059 7.25295 12.2838H2.47754"/></svg>
</div>
<span class="xs2f2 jn2lz dark:text-neutral-500">
to select
</span>
</div>
<div class="inline-flex items-center n9hej">
<div class="yhc35 flex flex-col jkwm1 items-center aqyoh rsdjd kvbsq xs2f2 vj9jb jn2lz hj07t m8zlk dark:bg-neutral-800 dark:border-neutral-700">
<svg class="e731n mo9p3 jn2lz dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 5v14"/><path d="m19 12-7 7-7-7"/></svg>
</div>
<div class="yhc35 flex flex-col jkwm1 items-center aqyoh rsdjd kvbsq xs2f2 vj9jb jn2lz hj07t m8zlk dark:bg-neutral-800 dark:border-neutral-700">
<svg class="e731n mo9p3 jn2lz dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m5 12 7-7 7 7"/><path d="M12 19V5"/></svg>
</div>
<span class="xs2f2 jn2lz dark:text-neutral-500">
to navigate
</span>
</div>
</div>
</div>
<!-- End Footer -->
</div>
</div>
</div>
<!-- End Search Modal -->
<!-- ========== HEADER ========== -->
<header class="fixed fuv09 e33ca flex flex-wrap qxd8q md:flex-nowrap v1j7n pqybq aqyoh gdxvw dark:bg-neutral-800">
<nav class="fglch xf1r4 ids43 flex flex-wrap ygsjd ox2cl items-center go50v r47ft w-full mx-auto">
<div class="ggmrk ha76l flex items-center hrhwk">
<a class="e731n mp30q inline-block cnneu focus:outline-hidden o8t9n" href="#" aria-label="Preline">
<svg class="e731n qqwrg" width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M18.0835 3.23358C9.88316 3.23358 3.23548 9.8771 3.23548 18.0723V35.5832H0.583496V18.0723C0.583496 8.41337 8.41851 0.583252 18.0835 0.583252C27.7485 0.583252 35.5835 8.41337 35.5835 18.0723C35.5835 27.7312 27.7485 35.5614 18.0835 35.5614H16.7357V32.911H18.0835C26.2838 32.911 32.9315 26.2675 32.9315 18.0723C32.9315 9.8771 26.2838 3.23358 18.0835 3.23358Z" class="etvti dark:fill-white" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M18.0833 8.62162C12.8852 8.62162 8.62666 12.9245 8.62666 18.2879V35.5833H5.97468V18.2879C5.97468 11.5105 11.3713 5.97129 18.0833 5.97129C24.7954 5.97129 30.192 11.5105 30.192 18.2879C30.192 25.0653 24.7954 30.6045 18.0833 30.6045H16.7355V27.9542H18.0833C23.2815 27.9542 27.54 23.6513 27.54 18.2879C27.54 12.9245 23.2815 8.62162 18.0833 8.62162Z" class="etvti dark:fill-white" fill="currentColor"/>
<path d="M24.8225 18.1012C24.8225 21.8208 21.8053 24.8361 18.0833 24.8361C14.3614 24.8361 11.3442 21.8208 11.3442 18.1012C11.3442 14.3815 14.3614 11.3662 18.0833 11.3662C21.8053 11.3662 24.8225 14.3815 24.8225 18.1012Z" class="etvti dark:fill-white" fill="currentColor"/>
</svg>
</a>
<div class="hidden sm:block rbr78">
</div>
</div>
<!-- Button Group -->
<div class="owq7u ha76l flex nxqoz items-center n9hej">
<!-- Notifications Button -->
<button type="button" class="relative group flex flex-col jkwm1 items-center xs2f2 fd43e disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden dark:text-neutral-400">
<span class="flex jkwm1 items-center vyfcq ztp6v kghwt group-hover:bg-gray-200 group-focus:bg-gray-200 dark:group-hover:bg-neutral-700 dark:group-focus:bg-neutral-700 whz4r">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10.268 21a2 2 0 0 0 3.464 0"/><path d="M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326"/></svg>
</span>
<span class="et50x">Notifications</span>
</button>
<!-- End Notifications Button -->
<!-- AI Button -->
<!-- <button type="button" class="relative group flex flex-col jkwm1 items-center xs2f2 lpu2m disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden dark:text-blue-500">
<span class="flex jkwm1 items-center vyfcq ztp6v kghwt group-hover:bg-blue-100 group-focus:bg-blue-100 dark:group-hover:bg-blue-500/20 dark:group-hover:text-blue-500 dark:group-focus:bg-blue-500/20 dark:group-focus:text-blue-500 whz4r">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"/><path d="M20 3v4"/><path d="M22 5h-4"/><path d="M4 17v2"/><path d="M5 18H3"/></svg>
</span>
<span class="et50x">AI</span>
</button> -->
<!-- End AI Button -->
<!-- Account Dropdown -->
<div class="hs-tooltip [--placement:auto] inline-block">
<div class="hs-dropdown inline-flex [--strategy:absolute] [--auto-close:inside] [--placement:bottom-right] relative w9dei">
<button id="hs-dnad" type="button" class="hs-tooltip-toggle group flex flex-col jkwm1 items-center xs2f2 fd43e disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden dark:text-neutral-400" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 sd513 inline-block absolute vajpp wzd7f ga1u8 jxswk tfa1w xs2f2 c9jt8 m74u5 dark:bg-neutral-600 dark:text-neutral-200" role="tooltip">
Busy
</span>
<span class="relative flex jkwm1 items-center vyfcq ztp6v kghwt group-hover:bg-gray-200 group-focus:bg-gray-200 dark:group-hover:bg-neutral-700 dark:group-focus:bg-neutral-700 whz4r">
<img class="e731n yl1cu kghwt" src="https://images.unsplash.com/photo-1659482633369-9fe69af50bfb?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar">
<span class="absolute fl4wx rgsl3 block s4l24 kghwt e0i52 yyiiq jmaom kew0r dark:ring-neutral-800"></span>
</span>
<span class="et50x">James</span>
</button>
<!-- Account Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 srycj transition-[opacity,margin] duration opacity-0 hidden gbcuh aqyoh rsdjd lnk45 er6t7 gmg3v dark:bg-neutral-900 dark:border-neutral-700" role="menu" aria-orientation="vertical" aria-labelledby="hs-dnad">
<div class="vyel6">
<div class="hs-dropdown [--strategy:static] md:[--strategy:absolute] [--adaptive:none] md:[--trigger:hover] --exclude-from-auto-opening relative">
<button id="hs-pro-vcnadpr" type="button" class="hs-dropdown-toggle w-full flex items-center n9hej s53ws f2l40 w9dei pb094 w4xo0 c9jt8 d05xb focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<span class="e731n">
<img class="e731n ztp6v kghwt" src="https://images.unsplash.com/photo-1659482633369-9fe69af50bfb?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar">
</span>
<span class="hlt95 truncate">
<span class="truncate sikx1 c9jt8 dark:text-neutral-300">
James Collison
</span>
<span class="block truncate w4xo0 jy5gh dark:text-neutral-500">
jamescollison@site.com
</span>
</span>
<svg class="e731n dmd59 h5xgk ms-auto h6zia" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg>
</button>
<div class="hs-dropdown-menu transition-[opacity,margin] duration-[0.1ms] md:duration-[150ms] hs-dropdown-open:opacity-100 opacity-0 u0y2q hidden wzd7f fuv09 t378u k8aui anprl l1c8a aqyoh zul9x lnk45 fe4hh rx3wx before:absolute before:-end-5 before:top-0 before:h-full before:w-5 dark:bg-neutral-900 dark:border-neutral-700" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-vcnadpr">
<a class="relative flex items-center n9hej s53ws f2l40 pb094 w4xo0 c9jt8 d05xb focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
Billing
<span class="e731n ms-auto">
<svg class="e731n h6zia t81zi" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h6"></path><path d="m21 3-9 9"></path><path d="M15 3h6v6"></path></svg>
</span>
</a>
<a class="relative flex items-center n9hej s53ws f2l40 pb094 w4xo0 c9jt8 d05xb focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
Settings
<span class="e731n ms-auto">
<svg class="e731n h6zia t81zi" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h6"></path><path d="m21 3-9 9"></path><path d="M15 3h6v6"></path></svg>
</span>
</a>
<a class="relative flex items-center n9hej s53ws f2l40 pb094 w4xo0 c9jt8 d05xb focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
My account
</a>
</div>
</div>
</div>
<div class="vyel6 yfv61 lnk45 dark:border-neutral-800">
<div class="hs-dropdown [--strategy:static] md:[--strategy:absolute] [--adaptive:none] md:[--trigger:hover] --exclude-from-auto-opening relative">
<button id="hs-pro-vcnadst" type="button" class="hs-dropdown-toggle w-full flex items-center n9hej s53ws f2l40 w9dei pb094 w4xo0 c9jt8 d05xb focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
Status
<svg class="e731n dmd59 h5xgk ms-auto h6zia" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg>
</button>
<div class="hs-dropdown-menu transition-[opacity,margin] duration-[0.1ms] md:duration-[150ms] hs-dropdown-open:opacity-100 opacity-0 u0y2q hidden wzd7f fuv09 t378u k8aui anprl l1c8a aqyoh zul9x lnk45 fe4hh rx3wx before:absolute before:-end-5 before:top-0 before:h-full before:w-5 dark:bg-neutral-900 dark:border-neutral-700" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-vcnadst">
<a class="relative flex items-center n9hej s53ws f2l40 pb094 w4xo0 c9jt8 d05xb focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<span class="block u28hb kghwt d6wu5 kew0r"></span>
Available
</a>
<a class="relative flex items-center n9hej s53ws f2l40 pb094 w4xo0 c9jt8 d05xb focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<span class="block u28hb kghwt jmaom kew0r"></span>
Busy
</a>
<a class="relative flex items-center n9hej s53ws f2l40 pb094 w4xo0 c9jt8 d05xb focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<span class="block u28hb kghwt mn56d kew0r"></span>
Away
</a>
<a class="relative flex items-center n9hej s53ws f2l40 pb094 w4xo0 c9jt8 d05xb focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="e731n u28hb" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M8 2v4"/><path d="M16 2v4"/><path d="M21 13V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h8"/><path d="M3 10h18"/><path d="m17 22 5-5"/><path d="m17 17 5 5"/></svg>
Out of office
</a>
</div>
</div>
<div class="hs-dropdown [--strategy:static] md:[--strategy:absolute] [--adaptive:none] md:[--trigger:hover] --exclude-from-auto-opening relative">
<button id="hs-pro-vcnadpn" type="button" class="hs-dropdown-toggle w-full flex items-center n9hej s53ws f2l40 w9dei pb094 w4xo0 c9jt8 d05xb focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
Pause notifications
<svg class="e731n dmd59 h5xgk ms-auto h6zia" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg>
</button>
<div class="hs-dropdown-menu transition-[opacity,margin] duration-[0.1ms] md:duration-[150ms] hs-dropdown-open:opacity-100 opacity-0 u0y2q hidden wzd7f fuv09 t378u k8aui anprl l1c8a aqyoh zul9x lnk45 fe4hh rx3wx before:absolute before:-end-5 before:top-0 before:h-full before:w-5 dark:bg-neutral-900 dark:border-neutral-700" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-vcnadpn">
<a class="relative flex items-center n9hej s53ws f2l40 pb094 w4xo0 c9jt8 d05xb focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
For 30 minutes
</a>
<a class="relative flex items-center n9hej s53ws f2l40 pb094 w4xo0 c9jt8 d05xb focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
For 1 hour
</a>
<a class="relative flex items-center n9hej s53ws f2l40 pb094 w4xo0 c9jt8 d05xb focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
For 2 hours
</a>
<a class="relative flex items-center n9hej s53ws f2l40 pb094 w4xo0 c9jt8 d05xb focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
Until tomorrow
</a>
<a class="relative flex items-center n9hej s53ws f2l40 pb094 w4xo0 c9jt8 d05xb focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
Until next week
</a>
<div class="tgq8c rwavo yfv61 lnk45 dark:border-neutral-800">
<a class="relative flex items-center n9hej s53ws f2l40 pb094 w4xo0 c9jt8 d05xb focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
Custom
</a>
</div>
</div>
</div>
<div class="tgq8c rwavo yfv61 lnk45 dark:border-neutral-800">
<a class="flex items-center n9hej s53ws f2l40 pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
Help centre
</a>
<a class="flex items-center n9hej s53ws f2l40 pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
Privacy policy
</a>
<a class="flex items-center n9hej s53ws f2l40 pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
What's new
</a>
</div>
<div class="tgq8c rwavo yfv61 lnk45 dark:border-neutral-800">
<a class="flex items-center n9hej s53ws f2l40 pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
Keyboard shortcuts
</a>
<a class="flex items-center vyfcq s53ws f2l40 pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
Language
<span class="ms-auto -me-1 flex items-center n6i5x vyel6 mx6w2 aqyoh rsdjd lnk45 kghwt dark:bg-neutral-900 dark:border-neutral-700">
<img class="inline-block h6zia kghwt" src="../../assets/vendor/svg-country-flags/png100px/us.png" alt="United States of America">
<span class="x3nzy vj9jb">Eng</span>
</span>
</a>
</div>
<div class="tgq8c rwavo yfv61 lnk45 dark:border-neutral-800">
<a class="flex items-center n9hej s53ws f2l40 pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
Sign out
</a>
</div>
</div>
<div class="eoh5b hp53n">
<!-- Card -->
<div class="dc6r1 flex flex-col t7ztn pb094 dark:bg-blue-500/20">
<div class="flex items-center n9hej">
<div class="hlt95">
<h3 class="sikx1 w4xo0 c9jt8 dark:text-neutral-200">
Get more from Pro
</h3>
</div>
</div>
<div class="rwavo">
<p class="xs2f2 jy5gh dark:text-neutral-500">
Upgrade to Pro and unlock unlimited storage and advanced collaboration features.
</p>
</div>
<div class="wc6fu flex flex-col o4ndh">
<a class="group w-full flex jkwm1 items-center b1nd2 s53ws sfv8v sikx1 z4zqw owkrq kew0r pb094 qfc1d focus:outline-hidden f9dn7 disabled:opacity-50 disabled:pointer-events-none dark:bg-blue-500 dark:hover:bg-blue-600 dark:focus:bg-blue-600" href="#">
<svg class="e731n h6zia group-hover:scale-110 group-focus:scale-110 whz4r" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" stroke="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg>
Upgrade now
</a>
</div>
</div>
<!-- End Card -->
</div>
</div>
<!-- End Account Dropdown -->
</div>
</div>
<!-- End Account Dropdown -->
<div class="md:hidden">
<!-- Collapse Button Trigger -->
<button type="button" class="relative group flex flex-col jkwm1 items-center xs2f2 fd43e disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden dark:text-neutral-400" id="hs-pro-dmh-collapse" aria-haspopup="dialog" aria-expanded="false" aria-controls="hs-pro-dmh" aria-label="Toggle navigation" data-hs-overlay="#hs-pro-dmh" data-hs-overlay-options='{
"moveOverlayToBody": 767
}'>
<span class="flex jkwm1 items-center vyfcq ztp6v kghwt group-hover:bg-gray-200 group-focus:bg-gray-200 dark:group-hover:bg-neutral-700 dark:group-focus:bg-neutral-700 whz4r">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg>
</span>
<span class="et50x">Menu</span>
</button>
<!-- End Collapse Button Trigger -->
</div>
</div>
<!-- End Button Group -->
<!-- Nav Links -->
<div class="xf9uq c1hld ygsjd hlt95 md:basis-auto gttd8">
<!-- Collapse -->
<div id="hs-pro-dmh" class="hs-overlay [--auto-close:lg] [--overlay-backdrop:false]
hs-overlay-open:translate-y-0 hs-overlay-open:translate-x-0 hs-overlay-open:scale-100 hs-overlay-open:opacity-100
-translate-y-1/2 vsbdn cjy82 opacity-0 fl36v ufjzp h587a
zdkvk
hidden
fixed gvmr9 tb54y uxfxy
aqyoh gmg3v er6t7
ju0wj md:block md:h-auto md:w-full bdokz liaz1 hai5o dwfut zhf4o wkzon lde0g vh66x
dark:bg-neutral-900 md:dark:bg-neutral-800" role="dialog" tabindex="-1" aria-label="Sidebar" data-hs-overlay-close-on-resize>
<div class="overflow-hidden overflow-y-auto h1r77 xwpzv y0qzi bxgd5 n3xnc dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<!-- Header -->
<div class="s53ws fglch md:hidden flex ox2cl items-center fazzp lnk45 dark:border-neutral-700">
<h3 class="sikx1 c9jt8 dark:text-neutral-200">
Menu
</h3>
<button type="button" class="od5va jxswk inline-flex jkwm1 items-center n6i5x kghwt rsdjd lnk45 xs2f2 c9jt8 d05xb focus:outline-hidden r17tr disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:hover:bg-neutral-700 dark:text-neutral-200 dark:focus:bg-neutral-700" aria-label="Close" data-hs-overlay="#hs-pro-dmh">
<span class="hidden lg:block">Esc</span>
<span class="block lg:hidden">Close</span>
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>
</button>
</div>
<!-- End Header -->
<div class="a8iqd a6bs9 myjp1 flex flex-col md:flex-row p6601 md:items-center v1hon z5ekp kmove snjhg">
<a class="relative group flex flex-row md:flex-col items-center n9hej j73oo w4xo0 z29ba c9jt8 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden dark:text-neutral-200" href="index.html">
<span class="flex jkwm1 items-center vyfcq ztp6v kghwt group-hover:bg-gray-200 group-focus:bg-gray-200 dark:group-hover:bg-neutral-700 dark:group-focus:bg-neutral-700 whz4r">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/><polyline points="9 22 9 12 15 12 15 22"/></svg>
</span>
Home
</a>
<a class="relative group flex flex-row md:flex-col items-center n9hej j73oo w4xo0 z29ba c9jt8 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden dark:text-neutral-200" href="meetings.html">
<span class="flex jkwm1 items-center vyfcq ztp6v kghwt group-hover:bg-gray-200 group-focus:bg-gray-200 dark:group-hover:bg-neutral-700 dark:group-focus:bg-neutral-700 whz4r">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"/><rect x="2" y="6" width="14" height="12" rx="2"/></svg>
</span>
Meetings
</a>
<button type="button" class="relative group flex flex-row md:flex-col items-center n9hej j73oo w4xo0 z29ba c9jt8 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden dark:text-neutral-200" data-hs-overlay="#hs-pro-clce" aria-expanded="false">
<span class="flex jkwm1 items-center vyfcq ztp6v kghwt group-hover:bg-gray-200 group-focus:bg-gray-200 dark:group-hover:bg-neutral-700 dark:group-focus:bg-neutral-700 whz4r">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 14v2.2l1.6 1"/><path d="M16 2v4"/><path d="M21 7.5V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h3.5"/><path d="M3 10h5"/><path d="M8 2v4"/><circle cx="16" cy="16" r="6"/></svg>
</span>
Schedule
</button>
<button type="button" class="relative group flex flex-row md:flex-col items-center n9hej j73oo w4xo0 z29ba c9jt8 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden dark:text-neutral-200" data-hs-overlay="#hs-pro-vcsm" aria-expanded="false">
<span class="flex jkwm1 items-center vyfcq ztp6v kghwt group-hover:bg-gray-200 group-focus:bg-gray-200 dark:group-hover:bg-neutral-700 dark:group-focus:bg-neutral-700 whz4r">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"/><circle cx="12" cy="12" r="3"/></svg>
</span>
Settings
</button>
<!-- Dropdown -->
<div class="hs-dropdown [--strategy:static] md:[--strategy:absolute] [--adaptive:none] md:inline-block">
<!-- Link -->
<button id="hs-pro-vcnmd" type="button" class="hs-dropdown-toggle relative group w-full flex flex-row md:flex-col items-center n9hej j73oo w4xo0 z29ba c9jt8 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden dark:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<span class="flex jkwm1 items-center vyfcq ztp6v kghwt group-hover:bg-gray-200 group-focus:bg-gray-200 dark:group-hover:bg-neutral-700 dark:group-focus:bg-neutral-700 whz4r">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="19" cy="12" r="1"/><circle cx="5" cy="12" r="1"/></svg>
</span>
More
</button>
<!-- End Link -->
<!-- Dropdown Menu -->
<div class="hs-dropdown-menu transition-[opacity,margin] duration-[0.1ms] md:duration-[150ms] hs-dropdown-open:opacity-100 opacity-0 w-full y289r hidden wzd7f top-full xu22o zul9x mr27n rx3wx fe4hh before:absolute before:-top-3 before:start-0 before:w-full before:h-5 md:dark:bg-neutral-900 md:dark:border-neutral-800" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-vcnmd">
<div class="relative tgq8c kfgj5 rsa50 hoxwk space-y-0.5 md:after:hidden after:absolute after:top-1 after:start-4.5 after:w-0.5 after:h-[calc(100%-4px)] after:bg-gray-200 dark:after:bg-neutral-700">
<a class="relative flex items-center vyfcq s53ws f2l40 pb094 w4xo0 c9jt8 d05xb focus:outline-hidden r17tr dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16.247 7.761a6 6 0 0 1 0 8.478"/><path d="M19.075 4.933a10 10 0 0 1 0 14.134"/><path d="M4.925 19.067a10 10 0 0 1 0-14.134"/><path d="M7.753 16.239a6 6 0 0 1 0-8.478"/><circle cx="12" cy="12" r="2"/></svg>
Livestreaming
</a>
<a class="relative flex items-center vyfcq s53ws f2l40 pb094 w4xo0 c9jt8 d05xb focus:outline-hidden r17tr dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"/><rect x="2" y="6" width="14" height="12" rx="2"/></svg>
Recordings
</a>
<a class="relative flex items-center vyfcq s53ws f2l40 pb094 w4xo0 c9jt8 d05xb focus:outline-hidden r17tr dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M2 3h20"/><path d="M21 3v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V3"/><path d="m7 21 5-5 5 5"/></svg>
Whiteboard
</a>
<a class="relative flex items-center vyfcq s53ws f2l40 pb094 w4xo0 c9jt8 d05xb focus:outline-hidden r17tr dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16.466 7.5C15.643 4.237 13.952 2 12 2 9.239 2 7 6.477 7 12s2.239 10 5 10c.342 0 .677-.069 1-.2"/><path d="m15.194 13.707 3.814 1.86-1.86 3.814"/><path d="M19 15.57c-1.804.885-4.274 1.43-7 1.43-5.523 0-10-2.239-10-5s4.477-5 10-5c4.838 0 8.873 1.718 9.8 4"/></svg>
Integrations
</a>
</div>
</div>
<!-- End Dropdown Menu -->
</div>
<!-- End Dropdown -->
</div>
</div>
</div>
<!-- End Collapse -->
</div>
<!-- End Nav Links -->
</nav>
</header>
<!-- ========== END HEADER ========== -->
<!-- ========== HEADER ========== -->
<header class="flex flex-wrap jy8l1 lg:flex-nowrap wu22o w-full a8iqd">
<nav class="relative w-full flex flex-wrap ox2cl ygsjd items-center jxswk or0yw mx-auto">
<div class="kip1b flex items-center">
<div class="flex items-center n6i5x">
<div class="hidden sm:block">
<!-- Logo -->
<a class="flex-none m74u5 mp30q inline-block cnneu focus:outline-hidden o8t9n" href="../../pro/smart-home/index.html" aria-label="Preline">
<svg class="o5z37 h-auto" width="116" height="32" viewBox="0 0 116 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M33.5696 30.8182V11.3182H37.4474V13.7003H37.6229C37.7952 13.3187 38.0445 12.9309 38.3707 12.5369C38.7031 12.1368 39.134 11.8045 39.6634 11.5398C40.1989 11.2689 40.8636 11.1335 41.6577 11.1335C42.6918 11.1335 43.6458 11.4044 44.5199 11.946C45.3939 12.4815 46.0926 13.291 46.6158 14.3743C47.139 15.4515 47.4006 16.8026 47.4006 18.4276C47.4006 20.0095 47.1451 21.3452 46.6342 22.4347C46.1295 23.518 45.4401 24.3397 44.5661 24.8999C43.6982 25.4538 42.7256 25.7308 41.6484 25.7308C40.8852 25.7308 40.2358 25.6046 39.7003 25.3523C39.1709 25.0999 38.737 24.7829 38.3984 24.4013C38.0599 24.0135 37.8014 23.6226 37.6229 23.2287H37.5028V30.8182H33.5696ZM37.4197 18.4091C37.4197 19.2524 37.5367 19.9879 37.7706 20.6158C38.0045 21.2436 38.343 21.733 38.7862 22.0838C39.2294 22.4285 39.768 22.6009 40.402 22.6009C41.0421 22.6009 41.5838 22.4254 42.027 22.0746C42.4702 21.7176 42.8056 21.2251 43.0334 20.5973C43.2673 19.9633 43.3842 19.2339 43.3842 18.4091C43.3842 17.5904 43.2704 16.8703 43.0426 16.2486C42.8149 15.6269 42.4794 15.1406 42.0362 14.7898C41.593 14.4389 41.0483 14.2635 40.402 14.2635C39.7618 14.2635 39.2202 14.4328 38.777 14.7713C38.34 15.1098 38.0045 15.59 37.7706 16.2116C37.5367 16.8333 37.4197 17.5658 37.4197 18.4091ZM49.2427 25.5V11.3182H53.0559V13.7926H53.2037C53.4622 12.9124 53.8961 12.2476 54.5055 11.7983C55.1149 11.3428 55.8166 11.1151 56.6106 11.1151C56.8076 11.1151 57.02 11.1274 57.2477 11.152C57.4754 11.1766 57.6755 11.2105 57.8478 11.2536V14.7436C57.6632 14.6882 57.4077 14.639 57.0815 14.5959C56.7553 14.5528 56.4567 14.5312 56.1859 14.5312C55.6073 14.5312 55.0903 14.6574 54.6348 14.9098C54.1854 15.156 53.8284 15.5007 53.5638 15.9439C53.3052 16.3871 53.176 16.898 53.176 17.4766V25.5H49.2427ZM64.9043 25.777C63.4455 25.777 62.1898 25.4815 61.1373 24.8906C60.0909 24.2936 59.2845 23.4503 58.7182 22.3608C58.1519 21.2652 57.8688 19.9695 57.8688 18.4737C57.8688 17.0149 58.1519 15.7346 58.7182 14.6328C59.2845 13.531 60.0816 12.6723 61.1096 12.0568C62.1437 11.4413 63.3563 11.1335 64.7474 11.1335C65.683 11.1335 66.5539 11.2843 67.3603 11.5859C68.1728 11.8814 68.8806 12.3277 69.4839 12.9247C70.0932 13.5218 70.5672 14.2727 70.9057 15.1776C71.2443 16.0762 71.4135 17.1288 71.4135 18.3352V19.4155H59.4384V16.978H67.7111C67.7111 16.4117 67.588 15.91 67.3418 15.473C67.0956 15.036 66.754 14.6944 66.317 14.4482C65.8861 14.1958 65.3844 14.0696 64.812 14.0696C64.2149 14.0696 63.6856 14.2081 63.2239 14.4851C62.7684 14.7559 62.4114 15.1222 62.1529 15.5838C61.8944 16.0393 61.762 16.5471 61.7559 17.1072V19.4247C61.7559 20.1264 61.8851 20.7327 62.1437 21.2436C62.4083 21.7545 62.7807 22.1484 63.2608 22.4254C63.741 22.7024 64.3103 22.8409 64.9689 22.8409C65.406 22.8409 65.8061 22.7794 66.1692 22.6562C66.5324 22.5331 66.8432 22.3485 67.1018 22.1023C67.3603 21.8561 67.5572 21.5545 67.6927 21.1974L71.3304 21.4375C71.1458 22.3116 70.7672 23.0748 70.1948 23.7273C69.6285 24.3736 68.896 24.8783 67.9974 25.2415C67.1048 25.5985 66.0738 25.777 64.9043 25.777ZM77.1335 6.59091V25.5H73.2003V6.59091H77.1335ZM79.5043 25.5V11.3182H83.4375V25.5H79.5043ZM81.4801 9.49006C80.8954 9.49006 80.3937 9.29616 79.9752 8.90838C79.5628 8.51444 79.3566 8.04356 79.3566 7.49574C79.3566 6.95407 79.5628 6.48935 79.9752 6.10156C80.3937 5.70762 80.8954 5.51065 81.4801 5.51065C82.0649 5.51065 82.5635 5.70762 82.9759 6.10156C83.3944 6.48935 83.6037 6.95407 83.6037 7.49574C83.6037 8.04356 83.3944 8.51444 82.9759 8.90838C82.5635 9.29616 82.0649 9.49006 81.4801 9.49006ZM89.7415 17.3011V25.5H85.8083V11.3182H89.5569V13.8203H89.723C90.037 12.9955 90.5632 12.343 91.3019 11.8629C92.0405 11.3767 92.9361 11.1335 93.9887 11.1335C94.9735 11.1335 95.8322 11.349 96.5647 11.7798C97.2971 12.2107 97.8665 12.8262 98.2728 13.6264C98.679 14.4205 98.8821 15.3684 98.8821 16.4702V25.5H94.9489V17.1719C94.9551 16.304 94.7335 15.6269 94.2841 15.1406C93.8348 14.6482 93.2162 14.402 92.4283 14.402C91.8989 14.402 91.4311 14.5159 91.0249 14.7436C90.6248 14.9714 90.3109 15.3037 90.0831 15.7408C89.8615 16.1716 89.7477 16.6918 89.7415 17.3011ZM107.665 25.777C106.206 25.777 104.951 25.4815 103.898 24.8906C102.852 24.2936 102.045 23.4503 101.479 22.3608C100.913 21.2652 100.63 19.9695 100.63 18.4737C100.63 17.0149 100.913 15.7346 101.479 14.6328C102.045 13.531 102.842 12.6723 103.87 12.0568C104.905 11.4413 106.117 11.1335 107.508 11.1335C108.444 11.1335 109.315 11.2843 110.121 11.5859C110.934 11.8814 111.641 12.3277 112.245 12.9247C112.854 13.5218 113.328 14.2727 113.667 15.1776C114.005 16.0762 114.174 17.1288 114.174 18.3352V19.4155H102.199V16.978H110.472C110.472 16.4117 110.349 15.91 110.103 15.473C109.856 15.036 109.515 14.6944 109.078 14.4482C108.647 14.1958 108.145 14.0696 107.573 14.0696C106.976 14.0696 106.446 14.2081 105.985 14.4851C105.529 14.7559 105.172 15.1222 104.914 15.5838C104.655 16.0393 104.523 16.5471 104.517 17.1072V19.4247C104.517 20.1264 104.646 20.7327 104.905 21.2436C105.169 21.7545 105.542 22.1484 106.022 22.4254C106.502 22.7024 107.071 22.8409 107.73 22.8409C108.167 22.8409 108.567 22.7794 108.93 22.6562C109.293 22.5331 109.604 22.3485 109.863 22.1023C110.121 21.8561 110.318 21.5545 110.454 21.1974L114.091 21.4375C113.907 22.3116 113.528 23.0748 112.956 23.7273C112.389 24.3736 111.657 24.8783 110.758 25.2415C109.866 25.5985 108.835 25.777 107.665 25.777Z" class="sveog" fill="currentColor"/>
<path d="M1 29.5V16.5C1 9.87258 6.37258 4.5 13 4.5C19.6274 4.5 25 9.87258 25 16.5C25 23.1274 19.6274 28.5 13 28.5H12" class="biop8" stroke="currentColor" stroke-width="2"/>
<path d="M5 29.5V16.66C5 12.1534 8.58172 8.5 13 8.5C17.4183 8.5 21 12.1534 21 16.66C21 21.1666 17.4183 24.82 13 24.82H12" class="biop8" stroke="currentColor" stroke-width="2"/>
<circle cx="13" cy="16.5214" r="5" class="sveog" fill="currentColor"/>
</svg>
</a>
<!-- End Logo -->
</div>
<div class="block sm:hidden">
<a class="flex-none m74u5 mp30q inline-block cnneu focus:outline-hidden o8t9n" href="../../pro/smart-home/index.html" aria-label="Preline">
<svg class="btr92 h-auto" width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M18.0835 3.23358C9.88316 3.23358 3.23548 9.8771 3.23548 18.0723V35.5832H0.583496V18.0723C0.583496 8.41337 8.41851 0.583252 18.0835 0.583252C27.7485 0.583252 35.5835 8.41337 35.5835 18.0723C35.5835 27.7312 27.7485 35.5614 18.0835 35.5614H16.7357V32.911H18.0835C26.2838 32.911 32.9315 26.2675 32.9315 18.0723C32.9315 9.8771 26.2838 3.23358 18.0835 3.23358Z" class="sveog" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M18.0833 8.62162C12.8852 8.62162 8.62666 12.9245 8.62666 18.2879V35.5833H5.97468V18.2879C5.97468 11.5105 11.3713 5.97129 18.0833 5.97129C24.7954 5.97129 30.192 11.5105 30.192 18.2879C30.192 25.0653 24.7954 30.6045 18.0833 30.6045H16.7355V27.9542H18.0833C23.2815 27.9542 27.54 23.6513 27.54 18.2879C27.54 12.9245 23.2815 8.62162 18.0833 8.62162Z" class="sveog" fill="currentColor"/>
<path d="M24.8225 18.1012C24.8225 21.8208 21.8053 24.8361 18.0833 24.8361C14.3614 24.8361 11.3442 21.8208 11.3442 18.1012C11.3442 14.3815 14.3614 11.3662 18.0833 11.3662C21.8053 11.3662 24.8225 14.3815 24.8225 18.1012Z" class="sveog" fill="currentColor"/>
</svg>
</a>
</div>
<div class="rbr78 lj5z1">
</div>
</div>
</div>
<div id="hs-pro-sh-mobile-wrapper" class="flex jkwm1"></div>
<!-- Button Group -->
<div class="flex smdr3 items-center n6i5x nawi8 ga1u8 xunp3 x085q kip1b">
<!-- Weather Widget -->
<a class="hidden sm:block ga1u8 z47ts dhjk1 block tg9cj kghwt smna3 focus:outline-hidden lfqrn pjm7z" href="#">
<div class="flex items-center b1nd2">
<span class="vuico">☀</span>
<div class="hlt95">
<p class="x3nzy ybpo8 bm32j">
London
</p>
<p class="xs2f2 kew0r">
26°C, Sunny
</p>
</div>
</div>
</a>
<!-- End Weather Widget -->
<!-- Navbar Toggle -->
<div class="lg:hidden">
<button type="button" class="hs-collapse-toggle yl1cu flex jkwm1 items-center w4xo0 cnneu kghwt kew0r lu9at focus:outline-hidden enqcq disabled:opacity-50 disabled:pointer-events-none" id="hs-navbar-shnc-collapse" aria-expanded="false" aria-controls="hs-navbar-shnc" aria-label="Toggle navigation" data-hs-collapse="#hs-navbar-shnc">
<svg class="hs-collapse-open:hidden e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="3" x2="21" y1="6" y2="6"/><line x1="3" x2="21" y1="12" y2="12"/><line x1="3" x2="21" y1="18" y2="18"/></svg>
<svg class="hs-collapse-open:block hidden e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>
</button>
</div>
<!-- End Navbar Toggle -->
</div>
<!-- End Button Group -->
<!-- Collapse -->
<div id="hs-navbar-shnc" class="hs-collapse hidden overflow-hidden fl36v ufjzp ygsjd hlt95 lg:block lg:w-auto lg:basis-auto o42wv" aria-labelledby="hs-navbar-shnc-collapse">
<div class="w-full flex flex-col v1hon chaem lg:flex-row h8ow1 lg:items-center wxbqx">
<div>
<a class="od5va azxvc urvqr inline-flex jkwm1 items-center w4xo0 kew0r s1lil kghwt njb7i focus:outline-hidden frubm tg9cj" href="index.html" aria-current="page">Home</a>
</div>
<div>
<a class="od5va azxvc urvqr inline-flex jkwm1 items-center w4xo0 kew0r s1lil kghwt njb7i focus:outline-hidden frubm " href="stats.html" >Stats</a>
</div>
<div id="hs-pro-sh-desktop-wrapper">
<div class="uo1vr flex jkwm1" data-hs-switch-place='{
"xs": "#hs-pro-sh-mobile-wrapper",
"lg": "#hs-pro-sh-desktop-wrapper"
}'>
<!-- Widget -->
<div class="wix63 inline-flex flex-row jkwm1 items-center ptv2d rsdjd en95w kghwt">
<div class="hs-tooltip [--placement:bottom] inline-block">
<button type="button" class="hs-tooltip-toggle ztp6v inline-flex jkwm1 items-center kew0r kghwt lu9at focus:outline-hidden enqcq">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/></svg>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 sd513 inline-block absolute vajpp wzd7f ga1u8 jxswk ik1zp xs2f2 sikx1 kew0r kghwt pjm7z" role="tooltip">
Search
</span>
</button>
</div>
<div class="hs-tooltip [--placement:bottom] inline-block">
<a class="hs-tooltip-toggle ztp6v inline-flex jkwm1 items-center kew0r kghwt lu9at focus:outline-hidden enqcq" href="#">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12c.552 0 1.005-.449.95-.998a10 10 0 0 0-8.953-8.951c-.55-.055-.998.398-.998.95v8a1 1 0 0 0 1 1z"/><path d="M21.21 15.89A10 10 0 1 1 8 2.83"/></svg>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 sd513 inline-block absolute vajpp wzd7f ga1u8 jxswk ik1zp xs2f2 sikx1 kew0r kghwt pjm7z" role="tooltip">
Consuption Stats
</span>
</a>
</div>
<div class="hs-tooltip [--placement:bottom] inline-block">
<button type="button" class="hs-tooltip-toggle ztp6v inline-flex jkwm1 items-center kew0r kghwt tg9cj smna3 focus:outline-hidden lfqrn" data-hs-overlay="#hs-pro-shwo" aria-expanded="false">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 sd513 inline-block absolute vajpp wzd7f ga1u8 jxswk ik1zp xs2f2 sikx1 kew0r kghwt pjm7z" role="tooltip">
Add Widget
</span>
</button>
</div>
<div class="hs-tooltip [--placement:bottom] inline-block">
<a class="hs-tooltip-toggle ztp6v inline-flex jkwm1 items-center kew0r kghwt lu9at focus:outline-hidden enqcq" href="#">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"/><circle cx="12" cy="12" r="3"/></svg>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 sd513 inline-block absolute vajpp wzd7f ga1u8 jxswk ik1zp xs2f2 sikx1 kew0r kghwt pjm7z" role="tooltip">
Settings
</span>
</a>
</div>
<div class="hs-tooltip [--placement:bottom] inline-block">
<a class="hs-tooltip-toggle ztp6v inline-flex jkwm1 items-center kew0r kghwt lu9at focus:outline-hidden enqcq" href="#">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><circle cx="12" cy="10" r="3"/><path d="M7 20.662V19a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v1.662"/></svg>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 sd513 inline-block absolute vajpp wzd7f ga1u8 jxswk ik1zp xs2f2 sikx1 kew0r kghwt pjm7z" role="tooltip">
Account
</span>
</a>
</div>
</div>
<!-- End Widget -->
</div>
</div>
<div>
<a class="od5va azxvc urvqr inline-flex jkwm1 items-center w4xo0 kew0r s1lil kghwt njb7i focus:outline-hidden frubm " href="cameras.html" >Cameras</a>
</div>
<!-- Dropdown Link -->
<div class="hs-dropdown [--strategy:static] lg:[--strategy:absolute] [--adaptive:none] lg:[--trigger:hover] lg:inline-block">
<!-- Link Button -->
<button id="hs-pro-dnlcd" type="button" class="hs-dropdown-toggle od5va azxvc urvqr inline-flex jkwm1 items-center w4xo0 kew0r s1lil kghwt njb7i focus:outline-hidden frubm" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
Rooms
<svg class="hs-dropdown-open:-rotate-180 lg:hs-dropdown-open:rotate-0 ufjzp ncgn0 e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" 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"/></svg>
</button>
<!-- End Link Button -->
<!-- Dropdown Menu -->
<div class="hs-dropdown-menu transition-[opacity,margin] duration-[0.1ms] lg:duration-[150ms] hs-dropdown-open:opacity-100 opacity-0 w-full cn7gd dcm95 hidden wzd7f top-full gihcw oslbt i1iav j6lfl ggpe3 kshom oif5w cpsl7 before:absolute before:-top-3 before:start-0 before:w-full before:h-5" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-dnlcd">
<!-- Grid -->
<div class="ylm8n dzapa uffu7 g27d7 xh5o9">
<!-- Image Card -->
<a class="relative group w-full oze6r block rsdjd en95w pb094 after:absolute after:inset-0 after:size-full after:bg-linear-to-t after:from-black/90 after:to-transparent after:rounded-lg" href="#">
<img class="fp3m4 x1s1r i068m pb094" src="https://images.unsplash.com/photo-1616486701797-0f33f61038ec?q=80&w=780&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Card Image">
<div class="absolute mq18k e33ca aka1n w5byh">
<div class="flex ox2cl items-center o4ndh">
<span class="w4xo0 kew0r">
Living Room
</span>
<span class="opacity-0 group-hover:opacity-100 group-hover:translate-x-0 -translate-x-2 whz4r ey6m2">
<svg class="e731n b9gop kew0r" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>
</span>
</div>
</div>
</a>
<!-- End Image Card -->
<!-- Image Card -->
<a class="relative group w-full oze6r block rsdjd en95w pb094 after:absolute after:inset-0 after:size-full after:bg-linear-to-t after:from-black/90 after:to-transparent after:rounded-lg" href="#">
<img class="fp3m4 x1s1r i068m pb094" src="https://images.unsplash.com/photo-1600585152220-90363fe7e115?q=80&w=780&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Card Image">
<div class="absolute mq18k e33ca aka1n w5byh">
<div class="flex ox2cl items-center o4ndh">
<span class="w4xo0 kew0r">
Kitchen
</span>
<span class="opacity-0 group-hover:opacity-100 group-hover:translate-x-0 -translate-x-2 whz4r ey6m2">
<svg class="e731n b9gop kew0r" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>
</span>
</div>
</div>
</a>
<!-- End Image Card -->
<!-- Image Card -->
<a class="relative group w-full oze6r block rsdjd en95w pb094 after:absolute after:inset-0 after:size-full after:bg-linear-to-t after:from-black/90 after:to-transparent after:rounded-lg" href="#">
<img class="fp3m4 x1s1r i068m pb094" src="https://images.unsplash.com/photo-1696846913141-634e2b1652e3?q=80&w=780&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Card Image">
<div class="absolute mq18k e33ca aka1n w5byh">
<div class="flex ox2cl items-center o4ndh">
<span class="w4xo0 kew0r">
Backyard
</span>
<span class="opacity-0 group-hover:opacity-100 group-hover:translate-x-0 -translate-x-2 whz4r ey6m2">
<svg class="e731n b9gop kew0r" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>
</span>
</div>
</div>
</a>
<!-- End Image Card -->
<!-- Image Card -->
<a class="relative group w-full oze6r block rsdjd en95w pb094 after:absolute after:inset-0 after:size-full after:bg-linear-to-t after:from-black/90 after:to-transparent after:rounded-lg" href="#">
<img class="fp3m4 x1s1r i068m pb094" src="https://images.unsplash.com/photo-1516455207990-7a41ce80f7ee?q=80&w=780&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Card Image">
<div class="absolute mq18k e33ca aka1n w5byh">
<div class="flex ox2cl items-center o4ndh">
<span class="w4xo0 kew0r">
Hall
</span>
<span class="opacity-0 group-hover:opacity-100 group-hover:translate-x-0 -translate-x-2 whz4r ey6m2">
<svg class="e731n b9gop kew0r" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>
</span>
</div>
</div>
</a>
<!-- End Image Card -->
<!-- Image Card -->
<a class="relative group w-full oze6r block rsdjd en95w pb094 after:absolute after:inset-0 after:size-full after:bg-linear-to-t after:from-black/90 after:to-transparent after:rounded-lg" href="#">
<img class="fp3m4 x1s1r i068m pb094" src="https://images.unsplash.com/photo-1737233347389-24bc3f3fe3a1?q=80&w=780&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Card Image">
<div class="absolute mq18k e33ca aka1n w5byh">
<div class="flex ox2cl items-center o4ndh">
<span class="w4xo0 kew0r">
Office
</span>
<span class="opacity-0 group-hover:opacity-100 group-hover:translate-x-0 -translate-x-2 whz4r ey6m2">
<svg class="e731n b9gop kew0r" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>
</span>
</div>
</div>
</a>
<!-- End Image Card -->
<!-- Image Card -->
<a class="relative group w-full oze6r block rsdjd en95w pb094 after:absolute after:inset-0 after:size-full after:bg-linear-to-t after:from-black/90 after:to-transparent after:rounded-lg" href="#">
<img class="fp3m4 x1s1r i068m pb094" src="https://images.unsplash.com/photo-1737233019359-625e96ec8694?q=80&w=780&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Card Image">
<div class="absolute mq18k e33ca aka1n w5byh">
<div class="flex ox2cl items-center o4ndh">
<span class="w4xo0 kew0r">
Bedroom
</span>
<span class="opacity-0 group-hover:opacity-100 group-hover:translate-x-0 -translate-x-2 whz4r ey6m2">
<svg class="e731n b9gop kew0r" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>
</span>
</div>
</div>
</a>
<!-- End Image Card -->
</div>
<!-- End Grid -->
</div>
<!-- End Dropdown Menu -->
</div>
<!-- End Dropdown Link -->
</div>
</div>
<!-- End Collapse -->
</nav>
</header>
<!-- ========== END HEADER ========== -->
<script src="../../assets/vendor/lodash/lodash.min.js"></script>
<script>
function contentToSwitch() {
const BREAKPOINTS = {
xs: 0,
sm: 640,
md: 768,
lg: 1024,
xl: 1280,
'2xl': 1536,
};
let currentWrapper;
const windowWidth = window.innerWidth;
const contentToSwitch = document.querySelectorAll("[data-hs-switch-place]');
contentToSwitch.forEach((el) => {
const options = JSON.parse(el.getAttribute("data-hs-switch-place"));
Object.keys(options).forEach((key) => {
if (windowWidth >= BREAKPOINTS[key]) currentWrapper = document.querySelector(options[key]);
});
if (currentWrapper.contains(el)) return false;
currentWrapper.append(el);
});
};
window.addEventListener("load", () => {
contentToSwitch();
});
window.addEventListener("muvcr", _.debounce(() => {
contentToSwitch();
}), 100);
</script>
<header class="flex flex-col lg:flex-nowrap wu22o aqyoh dark:bg-neutral-900">
<!-- Topbar -->
<div class="f4yn1 dark:bg-neutral-800">
<div class="ehc3u flex ox2cl w-full mx-auto brrnv fglch xf1r4 ids43">
<div class="flex items-center p5sau">
<button type="button" class="flex items-center n6i5x w9dei sikx1 xs2f2 c9jt8 ovpiy focus:outline-hidden eh0ki dark:text-neutral-200 dark:hover:text-neutral-300 dark:focus:text-neutral-300" data-hs-overlay="#hs-pro-shmnlcm">
<svg class="e731n h6zia" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"/><circle cx="12" cy="10" r="3"/></svg>
Specify the address
</button>
</div>
<ul class="flex flex-wrap items-center g27d7">
<li class="inline-flex items-center relative xs2f2 jy5gh o1d90 mpoq3 first:after:hidden after:absolute after:top-1/2 after:start-0 after:inline-block after:w-px after:h-2.5 after:bg-gray-400 after:rounded-full after:-translate-y-1/2 after:rotate-12 dark:text-neutral-500 dark:after:bg-neutral-600">
<button type="button" class="flex items-center b1nd2 w9dei xs2f2 jy5gh mg8vb focus:outline-hidden pwmu5 dark:text-neutral-200 dark:hover:text-neutral-400 dark:focus:text-neutral-400" data-hs-overlay="#hs-pro-shmnrsm">
<img class="e731n h6zia kghwt" src="../../assets/vendor/svg-country-flags/png250px/us.png" alt="English">
English · USD
</button>
</li>
<li class="hidden sm:inline-flex items-center relative xs2f2 jy5gh o1d90 mpoq3 first:after:hidden after:absolute after:top-1/2 after:start-0 after:inline-block after:w-px after:h-2.5 after:bg-gray-400 after:rounded-full after:-translate-y-1/2 after:rotate-12 dark:text-neutral-500 dark:after:bg-neutral-600">
<a class="xs2f2 jy5gh mg8vb focus:outline-hidden pwmu5 dark:text-neutral-200 dark:hover:text-neutral-400 dark:focus:text-neutral-400" href="#">
Help
</a>
</li>
<li class="hidden sm:inline-flex items-center relative xs2f2 jy5gh o1d90 mpoq3 first:after:hidden after:absolute after:top-1/2 after:start-0 after:inline-block after:w-px after:h-2.5 after:bg-gray-400 after:rounded-full after:-translate-y-1/2 after:rotate-12 dark:text-neutral-500 dark:after:bg-neutral-600">
<a class="xs2f2 jy5gh mg8vb focus:outline-hidden pwmu5 dark:text-neutral-200 dark:hover:text-neutral-400 dark:focus:text-neutral-400" href="#">
Mobile app
</a>
</li>
<li class="hidden sm:inline-flex items-center relative xs2f2 jy5gh o1d90 mpoq3 first:after:hidden after:absolute after:top-1/2 after:start-0 after:inline-block after:w-px after:h-2.5 after:bg-gray-400 after:rounded-full after:-translate-y-1/2 after:rotate-12 dark:text-neutral-500 dark:after:bg-neutral-600">
<!-- Dark Mode -->
<button type="button" class="hs-dark-mode-active:hidden flex hs-dark-mode items-center b1nd2 w4xo0 jy5gh losw6 focus:outline-hidden dulc0 dark:text-neutral-200 dark:hover:text-neutral-400 dark:focus:text-neutral-400" data-hs-theme-click-value="dark">
<svg class="e731n h6zia" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"></path></svg>
<span class="et50x">Dark mode</span>
</button>
<button type="button" class="hs-dark-mode-active:flex hidden hs-dark-mode items-center b1nd2 w4xo0 jy5gh losw6 focus:outline-hidden dulc0 dark:text-neutral-200 dark:hover:text-neutral-400 dark:focus:text-neutral-400" data-hs-theme-click-value="light">
<svg class="e731n h6zia" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="4"></circle><path d="M12 2v2"></path><path d="M12 20v2"></path><path d="m4.93 4.93 1.41 1.41"></path><path d="m17.66 17.66 1.41 1.41"></path><path d="M2 12h2"></path><path d="M20 12h2"></path><path d="m6.34 17.66-1.41 1.41"></path><path d="m19.07 4.93-1.41 1.41"></path></svg>
<span class="et50x">Light mode</span>
</button>
<!-- End Dark Mode -->
</li>
</ul>
</div>
</div>
<!-- End Topbar -->
<div class="ehc3u ygsjd w-full mx-auto brrnv fglch xf1r4 ids43">
<div class="w-full flex md:flex-nowrap md:items-center o4ndh lbxtj">
<!-- Logo -->
<div class="vzu1c md:w-auto flex items-center n6i5x">
<div class="hidden sm:block">
<!-- Logo -->
<a class="flex-none m74u5 mp30q inline-block cnneu focus:outline-hidden o8t9n" href="../../pro/shop-marketplace/index.html" aria-label="Preline">
<svg class="o5z37 h-auto" width="116" height="32" viewBox="0 0 116 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M33.5696 30.8182V11.3182H37.4474V13.7003H37.6229C37.7952 13.3187 38.0445 12.9309 38.3707 12.5369C38.7031 12.1368 39.134 11.8045 39.6634 11.5398C40.1989 11.2689 40.8636 11.1335 41.6577 11.1335C42.6918 11.1335 43.6458 11.4044 44.5199 11.946C45.3939 12.4815 46.0926 13.291 46.6158 14.3743C47.139 15.4515 47.4006 16.8026 47.4006 18.4276C47.4006 20.0095 47.1451 21.3452 46.6342 22.4347C46.1295 23.518 45.4401 24.3397 44.5661 24.8999C43.6982 25.4538 42.7256 25.7308 41.6484 25.7308C40.8852 25.7308 40.2358 25.6046 39.7003 25.3523C39.1709 25.0999 38.737 24.7829 38.3984 24.4013C38.0599 24.0135 37.8014 23.6226 37.6229 23.2287H37.5028V30.8182H33.5696ZM37.4197 18.4091C37.4197 19.2524 37.5367 19.9879 37.7706 20.6158C38.0045 21.2436 38.343 21.733 38.7862 22.0838C39.2294 22.4285 39.768 22.6009 40.402 22.6009C41.0421 22.6009 41.5838 22.4254 42.027 22.0746C42.4702 21.7176 42.8056 21.2251 43.0334 20.5973C43.2673 19.9633 43.3842 19.2339 43.3842 18.4091C43.3842 17.5904 43.2704 16.8703 43.0426 16.2486C42.8149 15.6269 42.4794 15.1406 42.0362 14.7898C41.593 14.4389 41.0483 14.2635 40.402 14.2635C39.7618 14.2635 39.2202 14.4328 38.777 14.7713C38.34 15.1098 38.0045 15.59 37.7706 16.2116C37.5367 16.8333 37.4197 17.5658 37.4197 18.4091ZM49.2427 25.5V11.3182H53.0559V13.7926H53.2037C53.4622 12.9124 53.8961 12.2476 54.5055 11.7983C55.1149 11.3428 55.8166 11.1151 56.6106 11.1151C56.8076 11.1151 57.02 11.1274 57.2477 11.152C57.4754 11.1766 57.6755 11.2105 57.8478 11.2536V14.7436C57.6632 14.6882 57.4077 14.639 57.0815 14.5959C56.7553 14.5528 56.4567 14.5312 56.1859 14.5312C55.6073 14.5312 55.0903 14.6574 54.6348 14.9098C54.1854 15.156 53.8284 15.5007 53.5638 15.9439C53.3052 16.3871 53.176 16.898 53.176 17.4766V25.5H49.2427ZM64.9043 25.777C63.4455 25.777 62.1898 25.4815 61.1373 24.8906C60.0909 24.2936 59.2845 23.4503 58.7182 22.3608C58.1519 21.2652 57.8688 19.9695 57.8688 18.4737C57.8688 17.0149 58.1519 15.7346 58.7182 14.6328C59.2845 13.531 60.0816 12.6723 61.1096 12.0568C62.1437 11.4413 63.3563 11.1335 64.7474 11.1335C65.683 11.1335 66.5539 11.2843 67.3603 11.5859C68.1728 11.8814 68.8806 12.3277 69.4839 12.9247C70.0932 13.5218 70.5672 14.2727 70.9057 15.1776C71.2443 16.0762 71.4135 17.1288 71.4135 18.3352V19.4155H59.4384V16.978H67.7111C67.7111 16.4117 67.588 15.91 67.3418 15.473C67.0956 15.036 66.754 14.6944 66.317 14.4482C65.8861 14.1958 65.3844 14.0696 64.812 14.0696C64.2149 14.0696 63.6856 14.2081 63.2239 14.4851C62.7684 14.7559 62.4114 15.1222 62.1529 15.5838C61.8944 16.0393 61.762 16.5471 61.7559 17.1072V19.4247C61.7559 20.1264 61.8851 20.7327 62.1437 21.2436C62.4083 21.7545 62.7807 22.1484 63.2608 22.4254C63.741 22.7024 64.3103 22.8409 64.9689 22.8409C65.406 22.8409 65.8061 22.7794 66.1692 22.6562C66.5324 22.5331 66.8432 22.3485 67.1018 22.1023C67.3603 21.8561 67.5572 21.5545 67.6927 21.1974L71.3304 21.4375C71.1458 22.3116 70.7672 23.0748 70.1948 23.7273C69.6285 24.3736 68.896 24.8783 67.9974 25.2415C67.1048 25.5985 66.0738 25.777 64.9043 25.777ZM77.1335 6.59091V25.5H73.2003V6.59091H77.1335ZM79.5043 25.5V11.3182H83.4375V25.5H79.5043ZM81.4801 9.49006C80.8954 9.49006 80.3937 9.29616 79.9752 8.90838C79.5628 8.51444 79.3566 8.04356 79.3566 7.49574C79.3566 6.95407 79.5628 6.48935 79.9752 6.10156C80.3937 5.70762 80.8954 5.51065 81.4801 5.51065C82.0649 5.51065 82.5635 5.70762 82.9759 6.10156C83.3944 6.48935 83.6037 6.95407 83.6037 7.49574C83.6037 8.04356 83.3944 8.51444 82.9759 8.90838C82.5635 9.29616 82.0649 9.49006 81.4801 9.49006ZM89.7415 17.3011V25.5H85.8083V11.3182H89.5569V13.8203H89.723C90.037 12.9955 90.5632 12.343 91.3019 11.8629C92.0405 11.3767 92.9361 11.1335 93.9887 11.1335C94.9735 11.1335 95.8322 11.349 96.5647 11.7798C97.2971 12.2107 97.8665 12.8262 98.2728 13.6264C98.679 14.4205 98.8821 15.3684 98.8821 16.4702V25.5H94.9489V17.1719C94.9551 16.304 94.7335 15.6269 94.2841 15.1406C93.8348 14.6482 93.2162 14.402 92.4283 14.402C91.8989 14.402 91.4311 14.5159 91.0249 14.7436C90.6248 14.9714 90.3109 15.3037 90.0831 15.7408C89.8615 16.1716 89.7477 16.6918 89.7415 17.3011ZM107.665 25.777C106.206 25.777 104.951 25.4815 103.898 24.8906C102.852 24.2936 102.045 23.4503 101.479 22.3608C100.913 21.2652 100.63 19.9695 100.63 18.4737C100.63 17.0149 100.913 15.7346 101.479 14.6328C102.045 13.531 102.842 12.6723 103.87 12.0568C104.905 11.4413 106.117 11.1335 107.508 11.1335C108.444 11.1335 109.315 11.2843 110.121 11.5859C110.934 11.8814 111.641 12.3277 112.245 12.9247C112.854 13.5218 113.328 14.2727 113.667 15.1776C114.005 16.0762 114.174 17.1288 114.174 18.3352V19.4155H102.199V16.978H110.472C110.472 16.4117 110.349 15.91 110.103 15.473C109.856 15.036 109.515 14.6944 109.078 14.4482C108.647 14.1958 108.145 14.0696 107.573 14.0696C106.976 14.0696 106.446 14.2081 105.985 14.4851C105.529 14.7559 105.172 15.1222 104.914 15.5838C104.655 16.0393 104.523 16.5471 104.517 17.1072V19.4247C104.517 20.1264 104.646 20.7327 104.905 21.2436C105.169 21.7545 105.542 22.1484 106.022 22.4254C106.502 22.7024 107.071 22.8409 107.73 22.8409C108.167 22.8409 108.567 22.7794 108.93 22.6562C109.293 22.5331 109.604 22.3485 109.863 22.1023C110.121 21.8561 110.318 21.5545 110.454 21.1974L114.091 21.4375C113.907 22.3116 113.528 23.0748 112.956 23.7273C112.389 24.3736 111.657 24.8783 110.758 25.2415C109.866 25.5985 108.835 25.777 107.665 25.777Z" class="qsg6x dark:fill-white" fill="currentColor"/>
<path d="M1 29.5V16.5C1 9.87258 6.37258 4.5 13 4.5C19.6274 4.5 25 9.87258 25 16.5C25 23.1274 19.6274 28.5 13 28.5H12" class="a77ra dark:stroke-white" stroke="currentColor" stroke-width="2"/>
<path d="M5 29.5V16.66C5 12.1534 8.58172 8.5 13 8.5C17.4183 8.5 21 12.1534 21 16.66C21 21.1666 17.4183 24.82 13 24.82H12" class="a77ra dark:stroke-white" stroke="currentColor" stroke-width="2"/>
<circle cx="13" cy="16.5214" r="5" class="qsg6x dark:fill-white" fill="currentColor"/>
</svg>
</a>
<!-- End Logo -->
</div>
<div class="sm:hidden">
<a class="flex-none m74u5 mp30q inline-block cnneu focus:outline-hidden o8t9n" href="../../pro/shop-marketplace/index.html" aria-label="Preline">
<svg class="btr92 h-auto" width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M18.0835 3.23358C9.88316 3.23358 3.23548 9.8771 3.23548 18.0723V35.5832H0.583496V18.0723C0.583496 8.41337 8.41851 0.583252 18.0835 0.583252C27.7485 0.583252 35.5835 8.41337 35.5835 18.0723C35.5835 27.7312 27.7485 35.5614 18.0835 35.5614H16.7357V32.911H18.0835C26.2838 32.911 32.9315 26.2675 32.9315 18.0723C32.9315 9.8771 26.2838 3.23358 18.0835 3.23358Z" class="qsg6x dark:fill-emerald-500" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M18.0833 8.62162C12.8852 8.62162 8.62666 12.9245 8.62666 18.2879V35.5833H5.97468V18.2879C5.97468 11.5105 11.3713 5.97129 18.0833 5.97129C24.7954 5.97129 30.192 11.5105 30.192 18.2879C30.192 25.0653 24.7954 30.6045 18.0833 30.6045H16.7355V27.9542H18.0833C23.2815 27.9542 27.54 23.6513 27.54 18.2879C27.54 12.9245 23.2815 8.62162 18.0833 8.62162Z" class="qsg6x dark:fill-emerald-500" fill="currentColor"/>
<path d="M24.8225 18.1012C24.8225 21.8208 21.8053 24.8361 18.0833 24.8361C14.3614 24.8361 11.3442 21.8208 11.3442 18.1012C11.3442 14.3815 14.3614 11.3662 18.0833 11.3662C21.8053 11.3662 24.8225 14.3815 24.8225 18.1012Z" class="qsg6x dark:fill-emerald-500" fill="currentColor"/>
</svg>
</a>
</div>
<div class="rbr78 lj5z1">
</div>
</div>
<!-- End Logo -->
<!-- Search -->
<div class="md:w-full aroll z7nvk md:w-auto">
<div class="relative flex ygsjd items-center n6i5x cvy13">
<!-- Dropdown Link -->
<div class="hs-dropdown [--adaptive:none] [--auto-close:inside] md:inline-block">
<!-- Link Button -->
<button id="hs-pro-shmnctdm" type="button" class="hs-dropdown-toggle relative rcut6 yzhap nv7zt f2l40 flex items-center b1nd2 w4xo0 w9dei zu875 rsdjd azddh kew0r kghwt wz1vo disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden gugmw dark:bg-emerald-500 dark:hover:bg-emerald-600 dark:focus:bg-emerald-600" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<svg class="hs-dropdown-open:hidden e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="4" x2="20" y1="12" y2="12"/><line x1="4" x2="20" y1="6" y2="6"/><line x1="4" x2="20" y1="18" y2="18"/></svg>
<svg class="hs-dropdown-open:block hidden e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>
Catalog
</button>
<!-- End Link Button -->
<!-- Dropdown Menu -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 opacity-0 w-full hidden gbcuh top-full gihcw dcm95 aqyoh gmg3v before:absolute before:-top-4 before:start-0 before:w-full before:h-5 dark:bg-neutral-900 dark:border-neutral-700" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-shmnctdm">
<!-- Container -->
<div class="ehc3u w-full mx-auto s53ws rveii fglch xf1r4 ids43">
<select id="hs-catalog-sidebar-nav-select" class="hidden" data-hs-select='{
"placeholder": "Select option...",
"toggleTag": "<button type=\"button\" aria-expanded=\"false\"><span class=\"hrvkp \" data-icon></span><span class=\"c9jt8 dark:text-neutral-200 \" data-title></span></button>",
"toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative s53ws f2l40 ur1vp flex items-center m6d8q w-full cursor-pointer f4yn1 c9jt8 pb094 w9dei w4xo0 dark:bg-neutral-800 dark:text-neutral-200",
"wrapperClasses": "sm:hidden ki2kd",
"dropdownClasses": "ja90s wu22o w-full rdef8 vyel6 space-y-0.5 aqyoh rsdjd lnk45 pb094 gmg3v overflow-hidden overflow-y-auto xwpzv y0qzi bxgd5 n3xnc dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900 dark:border-neutral-700",
"optionClasses": "hs-selected:bg-gray-100 dark:hs-selected:bg-neutral-800 s53ws f2l40 w-full w4xo0 c9jt8 cursor-pointer d05xb pb094 focus:outline-hidden r17tr dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex items-center \"><div class=\"rd8ez \" data-icon></div><div class=\"c9jt8 dark:text-neutral-200 \" data-title></div></div>",
"extraMarkup": "<div class=\"absolute zoyba t5w1f -translate-y-1/2 \"><svg class=\"e731n h6zia jy5gh dark:text-neutral-500 \" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m7 15 5 5 5-5\"/><path d=\"m7 9 5-5 5 5\"/></svg></div>"
}'>
<option value="#mega-menu-catalog-tab-1" data-hs-select-option='{
"icon": "<svg class=\"e731n b9gop \" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"14\" height=\"20\" x=\"5\" y=\"2\" rx=\"2\" ry=\"2\"/><path d=\"M12 18h.01\"/></svg>"
}' selected>Electronics</option>
<option value="#mega-menu-catalog-tab-2" data-hs-select-option='{
"icon": "<svg class=\"e731n b9gop \" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20.38 3.46 16 2a4 4 0 0 1-8 0L3.62 3.46a2 2 0 0 0-1.34 2.23l.58 3.47a1 1 0 0 0 .99.84H6v10c0 1.1.9 2 2 2h8a2 2 0 0 0 2-2V10h2.15a1 1 0 0 0 .99-.84l.58-3.47a2 2 0 0 0-1.34-2.23z\"/></svg>"
}'>Clothing</option>
<option value="#mega-menu-catalog-tab-3" data-hs-select-option='{
"icon": "<svg class=\"e731n b9gop \" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 20h10\"/><path d=\"M10 20c5.5-2.5.8-6.4 3-10\"/><path d=\"M9.5 9.4c1.1.8 1.8 2.2 2.3 3.7-2 .4-3.5.4-4.8-.3-1.2-.6-2.3-1.9-3-4.2 2.8-.5 4.4 0 5.5.8z\"/><path d=\"M14.1 6a7 7 0 0 0-1.1 4c1.9-.1 3.3-.6 4.3-1.4 1-1 1.6-2.3 1.7-4.6-2.7.1-4 1-4.9 2z\"/></svg>"
}'>House & Garden</option>
<option value="#mega-menu-catalog-tab-4" data-hs-select-option='{
"icon": "<svg class=\"e731n b9gop \" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 12h.01\"/><path d=\"M15 12h.01\"/><path d=\"M10 16c.5.3 1.2.5 2 .5s1.5-.2 2-.5\"/><path d=\"M19 6.3a9 9 0 0 1 1.8 3.9 2 2 0 0 1 0 3.6 9 9 0 0 1-17.6 0 2 2 0 0 1 0-3.6A9 9 0 0 1 12 3c2 0 3.5 1.1 3.5 2.5s-.9 2.5-2 2.5c-.8 0-1.5-.4-1.5-1\"/></svg>"
}'>Baby Care</option>
<option value="#mega-menu-catalog-tab-5" data-hs-select-option='{
"icon": "<svg class=\"e731n b9gop \" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 6h3\"/><path d=\"M17 6h.01\"/><rect width=\"18\" height=\"20\" x=\"3\" y=\"2\" rx=\"2\"/><circle cx=\"12\" cy=\"13\" r=\"5\"/><path d=\"M12 18a2.5 2.5 0 0 0 0-5 2.5 2.5 0 0 1 0-5\"/></svg>"
}'>Home appliances</option>
<option value="#mega-menu-catalog-tab-6" data-hs-select-option='{
"icon": "<svg class=\"e731n b9gop \" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M11.1 7.1a16.55 16.55 0 0 1 10.9 4\"/><path d=\"M12 12a12.6 12.6 0 0 1-8.7 5\"/><path d=\"M16.8 13.6a16.55 16.55 0 0 1-9 7.5\"/><path d=\"M20.7 17a12.8 12.8 0 0 0-8.7-5 13.3 13.3 0 0 1 0-10\"/><path d=\"M6.3 3.8a16.55 16.55 0 0 0 1.9 11.5\"/><circle cx=\"12\" cy=\"12\" r=\"10\"/></svg>"
}'>Sports & Fitness</option>
<option value="#mega-menu-catalog-tab-7" data-hs-select-option='{
"icon": "<svg class=\"e731n b9gop \" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M10 18a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H5a3 3 0 0 1-3-3 1 1 0 0 1 1-1z\"/><path d=\"M13 10H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1l-.81 3.242a1 1 0 0 1-.97.758H8\"/><path d=\"M14 4h3a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-3\"/><path d=\"M18 6h4\"/><path d=\"m5 10-2 8\"/><path d=\"m7 18 2-8\"/></svg>"
}'>Construction & Renovation</option>
<option value="#mega-menu-catalog-tab-8" data-hs-select-option='{
"icon": "<svg class=\"e731n b9gop \" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 20.94c1.5 0 2.75 1.06 4 1.06 3 0 6-8 6-12.22A4.91 4.91 0 0 0 17 5c-2.22 0-4 1.44-5 2-1-.56-2.78-2-5-2a4.9 4.9 0 0 0-5 4.78C2 14 5 22 8 22c1.25 0 2.5-1.06 4-1.06Z\"/><path d=\"M10 2c1 .5 2 2 2 5\"/></svg>"
}'>Food</option>
<option value="#mega-menu-catalog-tab-9" data-hs-select-option='{
"icon": "<svg class=\"e731n b9gop \" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m10.5 20.5 10-10a4.95 4.95 0 1 0-7-7l-10 10a4.95 4.95 0 1 0 7 7Z\"/><path d=\"m8.5 8.5 7 7\"/></svg>"
}'>Pharmacy</option>
<option value="#mega-menu-catalog-tab-10" data-hs-select-option='{
"icon": "<svg class=\"e731n b9gop \" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M11.25 16.25h1.5L12 17z\"/><path d=\"M16 14v.5\"/><path d=\"M4.42 11.247A13.152 13.152 0 0 0 4 14.556C4 18.728 7.582 21 12 21s8-2.272 8-6.444a11.702 11.702 0 0 0-.493-3.309\"/><path d=\"M8 14v.5\"/><path d=\"M8.5 8.5c-.384 1.05-1.083 2.028-2.344 2.5-1.931.722-3.576-.297-3.656-1-.113-.994 1.177-6.53 4-7 1.923-.321 3.651.845 3.651 2.235A7.497 7.497 0 0 1 14 5.277c0-1.39 1.844-2.598 3.767-2.277 2.823.47 4.113 6.006 4 7-.08.703-1.725 1.722-3.656 1-1.261-.472-1.855-1.45-2.239-2.5\"/></svg>"
}'>Pet Products</option>
<option value="#mega-menu-catalog-tab-11" data-hs-select-option='{
"icon": "<svg class=\"e731n b9gop \" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H19a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6.5a1 1 0 0 1 0-5H20\"/><path d=\"M8 11h8\"/><path d=\"M8 7h6\"/></svg>"
}'>Books</option>
<option value="#mega-menu-catalog-tab-12" data-hs-select-option='{
"icon": "<svg class=\"e731n b9gop \" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"4\" cy=\"4\" r=\"2\"/><path d=\"m14 5 3-3 3 3\"/><path d=\"m14 10 3-3 3 3\"/><path d=\"M17 14V2\"/><path d=\"M17 14H7l-5 8h20Z\"/><path d=\"M8 14v8\"/><path d=\"m9 14 5 8\"/></svg>"
}'>Tourism, fishing, hunting</option>
<option value="#mega-menu-catalog-tab-13" data-hs-select-option='{
"icon": "<svg class=\"e731n b9gop \" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19 9V6a2 2 0 0 0-2-2H7a2 2 0 0 0-2 2v3\"/><path d=\"M3 16a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-5a2 2 0 0 0-4 0v1.5a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5V11a2 2 0 0 0-4 0z\"/><path d=\"M5 18v2\"/><path d=\"M19 18v2\"/></svg>"
}'>Furniture</option>
<option value="#mega-menu-catalog-tab-14" data-hs-select-option='{
"icon": "<svg class=\"e731n b9gop \" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 3h12l4 6-10 13L2 9Z\"/><path d=\"M11 3 8 9l4 13 4-13-3-6\"/><path d=\"M2 9h20\"/></svg>"
}'>Jewelery</option>
<option value="#mega-menu-catalog-tab-15" data-hs-select-option='{
"icon": "<svg class=\"e731n b9gop \" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"6\" cy=\"15\" r=\"4\"/><circle cx=\"18\" cy=\"15\" r=\"4\"/><path d=\"M14 15a2 2 0 0 0-2-2 2 2 0 0 0-2 2\"/><path d=\"M2.5 13 5 7c.7-1.3 1.4-2 3-2\"/><path d=\"M21.5 13 19 7c-.7-1.3-1.5-2-3-2\"/></svg>"
}'>Accessories</option>
<option value="#mega-menu-catalog-tab-16" data-hs-select-option='{
"icon": "<svg class=\"e731n b9gop \" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"6\" x2=\"10\" y1=\"11\" y2=\"11\"/><line x1=\"8\" x2=\"8\" y1=\"9\" y2=\"13\"/><line x1=\"15\" x2=\"15.01\" y1=\"12\" y2=\"12\"/><line x1=\"18\" x2=\"18.01\" y1=\"10\" y2=\"10\"/><path d=\"M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z\"/></svg>"
}'>Games & Consoles</option>
<option value="#mega-menu-catalog-tab-17" data-hs-select-option='{
"icon": "<svg class=\"e731n b9gop \" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M13 7 8.7 2.7a2.41 2.41 0 0 0-3.4 0L2.7 5.3a2.41 2.41 0 0 0 0 3.4L7 13\"/><path d=\"m8 6 2-2\"/><path d=\"m18 16 2-2\"/><path d=\"m17 11 4.3 4.3c.94.94.94 2.46 0 3.4l-2.6 2.6c-.94.94-2.46.94-3.4 0L11 17\"/><path d=\"M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z\"/><path d=\"m15 5 4 4\"/></svg>"
}'>Stationery</option>
<option value="#mega-menu-catalog-tab-18" data-hs-select-option='{
"icon": "<svg class=\"e731n b9gop \" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 10a2 2 0 0 0-2 2c0 1.02-.1 2.51-.26 4\"/><path d=\"M14 13.12c0 2.38 0 6.38-1 8.88\"/><path d=\"M17.29 21.02c.12-.6.43-2.3.5-3.02\"/><path d=\"M2 12a10 10 0 0 1 18-6\"/><path d=\"M2 16h.01\"/><path d=\"M21.8 16c.2-2 .131-5.354 0-6\"/><path d=\"M5 19.5C5.5 18 6 15 6 12a6 6 0 0 1 .34-2\"/><path d=\"M8.65 22c.21-.66.45-1.32.57-2\"/><path d=\"M9 6.8a6 6 0 0 1 9 5.2v2\"/></svg>"
}'>Digital Goods</option>
<option value="#mega-menu-catalog-tab-19" data-hs-select-option='{
"icon": "<svg class=\"e731n b9gop \" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 18V5l12-2v13\"/><circle cx=\"6\" cy=\"18\" r=\"3\"/><circle cx=\"18\" cy=\"16\" r=\"3\"/></svg>"
}'>Music</option>
</select>
<!-- Grid -->
<div class="flex">
<!-- Sidebar -->
<div class="hidden sm:block wymgx wjyt0 x2m5f overflow-y-auto xwpzv y0qzi bxgd5 n3xnc dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<div id="hs-catalog-sidebar-nav-tabs" class="flex flex-col jon87" aria-label="Tabs" role="tablist" aria-orientation="horizontal" data-hs-tabs='{
"eventType": "hover",
"preventNavigationResolution": "sm"
}'>
<!-- Link -->
<a class="hs-tab-active:bg-gray-100 dark:hs-tab-active:bg-neutral-800 gdxvw jxswk w-full flex items-center n9hej w9dei sikx1 w4xo0 aqyoh c9jt8 pb094 d05xb focus:outline-hidden r17tr dark:bg-neutral-900 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 active" id="mega-menu-catalog-tab-item-1" aria-selected="true" data-hs-tab="#mega-menu-catalog-tab-1" aria-controls="mega-menu-catalog-tab-1" role="tab" href="#">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="20" x="5" y="2" rx="2" ry="2"/><path d="M12 18h.01"/></svg>
Electronics
<svg class="e731n h6zia ms-auto jy5gh dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg>
</a>
<!-- End Link -->
<!-- Link -->
<a class="hs-tab-active:bg-gray-100 dark:hs-tab-active:bg-neutral-800 gdxvw jxswk w-full flex items-center n9hej w9dei sikx1 w4xo0 aqyoh c9jt8 pb094 d05xb focus:outline-hidden r17tr dark:bg-neutral-900 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" id="mega-menu-catalog-tab-item-2" aria-selected="false" data-hs-tab="#mega-menu-catalog-tab-2" aria-controls="mega-menu-catalog-tab-2" role="tab" href="#">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20.38 3.46 16 2a4 4 0 0 1-8 0L3.62 3.46a2 2 0 0 0-1.34 2.23l.58 3.47a1 1 0 0 0 .99.84H6v10c0 1.1.9 2 2 2h8a2 2 0 0 0 2-2V10h2.15a1 1 0 0 0 .99-.84l.58-3.47a2 2 0 0 0-1.34-2.23z"/></svg>
Clothing
<svg class="e731n h6zia ms-auto jy5gh dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg>
</a>
<!-- End Link -->
<!-- Link -->
<a class="hs-tab-active:bg-gray-100 dark:hs-tab-active:bg-neutral-800 gdxvw jxswk w-full flex items-center n9hej w9dei sikx1 w4xo0 aqyoh c9jt8 pb094 d05xb focus:outline-hidden r17tr dark:bg-neutral-900 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" id="mega-menu-catalog-tab-item-3" aria-selected="false" data-hs-tab="#mega-menu-catalog-tab-3" aria-controls="mega-menu-catalog-tab-3" role="tab" href="#">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7 20h10"/><path d="M10 20c5.5-2.5.8-6.4 3-10"/><path d="M9.5 9.4c1.1.8 1.8 2.2 2.3 3.7-2 .4-3.5.4-4.8-.3-1.2-.6-2.3-1.9-3-4.2 2.8-.5 4.4 0 5.5.8z"/><path d="M14.1 6a7 7 0 0 0-1.1 4c1.9-.1 3.3-.6 4.3-1.4 1-1 1.6-2.3 1.7-4.6-2.7.1-4 1-4.9 2z"/></svg>
House & Garden
<svg class="e731n h6zia ms-auto jy5gh dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg>
</a>
<!-- End Link -->
<!-- Link -->
<a class="hs-tab-active:bg-gray-100 dark:hs-tab-active:bg-neutral-800 gdxvw jxswk w-full flex items-center n9hej w9dei sikx1 w4xo0 aqyoh c9jt8 pb094 d05xb focus:outline-hidden r17tr dark:bg-neutral-900 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" id="mega-menu-catalog-tab-item-4" aria-selected="false" data-hs-tab="#mega-menu-catalog-tab-4" aria-controls="mega-menu-catalog-tab-4" role="tab" href="#">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 12h.01"/><path d="M15 12h.01"/><path d="M10 16c.5.3 1.2.5 2 .5s1.5-.2 2-.5"/><path d="M19 6.3a9 9 0 0 1 1.8 3.9 2 2 0 0 1 0 3.6 9 9 0 0 1-17.6 0 2 2 0 0 1 0-3.6A9 9 0 0 1 12 3c2 0 3.5 1.1 3.5 2.5s-.9 2.5-2 2.5c-.8 0-1.5-.4-1.5-1"/></svg>
Baby Care
<svg class="e731n h6zia ms-auto jy5gh dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg>
</a>
<!-- End Link -->
<!-- Link -->
<a class="hs-tab-active:bg-gray-100 dark:hs-tab-active:bg-neutral-800 gdxvw jxswk w-full flex items-center n9hej w9dei sikx1 w4xo0 aqyoh c9jt8 pb094 d05xb focus:outline-hidden r17tr dark:bg-neutral-900 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" id="mega-menu-catalog-tab-item-5" aria-selected="false" data-hs-tab="#mega-menu-catalog-tab-5" aria-controls="mega-menu-catalog-tab-5" role="tab" href="#">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h3"/><path d="M17 6h.01"/><rect width="18" height="20" x="3" y="2" rx="2"/><circle cx="12" cy="13" r="5"/><path d="M12 18a2.5 2.5 0 0 0 0-5 2.5 2.5 0 0 1 0-5"/></svg>
Home appliances
<svg class="e731n h6zia ms-auto jy5gh dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg>
</a>
<!-- End Link -->
<!-- Link -->
<a class="hs-tab-active:bg-gray-100 dark:hs-tab-active:bg-neutral-800 gdxvw jxswk w-full flex items-center n9hej w9dei sikx1 w4xo0 aqyoh c9jt8 pb094 d05xb focus:outline-hidden r17tr dark:bg-neutral-900 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" id="mega-menu-catalog-tab-item-6" aria-selected="false" data-hs-tab="#mega-menu-catalog-tab-6" aria-controls="mega-menu-catalog-tab-6" role="tab" href="#">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M11.1 7.1a16.55 16.55 0 0 1 10.9 4"/><path d="M12 12a12.6 12.6 0 0 1-8.7 5"/><path d="M16.8 13.6a16.55 16.55 0 0 1-9 7.5"/><path d="M20.7 17a12.8 12.8 0 0 0-8.7-5 13.3 13.3 0 0 1 0-10"/><path d="M6.3 3.8a16.55 16.55 0 0 0 1.9 11.5"/><circle cx="12" cy="12" r="10"/></svg>
Sports & Fitness
<svg class="e731n h6zia ms-auto jy5gh dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg>
</a>
<!-- End Link -->
<!-- Link -->
<a class="hs-tab-active:bg-gray-100 dark:hs-tab-active:bg-neutral-800 gdxvw jxswk w-full flex items-center n9hej w9dei sikx1 w4xo0 aqyoh c9jt8 pb094 d05xb focus:outline-hidden r17tr dark:bg-neutral-900 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" id="mega-menu-catalog-tab-item-7" aria-selected="false" data-hs-tab="#mega-menu-catalog-tab-7" aria-controls="mega-menu-catalog-tab-7" role="tab" href="#">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10 18a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H5a3 3 0 0 1-3-3 1 1 0 0 1 1-1z"/><path d="M13 10H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1l-.81 3.242a1 1 0 0 1-.97.758H8"/><path d="M14 4h3a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-3"/><path d="M18 6h4"/><path d="m5 10-2 8"/><path d="m7 18 2-8"/></svg>
Constraction & Renovation
<svg class="e731n h6zia ms-auto jy5gh dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg>
</a>
<!-- End Link -->
<!-- Link -->
<a class="hs-tab-active:bg-gray-100 dark:hs-tab-active:bg-neutral-800 gdxvw jxswk w-full flex items-center n9hej w9dei sikx1 w4xo0 aqyoh c9jt8 pb094 d05xb focus:outline-hidden r17tr dark:bg-neutral-900 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" id="mega-menu-catalog-tab-item-8" aria-selected="false" data-hs-tab="#mega-menu-catalog-tab-8" aria-controls="mega-menu-catalog-tab-8" role="tab" href="#">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 20.94c1.5 0 2.75 1.06 4 1.06 3 0 6-8 6-12.22A4.91 4.91 0 0 0 17 5c-2.22 0-4 1.44-5 2-1-.56-2.78-2-5-2a4.9 4.9 0 0 0-5 4.78C2 14 5 22 8 22c1.25 0 2.5-1.06 4-1.06Z"/><path d="M10 2c1 .5 2 2 2 5"/></svg>
Food
<svg class="e731n h6zia ms-auto jy5gh dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg>
</a>
<!-- End Link -->
<!-- Link -->
<a class="hs-tab-active:bg-gray-100 dark:hs-tab-active:bg-neutral-800 gdxvw jxswk w-full flex items-center n9hej w9dei sikx1 w4xo0 aqyoh c9jt8 pb094 d05xb focus:outline-hidden r17tr dark:bg-neutral-900 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" id="mega-menu-catalog-tab-item-9" aria-selected="false" data-hs-tab="#mega-menu-catalog-tab-9" aria-controls="mega-menu-catalog-tab-9" role="tab" href="#">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m10.5 20.5 10-10a4.95 4.95 0 1 0-7-7l-10 10a4.95 4.95 0 1 0 7 7Z"/><path d="m8.5 8.5 7 7"/></svg>
Pharmacy
<svg class="e731n h6zia ms-auto jy5gh dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg>
</a>
<!-- End Link -->
<!-- Link -->
<a class="hs-tab-active:bg-gray-100 dark:hs-tab-active:bg-neutral-800 gdxvw jxswk w-full flex items-center n9hej w9dei sikx1 w4xo0 aqyoh c9jt8 pb094 d05xb focus:outline-hidden r17tr dark:bg-neutral-900 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" id="mega-menu-catalog-tab-item-10" aria-selected="false" data-hs-tab="#mega-menu-catalog-tab-10" aria-controls="mega-menu-catalog-tab-10" role="tab" href="#">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M11.25 16.25h1.5L12 17z"/><path d="M16 14v.5"/><path d="M4.42 11.247A13.152 13.152 0 0 0 4 14.556C4 18.728 7.582 21 12 21s8-2.272 8-6.444a11.702 11.702 0 0 0-.493-3.309"/><path d="M8 14v.5"/><path d="M8.5 8.5c-.384 1.05-1.083 2.028-2.344 2.5-1.931.722-3.576-.297-3.656-1-.113-.994 1.177-6.53 4-7 1.923-.321 3.651.845 3.651 2.235A7.497 7.497 0 0 1 14 5.277c0-1.39 1.844-2.598 3.767-2.277 2.823.47 4.113 6.006 4 7-.08.703-1.725 1.722-3.656 1-1.261-.472-1.855-1.45-2.239-2.5"/></svg>
Pet Products
<svg class="e731n h6zia ms-auto jy5gh dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg>
</a>
<!-- End Link -->
<!-- Link -->
<a class="hs-tab-active:bg-gray-100 dark:hs-tab-active:bg-neutral-800 gdxvw jxswk w-full flex items-center n9hej w9dei sikx1 w4xo0 aqyoh c9jt8 pb094 d05xb focus:outline-hidden r17tr dark:bg-neutral-900 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" id="mega-menu-catalog-tab-item-11" aria-selected="false" data-hs-tab="#mega-menu-catalog-tab-11" aria-controls="mega-menu-catalog-tab-11" role="tab" href="#">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H19a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6.5a1 1 0 0 1 0-5H20"/><path d="M8 11h8"/><path d="M8 7h6"/></svg>
Books
<svg class="e731n h6zia ms-auto jy5gh dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg>
</a>
<!-- End Link -->
<!-- Link -->
<a class="hs-tab-active:bg-gray-100 dark:hs-tab-active:bg-neutral-800 gdxvw jxswk w-full flex items-center n9hej w9dei sikx1 w4xo0 aqyoh c9jt8 pb094 d05xb focus:outline-hidden r17tr dark:bg-neutral-900 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" id="mega-menu-catalog-tab-item-12" aria-selected="false" data-hs-tab="#mega-menu-catalog-tab-12" aria-controls="mega-menu-catalog-tab-12" role="tab" href="#">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="4" cy="4" r="2"/><path d="m14 5 3-3 3 3"/><path d="m14 10 3-3 3 3"/><path d="M17 14V2"/><path d="M17 14H7l-5 8h20Z"/><path d="M8 14v8"/><path d="m9 14 5 8"/></svg>
Tourism, fishing, hunting
<svg class="e731n h6zia ms-auto jy5gh dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg>
</a>
<!-- End Link -->
<!-- Link -->
<a class="hs-tab-active:bg-gray-100 dark:hs-tab-active:bg-neutral-800 gdxvw jxswk w-full flex items-center n9hej w9dei sikx1 w4xo0 aqyoh c9jt8 pb094 d05xb focus:outline-hidden r17tr dark:bg-neutral-900 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" id="mega-menu-catalog-tab-item-13" aria-selected="false" data-hs-tab="#mega-menu-catalog-tab-13" aria-controls="mega-menu-catalog-tab-13" role="tab" href="#">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 9V6a2 2 0 0 0-2-2H7a2 2 0 0 0-2 2v3"/><path d="M3 16a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-5a2 2 0 0 0-4 0v1.5a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5V11a2 2 0 0 0-4 0z"/><path d="M5 18v2"/><path d="M19 18v2"/></svg>
Furniture
<svg class="e731n h6zia ms-auto jy5gh dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg>
</a>
<!-- End Link -->
<!-- Link -->
<a class="hs-tab-active:bg-gray-100 dark:hs-tab-active:bg-neutral-800 gdxvw jxswk w-full flex items-center n9hej w9dei sikx1 w4xo0 aqyoh c9jt8 pb094 d05xb focus:outline-hidden r17tr dark:bg-neutral-900 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" id="mega-menu-catalog-tab-item-14" aria-selected="false" data-hs-tab="#mega-menu-catalog-tab-14" aria-controls="mega-menu-catalog-tab-14" role="tab" href="#">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 3h12l4 6-10 13L2 9Z"/><path d="M11 3 8 9l4 13 4-13-3-6"/><path d="M2 9h20"/></svg>
Jewelery
<svg class="e731n h6zia ms-auto jy5gh dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg>
</a>
<!-- End Link -->
<!-- Link -->
<a class="hs-tab-active:bg-gray-100 dark:hs-tab-active:bg-neutral-800 gdxvw jxswk w-full flex items-center n9hej w9dei sikx1 w4xo0 aqyoh c9jt8 pb094 d05xb focus:outline-hidden r17tr dark:bg-neutral-900 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" id="mega-menu-catalog-tab-item-15" aria-selected="false" data-hs-tab="#mega-menu-catalog-tab-15" aria-controls="mega-menu-catalog-tab-15" role="tab" href="#">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="6" cy="15" r="4"/><circle cx="18" cy="15" r="4"/><path d="M14 15a2 2 0 0 0-2-2 2 2 0 0 0-2 2"/><path d="M2.5 13 5 7c.7-1.3 1.4-2 3-2"/><path d="M21.5 13 19 7c-.7-1.3-1.5-2-3-2"/></svg>
Accessories
<svg class="e731n h6zia ms-auto jy5gh dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg>
</a>
<!-- End Link -->
<!-- Link -->
<a class="hs-tab-active:bg-gray-100 dark:hs-tab-active:bg-neutral-800 gdxvw jxswk w-full flex items-center n9hej w9dei sikx1 w4xo0 aqyoh c9jt8 pb094 d05xb focus:outline-hidden r17tr dark:bg-neutral-900 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" id="mega-menu-catalog-tab-item-16" aria-selected="false" data-hs-tab="#mega-menu-catalog-tab-16" aria-controls="mega-menu-catalog-tab-16" role="tab" href="#">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="6" x2="10" y1="11" y2="11"/><line x1="8" x2="8" y1="9" y2="13"/><line x1="15" x2="15.01" y1="12" y2="12"/><line x1="18" x2="18.01" y1="10" y2="10"/><path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z"/></svg>
Games & Consoles
<svg class="e731n h6zia ms-auto jy5gh dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg>
</a>
<!-- End Link -->
<!-- Link -->
<a class="hs-tab-active:bg-gray-100 dark:hs-tab-active:bg-neutral-800 gdxvw jxswk w-full flex items-center n9hej w9dei sikx1 w4xo0 aqyoh c9jt8 pb094 d05xb focus:outline-hidden r17tr dark:bg-neutral-900 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" id="mega-menu-catalog-tab-item-17" aria-selected="false" data-hs-tab="#mega-menu-catalog-tab-17" aria-controls="mega-menu-catalog-tab-17" role="tab" href="#">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M13 7 8.7 2.7a2.41 2.41 0 0 0-3.4 0L2.7 5.3a2.41 2.41 0 0 0 0 3.4L7 13"/><path d="m8 6 2-2"/><path d="m18 16 2-2"/><path d="m17 11 4.3 4.3c.94.94.94 2.46 0 3.4l-2.6 2.6c-.94.94-2.46.94-3.4 0L11 17"/><path d="M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z"/><path d="m15 5 4 4"/></svg>
Stationery
<svg class="e731n h6zia ms-auto jy5gh dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg>
</a>
<!-- End Link -->
<!-- Link -->
<a class="hs-tab-active:bg-gray-100 dark:hs-tab-active:bg-neutral-800 gdxvw jxswk w-full flex items-center n9hej w9dei sikx1 w4xo0 aqyoh c9jt8 pb094 d05xb focus:outline-hidden r17tr dark:bg-neutral-900 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" id="mega-menu-catalog-tab-item-18" aria-selected="false" data-hs-tab="#mega-menu-catalog-tab-18" aria-controls="mega-menu-catalog-tab-18" role="tab" href="#">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 10a2 2 0 0 0-2 2c0 1.02-.1 2.51-.26 4"/><path d="M14 13.12c0 2.38 0 6.38-1 8.88"/><path d="M17.29 21.02c.12-.6.43-2.3.5-3.02"/><path d="M2 12a10 10 0 0 1 18-6"/><path d="M2 16h.01"/><path d="M21.8 16c.2-2 .131-5.354 0-6"/><path d="M5 19.5C5.5 18 6 15 6 12a6 6 0 0 1 .34-2"/><path d="M8.65 22c.21-.66.45-1.32.57-2"/><path d="M9 6.8a6 6 0 0 1 9 5.2v2"/></svg>
Digital Goods
<svg class="e731n h6zia ms-auto jy5gh dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg>
</a>
<!-- End Link -->
<!-- Link -->
<a class="hs-tab-active:bg-gray-100 dark:hs-tab-active:bg-neutral-800 gdxvw jxswk w-full flex items-center n9hej w9dei sikx1 w4xo0 aqyoh c9jt8 pb094 d05xb focus:outline-hidden r17tr dark:bg-neutral-900 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" id="mega-menu-catalog-tab-item-19" aria-selected="false" data-hs-tab="#mega-menu-catalog-tab-19" aria-controls="mega-menu-catalog-tab-19" role="tab" href="#">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 18V5l12-2v13"/><circle cx="6" cy="18" r="3"/><circle cx="18" cy="16" r="3"/></svg>
Music
<svg class="e731n h6zia ms-auto jy5gh dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg>
</a>
<!-- End Link -->
</div>
</div>
<!-- End Sidebar -->
<!-- Content -->
<div class="mi0xb gz65y w-full x2m5f overflow-y-auto xwpzv y0qzi bxgd5 n3xnc dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<!-- Tab -->
<div id="mega-menu-catalog-tab-1" role="tabpanel" aria-labelledby="mega-menu-catalog-tab-item-1">
<!-- Grid -->
<div class="ylm8n hjdn7 gkrui dy3ai gdvrf fwg4v">
<div class="flex flex-col gdvrf fwg4v">
<!-- List -->
<div class="space-y-7 md:space-y-10">
<div>
<span class="wyf4w flex jkwm1 items-center hd79j f4yn1 c9jt8 er6t7 dark:bg-neutral-800 dark:text-neutral-200">
<svg class="e731n odrp3" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="20" x="5" y="2" rx="2" ry="2"/><path d="M12 18h.01"/></svg>
</span>
<span class="block n8xpr sikx1 w4xo0 c9jt8 dark:text-neutral-200">Phones and smart watches</span>
<div class="flex flex-col jon87">
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Smartphones & Tablets</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Accessories for smartphones and phones</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Smart Watch</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Fitness bracelets</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Straps for smartwatches and fitness bracelets</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Accessories for smartwatches and fitness bracelets</a></div>
<div id="hs-shmnctdmsh1_1-heading" class="hs-collapse hidden w-full overflow-hidden transition-[height] ufjzp" aria-labelledby="hs-shmnctdmsh1_1">
<div class="flex flex-col jon87">
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Mobile Phones</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">SIM Cards</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Replacement Parts</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Corded and cordless telephones</a></div>
</div>
</div>
<button type="button" class="hs-collapse-toggle flex items-center n6i5x sikx1 z4zqw ad7q2 w9dei zck7d focus:outline-hidden re9sd dark:text-emerald-500 dark:hover:text-emerald-600 dark:focus:text-emerald-600" id="hs-shmnctdmsh1_1" aria-expanded="false" aria-controls="hs-shmnctdmsh1_1-heading" data-hs-collapse="#hs-shmnctdmsh1_1-heading">
<span class="hs-collapse-open:hidden">Show more</span>
<span class="hs-collapse-open:block hidden">Show less</span>
<svg class="hs-collapse-open:rotate-180 e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" 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"/></svg>
</button>
</div>
</div>
</div>
<!-- End List -->
<!-- List -->
<div class="space-y-7 md:space-y-10">
<div>
<span class="wyf4w flex jkwm1 items-center hd79j f4yn1 c9jt8 er6t7 dark:bg-neutral-800 dark:text-neutral-200">
<svg class="e731n odrp3" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M20 16V7a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v9m16 0H4m16 0 1.28 2.55a1 1 0 0 1-.9 1.45H3.62a1 1 0 0 1-.9-1.45L4 16"/></svg>
</span>
<span class="block n8xpr sikx1 w4xo0 c9jt8 dark:text-neutral-200">Laptops, tablets and e-books</span>
<div class="flex flex-col jon87">
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Laptops</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Gaming Laptops</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Tablets</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">E-books</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Graphics Tablets</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Cases and stands for tablets</a></div>
<div id="hs-shmnctdmsh1_2-heading" class="hs-collapse hidden w-full overflow-hidden transition-[height] ufjzp" aria-labelledby="hs-shmnctdmsh1_2">
<div class="flex flex-col jon87">
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Touch pens</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Laptop Accessories</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Replacement Parts</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Laptop Batteries</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Chargers</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">E-book cases</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Translators and dictionaries</a></div>
</div>
</div>
<button type="button" class="hs-collapse-toggle flex items-center n6i5x sikx1 z4zqw ad7q2 w9dei zck7d focus:outline-hidden re9sd dark:text-emerald-500 dark:hover:text-emerald-600 dark:focus:text-emerald-600" id="hs-shmnctdmsh1_2" aria-expanded="false" aria-controls="hs-shmnctdmsh1_2-heading" data-hs-collapse="#hs-shmnctdmsh1_2-heading">
<span class="hs-collapse-open:hidden">Show more</span>
<span class="hs-collapse-open:block hidden">Show less</span>
<svg class="hs-collapse-open:rotate-180 e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" 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"/></svg>
</button>
</div>
</div>
</div>
<!-- End List -->
<!-- List -->
<div class="space-y-7 md:space-y-10">
<div>
<span class="wyf4w flex jkwm1 items-center hd79j f4yn1 c9jt8 er6t7 dark:bg-neutral-800 dark:text-neutral-200">
<svg class="e731n odrp3" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3"/><path d="M3 7V5a2 2 0 0 1 2-2h2"/><path d="M17 3h2a2 2 0 0 1 2 2v2"/><path d="M21 17v2a2 2 0 0 1-2 2h-2"/><path d="M7 21H5a2 2 0 0 1-2-2v-2"/></svg>
</span>
<span class="block n8xpr sikx1 w4xo0 c9jt8 dark:text-neutral-200">Optical devices</span>
<div class="flex flex-col jon87">
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Telescopes</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Microscopes</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Microscope Accessories</a></div>
</div>
</div>
</div>
<!-- End List -->
<!-- List -->
<div class="space-y-7 md:space-y-10">
<div>
<span class="wyf4w flex jkwm1 items-center hd79j f4yn1 c9jt8 er6t7 dark:bg-neutral-800 dark:text-neutral-200">
<svg class="e731n odrp3" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M3 14h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7a9 9 0 0 1 18 0v7a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3"/></svg>
</span>
<span class="block n8xpr sikx1 w4xo0 c9jt8 dark:text-neutral-200">Headphones and audio equipment</span>
<div class="flex flex-col jon87">
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Headphone</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Wireless Speakers</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Smart speakers</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Speakers</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Studio and stage equipment</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Microphones</a></div>
<div id="hs-shmnctdmsh1_3-heading" class="hs-collapse hidden w-full overflow-hidden transition-[height] ufjzp" aria-labelledby="hs-shmnctdmsh1_3">
<div class="flex flex-col jon87">
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Walkie-talkies and radios</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Radios</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Vinyl Players & Accessories</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Headphone Accessories</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Accessories for audio equipment</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Amplifiers, receivers and DACs</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">MP3 Players</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Voice recorders</a></div>
</div>
</div>
<button type="button" class="hs-collapse-toggle flex items-center n6i5x sikx1 z4zqw ad7q2 w9dei zck7d focus:outline-hidden re9sd dark:text-emerald-500 dark:hover:text-emerald-600 dark:focus:text-emerald-600" id="hs-shmnctdmsh1_3" aria-expanded="false" aria-controls="hs-shmnctdmsh1_3-heading" data-hs-collapse="#hs-shmnctdmsh1_3-heading">
<span class="hs-collapse-open:hidden">Show more</span>
<span class="hs-collapse-open:block hidden">Show less</span>
<svg class="hs-collapse-open:rotate-180 e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" 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"/></svg>
</button>
</div>
</div>
</div>
<!-- End List -->
</div>
<!-- End Col -->
<div class="flex flex-col gdvrf fwg4v">
<!-- List -->
<div class="space-y-7 md:space-y-10">
<div>
<span class="wyf4w flex jkwm1 items-center hd79j f4yn1 c9jt8 er6t7 dark:bg-neutral-800 dark:text-neutral-200">
<svg class="e731n odrp3" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="8" x="5" y="2" rx="2"/><rect width="20" height="8" x="2" y="14" rx="2"/><path d="M6 18h2"/><path d="M12 18h6"/></svg>
</span>
<span class="block n8xpr sikx1 w4xo0 c9jt8 dark:text-neutral-200">Computers & Peripherals</span>
<div class="flex flex-col jon87">
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Monitors</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">System Units</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">All-in-One PCs</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Periphery</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Networking</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Nettops and Mini PCs</a></div>
<div id="hs-shmnctdmsh2_1-heading" class="hs-collapse hidden w-full overflow-hidden transition-[height] ufjzp" aria-labelledby="hs-shmnctdmsh2_1">
<div class="flex flex-col jon87">
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Miners & Crypto Wallets</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Microcomputers and components</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Industrial Computers and Servers</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Spare parts for monitors</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Software</a></div>
</div>
</div>
<button type="button" class="hs-collapse-toggle flex items-center n6i5x sikx1 z4zqw ad7q2 w9dei zck7d focus:outline-hidden re9sd dark:text-emerald-500 dark:hover:text-emerald-600 dark:focus:text-emerald-600" id="hs-shmnctdmsh2_1" aria-expanded="false" aria-controls="hs-shmnctdmsh2_1-heading" data-hs-collapse="#hs-shmnctdmsh2_1-heading">
<span class="hs-collapse-open:hidden">Show more</span>
<span class="hs-collapse-open:block hidden">Show less</span>
<svg class="hs-collapse-open:rotate-180 e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" 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"/></svg>
</button>
</div>
</div>
</div>
<!-- End List -->
<!-- List -->
<div class="space-y-7 md:space-y-10">
<div>
<span class="wyf4w flex jkwm1 items-center hd79j f4yn1 c9jt8 er6t7 dark:bg-neutral-800 dark:text-neutral-200">
<svg class="e731n odrp3" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z"/><circle cx="12" cy="13" r="3"/></svg>
</span>
<span class="block n8xpr sikx1 w4xo0 c9jt8 dark:text-neutral-200">Photo and video cameras</span>
<div class="flex flex-col jon87">
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Action Cameras</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Action Camera Accessories</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Camcorders</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">SLR Cameras</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Mirrorless Cameras</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Lenses</a></div>
<div id="hs-shmnctdmsh2_2-heading" class="hs-collapse hidden w-full overflow-hidden transition-[height] ufjzp" aria-labelledby="hs-shmnctdmsh2_2">
<div class="flex flex-col jon87">
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Compact Cameras</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Instant Print Cameras</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Children's cameras and camcorders</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Accessories for photo and video equipment</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Photophones</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Studio equipment</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Cartridges and photographic film</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Compact Photo Printers</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Digital Photo Frames</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Other Accessories</a></div>
</div>
</div>
<button type="button" class="hs-collapse-toggle flex items-center n6i5x sikx1 z4zqw ad7q2 w9dei zck7d focus:outline-hidden re9sd dark:text-emerald-500 dark:hover:text-emerald-600 dark:focus:text-emerald-600" id="hs-shmnctdmsh2_2" aria-expanded="false" aria-controls="hs-shmnctdmsh2_2-heading" data-hs-collapse="#hs-shmnctdmsh2_2-heading">
<span class="hs-collapse-open:hidden">Show more</span>
<span class="hs-collapse-open:block hidden">Show less</span>
<svg class="hs-collapse-open:rotate-180 e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" 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"/></svg>
</button>
</div>
</div>
</div>
<!-- End List -->
<!-- List -->
<div class="space-y-7 md:space-y-10">
<div>
<span class="wyf4w flex jkwm1 items-center hd79j f4yn1 c9jt8 er6t7 dark:bg-neutral-800 dark:text-neutral-200">
<svg class="e731n odrp3" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><line x1="6" x2="10" y1="11" y2="11"/><line x1="8" x2="8" y1="9" y2="13"/><line x1="15" x2="15.01" y1="12" y2="12"/><line x1="18" x2="18.01" y1="10" y2="10"/><path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z"/></svg>
</span>
<span class="block n8xpr sikx1 w4xo0 c9jt8 dark:text-neutral-200">Game consoles and laptops</span>
<div class="flex flex-col jon87">
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Game consoles</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Gaming Laptops</a></div>
</div>
</div>
</div>
<!-- End List -->
<!-- List -->
<div class="space-y-7 md:space-y-10">
<div>
<span class="wyf4w flex jkwm1 items-center hd79j f4yn1 c9jt8 er6t7 dark:bg-neutral-800 dark:text-neutral-200">
<svg class="e731n odrp3" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 7 3 5"/><path d="M9 6V3"/><path d="m13 7 2-2"/><circle cx="9" cy="13" r="3"/><path d="M11.83 12H20a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2h2.17"/><path d="M16 16h2"/></svg>
</span>
<span class="block n8xpr sikx1 w4xo0 c9jt8 dark:text-neutral-200">Office equipment</span>
<div class="flex flex-col jon87">
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Laptops</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">System Units</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Monitors</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">MFPs</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Printers</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Cartridges and supplies</a></div>
<div id="hs-shmnctdmsh2_3-heading" class="hs-collapse hidden w-full overflow-hidden transition-[height] ufjzp" aria-labelledby="hs-shmnctdmsh2_3">
<div class="flex flex-col jon87">
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Equipment for trade</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">3D Equipment</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Spare Parts & Accessories</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Scanners</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Copiers</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Plotters</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Laminators</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Shredders</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Brochure makers</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Archive Binding</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Projectors</a></div>
</div>
</div>
<button type="button" class="hs-collapse-toggle flex items-center n6i5x sikx1 z4zqw ad7q2 w9dei zck7d focus:outline-hidden re9sd dark:text-emerald-500 dark:hover:text-emerald-600 dark:focus:text-emerald-600" id="hs-shmnctdmsh2_3" aria-expanded="false" aria-controls="hs-shmnctdmsh2_3-heading" data-hs-collapse="#hs-shmnctdmsh2_3-heading">
<span class="hs-collapse-open:hidden">Show more</span>
<span class="hs-collapse-open:block hidden">Show less</span>
<svg class="hs-collapse-open:rotate-180 e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" 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"/></svg>
</button>
</div>
</div>
</div>
<!-- End List -->
</div>
<!-- End Col -->
<div class="flex flex-col gdvrf fwg4v">
<!-- List -->
<div class="space-y-7 md:space-y-10">
<div>
<span class="wyf4w flex jkwm1 items-center hd79j f4yn1 c9jt8 er6t7 dark:bg-neutral-800 dark:text-neutral-200">
<svg class="e731n odrp3" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect width="7" height="12" x="2" y="6" rx="1"/><path d="M13 8.32a7.43 7.43 0 0 1 0 7.36"/><path d="M16.46 6.21a11.76 11.76 0 0 1 0 11.58"/><path d="M19.91 4.1a15.91 15.91 0 0 1 .01 15.8"/></svg>
</span>
<span class="block n8xpr sikx1 w4xo0 c9jt8 dark:text-neutral-200">Smart Home</span>
<div class="flex flex-col jon87">
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Accessories</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Switches and relays</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Sensors & Regulators</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Smart Home Kits</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Lighting</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Sockets</a></div>
<div id="hs-shmnctdmsh3_1-heading" class="hs-collapse hidden w-full overflow-hidden transition-[height] ufjzp" aria-labelledby="hs-shmnctdmsh3_1">
<div class="flex flex-col jon87">
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Safety devices</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Smart Home Control</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Electric curtain rods</a></div>
</div>
</div>
<button type="button" class="hs-collapse-toggle flex items-center n6i5x sikx1 z4zqw ad7q2 w9dei zck7d focus:outline-hidden re9sd dark:text-emerald-500 dark:hover:text-emerald-600 dark:focus:text-emerald-600" id="hs-shmnctdmsh3_1" aria-expanded="false" aria-controls="hs-shmnctdmsh3_1-heading" data-hs-collapse="#hs-shmnctdmsh3_1-heading">
<span class="hs-collapse-open:hidden">Show more</span>
<span class="hs-collapse-open:block hidden">Show less</span>
<svg class="hs-collapse-open:rotate-180 e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" 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"/></svg>
</button>
</div>
</div>
</div>
<!-- End List -->
<!-- List -->
<div class="space-y-7 md:space-y-10">
<div>
<span class="wyf4w flex jkwm1 items-center hd79j f4yn1 c9jt8 er6t7 dark:bg-neutral-800 dark:text-neutral-200">
<svg class="e731n odrp3" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="15" x="2" y="7" rx="2" ry="2"/><polyline points="17 2 12 7 7 2"/></svg>
</span>
<span class="block n8xpr sikx1 w4xo0 c9jt8 dark:text-neutral-200">Televisions and video equipment</span>
<div class="flex flex-col jon87">
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Television</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Set-top boxes and media players</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Brackets & Mounts</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Digital and satellite TV</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Online cinemas</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Remote controls</a></div>
<div id="hs-shmnctdmsh3_2-heading" class="hs-collapse hidden w-full overflow-hidden transition-[height] ufjzp" aria-labelledby="hs-shmnctdmsh3_2">
<div class="flex flex-col jon87">
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Antenna</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Spare Parts & Accessories</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">DVD Players</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Projectors</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Projection screens</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Interactive panels and LED screens</a></div>
</div>
</div>
<button type="button" class="hs-collapse-toggle flex items-center n6i5x sikx1 z4zqw ad7q2 w9dei zck7d focus:outline-hidden re9sd dark:text-emerald-500 dark:hover:text-emerald-600 dark:focus:text-emerald-600" id="hs-shmnctdmsh3_2" aria-expanded="false" aria-controls="hs-shmnctdmsh3_2-heading" data-hs-collapse="#hs-shmnctdmsh3_2-heading">
<span class="hs-collapse-open:hidden">Show more</span>
<span class="hs-collapse-open:block hidden">Show less</span>
<svg class="hs-collapse-open:rotate-180 e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" 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"/></svg>
</button>
</div>
</div>
</div>
<!-- End List -->
<!-- List -->
<div class="space-y-7 md:space-y-10">
<div>
<span class="wyf4w flex jkwm1 items-center hd79j f4yn1 c9jt8 er6t7 dark:bg-neutral-800 dark:text-neutral-200">
<svg class="e731n odrp3" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="13" r="8"/><path d="M12 9v4l2 2"/><path d="M5 3 2 6"/><path d="m22 6-3-3"/><path d="M6.38 18.7 4 21"/><path d="M17.64 18.67 20 21"/></svg>
</span>
<span class="block n8xpr sikx1 w4xo0 c9jt8 dark:text-neutral-200">Clocks and electronic alarm clocks</span>
<div class="flex flex-col jon87">
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Electronic alarm clocks</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Radio alarm clocks</a></div>
</div>
</div>
</div>
<!-- End List -->
<!-- List -->
<div class="space-y-7 md:space-y-10">
<div>
<span class="wyf4w flex jkwm1 items-center hd79j f4yn1 c9jt8 er6t7 dark:bg-neutral-800 dark:text-neutral-200">
<svg class="e731n odrp3" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M16.75 12h3.632a1 1 0 0 1 .894 1.447l-2.034 4.069a1 1 0 0 1-1.708.134l-2.124-2.97"/><path d="M17.106 9.053a1 1 0 0 1 .447 1.341l-3.106 6.211a1 1 0 0 1-1.342.447L3.61 12.3a2.92 2.92 0 0 1-1.3-3.91L3.69 5.6a2.92 2.92 0 0 1 3.92-1.3z"/><path d="M2 19h3.76a2 2 0 0 0 1.8-1.1L9 15"/><path d="M2 21v-4"/><path d="M7 9h.01"/></svg>
</span>
<span class="block n8xpr sikx1 w4xo0 c9jt8 dark:text-neutral-200">Security systems and video surveillance</span>
<div class="flex flex-col jon87">
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">CCTV Cameras</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Video surveillance systems</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Automation for gates</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Intercoms</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Security equipment for home and cottage</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Security systems for business</a></div>
<div id="hs-shmnctdmsh3_3-heading" class="hs-collapse hidden w-full overflow-hidden transition-[height] ufjzp" aria-labelledby="hs-shmnctdmsh3_3">
<div class="flex flex-col jon87">
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Hidden Cameras & Personal Video Recorders</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Registrars</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Dummy CCTV Cameras</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Electronic locks</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Electronic keys and cards</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Signal suppressors and anti-bugs</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Installation of video surveillance</a></div>
<div><a class="z4zqw jy5gh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Personal alarms</a></div>
</div>
</div>
<button type="button" class="hs-collapse-toggle flex items-center n6i5x sikx1 z4zqw ad7q2 w9dei zck7d focus:outline-hidden re9sd dark:text-emerald-500 dark:hover:text-emerald-600 dark:focus:text-emerald-600" id="hs-shmnctdmsh3_3" aria-expanded="false" aria-controls="hs-shmnctdmsh3_3-heading" data-hs-collapse="#hs-shmnctdmsh3_3-heading">
<span class="hs-collapse-open:hidden">Show more</span>
<span class="hs-collapse-open:block hidden">Show less</span>
<svg class="hs-collapse-open:rotate-180 e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" 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"/></svg>
</button>
</div>
</div>
</div>
<!-- End List -->
</div>
<!-- End Col -->
</div>
<!-- End Grid -->
</div>
<!-- End Tab -->
<!-- Tab -->
<div id="mega-menu-catalog-tab-2" class="hidden h1r77" role="tabpanel" aria-labelledby="mega-menu-catalog-tab-item-2">
<!-- Grid -->
<div class="ylm8n dzapa vdd7r yq7mo atw7f g27d7 ysbpz">
<!-- Item -->
<a class="group block tbd2k pb094 dtief d05xb focus:outline-hidden r17tr dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="../../pro/shop-marketplace/listing.html">
<div class="relative e731n">
<img class="e731n v4jc2 q2at0 ud69h mx-auto x1s1r f4yn1 kghwt dark:bg-neutral-800" src="https://images.unsplash.com/photo-1726828501829-9188cde81755?q=80&w=180&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Product Image">
<div class="absolute -top-0.5 rgsl3">
<span class="vf29a jxswk inline-flex items-center b1nd2 xs2f2 sikx1 vp100 kkjw5 kghwt dark:bg-emerald-900 dark:text-emerald-500">Hot</span>
</div>
</div>
<span class="wc6fu block w4xo0 c9jt8 dark:text-neutral-200">Phones</span>
</a>
<!-- End Item -->
<!-- Item -->
<a class="group block tbd2k pb094 dtief d05xb focus:outline-hidden r17tr dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="../../pro/shop-marketplace/listing.html">
<div class="relative e731n">
<img class="e731n v4jc2 q2at0 ud69h mx-auto x1s1r f4yn1 kghwt dark:bg-neutral-800" src="https://images.unsplash.com/photo-1616763355603-9755a640a287?q=80&w=180&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Product Image">
</div>
<span class="wc6fu block w4xo0 c9jt8 dark:text-neutral-200">Computers</span>
</a>
<!-- End Item -->
<!-- Item -->
<a class="group block tbd2k pb094 dtief d05xb focus:outline-hidden r17tr dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="../../pro/shop-marketplace/listing.html">
<div class="relative e731n">
<img class="e731n v4jc2 q2at0 ud69h mx-auto x1s1r f4yn1 kghwt dark:bg-neutral-800" src="https://images.unsplash.com/photo-1666401565408-9b6b0741f0d6?q=80&w=180&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Product Image">
</div>
<span class="wc6fu block w4xo0 c9jt8 dark:text-neutral-200">Smart Home</span>
</a>
<!-- End Item -->
<!-- Item -->
<a class="group block tbd2k pb094 dtief d05xb focus:outline-hidden r17tr dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="../../pro/shop-marketplace/listing.html">
<div class="relative e731n">
<img class="e731n v4jc2 q2at0 ud69h mx-auto x1s1r f4yn1 kghwt dark:bg-neutral-800" src="https://images.unsplash.com/photo-1611186871348-b1ce696e52c9?q=80&w=180&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Product Image">
</div>
<span class="wc6fu block w4xo0 c9jt8 dark:text-neutral-200">Laptops</span>
</a>
<!-- End Item -->
<!-- Item -->
<a class="group block tbd2k pb094 dtief d05xb focus:outline-hidden r17tr dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="../../pro/shop-marketplace/listing.html">
<div class="relative e731n">
<img class="e731n v4jc2 q2at0 ud69h mx-auto x1s1r f4yn1 kghwt dark:bg-neutral-800" src="https://images.unsplash.com/photo-1698729616468-5b2f627df845?q=80&w=180&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Product Image">
<div class="absolute -top-0.5 rgsl3">
<span class="vf29a jxswk inline-flex items-center b1nd2 xs2f2 sikx1 vp100 kkjw5 kghwt dark:bg-emerald-900 dark:text-emerald-500">Hot</span>
</div>
</div>
<span class="wc6fu block w4xo0 c9jt8 dark:text-neutral-200">Smart Watches</span>
</a>
<!-- End Item -->
<!-- Item -->
<a class="group block tbd2k pb094 dtief d05xb focus:outline-hidden r17tr dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="../../pro/shop-marketplace/listing.html">
<div class="relative e731n">
<img class="e731n v4jc2 q2at0 ud69h mx-auto x1s1r f4yn1 kghwt dark:bg-neutral-800" src="https://images.unsplash.com/photo-1662731340335-e5485bd50268?q=80&w=180&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Product Image">
<div class="absolute -top-0.5 rgsl3">
<span class="vf29a jxswk inline-flex items-center b1nd2 xs2f2 sikx1 vp100 kkjw5 kghwt dark:bg-emerald-900 dark:text-emerald-500">Hot</span>
</div>
</div>
<span class="wc6fu block w4xo0 c9jt8 dark:text-neutral-200">Tablets</span>
</a>
<!-- End Item -->
<!-- Item -->
<a class="group block tbd2k pb094 dtief d05xb focus:outline-hidden r17tr dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="../../pro/shop-marketplace/listing.html">
<div class="relative e731n">
<img class="e731n v4jc2 q2at0 ud69h mx-auto x1s1r f4yn1 kghwt dark:bg-neutral-800" src="https://images.unsplash.com/photo-1522401195795-1d580bb06720?q=80&w=180&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Product Image">
</div>
<span class="wc6fu block w4xo0 c9jt8 dark:text-neutral-200">Cameras</span>
</a>
<!-- End Item -->
<!-- Item -->
<a class="group block tbd2k pb094 dtief d05xb focus:outline-hidden r17tr dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="../../pro/shop-marketplace/listing.html">
<div class="relative e731n">
<img class="e731n v4jc2 q2at0 ud69h mx-auto x1s1r f4yn1 kghwt dark:bg-neutral-800" src="https://images.unsplash.com/photo-1594155187705-bd33d893961c?q=80&w=180&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Product Image">
</div>
<span class="wc6fu block w4xo0 c9jt8 dark:text-neutral-200">TVs</span>
</a>
<!-- End Item -->
<!-- Item -->
<a class="group block tbd2k pb094 dtief d05xb focus:outline-hidden r17tr dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="../../pro/shop-marketplace/listing.html">
<div class="relative e731n">
<img class="e731n v4jc2 q2at0 ud69h mx-auto x1s1r f4yn1 kghwt dark:bg-neutral-800" src="https://images.unsplash.com/photo-1532543758257-0f4e06e08aec?q=80&w=180&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Product Image">
</div>
<span class="wc6fu block w4xo0 c9jt8 dark:text-neutral-200">Optical Devices</span>
</a>
<!-- End Item -->
<!-- Item -->
<a class="group block tbd2k pb094 dtief d05xb focus:outline-hidden r17tr dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="../../pro/shop-marketplace/listing.html">
<div class="relative e731n">
<img class="e731n v4jc2 q2at0 ud69h mx-auto x1s1r f4yn1 kghwt dark:bg-neutral-800" src="https://images.unsplash.com/photo-1542549237432-a176cb9d5e5e?q=80&w=180&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Product Image">
<div class="absolute -top-0.5 rgsl3">
<span class="vf29a jxswk inline-flex items-center b1nd2 xs2f2 sikx1 vp100 kkjw5 kghwt dark:bg-emerald-900 dark:text-emerald-500">Hot</span>
</div>
</div>
<span class="wc6fu block w4xo0 c9jt8 dark:text-neutral-200">Game Consoles</span>
</a>
<!-- End Item -->
<!-- Item -->
<a class="group block tbd2k pb094 dtief d05xb focus:outline-hidden r17tr dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="../../pro/shop-marketplace/listing.html">
<div class="relative e731n">
<img class="e731n v4jc2 q2at0 ud69h mx-auto x1s1r f4yn1 kghwt dark:bg-neutral-800" src="https://images.unsplash.com/photo-1628329567705-f8f7150c3cff?q=80&w=180&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Product Image">
</div>
<span class="wc6fu block w4xo0 c9jt8 dark:text-neutral-200">Headphones</span>
</a>
<!-- End Item -->
<!-- Item -->
<a class="group block tbd2k pb094 dtief d05xb focus:outline-hidden r17tr dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="../../pro/shop-marketplace/listing.html">
<div class="relative e731n">
<img class="e731n v4jc2 q2at0 ud69h mx-auto x1s1r f4yn1 kghwt dark:bg-neutral-800" src="https://images.unsplash.com/photo-1618482914248-29272d021005?q=80&w=180&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Product Image">
</div>
<span class="wc6fu block w4xo0 c9jt8 dark:text-neutral-200">Security Systems</span>
</a>
<!-- End Item -->
<!-- Item -->
<a class="group block tbd2k pb094 dtief d05xb focus:outline-hidden r17tr dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="../../pro/shop-marketplace/listing.html">
<div class="relative e731n">
<img class="e731n v4jc2 q2at0 ud69h mx-auto x1s1r f4yn1 kghwt dark:bg-neutral-800" src="https://images.unsplash.com/photo-1550009158-9ebf69173e03?q=80&w=180&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Product Image">
</div>
<span class="wc6fu block w4xo0 c9jt8 dark:text-neutral-200">PC Accessories</span>
</a>
<!-- End Item -->
<!-- Item -->
<a class="group block tbd2k pb094 dtief d05xb focus:outline-hidden r17tr dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="../../pro/shop-marketplace/listing.html">
<div class="relative e731n">
<img class="e731n v4jc2 q2at0 ud69h mx-auto x1s1r f4yn1 kghwt dark:bg-neutral-800" src="https://images.unsplash.com/photo-1631052941794-2a6e26d4ac17?q=80&w=180&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Product Image">
</div>
<span class="wc6fu block w4xo0 c9jt8 dark:text-neutral-200">Drones</span>
</a>
<!-- End Item -->
<!-- Item -->
<a class="group block tbd2k pb094 dtief d05xb focus:outline-hidden r17tr dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="../../pro/shop-marketplace/listing.html">
<div class="relative e731n">
<img class="e731n v4jc2 q2at0 ud69h mx-auto x1s1r f4yn1 kghwt dark:bg-neutral-800" src="https://images.unsplash.com/photo-1657734240363-356201c49b15?q=80&w=180&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Product Image">
</div>
<span class="wc6fu block w4xo0 c9jt8 dark:text-neutral-200">VRs</span>
</a>
<!-- End Item -->
</div>
<!-- Grid -->
</div>
<!-- End Tab -->
<!-- Tab -->
<div id="mega-menu-catalog-tab-3" class="hidden h1r77" role="tabpanel" aria-labelledby="mega-menu-catalog-tab-item-3">
<!-- Loading Indicator -->
<div class="h1r77 flex flex-col jkwm1 items-center dtief">
<span class="od5va inline-flex n6i5x">
<span class="u28hb y73k3 kghwt animate-[typing_1s_ease-in-out_infinite] dark:bg-neutral-200"></span>
<span class="u28hb y73k3 kghwt animate-[typing_1s_ease-in-out_infinite_0.2s] dark:bg-neutral-200"></span>
<span class="u28hb y73k3 kghwt animate-[typing_1s_ease-in-out_infinite_0.4s] dark:bg-neutral-200"></span>
</span>
<p class="wc6fu w4xo0 jy5gh dark:text-neutral-500">
This is a placeholder loader.<br>This conent is empty.
</p>
</div>
<!-- End Loading Indicator -->
</div>
<!-- End Tab -->
<!-- Tab -->
<div id="mega-menu-catalog-tab-4" class="hidden h1r77" role="tabpanel" aria-labelledby="mega-menu-catalog-tab-item-4">
<!-- Loading Indicator -->
<div class="h1r77 flex flex-col jkwm1 items-center dtief">
<span class="od5va inline-flex n6i5x">
<span class="u28hb y73k3 kghwt animate-[typing_1s_ease-in-out_infinite] dark:bg-neutral-200"></span>
<span class="u28hb y73k3 kghwt animate-[typing_1s_ease-in-out_infinite_0.2s] dark:bg-neutral-200"></span>
<span class="u28hb y73k3 kghwt animate-[typing_1s_ease-in-out_infinite_0.4s] dark:bg-neutral-200"></span>
</span>
<p class="wc6fu w4xo0 jy5gh dark:text-neutral-500">
This is a placeholder loader.<br>This conent is empty.
</p>
</div>
<!-- End Loading Indicator -->
</div>
<!-- End Tab -->
<!-- Tab -->
<div id="mega-menu-catalog-tab-5" class="hidden h1r77" role="tabpanel" aria-labelledby="mega-menu-catalog-tab-item-5">
<!-- Loading Indicator -->
<div class="h1r77 flex flex-col jkwm1 items-center dtief">
<span class="od5va inline-flex n6i5x">
<span class="u28hb y73k3 kghwt animate-[typing_1s_ease-in-out_infinite] dark:bg-neutral-200"></span>
<span class="u28hb y73k3 kghwt animate-[typing_1s_ease-in-out_infinite_0.2s] dark:bg-neutral-200"></span>
<span class="u28hb y73k3 kghwt animate-[typing_1s_ease-in-out_infinite_0.4s] dark:bg-neutral-200"></span>
</span>
<p class="wc6fu w4xo0 jy5gh dark:text-neutral-500">
This is a placeholder loader.<br>This conent is empty.
</p>
</div>
<!-- End Loading Indicator -->
</div>
<!-- End Tab -->
<!-- Tab -->
<div id="mega-menu-catalog-tab-6" class="hidden h1r77" role="tabpanel" aria-labelledby="mega-menu-catalog-tab-item-6">
<!-- Loading Indicator -->
<div class="h1r77 flex flex-col jkwm1 items-center dtief">
<span class="od5va inline-flex n6i5x">
<span class="u28hb y73k3 kghwt animate-[typing_1s_ease-in-out_infinite] dark:bg-neutral-200"></span>
<span class="u28hb y73k3 kghwt animate-[typing_1s_ease-in-out_infinite_0.2s] dark:bg-neutral-200"></span>
<span class="u28hb y73k3 kghwt animate-[typing_1s_ease-in-out_infinite_0.4s] dark:bg-neutral-200"></span>
</span>
<p class="wc6fu w4xo0 jy5gh dark:text-neutral-500">
This is a placeholder loader.<br>This conent is empty.
</p>
</div>
<!-- End Loading Indicator -->
</div>
<!-- End Tab -->
<!-- Tab -->
<div id="mega-menu-catalog-tab-7" class="hidden h1r77" role="tabpanel" aria-labelledby="mega-menu-catalog-tab-item-7">
<!-- Loading Indicator -->
<div class="h1r77 flex flex-col jkwm1 items-center dtief">
<span class="od5va inline-flex n6i5x">
<span class="u28hb y73k3 kghwt animate-[typing_1s_ease-in-out_infinite] dark:bg-neutral-200"></span>
<span class="u28hb y73k3 kghwt animate-[typing_1s_ease-in-out_infinite_0.2s] dark:bg-neutral-200"></span>
<span class="u28hb y73k3 kghwt animate-[typing_1s_ease-in-out_infinite_0.4s] dark:bg-neutral-200"></span>
</span>
<p class="wc6fu w4xo0 jy5gh dark:text-neutral-500">
This is a placeholder loader.<br>This conent is empty.
</p>
</div>
<!-- End Loading Indicator -->
</div>
<!-- End Tab -->
<!-- Tab -->
<div id="mega-menu-catalog-tab-8" class="hidden h1r77" role="tabpanel" aria-labelledby="mega-menu-catalog-tab-item-8">
<!-- Loading Indicator -->
<div class="h1r77 flex flex-col jkwm1 items-center dtief">
<span class="od5va inline-flex n6i5x">
<span class="u28hb y73k3 kghwt animate-[typing_1s_ease-in-out_infinite] dark:bg-neutral-200"></span>
<span class="u28hb y73k3 kghwt animate-[typing_1s_ease-in-out_infinite_0.2s] dark:bg-neutral-200"></span>
<span class="u28hb y73k3 kghwt animate-[typing_1s_ease-in-out_infinite_0.4s] dark:bg-neutral-200"></span>
</span>
<p class="wc6fu w4xo0 jy5gh dark:text-neutral-500">
This is a placeholder loader.<br>This conent is empty.
</p>
</div>
<!-- End Loading Indicator -->
</div>
<!-- End Tab -->
<!-- Tab -->
<div id="mega-menu-catalog-tab-9" class="hidden h1r77" role="tabpanel" aria-labelledby="mega-menu-catalog-tab-item-9">
<!-- Loading Indicator -->
<div class="h1r77 flex flex-col jkwm1 items-center dtief">
<span class="od5va inline-flex n6i5x">
<span class="u28hb y73k3 kghwt animate-[typing_1s_ease-in-out_infinite] dark:bg-neutral-200"></span>
<span class="u28hb y73k3 kghwt animate-[typing_1s_ease-in-out_infinite_0.2s] dark:bg-neutral-200"></span>
<span class="u28hb y73k3 kghwt animate-[typing_1s_ease-in-out_infinite_0.4s] dark:bg-neutral-200"></span>
</span>
<p class="wc6fu w4xo0 jy5gh dark:text-neutral-500">
This is a placeholder loader.<br>This conent is empty.
</p>
</div>
<!-- End Loading Indicator -->
</div>
<!-- End Tab -->
<!-- Tab -->
<div id="mega-menu-catalog-tab-10" class="hidden h1r77" role="tabpanel" aria-labelledby="mega-menu-catalog-tab-item-10">
<!-- Loading Indicator -->
<div class="h1r77 flex flex-col jkwm1 items-center dtief">
<span class="od5va inline-flex n6i5x">
<span class="u28hb y73k3 kghwt animate-[typing_1s_ease-in-out_infinite] dark:bg-neutral-200"></span>
<span class="u28hb y73k3 kghwt animate-[typing_1s_ease-in-out_infinite_0.2s] dark:bg-neutral-200"></span>
<span class="u28hb y73k3 kghwt animate-[typing_1s_ease-in-out_infinite_0.4s] dark:bg-neutral-200"></span>
</span>
<p class="wc6fu w4xo0 jy5gh dark:text-neutral-500">
This is a placeholder loader.<br>This conent is empty.
</p>
</div>
<!-- End Loading Indicator -->
</div>
<!-- End Tab -->
<!-- Tab -->
<div id="mega-menu-catalog-tab-11" class="hidden h1r77" role="tabpanel" aria-labelledby="mega-menu-catalog-tab-item-11">
<!-- Loading Indicator -->
<div class="h1r77 flex flex-col jkwm1 items-center dtief">
<span class="od5va inline-flex n6i5x">
<span class="u28hb y73k3 kghwt animate-[typing_1s_ease-in-out_infinite] dark:bg-neutral-200"></span>
<span class="u28hb y73k3 kghwt animate-[typing_1s_ease-in-out_infinite_0.2s] dark:bg-neutral-200"></span>
<span class="u28hb y73k3 kghwt animate-[typing_1s_ease-in-out_infinite_0.4s] dark:bg-neutral-200"></span>
</span>
<p class="wc6fu w4xo0 jy5gh dark:text-neutral-500">
This is a placeholder loader.<br>This conent is empty.
</p>
</div>
<!-- End Loading Indicator -->
</div>
<!-- End Tab -->
<!-- Tab -->
<div id="mega-menu-catalog-tab-12" class="hidden h1r77" role="tabpanel" aria-labelledby="mega-menu-catalog-tab-item-12">
<!-- Loading Indicator -->
<div class="h1r77 flex flex-col jkwm1 items-center dtief">
<span class="od5va inline-flex n6i5x">
<span class="u28hb y73k3 kghwt animate-[typing_1s_ease-in-out_infinite] dark:bg-neutral-200"></span>
<span class="u28hb y73k3 kghwt animate-[typing_1s_ease-in-out_infinite_0.2s] dark:bg-neutral-200"></span>
<span class="u28hb y73k3 kghwt animate-[typing_1s_ease-in-out_infinite_0.4s] dark:bg-neutral-200"></span>
</span>
<p class="wc6fu w4xo0 jy5gh dark:text-neutral-500">
This is a placeholder loader.<br>This conent is empty.
</p>
</div>
<!-- End Loading Indicator -->
</div>
<!-- End Tab -->
<!-- Tab -->
<div id="mega-menu-catalog-tab-13" class="hidden h1r77" role="tabpanel" aria-labelledby="mega-menu-catalog-tab-item-13">
<!-- Loading Indicator -->
<div class="h1r77 flex flex-col jkwm1 items-center dtief">
<span class="od5va inline-flex n6i5x">
<span class="u28hb y73k3 kghwt animate-[typing_1s_ease-in-out_infinite] dark:bg-neutral-200"></span>
<span class="u28hb y73k3 kghwt animate-[typing_1s_ease-in-out_infinite_0.2s] dark:bg-neutral-200"></span>
<span class="u28hb y73k3 kghwt animate-[typing_1s_ease-in-out_infinite_0.4s] dark:bg-neutral-200"></span>
</span>
<p class="wc6fu w4xo0 jy5gh dark:text-neutral-500">
This is a placeholder loader.<br>This conent is empty.
</p>
</div>
<!-- End Loading Indicator -->
</div>
<!-- End Tab -->
<!-- Tab -->
<div id="mega-menu-catalog-tab-14" class="hidden h1r77" role="tabpanel" aria-labelledby="mega-menu-catalog-tab-item-14">
<!-- Loading Indicator -->
<div class="h1r77 flex flex-col jkwm1 items-center dtief">
<span class="od5va inline-flex n6i5x">
<span class="u28hb y73k3 kghwt animate-[typing_1s_ease-in-out_infinite] dark:bg-neutral-200"></span>
<span class="u28hb y73k3 kghwt animate-[typing_1s_ease-in-out_infinite_0.2s] dark:bg-neutral-200"></span>
<span class="u28hb y73k3 kghwt animate-[typing_1s_ease-in-out_infinite_0.4s] dark:bg-neutral-200"></span>
</span>
<p class="wc6fu w4xo0 jy5gh dark:text-neutral-500">
This is a placeholder loader.<br>This conent is empty.
</p>
</div>
<!-- End Loading Indicator -->
</div>
<!-- End Tab -->
<!-- Tab -->
<div id="mega-menu-catalog-tab-15" class="hidden h1r77" role="tabpanel" aria-labelledby="mega-menu-catalog-tab-item-15">
<!-- Loading Indicator -->
<div class="h1r77 flex flex-col jkwm1 items-center dtief">
<span class="od5va inline-flex n6i5x">
<span class="u28hb y73k3 kghwt animate-[typing_1s_ease-in-out_infinite] dark:bg-neutral-200"></span>
<span class="u28hb y73k3 kghwt animate-[typing_1s_ease-in-out_infinite_0.2s] dark:bg-neutral-200"></span>
<span class="u28hb y73k3 kghwt animate-[typing_1s_ease-in-out_infinite_0.4s] dark:bg-neutral-200"></span>
</span>
<p class="wc6fu w4xo0 jy5gh dark:text-neutral-500">
This is a placeholder loader.<br>This conent is empty.
</p>
</div>
<!-- End Loading Indicator -->
</div>
<!-- End Tab -->
<!-- Tab -->
<div id="mega-menu-catalog-tab-16" class="hidden h1r77" role="tabpanel" aria-labelledby="mega-menu-catalog-tab-item-16">
<!-- Loading Indicator -->
<div class="h1r77 flex flex-col jkwm1 items-center dtief">
<span class="od5va inline-flex n6i5x">
<span class="u28hb y73k3 kghwt animate-[typing_1s_ease-in-out_infinite] dark:bg-neutral-200"></span>
<span class="u28hb y73k3 kghwt animate-[typing_1s_ease-in-out_infinite_0.2s] dark:bg-neutral-200"></span>
<span class="u28hb y73k3 kghwt animate-[typing_1s_ease-in-out_infinite_0.4s] dark:bg-neutral-200"></span>
</span>
<p class="wc6fu w4xo0 jy5gh dark:text-neutral-500">
This is a placeholder loader.<br>This conent is empty.
</p>
</div>
<!-- End Loading Indicator -->
</div>
<!-- End Tab -->
<!-- Tab -->
<div id="mega-menu-catalog-tab-17" class="hidden h1r77" role="tabpanel" aria-labelledby="mega-menu-catalog-tab-item-17">
<!-- Loading Indicator -->
<div class="h1r77 flex flex-col jkwm1 items-center dtief">
<span class="od5va inline-flex n6i5x">
<span class="u28hb y73k3 kghwt animate-[typing_1s_ease-in-out_infinite] dark:bg-neutral-200"></span>
<span class="u28hb y73k3 kghwt animate-[typing_1s_ease-in-out_infinite_0.2s] dark:bg-neutral-200"></span>
<span class="u28hb y73k3 kghwt animate-[typing_1s_ease-in-out_infinite_0.4s] dark:bg-neutral-200"></span>
</span>
<p class="wc6fu w4xo0 jy5gh dark:text-neutral-500">
This is a placeholder loader.<br>This conent is empty.
</p>
</div>
<!-- End Loading Indicator -->
</div>
<!-- End Tab -->
<!-- Tab -->
<div id="mega-menu-catalog-tab-18" class="hidden h1r77" role="tabpanel" aria-labelledby="mega-menu-catalog-tab-item-18">
<!-- Loading Indicator -->
<div class="h1r77 flex flex-col jkwm1 items-center dtief">
<span class="od5va inline-flex n6i5x">
<span class="u28hb y73k3 kghwt animate-[typing_1s_ease-in-out_infinite] dark:bg-neutral-200"></span>
<span class="u28hb y73k3 kghwt animate-[typing_1s_ease-in-out_infinite_0.2s] dark:bg-neutral-200"></span>
<span class="u28hb y73k3 kghwt animate-[typing_1s_ease-in-out_infinite_0.4s] dark:bg-neutral-200"></span>
</span>
<p class="wc6fu w4xo0 jy5gh dark:text-neutral-500">
This is a placeholder loader.<br>This conent is empty.
</p>
</div>
<!-- End Loading Indicator -->
</div>
<!-- End Tab -->
<!-- Tab -->
<div id="mega-menu-catalog-tab-19" class="hidden h1r77" role="tabpanel" aria-labelledby="mega-menu-catalog-tab-item-19">
<!-- Loading Indicator -->
<div class="h1r77 flex flex-col jkwm1 items-center dtief">
<span class="od5va inline-flex n6i5x">
<span class="u28hb y73k3 kghwt animate-[typing_1s_ease-in-out_infinite] dark:bg-neutral-200"></span>
<span class="u28hb y73k3 kghwt animate-[typing_1s_ease-in-out_infinite_0.2s] dark:bg-neutral-200"></span>
<span class="u28hb y73k3 kghwt animate-[typing_1s_ease-in-out_infinite_0.4s] dark:bg-neutral-200"></span>
</span>
<p class="wc6fu w4xo0 jy5gh dark:text-neutral-500">
This is a placeholder loader.<br>This conent is empty.
</p>
</div>
<!-- End Loading Indicator -->
</div>
<!-- End Tab -->
</div>
<!-- End Content -->
</div>
<!-- End Grid -->
</div>
<!-- End Container -->
</div>
<!-- End Dropdown Menu -->
</div>
<!-- End Dropdown Link -->
<div class="hidden md:block w-full">
<!-- Search Input -->
<div class="relative w-full">
<input type="text" class="od5va srbq1 nv7zt frpmw block w-full aqyoh lnk45 l1025 glhrq kghwt focus:outline-hidden etq3b yl62p disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-400 dark:placeholder:text-neutral-400" placeholder="Search Preline">
<div class="absolute rm8lf kji94 wzd7f flex items-center wn488 bnwus">
<button type="button" class="inline-flex e731n jkwm1 items-center mjv79 xmlb9 kghwt zu875 kew0r wz1vo focus:outline-hidden gugmw dark:bg-emerald-500 dark:hover:bg-emerald-600 dark:focus:bg-emerald-600">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/></svg>
</button>
</div>
<div class="hidden absolute rm8lf fmhez flex items-center gxxgf wzd7f wn488">
<button type="button" class="inline-flex e731n jkwm1 items-center odrp3 kghwt jy5gh bpt14 focus:outline-hidden ne5my dark:text-neutral-500 dark:hover:text-emerald-500 dark:focus:text-emerald-500" aria-label="Close">
<span class="et50x">Close</span>
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="m15 9-6 6"/><path d="m9 9 6 6"/></svg>
</button>
</div>
</div>
<!-- End Search Input -->
</div>
</div>
</div>
<!-- End Search -->
<!-- Widgets -->
<div class="aroll owq7u ms-auto thsy7">
<div class="flex smdr3 items-center n9hej">
<!-- Account Button Icon -->
<a class="flex flex-col jkwm1 items-center v1hon fph15 caa65 xs2f2 kghwt c9jt8 bpt14 focus:outline-hidden ne5my dark:text-neutral-200 dark:hover:text-neutral-400 dark:focus:text-neutral-400" href="#">
<svg class="e731n b9gop c9jt8 dark:text-neutral-200" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>
Sign in
</a>
<!-- End Account Button Icon -->
<!-- Favorites Button Icon -->
<a class="flex flex-col jkwm1 items-center v1hon fph15 caa65 xs2f2 kghwt c9jt8 bpt14 focus:outline-hidden ne5my dark:text-neutral-200 dark:hover:text-neutral-400 dark:focus:text-neutral-400" href="#">
<svg class="e731n b9gop c9jt8 dark:text-neutral-200" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg>
Favorite
</a>
<!-- End Favorites Button Icon -->
<!-- Cart Button Icon -->
<a class="relative flex flex-col jkwm1 items-center v1hon fph15 caa65 xs2f2 kghwt c9jt8 bpt14 focus:outline-hidden ne5my dark:text-neutral-200 dark:hover:text-neutral-400 dark:focus:text-neutral-400" href="#">
<svg class="e731n b9gop c9jt8 dark:text-neutral-200" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="8" cy="21" r="1"/><circle cx="19" cy="21" r="1"/><path d="M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12"/></svg>
Cart
</a>
<!-- End Cart Button Icon -->
</div>
</div>
<!-- End Widgets -->
</div>
<div class="md:hidden c5bgs nldyy w-full">
<!-- Search Input -->
<div class="relative w-full">
<input type="text" class="od5va srbq1 nv7zt frpmw block w-full aqyoh lnk45 l1025 glhrq kghwt focus:outline-hidden etq3b yl62p disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-400 dark:placeholder:text-neutral-400" placeholder="Search Preline">
<div class="absolute rm8lf kji94 wzd7f flex items-center wn488 bnwus">
<button type="button" class="inline-flex e731n jkwm1 items-center mjv79 xmlb9 kghwt zu875 kew0r wz1vo focus:outline-hidden gugmw dark:bg-emerald-500 dark:hover:bg-emerald-600 dark:focus:bg-emerald-600">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/></svg>
</button>
</div>
<div class="hidden absolute rm8lf fmhez flex items-center gxxgf wzd7f wn488">
<button type="button" class="inline-flex e731n jkwm1 items-center odrp3 kghwt jy5gh bpt14 focus:outline-hidden ne5my dark:text-neutral-500 dark:hover:text-emerald-500 dark:focus:text-emerald-500" aria-label="Close">
<span class="et50x">Close</span>
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="m15 9-6 6"/><path d="m9 9 6 6"/></svg>
</button>
</div>
</div>
<!-- End Search Input -->
</div>
</div>
<div class="ehc3u w-full mx-auto fglch xf1r4 ids43 hp53n">
<div class="relative flex ygsjd items-center n6i5x">
<!-- Nav -->
<div class="flex flex-row items-center n6i5x overflow-x-auto a1bp6">
<!-- Dropdown Link -->
<div class="hs-dropdown [--strategy:absolute] [--adaptive:none] [--auto-close:inside] md:[--trigger:hover] md:inline-block group">
<!-- Link -->
<button id="hs-pro-shmnpgdm" type="button" class="hs-dropdown-toggle relative s53ws f2l40 w-full lg:w-auto flex items-center b1nd2 w4xo0 s1lil w9dei c9jt8 kghwt d05xb group-hover:bg-gray-100 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr after:absolute after:start-1/2 after:bottom-[3px] after:w-4 after:h-[3px] after:bg-emerald-500 after:rounded-full after:-translate-x-1/2 after:transition dark:text-neutral-200 dark:hover:bg-neutral-700 dark:group-hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<svg class="e731n h6zia" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z"/><path d="M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12"/><path d="M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17"/></svg>
Pages
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" 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"/></svg>
</button>
<!-- End Link -->
<!-- Dropdown Menu -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 nq1zh transition-[opacity,margin] duration opacity-0 hidden wzd7f aqyoh er6t7 poi4v before:absolute before:-top-4 before:start-0 before:w-full before:h-5 dark:bg-neutral-950" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-shmnpgdm">
<div class="vyel6 space-y-0.5">
<a class="relative group s53ws f2l40 flex items-center vyfcq w4xo0 c9jt8 d05xb pb094 focus:outline-hidden r17tr dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 f4yn1 dark:bg-neutral-800" href="../../pro/shop-marketplace/index.html">
Home
</a>
<a class="relative group s53ws f2l40 flex items-center vyfcq w4xo0 c9jt8 d05xb pb094 focus:outline-hidden r17tr dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 " href="../../pro/shop-marketplace/listing.html">
Listing
</a>
<a class="relative group s53ws f2l40 flex items-center vyfcq w4xo0 c9jt8 d05xb pb094 focus:outline-hidden r17tr dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 " href="../../pro/shop-marketplace/categories.html">
Categories
</a>
<a class="relative group s53ws f2l40 flex items-center vyfcq w4xo0 c9jt8 d05xb pb094 focus:outline-hidden r17tr dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 " href="../../pro/shop-marketplace/product-detail.html">
Product Detail
</a>
</div>
</div>
<!-- End Dropdown Menu -->
</div>
<!-- End Dropdown Link -->
<a class="relative s53ws f2l40 w-full lg:w-auto flex items-center b1nd2 w4xo0 s1lil w9dei c9jt8 kghwt d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr after:absolute after:start-1/2 after:bottom-[3px] after:w-4 after:h-[3px] after:bg-emerald-500 after:rounded-full after:-translate-x-1/2 after:transition after:scale-0 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="e731n h6zia" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="19" x2="5" y1="5" y2="19"/><circle cx="6.5" cy="6.5" r="2.5"/><circle cx="17.5" cy="17.5" r="2.5"/></svg>
Sales
</a>
<a class="relative s53ws f2l40 w-full lg:w-auto flex items-center b1nd2 w4xo0 s1lil w9dei c9jt8 kghwt d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr after:absolute after:start-1/2 after:bottom-[3px] after:w-4 after:h-[3px] after:bg-emerald-500 after:rounded-full after:-translate-x-1/2 after:transition after:scale-0 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="e731n h6zia" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7 10v12"/><path d="M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z"/></svg>
Best Sellers
</a>
<a class="relative s53ws f2l40 w-full lg:w-auto flex items-center b1nd2 w4xo0 s1lil w9dei c9jt8 kghwt d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr after:absolute after:start-1/2 after:bottom-[3px] after:w-4 after:h-[3px] after:bg-emerald-500 after:rounded-full after:-translate-x-1/2 after:transition after:scale-0 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="e731n h6zia" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 16h6"/><path d="M19 13v6"/><path d="M21 10V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l2-1.14"/><path d="m7.5 4.27 9 5.15"/><polyline points="3.29 7 12 12 20.71 7"/><line x1="12" x2="12" y1="22" y2="12"/></svg>
New Arrivals
</a>
<a class="relative s53ws f2l40 w-full lg:w-auto flex items-center b1nd2 w4xo0 s1lil w9dei c9jt8 kghwt d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr after:absolute after:start-1/2 after:bottom-[3px] after:w-4 after:h-[3px] after:bg-emerald-500 after:rounded-full after:-translate-x-1/2 after:transition after:scale-0 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="e731n h6zia" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H19a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6.5a1 1 0 0 1 0-5H20"/><path d="M8 11h8"/><path d="M8 7h6"/></svg>
Books
</a>
<a class="relative s53ws f2l40 w-full lg:w-auto flex items-center b1nd2 w4xo0 s1lil w9dei c9jt8 kghwt d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr after:absolute after:start-1/2 after:bottom-[3px] after:w-4 after:h-[3px] after:bg-emerald-500 after:rounded-full after:-translate-x-1/2 after:transition after:scale-0 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="e731n h6zia" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20.38 3.46 16 2a4 4 0 0 1-8 0L3.62 3.46a2 2 0 0 0-1.34 2.23l.58 3.47a1 1 0 0 0 .99.84H6v10c0 1.1.9 2 2 2h8a2 2 0 0 0 2-2V10h2.15a1 1 0 0 0 .99-.84l.58-3.47a2 2 0 0 0-1.34-2.23z"/></svg>
Clothing
</a>
<a class="relative s53ws f2l40 w-full lg:w-auto flex items-center b1nd2 w4xo0 s1lil w9dei c9jt8 kghwt d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr after:absolute after:start-1/2 after:bottom-[3px] after:w-4 after:h-[3px] after:bg-emerald-500 after:rounded-full after:-translate-x-1/2 after:transition after:scale-0 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="e731n h6zia" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="8" width="18" height="4" rx="1"/><path d="M12 8v13"/><path d="M19 12v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-7"/><path d="M7.5 8a2.5 2.5 0 0 1 0-5A4.8 8 0 0 1 12 8a4.8 8 0 0 1 4.5-5 2.5 2.5 0 0 1 0 5"/></svg>
Gift Cards
</a>
</div>
<!-- End Nav -->
</div>
</div>
</header>
<!-- Regional Settings Modal -->
<div id="hs-pro-shmnrsm" class="hs-overlay hidden fp3m4 fixed fuv09 gihcw oc2zw overflow-x-hidden overflow-y-auto [--close-when-click-inside:true] gxxgf" role="dialog" tabindex="-1" aria-labelledby="hs-pro-shmnrsm-label">
<div class="hs-overlay-open:mt-7 hs-overlay-open:opacity-100 hs-overlay-open:duration-500 l6g2h opacity-0 ccbyv fl36v c22e6 sm:w-full xzljp sm:mx-auto h-[calc(100%-56px)] min-h-[calc(100%-56px)] flex items-center">
<div class="w-full a0p67 relative overflow-hidden flex flex-col aqyoh er6t7 pointer-events-auto gmg3v dark:bg-neutral-800">
<!-- Header -->
<div class="a8iqd d9vg5 flex ox2cl items-center fazzp lnk45 dark:border-neutral-700">
<h3 id="hs-pro-shmnrsm-label" class="sikx1 c9jt8 dark:text-neutral-200">
Which country would like to shop in?
</h3>
<button type="button" class="yl1cu e731n flex jkwm1 items-center n9hej kghwt rsdjd azddh f4yn1 c9jt8 cq7a3 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden f6db7 dark:bg-neutral-700 dark:hover:bg-neutral-600 dark:text-neutral-400 dark:focus:bg-neutral-600" aria-label="Close" data-hs-overlay="#hs-pro-shmnrsm">
<span class="et50x">Close</span>
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>
</button>
</div>
<!-- End Header -->
<!-- Body -->
<div id="hs-pro-shmnrsm-body" class="overflow-y-auto xwpzv y0qzi bxgd5 n3xnc dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<div class="jq72l space-y-5">
<!-- Select Input -->
<div>
<label class="block wyf4w w4xo0 sikx1 c9jt8 dark:text-neutral-200">
Language
</label>
<!-- Language Select -->
<div class="relative">
<select id="hs-pro-select-language" data-hs-select='{
"placeholder": "Select country",
"toggleTag": "<button type=\"button\" aria-expanded=\"false\"><div data-icon></div></button>",
"dropdownClasses": "oc2zw w-full v6xgr rdef8 vyel6 space-y-0.5 wu22o w-full overflow-hidden overflow-y-auto aqyoh er6t7 gmg3v xwpzv y0qzi bxgd5 n3xnc dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900",
"toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative brrnv srbq1 ur1vp flex items-center n9hej m6d8q w-full cursor-pointer aqyoh rsdjd lnk45 pb094 w9dei w4xo0 focus:outline-hidden zx3z8 g3l7x dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400 dark:focus:outline-hidden dark:focus:ring-1 dark:focus:ring-neutral-600",
"optionClasses": "hs-selected:bg-gray-100 dark:hs-selected:bg-neutral-800 s53ws fglch w-full w4xo0 c9jt8 cursor-pointer d05xb pb094 focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800",
"optionTemplate": "<div><div class=\"flex items-center n9hej \"><div data-icon></div><div class=\"c9jt8 dark:text-neutral-200 \" data-title></div><span class=\"hidden hs-selected:block ms-auto \"><svg class=\"e731n h6zia c9jt8 dark:text-neutral-200 \" xmlns=\"http:.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg></span></div></div>",
"dropdownScope": "window",
"viewport": "#hs-pro-shmnrsm-body"
}' class="hidden">
<option value="">Choose</option>
<option selected value="English-us" data-hs-select-option='{
"icon": "<svg class=\"e731n b9gop kghwt \" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><g fill-rule=\"evenodd\"><g stroke-width=\"1pt\"><path fill=\"#bd3d44\" d=\"M0 0h247v10H0zm0 20h247v10H0zm0 20h247v10H0zm0 20h247v10H0zm0 20h247v10H0zm0 20h247v10H0zm0 20h247v10H0z\" transform=\"scale(3.9385)\"/><path fill=\"#fff\" d=\"M0 10h247v10H0zm0 20h247v10H0zm0 20h247v10H0zm0 20h247v10H0zm0 20h247v10H0zm0 20h247v10H0z\" transform=\"scale(3.9385)\"/></g><path fill=\"#192f5d\" d=\"M0 0h98.8v70H0z\" transform=\"scale(3.9385)\"/><path fill=\"#fff\" d=\"M8.2 3l1 2.8H12L9.7 7.5l.9 2.7-2.4-1.7L6 10.2l.9-2.7-2.4-1.7h3zm16.5 0l.9 2.8h2.9l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8H45l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm16.4 0l1 2.8h2.8l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm16.5 0l.9 2.8h2.9l-2.4 1.7 1 2.7L74 8.5l-2.3 1.7.9-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8h2.9L92 7.5l1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm-74.1 7l.9 2.8h2.9l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm16.4 0l1 2.8h2.8l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm16.5 0l.9 2.8h2.9l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8h2.9l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7H65zm16.4 0l1 2.8H86l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm-74 7l.8 2.8h3l-2.4 1.7.9 2.7-2.4-1.7L6 24.2l.9-2.7-2.4-1.7h3zm16.4 0l.9 2.8h2.9l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8H45l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm16.4 0l1 2.8h2.8l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm16.5 0l.9 2.8h2.9l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8h2.9L92 21.5l1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm-74.1 7l.9 2.8h2.9l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm16.4 0l1 2.8h2.8l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm16.5 0l.9 2.8h2.9l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8h2.9l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7H65zm16.4 0l1 2.8H86l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm-74 7l.8 2.8h3l-2.4 1.7.9 2.7-2.4-1.7L6 38.2l.9-2.7-2.4-1.7h3zm16.4 0l.9 2.8h2.9l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8H45l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm16.4 0l1 2.8h2.8l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm16.5 0l.9 2.8h2.9l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8h2.9L92 35.5l1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm-74.1 7l.9 2.8h2.9l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm16.4 0l1 2.8h2.8l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm16.5 0l.9 2.8h2.9l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8h2.9l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7H65zm16.4 0l1 2.8H86l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm-74 7l.8 2.8h3l-2.4 1.7.9 2.7-2.4-1.7L6 52.2l.9-2.7-2.4-1.7h3zm16.4 0l.9 2.8h2.9l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8H45l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm16.4 0l1 2.8h2.8l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm16.5 0l.9 2.8h2.9l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8h2.9L92 49.5l1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm-74.1 7l.9 2.8h2.9l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm16.4 0l1 2.8h2.8l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm16.5 0l.9 2.8h2.9l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8h2.9l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7H65zm16.4 0l1 2.8H86l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm-74 7l.8 2.8h3l-2.4 1.7.9 2.7-2.4-1.7L6 66.2l.9-2.7-2.4-1.7h3zm16.4 0l.9 2.8h2.9l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8H45l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm16.4 0l1 2.8h2.8l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm16.5 0l.9 2.8h2.9l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8h2.9L92 63.5l1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9z\" transform=\"scale(3.9385)\"/></g></svg>"}'>
English (United States)
</option>
<option value="English-uk" data-hs-select-option='{
"icon": "<svg class=\"e731n b9gop kghwt \" xmlns=\"http://www.w3.org/2000/svg\" id=\"flag-icon-css-gb\" viewBox=\"0 0 512 512\"><path fill=\"#012169\" d=\"M0 0h512v512H0z\"/><path fill=\"#FFF\" d=\"M512 0v64L322 256l190 187v69h-67L254 324 68 512H0v-68l186-187L0 74V0h62l192 188L440 0z\"/><path fill=\"#C8102E\" d=\"M184 324l11 34L42 512H0v-3l184-185zm124-12l54 8 150 147v45L308 312zM512 0L320 196l-4-44L466 0h46zM0 1l193 189-59-8L0 49V1z\"/><path fill=\"#FFF\" d=\"M176 0v512h160V0H176zM0 176v160h512V176H0z\"/><path fill=\"#C8102E\" d=\"M0 208v96h512v-96H0zM208 0v512h96V0h-96z\"/></svg>"}'>
English (United Kingdom)
</option>
<option value="Deutsch" data-hs-select-option='{
"icon": "<svg class=\"e731n b9gop kghwt \" xmlns=\"http://www.w3.org/2000/svg\" id=\"flag-icon-css-de\" viewBox=\"0 0 512 512\"><path fill=\"#ffce00\" d=\"M0 341.3h512V512H0z\"/><path d=\"M0 0h512v170.7H0z\"/><path fill=\"#d00\" d=\"M0 170.7h512v170.6H0z\"/></svg>"}'>
Deutsch
</option>
<option value="Dansk" data-hs-select-option='{
"icon": "<svg class=\"e731n b9gop kghwt \" xmlns=\"http://www.w3.org/2000/svg\" id=\"flag-icon-css-dk\" viewBox=\"0 0 512 512\"><path fill=\"#c8102e\" d=\"M0 0h512.1v512H0z\"/><path fill=\"#fff\" d=\"M144 0h73.1v512H144z\"/><path fill=\"#fff\" d=\"M0 219.4h512.1v73.2H0z\"/></svg>"}'>
Dansk
</option>
<option value="Italiano" data-hs-select-option='{
"icon": "<svg class=\"e731n b9gop kghwt \" xmlns=\"http://www.w3.org/2000/svg\" id=\"flag-icon-css-it\" viewBox=\"0 0 512 512\"><g fill-rule=\"evenodd\" stroke-width=\"1pt\"><path fill=\"#fff\" d=\"M0 0h512v512H0z\"/><path fill=\"#009246\" d=\"M0 0h170.7v512H0z\"/><path fill=\"#ce2b37\" d=\"M341.3 0H512v512H341.3z\"/></g></svg>"}'>
Italiano
</option>
<option value="中文-繁體" data-hs-select-option='{
"icon": "<svg class=\"e731n b9gop kghwt \" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" id=\"flag-icon-css-cn\" viewBox=\"0 0 512 512\"><defs><path id=\"a\" fill=\"#ffde00\" d=\"M1-.3L-.7.8 0-1 .6.8-1-.3z\"/></defs><path fill=\"#de2910\" d=\"M0 0h512v512H0z\"/><use width=\"30\" height=\"20\" transform=\"matrix(76.8 0 0 76.8 128 128)\" xlink:href=\"#a\"/><use width=\"30\" height=\"20\" transform=\"rotate(-121 142.6 -47) scale(25.5827)\" xlink:href=\"#a\"/><use width=\"30\" height=\"20\" transform=\"rotate(-98.1 198 -82) scale(25.6)\" xlink:href=\"#a\"/><use width=\"30\" height=\"20\" transform=\"rotate(-74 272.4 -114) scale(25.6137)\" xlink:href=\"#a\"/><use width=\"30\" height=\"20\" transform=\"matrix(16 -19.968 19.968 16 256 230.4)\" xlink:href=\"#a\"/></svg>"}'>
中文 (繁體)
</option>
</select>
<div class="absolute zoyba ez989 -translate-y-1/2">
<svg class="e731n h6zia jy5gh dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m7 15 5 5 5-5"/><path d="m7 9 5-5 5 5"/></svg>
</div>
<!-- End Header -->
</div>
<!-- End Language Select -->
</div>
<!-- End Select Input -->
<!-- Select Input -->
<div>
<label class="block wyf4w w4xo0 sikx1 c9jt8 dark:text-neutral-200">
Country
</label>
<!-- Select -->
<div class="relative">
<select data-hs-select='{
"placeholder": "",
"hasSearch": true,
"searchPlaceholder": "Country",
"searchClasses": "od5va yzhap f2l40 block w-full glhrq lnk45 pb094 eyr9a g3l7x dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-400 dark:placeholder:text-neutral-400",
"searchWrapperClasses": "aqyoh an00p -mx-1 yhsdv fuv09 dark:bg-neutral-900",
"toggleTag": "<button type=\"button\" aria-expanded=\"false\"><span class=\"flex \" data-icon></span><span class=\"c9jt8 dark:text-neutral-200 \" data-title></span></button>",
"toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative brrnv srbq1 ur1vp flex n9hej m6d8q w-full cursor-pointer aqyoh rsdjd lnk45 pb094 w9dei w4xo0 focus:outline-hidden zx3z8 g3l7x dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400 dark:focus:outline-hidden dark:focus:ring-1 dark:focus:ring-neutral-600",
"dropdownClasses": "oc2zw rdef8 vyel6 joa7s space-y-0.5 wu22o w-full overflow-hidden overflow-y-auto aqyoh er6t7 gmg3v xwpzv y0qzi bxgd5 n3xnc dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900",
"optionClasses": "hs-selected:bg-gray-100 dark:hs-selected:bg-neutral-800 s53ws fglch w-full w4xo0 c9jt8 cursor-pointer d05xb pb094 focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800",
"optionTemplate": "<div><div class=\"flex items-center \"><div class=\"hrvkp \" data-icon></div><div class=\"c9jt8 dark:text-neutral-200 \" data-title></div></div></div>",
"dropdownScope": "window",
"viewport": "#hs-pro-shmnrsm-body"
}' class="hidden">
<option value="">Choose</option>
<option value="AF" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/af.png\" alt=\"Afghanistan\" />"}'>
Afghanistan
</option>
<option value="AX" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/ax.png\" alt=\"Aland Islands\" />"}'>
Aland Islands
</option>
<option value="AL" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/al.png\" alt=\"Albania\" />"}'>
Albania
</option>
<option value="DZ" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/dz.png\" alt=\"Algeria\" />"}'>
Algeria
</option>
<option value="AS" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/as.png\" alt=\"American Samoa\" />"}'>
American Samoa
</option>
<option value="AD" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/ad.png\" alt=\"Andorra\" />"}'>
Andorra
</option>
<option value="AO" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/ao.png\" alt=\"Angola\" />"}'>
Angola
</option>
<option value="AI" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/ai.png\" alt=\"Anguilla\" />"}'>
Anguilla
</option>
<option value="AG" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/ag.png\" alt=\"Antigua and Barbuda\" />"}'>
Antigua and Barbuda
</option>
<option value="AR" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/ar.png\" alt=\"Argentina\" />"}'>
Argentina
</option>
<option value="AM" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/am.png\" alt=\"Armenia\" />"}'>
Armenia
</option>
<option value="AW" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/aw.png\" alt=\"Aruba\" />"}'>
Aruba
</option>
<option value="AU" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/au.png\" alt=\"Australia\" />"}'>
Australia
</option>
<option value="AT" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/at.png\" alt=\"Austria\" />"}'>
Austria
</option>
<option value="AZ" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/az.png\" alt=\"Azerbaijan\" />"}'>
Azerbaijan
</option>
<option value="BS" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/bs.png\" alt=\"Bahamas\" />"}'>
Bahamas
</option>
<option value="BH" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/bh.png\" alt=\"Bahrain\" />"}'>
Bahrain
</option>
<option value="BD" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/bd.png\" alt=\"Bangladesh\" />"}'>
Bangladesh
</option>
<option value="BB" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/bb.png\" alt=\"Barbados\" />"}'>
Barbados
</option>
<option value="BY" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/by.png\" alt=\"Belarus\" />"}'>
Belarus
</option>
<option value="BE" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/be.png\" alt=\"Belgium\" />"}'>
Belgium
</option>
<option value="BZ" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/bz.png\" alt=\"Belize\" />"}'>
Belize
</option>
<option value="BJ" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/bj.png\" alt=\"Benin\" />"}'>
Benin
</option>
<option value="BM" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/bm.png\" alt=\"Bermuda\" />"}'>
Bermuda
</option>
<option value="BT" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/bt.png\" alt=\"Bhutan\" />"}'>
Bhutan
</option>
<option value="BO" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/bo.png\" alt=\"Bolivia (Plurinational State of)\" />"}'>
Bolivia (Plurinational State of)
</option>
<option value="BQ" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/bq.png\" alt=\"Bonaire, Sint Eustatius and Saba\" />"}'>
Bonaire, Sint Eustatius and Saba
</option>
<option value="BA" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/ba.png\" alt=\"Bosnia and Herzegovina\" />"}'>
Bosnia and Herzegovina
</option>
<option value="BW" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/bw.png\" alt=\"Botswana\" />"}'>
Botswana
</option>
<option value="BR" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/br.png\" alt=\"Brazil\" />"}'>
Brazil
</option>
<option value="IO" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/io.png\" alt=\"British Indian Ocean Territory\" />"}'>
British Indian Ocean Territory
</option>
<option value="BN" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/bn.png\" alt=\"Brunei Darussalam\" />"}'>
Brunei Darussalam
</option>
<option value="BG" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/bg.png\" alt=\"Bulgaria\" />"}'>
Bulgaria
</option>
<option value="BF" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/bf.png\" alt=\"Burkina Faso\" />"}'>
Burkina Faso
</option>
<option value="BI" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/bi.png\" alt=\"Burundi\" />"}'>
Burundi
</option>
<option value="CV" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/cv.png\" alt=\"Cabo Verde\" />"}'>
Cabo Verde
</option>
<option value="KH" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/kh.png\" alt=\"Cambodia\" />"}'>
Cambodia
</option>
<option value="CM" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/cm.png\" alt=\"Cameroon\" />"}'>
Cameroon
</option>
<option value="CA" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/ca.png\" alt=\"Canada\" />"}'>
Canada
</option>
<option value="KY" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/ky.png\" alt=\"Cayman Islands\" />"}'>
Cayman Islands
</option>
<option value="CF" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/cf.png\" alt=\"Central African Republic\" />"}'>
Central African Republic
</option>
<option value="TD" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/td.png\" alt=\"Chad\" />"}'>
Chad
</option>
<option value="CL" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/cl.png\" alt=\"Chile\" />"}'>
Chile
</option>
<option value="CN" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/cn.png\" alt=\"China\" />"}'>
China
</option>
<option value="CX" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/cx.png\" alt=\"Christmas Island\" />"}'>
Christmas Island
</option>
<option value="CC" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/cc.png\" alt=\"Cocos (Keeling) Islands\" />"}'>
Cocos (Keeling) Islands
</option>
<option value="CO" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/co.png\" alt=\"Colombia\" />"}'>
Colombia
</option>
<option value="KM" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/km.png\" alt=\"Comoros\" />"}'>
Comoros
</option>
<option value="CK" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/ck.png\" alt=\"Cook Islands\" />"}'>
Cook Islands
</option>
<option value="CR" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/cr.png\" alt=\"Costa Rica\" />"}'>
Costa Rica
</option>
<option value="HR" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/hr.png\" alt=\"Croatia\" />"}'>
Croatia
</option>
<option value="CU" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/cu.png\" alt=\"Cuba\" />"}'>
Cuba
</option>
<option value="CW" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/cw.png\" alt=\"Curaçao\" />"}'>
Curaçao
</option>
<option value="CY" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/cy.png\" alt=\"Cyprus\" />"}'>
Cyprus
</option>
<option value="CZ" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/cz.png\" alt=\"Czech Republic\" />"}'>
Czech Republic
</option>
<option value="CI" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/ci.png\" alt=Côte dIvoire\" />"}'>
Côte dIvoire
</option>
<option value="CD" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/cd.png\" alt=\"Democratic Republic of the Congo\" />"}'>
Democratic Republic of the Congo
</option>
<option value="DK" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/dk.png\" alt=\"Denmark\" />"}'>
Denmark
</option>
<option value="DJ" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/dj.png\" alt=\"Djibouti\" />"}'>
Djibouti
</option>
<option value="DM" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/dm.png\" alt=\"Dominica\" />"}'>
Dominica
</option>
<option value="DO" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/do.png\" alt=\"Dominican Republic\" />"}'>
Dominican Republic
</option>
<option value="EC" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/ec.png\" alt=\"Ecuador\" />"}'>
Ecuador
</option>
<option value="EG" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/eg.png\" alt=\"Egypt\" />"}'>
Egypt
</option>
<option value="SV" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/sv.png\" alt=\"El Salvador\" />"}'>
El Salvador
</option>
<option value="GB-ENG" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/gb.png\" alt=\"England\" />"}'>
England
</option>
<option value="GQ" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/gq.png\" alt=\"Equatorial Guinea\" />"}'>
Equatorial Guinea
</option>
<option value="ER" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/er.png\" alt=\"Eritrea\" />"}'>
Eritrea
</option>
<option value="EE" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/ee.png\" alt=\"Estonia\" />"}'>
Estonia
</option>
<option value="ET" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/et.png\" alt=\"Ethiopia\" />"}'>
Ethiopia
</option>
<option value="FK" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/fk.png\" alt=\"Falkland Islands\" />"}'>
Falkland Islands
</option>
<option value="FO" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/fo.png\" alt=\"Faroe Islands\" />"}'>
Faroe Islands
</option>
<option value="FM" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/fm.png\" alt=\"Federated States of Micronesia\" />"}'>
Federated States of Micronesia
</option>
<option value="FJ" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/fj.png\" alt=\"Fiji\" />"}'>
Fiji
</option>
<option value="FI" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/fi.png\" alt=\"Finland\" />"}'>
Finland
</option>
<option value="FR" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/fr.png\" alt=\"France\" />"}'>
France
</option>
<option value="GF" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/gf.png\" alt=\"French Guiana\" />"}'>
French Guiana
</option>
<option value="PF" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/pf.png\" alt=\"French Polynesia\" />"}'>
French Polynesia
</option>
<option value="TF" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/tf.png\" alt=\"French Southern Territories\" />"}'>
French Southern Territories
</option>
<option value="GA" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/ga.png\" alt=\"Gabon\" />"}'>
Gabon
</option>
<option value="GM" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/gm.png\" alt=\"Gambia\" />"}'>
Gambia
</option>
<option value="GE" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/ge.png\" alt=\"Georgia\" />"}'>
Georgia
</option>
<option value="DE" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/de.png\" alt=\"Germany\" />"}'>
Germany
</option>
<option value="GH" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/gh.png\" alt=\"Ghana\" />"}'>
Ghana
</option>
<option value="GI" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/gi.png\" alt=\"Gibraltar\" />"}'>
Gibraltar
</option>
<option value="GR" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/gr.png\" alt=\"Greece\" />"}'>
Greece
</option>
<option value="GL" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/gl.png\" alt=\"Greenland\" />"}'>
Greenland
</option>
<option value="GD" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/gd.png\" alt=\"Grenada\" />"}'>
Grenada
</option>
<option value="GP" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/gp.png\" alt=\"Guadeloupe\" />"}'>
Guadeloupe
</option>
<option value="GU" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/gu.png\" alt=\"Guam\" />"}'>
Guam
</option>
<option value="GT" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/gt.png\" alt=\"Guatemala\" />"}'>
Guatemala
</option>
<option value="GG" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/gg.png\" alt=\"Guernsey\" />"}'>
Guernsey
</option>
<option value="GN" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/gn.png\" alt=\"Guinea\" />"}'>
Guinea
</option>
<option value="GW" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/gw.png\" alt=\"Guinea-Bissau\" />"}'>
Guinea-Bissau
</option>
<option value="GY" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/gy.png\" alt=\"Guyana\" />"}'>
Guyana
</option>
<option value="HT" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/ht.png\" alt=\"Haiti\" />"}'>
Haiti
</option>
<option value="VA" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/va.png\" alt=\"Holy See\" />"}'>
Holy See
</option>
<option value="HN" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/hn.png\" alt=\"Honduras\" />"}'>
Honduras
</option>
<option value="HK" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/hk.png\" alt=\"Hong Kong\" />"}'>
Hong Kong
</option>
<option value="HU" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/hu.png\" alt=\"Hungary\" />"}'>
Hungary
</option>
<option value="IS" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/is.png\" alt=\"Iceland\" />"}'>
Iceland
</option>
<option value="IN" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/in.png\" alt=\"India\" />"}'>
India
</option>
<option value="ID" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/id.png\" alt=\"Indonesia\" />"}'>
Indonesia
</option>
<option value="IR" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/ir.png\" alt=\"Iran (Islamic Republic of)\" />"}'>
Iran (Islamic Republic of)
</option>
<option value="IQ" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/iq.png\" alt=\"Iraq\" />"}'>
Iraq
</option>
<option value="IE" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/ie.png\" alt=\"Ireland\" />"}'>
Ireland
</option>
<option value="IM" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/im.png\" alt=\"Isle of Man\" />"}'>
Isle of Man
</option>
<option value="IL" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/il.png\" alt=\"Israel\" />"}'>
Israel
</option>
<option value="IT" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/it.png\" alt=\"Italy\" />"}'>
Italy
</option>
<option value="JM" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/jm.png\" alt=\"Jamaica\" />"}'>
Jamaica
</option>
<option value="JP" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/jp.png\" alt=\"Japan\" />"}'>
Japan
</option>
<option value="JE" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/je.png\" alt=\"Jersey\" />"}'>
Jersey
</option>
<option value="JO" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/jo.png\" alt=\"Jordan\" />"}'>
Jordan
</option>
<option value="KZ" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/kz.png\" alt=\"Kazakhstan\" />"}'>
Kazakhstan
</option>
<option value="KE" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/ke.png\" alt=\"Kenya\" />"}'>
Kenya
</option>
<option value="KI" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/ki.png\" alt=\"Kiribati\" />"}'>
Kiribati
</option>
<option value="KW" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/kw.png\" alt=\"Kuwait\" />"}'>
Kuwait
</option>
<option value="KG" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/kg.png\" alt=\"Kyrgyzstan\" />"}'>
Kyrgyzstan
</option>
<option value="LA" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/la.png\" alt=\"Laos\" />"}'>
Laos
</option>
<option value="LV" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/lv.png\" alt=\"Latvia\" />"}'>
Latvia
</option>
<option value="LB" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/lb.png\" alt=\"Lebanon\" />"}'>
Lebanon
</option>
<option value="LS" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/ls.png\" alt=\"Lesotho\" />"}'>
Lesotho
</option>
<option value="LR" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/lr.png\" alt=\"Liberia\" />"}'>
Liberia
</option>
<option value="LY" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/ly.png\" alt=\"Libya\" />"}'>
Libya
</option>
<option value="LI" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/li.png\" alt=\"Liechtenstein\" />"}'>
Liechtenstein
</option>
<option value="LT" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/lt.png\" alt=\"Lithuania\" />"}'>
Lithuania
</option>
<option value="LU" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/lu.png\" alt=\"Luxembourg\" />"}'>
Luxembourg
</option>
<option value="MO" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/mo.png\" alt=\"Macau\" />"}'>
Macau
</option>
<option value="MG" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/mg.png\" alt=\"Madagascar\" />"}'>
Madagascar
</option>
<option value="MW" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/mw.png\" alt=\"Malawi\" />"}'>
Malawi
</option>
<option value="MY" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/my.png\" alt=\"Malaysia\" />"}'>
Malaysia
</option>
<option value="MV" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/mv.png\" alt=\"Maldives\" />"}'>
Maldives
</option>
<option value="ML" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/ml.png\" alt=\"Mali\" />"}'>
Mali
</option>
<option value="MT" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/mt.png\" alt=\"Malta\" />"}'>
Malta
</option>
<option value="MH" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/mh.png\" alt=\"Marshall Islands\" />"}'>
Marshall Islands
</option>
<option value="MQ" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/mq.png\" alt=\"Martinique\" />"}'>
Martinique
</option>
<option value="MR" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/mr.png\" alt=\"Mauritania\" />"}'>
Mauritania
</option>
<option value="MU" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/mu.png\" alt=\"Mauritius\" />"}'>
Mauritius
</option>
<option value="YT" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/yt.png\" alt=\"Mayotte\" />"}'>
Mayotte
</option>
<option value="MX" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/mx.png\" alt=\"Mexico\" />"}'>
Mexico
</option>
<option value="MD" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/md.png\" alt=\"Moldova\" />"}'>
Moldova
</option>
<option value="MC" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/mc.png\" alt=\"Monaco\" />"}'>
Monaco
</option>
<option value="MN" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/mn.png\" alt=\"Mongolia\" />"}'>
Mongolia
</option>
<option value="ME" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/me.png\" alt=\"Montenegro\" />"}'>
Montenegro
</option>
<option value="MS" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/ms.png\" alt=\"Montserrat\" />"}'>
Montserrat
</option>
<option value="MA" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/ma.png\" alt=\"Morocco\" />"}'>
Morocco
</option>
<option value="MZ" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/mz.png\" alt=\"Mozambique\" />"}'>
Mozambique
</option>
<option value="MM" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/mm.png\" alt=\"Myanmar\" />"}'>
Myanmar
</option>
<option value="NA" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/na.png\" alt=\"Namibia\" />"}'>
Namibia
</option>
<option value="NR" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/nr.png\" alt=\"Nauru\" />"}'>
Nauru
</option>
<option value="NP" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/np.png\" alt=\"Nepal\" />"}'>
Nepal
</option>
<option value="NL" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/nl.png\" alt=\"Netherlands\" />"}'>
Netherlands
</option>
<option value="NC" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/nc.png\" alt=\"New Caledonia\" />"}'>
New Caledonia
</option>
<option value="NZ" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/nz.png\" alt=\"New Zealand\" />"}'>
New Zealand
</option>
<option value="NI" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/ni.png\" alt=\"Nicaragua\" />"}'>
Nicaragua
</option>
<option value="NE" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/ne.png\" alt=\"Niger\" />"}'>
Niger
</option>
<option value="NG" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/ng.png\" alt=\"Nigeria\" />"}'>
Nigeria
</option>
<option value="NU" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/nu.png\" alt=\"Niue\" />"}'>
Niue
</option>
<option value="NF" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/nf.png\" alt=\"Norfolk Island\" />"}'>
Norfolk Island
</option>
<option value="KP" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/kp.png\" alt=\"North Korea\" />"}'>
North Korea
</option>
<option value="MK" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/mk.png\" alt=\"North Macedonia\" />"}'>
North Macedonia
</option>
<option value="GB-NIR" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/gb.png\" alt=\"Northern Ireland\" />"}'>
Northern Ireland
</option>
<option value="MP" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/mp.png\" alt=\"Northern Mariana Islands\" />"}'>
Northern Mariana Islands
</option>
<option value="NO" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/no.png\" alt=\"Norway\" />"}'>
Norway
</option>
<option value="OM" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/om.png\" alt=\"Oman\" />"}'>
Oman
</option>
<option value="PK" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/pk.png\" alt=\"Pakistan\" />"}'>
Pakistan
</option>
<option value="PW" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/pw.png\" alt=\"Palau\" />"}'>
Palau
</option>
<option value="PA" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/pa.png\" alt=\"Panama\" />"}'>
Panama
</option>
<option value="PG" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/pg.png\" alt=\"Papua New Guinea\" />"}'>
Papua New Guinea
</option>
<option value="PY" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/py.png\" alt=\"Paraguay\" />"}'>
Paraguay
</option>
<option value="PE" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/pe.png\" alt=\"Peru\" />"}'>
Peru
</option>
<option value="PH" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/ph.png\" alt=\"Philippines\" />"}'>
Philippines
</option>
<option value="PN" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/pn.png\" alt=\"Pitcairn\" />"}'>
Pitcairn
</option>
<option value="PL" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/pl.png\" alt=\"Poland\" />"}'>
Poland
</option>
<option value="PT" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/pt.png\" alt=\"Portugal\" />"}'>
Portugal
</option>
<option value="PR" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/pr.png\" alt=\"Puerto Rico\" />"}'>
Puerto Rico
</option>
<option value="QA" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/qa.png\" alt=\"Qatar\" />"}'>
Qatar
</option>
<option value="CG" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/cg.png\" alt=\"Republic of the Congo\" />"}'>
Republic of the Congo
</option>
<option value="RO" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/ro.png\" alt=\"Romania\" />"}'>
Romania
</option>
<option value="RU" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/ru.png\" alt=\"Russia\" />"}'>
Russia
</option>
<option value="RW" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/rw.png\" alt=\"Rwanda\" />"}'>
Rwanda
</option>
<option value="RE" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/re.png\" alt=\"Réunion\" />"}'>
Réunion
</option>
<option value="BL" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/bl.png\" alt=\"Saint Barthélemy\" />"}'>
Saint Barthélemy
</option>
<option value="SH" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/sh.png\" alt=\"Saint Helena, Ascension and Tristan da Cunha\" />"}'>
Saint Helena, Ascension and Tristan da Cunha
</option>
<option value="KN" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/kn.png\" alt=\"Saint Kitts and Nevis\" />"}'>
Saint Kitts and Nevis
</option>
<option value="LC" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/lc.png\" alt=\"Saint Lucia\" />"}'>
Saint Lucia
</option>
<option value="MF" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/mf.png\" alt=\"Saint Martin\" />"}'>
Saint Martin
</option>
<option value="PM" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/pm.png\" alt=\"Saint Pierre and Miquelon\" />"}'>
Saint Pierre and Miquelon
</option>
<option value="VC" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/vc.png\" alt=\"Saint Vincent and the Grenadines\" />"}'>
Saint Vincent and the Grenadines
</option>
<option value="WS" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/ws.png\" alt=\"Samoa\" />"}'>
Samoa
</option>
<option value="SM" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/sm.png\" alt=\"San Marino\" />"}'>
San Marino
</option>
<option value="ST" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/st.png\" alt=\"Sao Tome and Principe\" />"}'>
Sao Tome and Principe
</option>
<option value="SA" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/sa.png\" alt=\"Saudi Arabia\" />"}'>
Saudi Arabia
</option>
<option value="GB-SCT" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/gb.png\" alt=\"Scotland\" />"}'>
Scotland
</option>
<option value="SN" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/sn.png\" alt=\"Senegal\" />"}'>
Senegal
</option>
<option value="RS" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/rs.png\" alt=\"Serbia\" />"}'>
Serbia
</option>
<option value="SC" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/sc.png\" alt=\"Seychelles\" />"}'>
Seychelles
</option>
<option value="SL" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/sl.png\" alt=\"Sierra Leone\" />"}'>
Sierra Leone
</option>
<option value="SG" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/sg.png\" alt=\"Singapore\" />"}'>
Singapore
</option>
<option value="SX" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/sx.png\" alt=\"Sint Maarten\" />"}'>
Sint Maarten
</option>
<option value="SK" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/sk.png\" alt=\"Slovakia\" />"}'>
Slovakia
</option>
<option value="SI" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/si.png\" alt=\"Slovenia\" />"}'>
Slovenia
</option>
<option value="SB" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/sb.png\" alt=\"Solomon Islands\" />"}'>
Solomon Islands
</option>
<option value="SO" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/so.png\" alt=\"Somalia\" />"}'>
Somalia
</option>
<option value="ZA" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/za.png\" alt=\"South Africa\" />"}'>
South Africa
</option>
<option value="GS" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/gs.png\" alt=\"South Georgia and the South Sandwich Islands\" />"}'>
South Georgia and the South Sandwich Islands
</option>
<option value="KR" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/kr.png\" alt=\"South Korea\" />"}'>
South Korea
</option>
<option value="SS" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/ss.png\" alt=\"South Sudan\" />"}'>
South Sudan
</option>
<option value="ES" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/es.png\" alt=\"Spain\" />"}'>
Spain
</option>
<option value="LK" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/lk.png\" alt=\"Sri Lanka\" />"}'>
Sri Lanka
</option>
<option value="PS" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/ps.png\" alt=\"State of Palestine\" />"}'>
State of Palestine
</option>
<option value="SD" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/sd.png\" alt=\"Sudan\" />"}'>
Sudan
</option>
<option value="SR" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/sr.png\" alt=\"Suriname\" />"}'>
Suriname
</option>
<option value="SJ" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/sj.png\" alt=\"Svalbard and Jan Mayen\" />"}'>
Svalbard and Jan Mayen
</option>
<option value="SZ" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/sz.png\" alt=\"Swaziland\" />"}'>
Swaziland
</option>
<option value="SE" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/se.png\" alt=\"Sweden\" />"}'>
Sweden
</option>
<option value="CH" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/ch.png\" alt=\"Switzerland\" />"}'>
Switzerland
</option>
<option value="SY" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/sy.png\" alt=\"Syrian Arab Republic\" />"}'>
Syrian Arab Republic
</option>
<option value="TW" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/tw.png\" alt=\"Taiwan\" />"}'>
Taiwan
</option>
<option value="TJ" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/tj.png\" alt=\"Tajikistan\" />"}'>
Tajikistan
</option>
<option value="TZ" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/tz.png\" alt=\"Tanzania\" />"}'>
Tanzania
</option>
<option value="TH" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/th.png\" alt=\"Thailand\" />"}'>
Thailand
</option>
<option value="TL" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/tl.png\" alt=\"Timor-Leste\" />"}'>
Timor-Leste
</option>
<option value="TG" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/tg.png\" alt=\"Togo\" />"}'>
Togo
</option>
<option value="TK" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/tk.png\" alt=\"Tokelau\" />"}'>
Tokelau
</option>
<option value="TO" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/to.png\" alt=\"Tonga\" />"}'>
Tonga
</option>
<option value="TT" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/tt.png\" alt=\"Trinidad and Tobago\" />"}'>
Trinidad and Tobago
</option>
<option value="TN" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/tn.png\" alt=\"Tunisia\" />"}'>
Tunisia
</option>
<option value="TR" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/tr.png\" alt=\"Turkey\" />"}'>
Turkey
</option>
<option value="TM" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/tm.png\" alt=\"Turkmenistan\" />"}'>
Turkmenistan
</option>
<option value="TC" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/tc.png\" alt=\"Turks and Caicos Islands\" />"}'>
Turks and Caicos Islands
</option>
<option value="TV" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/tv.png\" alt=\"Tuvalu\" />"}'>
Tuvalu
</option>
<option value="UG" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/ug.png\" alt=\"Uganda\" />"}'>
Uganda
</option>
<option value="UA" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/ua.png\" alt=\"Ukraine\" />"}'>
Ukraine
</option>
<option value="AE" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/ae.png\" alt=\"United Arab Emirates\" />"}'>
United Arab Emirates
</option>
<option value="GB" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/gb.png\" alt=\"United Kingdom\" />"}'>
United Kingdom
</option>
<option value="UM" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/um.png\" alt=\"United States Minor Outlying Islands\" />"}'>
United States Minor Outlying Islands
</option>
<option selected value="US" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/us.png\" alt=\"United States of America\" />"}'>
United States of America
</option>
<option value="UY" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/uy.png\" alt=\"Uruguay\" />"}'>
Uruguay
</option>
<option value="UZ" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/uz.png\" alt=\"Uzbekistan\" />"}'>
Uzbekistan
</option>
<option value="VU" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/vu.png\" alt=\"Vanuatu\" />"}'>
Vanuatu
</option>
<option value="VE" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/ve.png\" alt=\"Venezuela (Bolivarian Republic of)\" />"}'>
Venezuela (Bolivarian Republic of)
</option>
<option value="VN" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/vn.png\" alt=\"Vietnam\" />"}'>
Vietnam
</option>
<option value="VG" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/vg.png\" alt=\"Virgin Islands (British)\" />"}'>
Virgin Islands (British)
</option>
<option value="VI" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/vi.png\" alt=\"Virgin Islands (U.S.)\" />"}'>
Virgin Islands (U.S.)
</option>
<option value="GB-WLS" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/gb.png\" alt=\"Wales\" />"}'>
Wales
</option>
<option value="WF" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/wf.png\" alt=\"Wallis and Futuna\" />"}'>
Wallis and Futuna
</option>
<option value="EH" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/eh.png\" alt=\"Western Sahara\" />"}'>
Western Sahara
</option>
<option value="YE" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/ye.png\" alt=\"Yemen\" />"}'>
Yemen
</option>
<option value="ZM" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/zm.png\" alt=\"Zambia\" />"}'>
Zambia
</option>
<option value="ZW" data-hs-select-option='{
"icon": "<img class=\"inline-block b9gop kghwt \" src=\"../../assets/vendor/svg-country-flags/png100px/zw.png\" alt=\"Zimbabwe\" />"}'>
Zimbabwe
</option>
</select>
<div class="absolute zoyba ez989 -translate-y-1/2">
<svg class="e731n h6zia jy5gh dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m7 15 5 5 5-5"/><path d="m7 9 5-5 5 5"/></svg>
</div>
</div>
<!-- End Select -->
</div>
<!-- End Select Input -->
<!-- Select Input -->
<div>
<label class="block wyf4w w4xo0 sikx1 c9jt8 dark:text-neutral-200">
Currency
</label>
<!-- Select -->
<div class="relative">
<select data-hs-select='{
"placeholder": "Select currency",
"hasSearch": true,
"searchPlaceholder": "Select currency",
"searchClasses": "od5va yzhap f2l40 block w-full glhrq lnk45 pb094 eyr9a g3l7x dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-400 dark:placeholder:text-neutral-400",
"searchWrapperClasses": "aqyoh an00p -mx-1 yhsdv fuv09 dark:bg-neutral-900",
"toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>",
"toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative brrnv srbq1 ur1vp flex items-center n9hej m6d8q w-full cursor-pointer aqyoh rsdjd lnk45 pb094 w9dei w4xo0 focus:outline-hidden zx3z8 g3l7x dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400 dark:focus:outline-hidden dark:focus:ring-1 dark:focus:ring-neutral-600",
"dropdownClasses": "oc2zw w-full rdef8 vyel6 space-y-0.5 wu22o overflow-hidden overflow-y-auto aqyoh er6t7 gmg3v xwpzv y0qzi bxgd5 n3xnc dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900",
"optionClasses": "hs-selected:bg-gray-100 dark:hs-selected:bg-neutral-800 s53ws fglch w-full w4xo0 c9jt8 cursor-pointer d05xb pb094 focus:outline-hidden r17tr dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex ox2cl items-center w-full \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"e731n h6zia c9jt8 dark:text-neutral-200 \" xmlns=\"http:.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg></span></div>",
"dropdownScope": "window",
"viewport": "#hs-pro-shmnrsm-body"
}' class="hidden">
<option value="">Choose</option>
<option value="USD" selected>USD</option>
<option value="AED">AED</option>
<option value="AFN">AFN</option>
<option value="ALL">ALL</option>
<option value="AMD">AMD</option>
<option value="ANG">ANG</option>
<option value="AOA">AOA</option>
<option value="ARS">ARS</option>
<option value="AUD">AUD</option>
<option value="AWG">AWG</option>
<option value="AZN">AZN</option>
<option value="BAM">BAM</option>
<option value="BBD">BBD</option>
<option value="BDT">BDT</option>
<option value="BGN">BGN</option>
<option value="BIF">BIF</option>
<option value="BMD">BMD</option>
<option value="BND">BND</option>
<option value="BOB">BOB</option>
<option value="BRL">BRL</option>
<option value="BSD">BSD</option>
<option value="BWP">BWP</option>
<option value="BZD">BZD</option>
<option value="CAD">CAD</option>
<option value="CDF">CDF</option>
<option value="CHF">CHF</option>
<option value="CLP">CLP</option>
<option value="CNY">CNY</option>
<option value="COP">COP</option>
<option value="CRC">CRC</option>
<option value="CVE">CVE</option>
<option value="CZK">CZK</option>
<option value="DJF">DJF</option>
<option value="DKK">DKK</option>
<option value="DOP">DOP</option>
<option value="DZD">DZD</option>
<option value="EGP">EGP</option>
<option value="ETB">ETB</option>
<option value="EUR">EUR</option>
<option value="FJD">FJD</option>
<option value="FKP">FKP</option>
<option value="GBP">GBP</option>
<option value="GEL">GEL</option>
<option value="GIP">GIP</option>
<option value="GMD">GMD</option>
<option value="GNF">GNF</option>
<option value="GTQ">GTQ</option>
<option value="GYD">GYD</option>
<option value="HKD">HKD</option>
<option value="HNL">HNL</option>
<option value="HRK">HRK</option>
<option value="HTG">HTG</option>
<option value="HUF">HUF</option>
<option value="IDR">IDR</option>
<option value="ILS">ILS</option>
<option value="INR">INR</option>
<option value="ISK">ISK</option>
<option value="JMD">JMD</option>
<option value="JPY">JPY</option>
<option value="KES">KES</option>
<option value="KGS">KGS</option>
<option value="KHR">KHR</option>
<option value="KMF">KMF</option>
<option value="KRW">KRW</option>
<option value="KYD">KYD</option>
<option value="KZT">KZT</option>
<option value="LAK">LAK</option>
<option value="LBP">LBP</option>
<option value="LKR">LKR</option>
<option value="LRD">LRD</option>
<option value="LSL">LSL</option>
<option value="MAD">MAD</option>
<option value="MDL">MDL</option>
<option value="MGA">MGA</option>
<option value="MKD">MKD</option>
<option value="MMK">MMK</option>
<option value="MNT">MNT</option>
<option value="MOP">MOP</option>
<option value="MRO">MRO</option>
<option value="MUR">MUR</option>
<option value="MVR">MVR</option>
<option value="MWK">MWK</option>
<option value="MXN">MXN</option>
<option value="MYR">MYR</option>
<option value="MZN">MZN</option>
<option value="NAD">NAD</option>
<option value="NGN">NGN</option>
<option value="NIO">NIO</option>
<option value="NOK">NOK</option>
<option value="NPR">NPR</option>
<option value="NZD">NZD</option>
<option value="PAB">PAB</option>
<option value="PEN">PEN</option>
<option value="PGK">PGK</option>
<option value="PHP">PHP</option>
<option value="PKR">PKR</option>
<option value="PLN">PLN</option>
<option value="PYG">PYG</option>
<option value="QAR">QAR</option>
<option value="RON">RON</option>
<option value="RSD">RSD</option>
<option value="RUB">RUB</option>
<option value="RWF">RWF</option>
<option value="SAR">SAR</option>
<option value="SBD">SBD</option>
<option value="SCR">SCR</option>
<option value="SEK">SEK</option>
<option value="SGD">SGD</option>
<option value="SHP">SHP</option>
<option value="SLL">SLL</option>
<option value="SOS">SOS</option>
<option value="SRD">SRD</option>
<option value="STD">STD</option>
<option value="SZL">SZL</option>
<option value="THB">THB</option>
<option value="TJS">TJS</option>
<option value="TOP">TOP</option>
<option value="TRY">TRY</option>
<option value="TTD">TTD</option>
<option value="TWD">TWD</option>
<option value="TZS">TZS</option>
<option value="UAH">UAH</option>
<option value="UGX">UGX</option>
<option value="UYU">UYU</option>
<option value="UZS">UZS</option>
<option value="VND">VND</option>
<option value="VUV">VUV</option>
<option value="WST">WST</option>
<option value="XAF">XAF</option>
<option value="XCD">XCD</option>
<option value="XOF">XOF</option>
<option value="XPF">XPF</option>
<option value="YER">YER</option>
<option value="ZAR">ZAR</option>
<option value="ZMW">ZMW</option>
</select>
<div class="absolute zoyba ez989 -translate-y-1/2">
<svg class="e731n h6zia jy5gh dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m7 15 5 5 5-5"/><path d="m7 9 5-5 5 5"/></svg>
</div>
</div>
<!-- End Select -->
</div>
<!-- End Select Input -->
<p class="z4zqw jy5gh dark:text-neutral-500">
By continuing, you accept the <a class="jy5gh povjg l5oyh mg8vb focus:outline-hidden pwmu5 dark:text-neutral-500 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Terms and Conditions</a> of your chosen country or region.
</p>
</div>
</div>
<!-- End Body -->
<!-- Footer -->
<div class="jq72l kmove tylsg flex flex-col o4ndh">
<button type="button" class="gdxvw fglch w-full inline-flex jkwm1 items-center n9hej w4xo0 sikx1 pb094 rsdjd azddh zu875 kew0r wz1vo disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden gugmw" data-hs-overlay="#hs-pro-shmnrsm">
Accept
</button>
<div class="dtief">
<button type="button" class="gdxvw fglch w-full inline-flex jkwm1 items-center b1nd2 w4xo0 sikx1 pb094 rsdjd lnk45 aqyoh c9jt8 hj07t nzmya disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden d16zw dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:border-neutral-700 dark:text-neutral-300" data-hs-overlay="#hs-pro-shmnrsm">
Cancel
</button>
</div>
</div>
<!-- End Footer -->
</div>
</div>
</div>
<!-- End Regional Settings Modal -->
<!-- Regional Settings Modal -->
<div id="hs-pro-shmnlcm" class="hs-overlay hidden fp3m4 fixed fuv09 gihcw oc2zw overflow-x-hidden overflow-y-auto [--close-when-click-inside:true] gxxgf" role="dialog" tabindex="-1" aria-labelledby="hs-pro-shmnlcm-label">
<div class="hs-overlay-open:mt-7 hs-overlay-open:opacity-100 hs-overlay-open:duration-500 l6g2h opacity-0 ccbyv fl36v c22e6 sm:w-full xzljp sm:mx-auto h-[calc(100%-56px)] min-h-[calc(100%-56px)] flex items-center">
<div class="w-full a0p67 relative overflow-hidden flex flex-col aqyoh er6t7 pointer-events-auto gmg3v dark:bg-neutral-800">
<!-- Header -->
<div class="a8iqd d9vg5 flex ox2cl items-center fazzp lnk45 dark:border-neutral-700">
<h3 id="hs-pro-shmnlcm-label" class="sikx1 c9jt8 dark:text-neutral-200">
Choose your location
</h3>
<button type="button" class="yl1cu e731n flex jkwm1 items-center n9hej kghwt rsdjd azddh f4yn1 c9jt8 cq7a3 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden f6db7 dark:bg-neutral-700 dark:hover:bg-neutral-600 dark:text-neutral-400 dark:focus:bg-neutral-600" aria-label="Close" data-hs-overlay="#hs-pro-shmnlcm">
<span class="et50x">Close</span>
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>
</button>
</div>
<!-- End Header -->
<!-- Body -->
<div id="hs-pro-shmnlcm-body" class="overflow-y-auto xwpzv y0qzi bxgd5 n3xnc dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<div class="jq72l space-y-5">
<p class="z4zqw c9jt8 dark:text-neutral-200">
Delivery options and delivery speeds may vary for different locations
</p>
<!-- Checkbox Grid -->
<div class="wix63 space-y-2">
<!-- Checkbox -->
<label for="hs-pro-shmarach1" class="dc6r1 block w4xo0 aqyoh c9jt8 er6t7 cursor-pointer er6t7 v8sp5 wqmsw nzmya d16zw xuf06 wgbuc dark:bg-neutral-800 dark:hover:bg-neutral-700/50 dark:focus:bg-neutral-700/50 dark:text-neutral-200 dark:ring-neutral-700 dark:has-checked:ring-emerald-500">
<span class="flex uq0ux">
<input type="radio" id="hs-pro-shmarach1" class="b9gop w4poy lnk45 checked:bg-emerald-500 checked:border-emerald-500 yvj92 axcnw dark:text-emerald-500 dark:border-neutral-700 dark:focus:ring-neutral-800" name="hs-pro-shmaracho" value="James Collins" checked>
<span class="hlt95 -mt-0.5">
<span class="block cnneu">
James Collins
<span class="rbr78 vf29a jxswk inline-flex items-center b1nd2 xs2f2 sikx1 kghwt tfa1w c9jt8 dark:bg-neutral-700 dark:text-neutral-200">Default</span>
</span>
<span class="block pqcl8 jy5gh dark:text-neutral-500">
2305 Coney Island Ave, Brooklyn NY 11223
</span>
</span>
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-shmarach2" class="dc6r1 block w4xo0 aqyoh c9jt8 er6t7 cursor-pointer er6t7 v8sp5 wqmsw nzmya d16zw xuf06 wgbuc dark:bg-neutral-800 dark:hover:bg-neutral-700/50 dark:focus:bg-neutral-700/50 dark:text-neutral-200 dark:ring-neutral-700 dark:has-checked:ring-emerald-500">
<span class="flex uq0ux">
<input type="radio" id="hs-pro-shmarach2" class="b9gop w4poy lnk45 checked:bg-emerald-500 checked:border-emerald-500 yvj92 axcnw dark:text-emerald-500 dark:border-neutral-700 dark:focus:ring-neutral-800" name="hs-pro-shmaracho" value="James Collins" >
<span class="hlt95 -mt-0.5">
<span class="block cnneu">
James Collins
</span>
<span class="block pqcl8 jy5gh dark:text-neutral-500">
Im Wiegenfeld 4 85570 Markt Schwaben, Markt Schwaben 85570
</span>
</span>
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-shmarach3" class="dc6r1 block w4xo0 aqyoh c9jt8 er6t7 cursor-pointer er6t7 v8sp5 wqmsw nzmya d16zw xuf06 wgbuc dark:bg-neutral-800 dark:hover:bg-neutral-700/50 dark:focus:bg-neutral-700/50 dark:text-neutral-200 dark:ring-neutral-700 dark:has-checked:ring-emerald-500">
<span class="flex uq0ux">
<input type="radio" id="hs-pro-shmarach3" class="b9gop w4poy lnk45 checked:bg-emerald-500 checked:border-emerald-500 yvj92 axcnw dark:text-emerald-500 dark:border-neutral-700 dark:focus:ring-neutral-800" name="hs-pro-shmaracho" value="James Collins" >
<span class="hlt95 -mt-0.5">
<span class="block cnneu">
James Collins
</span>
<span class="block pqcl8 jy5gh dark:text-neutral-500">
109 Rogers Rd Ste 3 WS003536, Wilmington DE 19801
</span>
</span>
</span>
</label>
<!-- End Checkbox -->
<div id="hs-shnlmsaa-heading" class="hs-collapse hidden w-full overflow-hidden transition-[height] ufjzp" aria-labelledby="hs-shnlmsaa">
<div class="wix63 space-y-2">
<!-- Checkbox -->
<label for="hs-pro-shmarach4" class="dc6r1 block w4xo0 aqyoh c9jt8 er6t7 cursor-pointer er6t7 v8sp5 wqmsw nzmya d16zw xuf06 wgbuc dark:bg-neutral-800 dark:hover:bg-neutral-700/50 dark:focus:bg-neutral-700/50 dark:text-neutral-200 dark:ring-neutral-700 dark:has-checked:ring-emerald-500">
<span class="flex uq0ux">
<input type="radio" id="hs-pro-shmarach4" class="b9gop w4poy lnk45 checked:bg-emerald-500 checked:border-emerald-500 yvj92 axcnw dark:text-emerald-500 dark:border-neutral-700 dark:focus:ring-neutral-800" name="hs-pro-shmaracho" value="James Collins" >
<span class="hlt95 -mt-0.5">
<span class="block cnneu">
James Collins
</span>
<span class="block pqcl8 jy5gh dark:text-neutral-500">
645 W 1ST AVE C/O 3536-WS, ROSELLE NJ 07203
</span>
</span>
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-shmarach5" class="dc6r1 block w4xo0 aqyoh c9jt8 er6t7 cursor-pointer er6t7 v8sp5 wqmsw nzmya d16zw xuf06 wgbuc dark:bg-neutral-800 dark:hover:bg-neutral-700/50 dark:focus:bg-neutral-700/50 dark:text-neutral-200 dark:ring-neutral-700 dark:has-checked:ring-emerald-500">
<span class="flex uq0ux">
<input type="radio" id="hs-pro-shmarach5" class="b9gop w4poy lnk45 checked:bg-emerald-500 checked:border-emerald-500 yvj92 axcnw dark:text-emerald-500 dark:border-neutral-700 dark:focus:ring-neutral-800" name="hs-pro-shmaracho" value="James Collins" >
<span class="hlt95 -mt-0.5">
<span class="block cnneu">
James Collins
</span>
<span class="block pqcl8 jy5gh dark:text-neutral-500">
Arch 294 Jewell Street, London SE5 OBU
</span>
</span>
</span>
</label>
<!-- End Checkbox -->
</div>
</div>
</div>
<!-- End Checkbox Grid -->
<div class="flex flex-wrap items-center o4ndh">
<button type="button" class="hs-collapse-toggle hs-collapse-open:hidden sikx1 w4xo0 ad7q2 povjg f1348 zck7d focus:outline-hidden re9sd dark:text-emerald-500 dark:hover:text-emerald-600 dark:focus:text-emerald-600" id="hs-shnlmsaa" aria-expanded="false" aria-controls="hs-shnlmsaa-heading" data-hs-collapse="#hs-shnlmsaa-heading">
See all
<span class="rbr78 inline-block adwno f7hjv vte9v dark:bg-neutral-600"></span>
</button>
<a class="sikx1 w4xo0 ad7q2 povjg f1348 zck7d focus:outline-hidden re9sd dark:text-emerald-500 dark:hover:text-emerald-600 dark:focus:text-emerald-600" href="#">
Manage address book
</a>
</div>
</div>
</div>
<!-- End Body -->
<!-- Footer -->
<div class="jq72l kmove tylsg flex flex-col o4ndh">
<button type="button" class="gdxvw f2l40 w-full inline-flex jkwm1 items-center n9hej w4xo0 sikx1 pb094 rsdjd azddh zu875 kew0r wz1vo disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden gugmw" data-hs-overlay="#hs-pro-shmnlcm">
Done
</button>
<div class="dtief">
<button type="button" class="gdxvw f2l40 w-full inline-flex jkwm1 items-center b1nd2 w4xo0 sikx1 pb094 rsdjd lnk45 aqyoh c9jt8 hj07t nzmya disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden d16zw dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:border-neutral-700 dark:text-neutral-300" data-hs-overlay="#hs-pro-shmnlcm">
Cancel
</button>
</div>
</div>
<!-- End Footer -->
</div>
</div>
</div>
<!-- End Regional Settings Modal -->
<script>
window.addEventListener('load', () => {
(function () {
const select = HSSelect.getInstance('#hs-catalog-sidebar-nav-select', true);
const tabs = HSTabs.getInstance('#hs-catalog-sidebar-nav-tabs', true);
select.element.on('change', (val) => {
if (tabs.element.currentContentId === val) return false;
const tab = document.querySelector(`[data-hs-tab="${val}']`);
if (tab) HSTabs.open(tab);
});
tabs.element.on('change', ({ current }) => {
if (select.element.value === current) return false;
select.element.setValue(current);
});
})();
});
</script>
<header class="yhsdv fuv09 e33ca wu22o aqyoh dark:bg-neutral-900">
<nav class="er0d1 ygsjd w-full a8iqd fglch xf1r4 ids43 lg:mx-auto">
<div class="flex flex-wrap md:flex-nowrap ygsjd ox2cl n9hej w-full">
<div class="flex items-center n6i5x">
<!-- Logo -->
<a class="flex-none m74u5 mp30q inline-block cnneu focus:outline-hidden o8t9n" href="../../pro/startup/index.html" aria-label="Preline">
<svg class="npnqn h-auto" width="116" height="32" viewBox="0 0 116 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M33.5696 30.8182V11.3182H37.4474V13.7003H37.6229C37.7952 13.3187 38.0445 12.9309 38.3707 12.5369C38.7031 12.1368 39.134 11.8045 39.6634 11.5398C40.1989 11.2689 40.8636 11.1335 41.6577 11.1335C42.6918 11.1335 43.6458 11.4044 44.5199 11.946C45.3939 12.4815 46.0926 13.291 46.6158 14.3743C47.139 15.4515 47.4006 16.8026 47.4006 18.4276C47.4006 20.0095 47.1451 21.3452 46.6342 22.4347C46.1295 23.518 45.4401 24.3397 44.5661 24.8999C43.6982 25.4538 42.7256 25.7308 41.6484 25.7308C40.8852 25.7308 40.2358 25.6046 39.7003 25.3523C39.1709 25.0999 38.737 24.7829 38.3984 24.4013C38.0599 24.0135 37.8014 23.6226 37.6229 23.2287H37.5028V30.8182H33.5696ZM37.4197 18.4091C37.4197 19.2524 37.5367 19.9879 37.7706 20.6158C38.0045 21.2436 38.343 21.733 38.7862 22.0838C39.2294 22.4285 39.768 22.6009 40.402 22.6009C41.0421 22.6009 41.5838 22.4254 42.027 22.0746C42.4702 21.7176 42.8056 21.2251 43.0334 20.5973C43.2673 19.9633 43.3842 19.2339 43.3842 18.4091C43.3842 17.5904 43.2704 16.8703 43.0426 16.2486C42.8149 15.6269 42.4794 15.1406 42.0362 14.7898C41.593 14.4389 41.0483 14.2635 40.402 14.2635C39.7618 14.2635 39.2202 14.4328 38.777 14.7713C38.34 15.1098 38.0045 15.59 37.7706 16.2116C37.5367 16.8333 37.4197 17.5658 37.4197 18.4091ZM49.2427 25.5V11.3182H53.0559V13.7926H53.2037C53.4622 12.9124 53.8961 12.2476 54.5055 11.7983C55.1149 11.3428 55.8166 11.1151 56.6106 11.1151C56.8076 11.1151 57.02 11.1274 57.2477 11.152C57.4754 11.1766 57.6755 11.2105 57.8478 11.2536V14.7436C57.6632 14.6882 57.4077 14.639 57.0815 14.5959C56.7553 14.5528 56.4567 14.5312 56.1859 14.5312C55.6073 14.5312 55.0903 14.6574 54.6348 14.9098C54.1854 15.156 53.8284 15.5007 53.5638 15.9439C53.3052 16.3871 53.176 16.898 53.176 17.4766V25.5H49.2427ZM64.9043 25.777C63.4455 25.777 62.1898 25.4815 61.1373 24.8906C60.0909 24.2936 59.2845 23.4503 58.7182 22.3608C58.1519 21.2652 57.8688 19.9695 57.8688 18.4737C57.8688 17.0149 58.1519 15.7346 58.7182 14.6328C59.2845 13.531 60.0816 12.6723 61.1096 12.0568C62.1437 11.4413 63.3563 11.1335 64.7474 11.1335C65.683 11.1335 66.5539 11.2843 67.3603 11.5859C68.1728 11.8814 68.8806 12.3277 69.4839 12.9247C70.0932 13.5218 70.5672 14.2727 70.9057 15.1776C71.2443 16.0762 71.4135 17.1288 71.4135 18.3352V19.4155H59.4384V16.978H67.7111C67.7111 16.4117 67.588 15.91 67.3418 15.473C67.0956 15.036 66.754 14.6944 66.317 14.4482C65.8861 14.1958 65.3844 14.0696 64.812 14.0696C64.2149 14.0696 63.6856 14.2081 63.2239 14.4851C62.7684 14.7559 62.4114 15.1222 62.1529 15.5838C61.8944 16.0393 61.762 16.5471 61.7559 17.1072V19.4247C61.7559 20.1264 61.8851 20.7327 62.1437 21.2436C62.4083 21.7545 62.7807 22.1484 63.2608 22.4254C63.741 22.7024 64.3103 22.8409 64.9689 22.8409C65.406 22.8409 65.8061 22.7794 66.1692 22.6562C66.5324 22.5331 66.8432 22.3485 67.1018 22.1023C67.3603 21.8561 67.5572 21.5545 67.6927 21.1974L71.3304 21.4375C71.1458 22.3116 70.7672 23.0748 70.1948 23.7273C69.6285 24.3736 68.896 24.8783 67.9974 25.2415C67.1048 25.5985 66.0738 25.777 64.9043 25.777ZM77.1335 6.59091V25.5H73.2003V6.59091H77.1335ZM79.5043 25.5V11.3182H83.4375V25.5H79.5043ZM81.4801 9.49006C80.8954 9.49006 80.3937 9.29616 79.9752 8.90838C79.5628 8.51444 79.3566 8.04356 79.3566 7.49574C79.3566 6.95407 79.5628 6.48935 79.9752 6.10156C80.3937 5.70762 80.8954 5.51065 81.4801 5.51065C82.0649 5.51065 82.5635 5.70762 82.9759 6.10156C83.3944 6.48935 83.6037 6.95407 83.6037 7.49574C83.6037 8.04356 83.3944 8.51444 82.9759 8.90838C82.5635 9.29616 82.0649 9.49006 81.4801 9.49006ZM89.7415 17.3011V25.5H85.8083V11.3182H89.5569V13.8203H89.723C90.037 12.9955 90.5632 12.343 91.3019 11.8629C92.0405 11.3767 92.9361 11.1335 93.9887 11.1335C94.9735 11.1335 95.8322 11.349 96.5647 11.7798C97.2971 12.2107 97.8665 12.8262 98.2728 13.6264C98.679 14.4205 98.8821 15.3684 98.8821 16.4702V25.5H94.9489V17.1719C94.9551 16.304 94.7335 15.6269 94.2841 15.1406C93.8348 14.6482 93.2162 14.402 92.4283 14.402C91.8989 14.402 91.4311 14.5159 91.0249 14.7436C90.6248 14.9714 90.3109 15.3037 90.0831 15.7408C89.8615 16.1716 89.7477 16.6918 89.7415 17.3011ZM107.665 25.777C106.206 25.777 104.951 25.4815 103.898 24.8906C102.852 24.2936 102.045 23.4503 101.479 22.3608C100.913 21.2652 100.63 19.9695 100.63 18.4737C100.63 17.0149 100.913 15.7346 101.479 14.6328C102.045 13.531 102.842 12.6723 103.87 12.0568C104.905 11.4413 106.117 11.1335 107.508 11.1335C108.444 11.1335 109.315 11.2843 110.121 11.5859C110.934 11.8814 111.641 12.3277 112.245 12.9247C112.854 13.5218 113.328 14.2727 113.667 15.1776C114.005 16.0762 114.174 17.1288 114.174 18.3352V19.4155H102.199V16.978H110.472C110.472 16.4117 110.349 15.91 110.103 15.473C109.856 15.036 109.515 14.6944 109.078 14.4482C108.647 14.1958 108.145 14.0696 107.573 14.0696C106.976 14.0696 106.446 14.2081 105.985 14.4851C105.529 14.7559 105.172 15.1222 104.914 15.5838C104.655 16.0393 104.523 16.5471 104.517 17.1072V19.4247C104.517 20.1264 104.646 20.7327 104.905 21.2436C105.169 21.7545 105.542 22.1484 106.022 22.4254C106.502 22.7024 107.071 22.8409 107.73 22.8409C108.167 22.8409 108.567 22.7794 108.93 22.6562C109.293 22.5331 109.604 22.3485 109.863 22.1023C110.121 21.8561 110.318 21.5545 110.454 21.1974L114.091 21.4375C113.907 22.3116 113.528 23.0748 112.956 23.7273C112.389 24.3736 111.657 24.8783 110.758 25.2415C109.866 25.5985 108.835 25.777 107.665 25.777Z" class="lo99w dark:fill-white" fill="currentColor"/>
<path d="M1 29.5V16.5C1 9.87258 6.37258 4.5 13 4.5C19.6274 4.5 25 9.87258 25 16.5C25 23.1274 19.6274 28.5 13 28.5H12" class="d2020 dark:stroke-white" stroke="currentColor" stroke-width="2"/>
<path d="M5 29.5V16.66C5 12.1534 8.58172 8.5 13 8.5C17.4183 8.5 21 12.1534 21 16.66C21 21.1666 17.4183 24.82 13 24.82H12" class="d2020 dark:stroke-white" stroke="currentColor" stroke-width="2"/>
<circle cx="13" cy="16.5214" r="5" class="lo99w dark:fill-white" fill="currentColor"/>
</svg>
</a>
<!-- End Logo -->
<div class="rbr78 lj5z1">
</div>
</div>
<!-- Button Group -->
<div class="owq7u flex n6i5x">
<a class="s53ws sfv8v hidden md:flex items-center b1nd2 w4xo0 s1lil w9dei c9jt8 pb094 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-white dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
Get a demo
</a>
<a class="s53ws sfv8v flex items-center b1nd2 s1lil z4zqw sqycf w9dei c9jt8 pb094 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-white dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
Log in
</a>
<a class="s53ws sfv8v inline-flex items-center b1nd2 s1lil z4zqw sqycf pb094 xus2s owkrq kew0r qfc1d e82ur focus:outline-hidden f9dn7 ss4o9 disabled:opacity-50 disabled:pointer-events-none" href="#">
Try it free
</a>
<!-- Collapse Button Trigger -->
<button type="button" class="hs-collapse-toggle md:hidden flex jkwm1 items-center ztp6v pb094 hj07t aqyoh rsdjd lnk45 w4xo0 c9jt8 d05xb focus:outline-hidden r17tr disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-900 dark:border-neutral-700 dark:hover:bg-neutral-800 dark:text-neutral-300 dark:focus:bg-neutral-800" id="hs-pro-dmh-collapse" aria-expanded="false" aria-controls="hs-pro-dmh" aria-label="Toggle navigation" data-hs-collapse="#hs-pro-dmh">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg>
</button>
<!-- End Collapse Button Trigger -->
</div>
<!-- End Button Group -->
<!-- Collapse -->
<div id="hs-pro-dmh" class="hs-collapse hidden overflow-hidden fl36v ufjzp ygsjd hlt95 md:block aqyoh dark:bg-neutral-900" aria-labelledby="hs-pro-dmh-collapse">
<div class="overflow-hidden overflow-y-auto o0k2v xwpzv y0qzi hg9wp m5xih dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<!-- Nav -->
<div class="flex flex-col md:flex-row a2o0n adibt s53ws myjp1">
<a class="s53ws sfv8v flex items-center b1nd2 w4xo0 s1lil w9dei c9jt8 pb094 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-white dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="../../pro/startup/index.html">
Home
</a>
<a class="s53ws sfv8v flex items-center b1nd2 w4xo0 s1lil w9dei c9jt8 pb094 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-white dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="../../pro/startup/features.html">
Features
</a>
<a class="s53ws sfv8v flex items-center b1nd2 w4xo0 s1lil w9dei c9jt8 pb094 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-white dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="../../pro/startup/about.html">
About
</a>
<a class="s53ws sfv8v flex items-center b1nd2 w4xo0 s1lil w9dei c9jt8 pb094 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-white dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="../../pro/startup/pricing.html">
Pricing
</a>
<!-- Dropdown Link -->
<div class="hs-dropdown [--strategy:static] md:[--strategy:fixed] [--adaptive:none] md:[--adaptive:adaptive] md:[--trigger:hover] md:inline-block">
<!-- Link -->
<button id="hs-pro-cnncddm" type="button" class="hs-dropdown-toggle s53ws sfv8v w-full md:w-auto flex items-center b1nd2 w4xo0 s1lil w9dei c9jt8 pb094 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-white dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
Customers
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" 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"/></svg>
</button>
<!-- End Link -->
<!-- Dropdown Menu -->
<div class="hs-dropdown-menu transition-[opacity,margin] duration-[0.1ms] md:duration-[150ms] hs-dropdown-open:opacity-100 opacity-0 relative w-full y289r hidden wzd7f top-full aqyoh ijl37 fe4hh ayjuk eo1cg n5f58 before:absolute before:-top-4 before:start-0 before:w-full before:h-5 md:after:hidden after:absolute after:top-1 after:start-4.5 after:w-0.5 after:h-[calc(100%-4px)] after:bg-stone-100 dark:bg-neutral-900 dark:shadow-neutral-900 dark:after:bg-neutral-700" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-cnncddm">
<div class="vyel6 space-y-0.5">
<a class="relative group s53ws f2l40 flex items-center vyfcq w4xo0 c9jt8 d05xb pb094 focus:outline-hidden r17tr dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 " href="../../pro/startup/customers.html">
Customers
</a>
<a class="relative group s53ws f2l40 flex items-center vyfcq w4xo0 c9jt8 d05xb pb094 focus:outline-hidden r17tr dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 " href="../../pro/startup/customer-details.html">
Customer Details
</a>
</div>
</div>
<!-- End Dropdown Menu -->
</div>
<!-- End Dropdown Link -->
<a class="s53ws sfv8v md:hidden flex items-center b1nd2 w4xo0 s1lil w9dei c9jt8 pb094 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-white dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
Get a demo
</a>
</div>
<!-- End Nav -->
</div>
</div>
<!-- End Collapse -->
</div>
</nav>
</header>
<header class="ebt52 fazzp lnk45 dark:border-neutral-700 flex flex-wrap qxd8q md:flex-nowrap wu22o aqyoh dark:bg-neutral-900">
<div class="msxlk mx-auto ylm8n dzapa z0knj items-center owy5q a2o0n ygsjd w-full gdxvw ns57r wq9mm 2xl:px-5">
<!-- Logo & Sidebar Toggle -->
<div class="ggmrk jle2y hdcfi flex items-center">
<!-- Logo -->
<a class="flex-none m74u5 mp30q inline-block cnneu focus:outline-hidden o8t9n" href="../../pro/payment/index.html" aria-label="Preline">
<svg class="o5z37 h-auto" width="116" height="32" viewBox="0 0 116 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M33.5696 30.8182V11.3182H37.4474V13.7003H37.6229C37.7952 13.3187 38.0445 12.9309 38.3707 12.5369C38.7031 12.1368 39.134 11.8045 39.6634 11.5398C40.1989 11.2689 40.8636 11.1335 41.6577 11.1335C42.6918 11.1335 43.6458 11.4044 44.5199 11.946C45.3939 12.4815 46.0926 13.291 46.6158 14.3743C47.139 15.4515 47.4006 16.8026 47.4006 18.4276C47.4006 20.0095 47.1451 21.3452 46.6342 22.4347C46.1295 23.518 45.4401 24.3397 44.5661 24.8999C43.6982 25.4538 42.7256 25.7308 41.6484 25.7308C40.8852 25.7308 40.2358 25.6046 39.7003 25.3523C39.1709 25.0999 38.737 24.7829 38.3984 24.4013C38.0599 24.0135 37.8014 23.6226 37.6229 23.2287H37.5028V30.8182H33.5696ZM37.4197 18.4091C37.4197 19.2524 37.5367 19.9879 37.7706 20.6158C38.0045 21.2436 38.343 21.733 38.7862 22.0838C39.2294 22.4285 39.768 22.6009 40.402 22.6009C41.0421 22.6009 41.5838 22.4254 42.027 22.0746C42.4702 21.7176 42.8056 21.2251 43.0334 20.5973C43.2673 19.9633 43.3842 19.2339 43.3842 18.4091C43.3842 17.5904 43.2704 16.8703 43.0426 16.2486C42.8149 15.6269 42.4794 15.1406 42.0362 14.7898C41.593 14.4389 41.0483 14.2635 40.402 14.2635C39.7618 14.2635 39.2202 14.4328 38.777 14.7713C38.34 15.1098 38.0045 15.59 37.7706 16.2116C37.5367 16.8333 37.4197 17.5658 37.4197 18.4091ZM49.2427 25.5V11.3182H53.0559V13.7926H53.2037C53.4622 12.9124 53.8961 12.2476 54.5055 11.7983C55.1149 11.3428 55.8166 11.1151 56.6106 11.1151C56.8076 11.1151 57.02 11.1274 57.2477 11.152C57.4754 11.1766 57.6755 11.2105 57.8478 11.2536V14.7436C57.6632 14.6882 57.4077 14.639 57.0815 14.5959C56.7553 14.5528 56.4567 14.5312 56.1859 14.5312C55.6073 14.5312 55.0903 14.6574 54.6348 14.9098C54.1854 15.156 53.8284 15.5007 53.5638 15.9439C53.3052 16.3871 53.176 16.898 53.176 17.4766V25.5H49.2427ZM64.9043 25.777C63.4455 25.777 62.1898 25.4815 61.1373 24.8906C60.0909 24.2936 59.2845 23.4503 58.7182 22.3608C58.1519 21.2652 57.8688 19.9695 57.8688 18.4737C57.8688 17.0149 58.1519 15.7346 58.7182 14.6328C59.2845 13.531 60.0816 12.6723 61.1096 12.0568C62.1437 11.4413 63.3563 11.1335 64.7474 11.1335C65.683 11.1335 66.5539 11.2843 67.3603 11.5859C68.1728 11.8814 68.8806 12.3277 69.4839 12.9247C70.0932 13.5218 70.5672 14.2727 70.9057 15.1776C71.2443 16.0762 71.4135 17.1288 71.4135 18.3352V19.4155H59.4384V16.978H67.7111C67.7111 16.4117 67.588 15.91 67.3418 15.473C67.0956 15.036 66.754 14.6944 66.317 14.4482C65.8861 14.1958 65.3844 14.0696 64.812 14.0696C64.2149 14.0696 63.6856 14.2081 63.2239 14.4851C62.7684 14.7559 62.4114 15.1222 62.1529 15.5838C61.8944 16.0393 61.762 16.5471 61.7559 17.1072V19.4247C61.7559 20.1264 61.8851 20.7327 62.1437 21.2436C62.4083 21.7545 62.7807 22.1484 63.2608 22.4254C63.741 22.7024 64.3103 22.8409 64.9689 22.8409C65.406 22.8409 65.8061 22.7794 66.1692 22.6562C66.5324 22.5331 66.8432 22.3485 67.1018 22.1023C67.3603 21.8561 67.5572 21.5545 67.6927 21.1974L71.3304 21.4375C71.1458 22.3116 70.7672 23.0748 70.1948 23.7273C69.6285 24.3736 68.896 24.8783 67.9974 25.2415C67.1048 25.5985 66.0738 25.777 64.9043 25.777ZM77.1335 6.59091V25.5H73.2003V6.59091H77.1335ZM79.5043 25.5V11.3182H83.4375V25.5H79.5043ZM81.4801 9.49006C80.8954 9.49006 80.3937 9.29616 79.9752 8.90838C79.5628 8.51444 79.3566 8.04356 79.3566 7.49574C79.3566 6.95407 79.5628 6.48935 79.9752 6.10156C80.3937 5.70762 80.8954 5.51065 81.4801 5.51065C82.0649 5.51065 82.5635 5.70762 82.9759 6.10156C83.3944 6.48935 83.6037 6.95407 83.6037 7.49574C83.6037 8.04356 83.3944 8.51444 82.9759 8.90838C82.5635 9.29616 82.0649 9.49006 81.4801 9.49006ZM89.7415 17.3011V25.5H85.8083V11.3182H89.5569V13.8203H89.723C90.037 12.9955 90.5632 12.343 91.3019 11.8629C92.0405 11.3767 92.9361 11.1335 93.9887 11.1335C94.9735 11.1335 95.8322 11.349 96.5647 11.7798C97.2971 12.2107 97.8665 12.8262 98.2728 13.6264C98.679 14.4205 98.8821 15.3684 98.8821 16.4702V25.5H94.9489V17.1719C94.9551 16.304 94.7335 15.6269 94.2841 15.1406C93.8348 14.6482 93.2162 14.402 92.4283 14.402C91.8989 14.402 91.4311 14.5159 91.0249 14.7436C90.6248 14.9714 90.3109 15.3037 90.0831 15.7408C89.8615 16.1716 89.7477 16.6918 89.7415 17.3011ZM107.665 25.777C106.206 25.777 104.951 25.4815 103.898 24.8906C102.852 24.2936 102.045 23.4503 101.479 22.3608C100.913 21.2652 100.63 19.9695 100.63 18.4737C100.63 17.0149 100.913 15.7346 101.479 14.6328C102.045 13.531 102.842 12.6723 103.87 12.0568C104.905 11.4413 106.117 11.1335 107.508 11.1335C108.444 11.1335 109.315 11.2843 110.121 11.5859C110.934 11.8814 111.641 12.3277 112.245 12.9247C112.854 13.5218 113.328 14.2727 113.667 15.1776C114.005 16.0762 114.174 17.1288 114.174 18.3352V19.4155H102.199V16.978H110.472C110.472 16.4117 110.349 15.91 110.103 15.473C109.856 15.036 109.515 14.6944 109.078 14.4482C108.647 14.1958 108.145 14.0696 107.573 14.0696C106.976 14.0696 106.446 14.2081 105.985 14.4851C105.529 14.7559 105.172 15.1222 104.914 15.5838C104.655 16.0393 104.523 16.5471 104.517 17.1072V19.4247C104.517 20.1264 104.646 20.7327 104.905 21.2436C105.169 21.7545 105.542 22.1484 106.022 22.4254C106.502 22.7024 107.071 22.8409 107.73 22.8409C108.167 22.8409 108.567 22.7794 108.93 22.6562C109.293 22.5331 109.604 22.3485 109.863 22.1023C110.121 21.8561 110.318 21.5545 110.454 21.1974L114.091 21.4375C113.907 22.3116 113.528 23.0748 112.956 23.7273C112.389 24.3736 111.657 24.8783 110.758 25.2415C109.866 25.5985 108.835 25.777 107.665 25.777Z" class="utzfk dark:fill-white" fill="currentColor"/>
<path d="M1 29.5V16.5C1 9.87258 6.37258 4.5 13 4.5C19.6274 4.5 25 9.87258 25 16.5C25 23.1274 19.6274 28.5 13 28.5H12" class="p2s7b dark:stroke-white" stroke="currentColor" stroke-width="2"/>
<path d="M5 29.5V16.66C5 12.1534 8.58172 8.5 13 8.5C17.4183 8.5 21 12.1534 21 16.66C21 21.1666 17.4183 24.82 13 24.82H12" class="p2s7b dark:stroke-white" stroke="currentColor" stroke-width="2"/>
<circle cx="13" cy="16.5214" r="5" class="utzfk dark:fill-white" fill="currentColor"/>
</svg>
</a>
<!-- End Logo -->
<div class="rbr78 lj5z1">
</div>
</div>
<!-- End Logo & Sidebar Toggle -->
<div class="owq7u jle2y hdcfi flex smdr3 items-center b1nd2">
<!-- More Dropdown -->
<div class="hs-dropdown [--placement:bottom-right] relative inline-flex">
<button id="hs-pro-pnnmd" type="button" class="sc63t inline-flex jkwm1 items-center n9hej pb094 rsdjd azddh c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<img class="e731n sc63t m74u5" src="https://images.unsplash.com/photo-1724037231939-c4fa9bd69a84?q=80&w=180&h=180&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Avatar">
</button>
<!-- Account Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 srycj transition-[opacity,margin] duration opacity-0 hidden gbcuh aqyoh er6t7 gmg3v dark:bg-neutral-800" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-pnnmd">
<div class="vyel6">
<a class="flex items-center vyfcq s53ws f2l40 pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15.5 2H8.6c-.4 0-.8.2-1.1.5-.3.3-.5.7-.5 1.1v12.8c0 .4.2.8.5 1.1.3.3.7.5 1.1.5h9.8c.4 0 .8-.2 1.1-.5.3-.3.5-.7.5-1.1V6.5L15.5 2z"/><path d="M3 7.6v12.8c0 .4.2.8.5 1.1.3.3.7.5 1.1.5h9.8"/><path d="M15 2v5h5"/></svg>
Statements and reports
</a>
<a class="flex items-center vyfcq s53ws f2l40 pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" ><path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"/><circle cx="12" cy="12" r="3"/></svg>
Settings
</a>
<a class="flex items-center vyfcq s53ws f2l40 pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"/><path d="M12 17h.01"/></svg>
Help and Support
</a>
<a class="flex items-center vyfcq s53ws f2l40 pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"/><polyline points="16 17 21 12 16 7"/><line x1="21" x2="9" y1="12" y2="12"/></svg>
Sign out
</a>
</div>
<div class="vyel6 yfv61 lnk45 dark:border-neutral-700">
<button type="button" class="flex vyfcq s53ws f2l40 w-full pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-dasadam">
<svg class="e731n b9gop eyzz7" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M8 12h8"/><path d="M12 8v8"/></svg>
Open a business account
</button>
</div>
</div>
<!-- End Account Dropdown -->
</div>
<!-- End More Dropdown -->
<div class="relative u4i8k y5fzq before:absolute before:top-1/2 before:start-0 before:w-px before:h-4 before:bg-gray-200 before:-translate-y-1/2 dark:before:bg-neutral-700">
<!-- Close Button -->
<div class="hs-tooltip inline-block">
<button type="button" class="hs-tooltip-toggle sc63t flex jkwm1 items-center n9hej pb094 rsdjd azddh c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute vajpp gbcuh od5va sfv8v nzj5e xs2f2 kew0r pb094 dark:bg-neutral-700" role="tooltip">
Cancel
</span>
</div>
<!-- End Close Button -->
</div>
</div>
<div class="xf9uq jph9p ha76l">
<!-- Steps -->
<ul class="relative ylm8n y6gzd items-center n9hej
before:absolute before:bottom-[7px] before:start-[calc(100%/(var(--steps)*2))] before:w-[calc(100%-100%/var(--steps))] before:h-px before:bg-gray-200 dark:before:bg-neutral-700
after:absolute after:bottom-[7px] after:start-[calc(100%/(var(--steps)*2))] after:w-[calc(200%/(var(--steps)))] after:h-0.5 after:bg-linear-to-r after:from-purple-300 after:to-purple-600 dark:after:from-purple-900 dark:after:to-purple-500"
style="--steps: 4;">
<!-- Item -->
<li class="dtxmo">
<a class="flex flex-col items-center focus:outline-hidden" href="send.html">
<span class="absolute fl4wx wzd7f flex e731n jkwm1 items-center mo9p3 aqyoh dzb1z yyiiq myoir kghwt dark:bg-neutral-900 dark:text-purple-500 dark:ring-neutral-900">
<svg class="e731n mo9p3" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
</span>
<span class="block truncate xs2f2 rr36x dark:text-neutral-500">
<span class="truncate">Recipient</span>
</span>
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li class="dtxmo">
<a class="flex flex-col items-center focus:outline-hidden" href="send-calculator.html">
<span class="absolute fl4wx wzd7f flex e731n jkwm1 items-center mo9p3 aqyoh dzb1z yyiiq myoir kghwt dark:bg-neutral-900 dark:text-purple-500 dark:ring-neutral-900">
<svg class="e731n mo9p3" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
</span>
<span class="block truncate xs2f2 rr36x dark:text-neutral-500">
<span class="truncate">Amount</span>
</span>
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li class="dtxmo">
<a class="flex flex-col items-center focus:outline-hidden" href="send-review.html">
<span class="absolute fl4wx wzd7f flex e731n jkwm1 items-center mo9p3 qmbo2 dzb1z yyiiq kew0r kghwt dark:bg-purple-500 dark:ring-neutral-900"></span>
<span class="block truncate cnneu w4xo0 myoir dark:text-purple-500">
<span class="truncate">Review</span>
</span>
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li class="dtxmo">
<a class="flex flex-col items-center focus:outline-hidden" href="send-pay.html">
<span class="absolute fl4wx wzd7f flex e731n jkwm1 items-center mo9p3 aqyoh rsdjd lnk45 dzb1z yyiiq kghwt dark:bg-neutral-900 dark:border-neutral-700 dark:ring-neutral-900"></span>
<span class="block truncate xs2f2 rr36x dark:text-neutral-500">
<span class="truncate">Pay</span>
</span>
</a>
</li>
<!-- End Item -->
</ul>
<!-- End Steps -->
</div>
</div>
</header>
<header class="yhsdv fuv09 e33ca flex flex-wrap qxd8q md:flex-nowrap wu22o aqyoh fazzp lnk45 dark:bg-neutral-900 dark:border-neutral-700">
<div class="ehc3u flex flex-wrap ox2cl go50v z0knj ygsjd items-center w-full mx-auto fo7ft ek60e fglch xf1r4 ids43">
<div class="hdcfi vzu1c">
<div class="flex items-center n6i5x">
<!-- Logo -->
<a class="flex-none m74u5 mp30q inline-block cnneu focus:outline-hidden o8t9n" href="../../pro/shop/index.html" aria-label="Preline">
<svg class="o5z37 h-auto" width="116" height="32" viewBox="0 0 116 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M33.5696 30.8182V11.3182H37.4474V13.7003H37.6229C37.7952 13.3187 38.0445 12.9309 38.3707 12.5369C38.7031 12.1368 39.134 11.8045 39.6634 11.5398C40.1989 11.2689 40.8636 11.1335 41.6577 11.1335C42.6918 11.1335 43.6458 11.4044 44.5199 11.946C45.3939 12.4815 46.0926 13.291 46.6158 14.3743C47.139 15.4515 47.4006 16.8026 47.4006 18.4276C47.4006 20.0095 47.1451 21.3452 46.6342 22.4347C46.1295 23.518 45.4401 24.3397 44.5661 24.8999C43.6982 25.4538 42.7256 25.7308 41.6484 25.7308C40.8852 25.7308 40.2358 25.6046 39.7003 25.3523C39.1709 25.0999 38.737 24.7829 38.3984 24.4013C38.0599 24.0135 37.8014 23.6226 37.6229 23.2287H37.5028V30.8182H33.5696ZM37.4197 18.4091C37.4197 19.2524 37.5367 19.9879 37.7706 20.6158C38.0045 21.2436 38.343 21.733 38.7862 22.0838C39.2294 22.4285 39.768 22.6009 40.402 22.6009C41.0421 22.6009 41.5838 22.4254 42.027 22.0746C42.4702 21.7176 42.8056 21.2251 43.0334 20.5973C43.2673 19.9633 43.3842 19.2339 43.3842 18.4091C43.3842 17.5904 43.2704 16.8703 43.0426 16.2486C42.8149 15.6269 42.4794 15.1406 42.0362 14.7898C41.593 14.4389 41.0483 14.2635 40.402 14.2635C39.7618 14.2635 39.2202 14.4328 38.777 14.7713C38.34 15.1098 38.0045 15.59 37.7706 16.2116C37.5367 16.8333 37.4197 17.5658 37.4197 18.4091ZM49.2427 25.5V11.3182H53.0559V13.7926H53.2037C53.4622 12.9124 53.8961 12.2476 54.5055 11.7983C55.1149 11.3428 55.8166 11.1151 56.6106 11.1151C56.8076 11.1151 57.02 11.1274 57.2477 11.152C57.4754 11.1766 57.6755 11.2105 57.8478 11.2536V14.7436C57.6632 14.6882 57.4077 14.639 57.0815 14.5959C56.7553 14.5528 56.4567 14.5312 56.1859 14.5312C55.6073 14.5312 55.0903 14.6574 54.6348 14.9098C54.1854 15.156 53.8284 15.5007 53.5638 15.9439C53.3052 16.3871 53.176 16.898 53.176 17.4766V25.5H49.2427ZM64.9043 25.777C63.4455 25.777 62.1898 25.4815 61.1373 24.8906C60.0909 24.2936 59.2845 23.4503 58.7182 22.3608C58.1519 21.2652 57.8688 19.9695 57.8688 18.4737C57.8688 17.0149 58.1519 15.7346 58.7182 14.6328C59.2845 13.531 60.0816 12.6723 61.1096 12.0568C62.1437 11.4413 63.3563 11.1335 64.7474 11.1335C65.683 11.1335 66.5539 11.2843 67.3603 11.5859C68.1728 11.8814 68.8806 12.3277 69.4839 12.9247C70.0932 13.5218 70.5672 14.2727 70.9057 15.1776C71.2443 16.0762 71.4135 17.1288 71.4135 18.3352V19.4155H59.4384V16.978H67.7111C67.7111 16.4117 67.588 15.91 67.3418 15.473C67.0956 15.036 66.754 14.6944 66.317 14.4482C65.8861 14.1958 65.3844 14.0696 64.812 14.0696C64.2149 14.0696 63.6856 14.2081 63.2239 14.4851C62.7684 14.7559 62.4114 15.1222 62.1529 15.5838C61.8944 16.0393 61.762 16.5471 61.7559 17.1072V19.4247C61.7559 20.1264 61.8851 20.7327 62.1437 21.2436C62.4083 21.7545 62.7807 22.1484 63.2608 22.4254C63.741 22.7024 64.3103 22.8409 64.9689 22.8409C65.406 22.8409 65.8061 22.7794 66.1692 22.6562C66.5324 22.5331 66.8432 22.3485 67.1018 22.1023C67.3603 21.8561 67.5572 21.5545 67.6927 21.1974L71.3304 21.4375C71.1458 22.3116 70.7672 23.0748 70.1948 23.7273C69.6285 24.3736 68.896 24.8783 67.9974 25.2415C67.1048 25.5985 66.0738 25.777 64.9043 25.777ZM77.1335 6.59091V25.5H73.2003V6.59091H77.1335ZM79.5043 25.5V11.3182H83.4375V25.5H79.5043ZM81.4801 9.49006C80.8954 9.49006 80.3937 9.29616 79.9752 8.90838C79.5628 8.51444 79.3566 8.04356 79.3566 7.49574C79.3566 6.95407 79.5628 6.48935 79.9752 6.10156C80.3937 5.70762 80.8954 5.51065 81.4801 5.51065C82.0649 5.51065 82.5635 5.70762 82.9759 6.10156C83.3944 6.48935 83.6037 6.95407 83.6037 7.49574C83.6037 8.04356 83.3944 8.51444 82.9759 8.90838C82.5635 9.29616 82.0649 9.49006 81.4801 9.49006ZM89.7415 17.3011V25.5H85.8083V11.3182H89.5569V13.8203H89.723C90.037 12.9955 90.5632 12.343 91.3019 11.8629C92.0405 11.3767 92.9361 11.1335 93.9887 11.1335C94.9735 11.1335 95.8322 11.349 96.5647 11.7798C97.2971 12.2107 97.8665 12.8262 98.2728 13.6264C98.679 14.4205 98.8821 15.3684 98.8821 16.4702V25.5H94.9489V17.1719C94.9551 16.304 94.7335 15.6269 94.2841 15.1406C93.8348 14.6482 93.2162 14.402 92.4283 14.402C91.8989 14.402 91.4311 14.5159 91.0249 14.7436C90.6248 14.9714 90.3109 15.3037 90.0831 15.7408C89.8615 16.1716 89.7477 16.6918 89.7415 17.3011ZM107.665 25.777C106.206 25.777 104.951 25.4815 103.898 24.8906C102.852 24.2936 102.045 23.4503 101.479 22.3608C100.913 21.2652 100.63 19.9695 100.63 18.4737C100.63 17.0149 100.913 15.7346 101.479 14.6328C102.045 13.531 102.842 12.6723 103.87 12.0568C104.905 11.4413 106.117 11.1335 107.508 11.1335C108.444 11.1335 109.315 11.2843 110.121 11.5859C110.934 11.8814 111.641 12.3277 112.245 12.9247C112.854 13.5218 113.328 14.2727 113.667 15.1776C114.005 16.0762 114.174 17.1288 114.174 18.3352V19.4155H102.199V16.978H110.472C110.472 16.4117 110.349 15.91 110.103 15.473C109.856 15.036 109.515 14.6944 109.078 14.4482C108.647 14.1958 108.145 14.0696 107.573 14.0696C106.976 14.0696 106.446 14.2081 105.985 14.4851C105.529 14.7559 105.172 15.1222 104.914 15.5838C104.655 16.0393 104.523 16.5471 104.517 17.1072V19.4247C104.517 20.1264 104.646 20.7327 104.905 21.2436C105.169 21.7545 105.542 22.1484 106.022 22.4254C106.502 22.7024 107.071 22.8409 107.73 22.8409C108.167 22.8409 108.567 22.7794 108.93 22.6562C109.293 22.5331 109.604 22.3485 109.863 22.1023C110.121 21.8561 110.318 21.5545 110.454 21.1974L114.091 21.4375C113.907 22.3116 113.528 23.0748 112.956 23.7273C112.389 24.3736 111.657 24.8783 110.758 25.2415C109.866 25.5985 108.835 25.777 107.665 25.777Z" class="zk148 dark:fill-white" fill="currentColor"/>
<path d="M1 29.5V16.5C1 9.87258 6.37258 4.5 13 4.5C19.6274 4.5 25 9.87258 25 16.5C25 23.1274 19.6274 28.5 13 28.5H12" class="i85zm dark:stroke-white" stroke="currentColor" stroke-width="2"/>
<path d="M5 29.5V16.66C5 12.1534 8.58172 8.5 13 8.5C17.4183 8.5 21 12.1534 21 16.66C21 21.1666 17.4183 24.82 13 24.82H12" class="i85zm dark:stroke-white" stroke="currentColor" stroke-width="2"/>
<circle cx="13" cy="16.5214" r="5" class="zk148 dark:fill-white" fill="currentColor"/>
</svg>
</a>
<!-- End Logo -->
<div class="rbr78 lj5z1">
</div>
</div>
</div>
<div class="hdcfi aroll owq7u flex smdr3 items-center n9hej">
<div class="flex items-center hhi70">
<!-- Search Button Icon -->
<button type="button" class="inline-flex e731n jkwm1 items-center n9hej sc63t kghwt c9jt8 d05xb focus:outline-hidden r17tr dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-shnsm">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/></svg>
</button>
<!-- End Search Button Icon -->
<!-- Favorites Button Icon -->
<div class="hs-dropdown [--auto-close:inside] [--placement:bottom-right] relative inline-flex">
<button id="hs-pro-dnnd" type="button" class="relative e731n inline-flex jkwm1 items-center n9hej sc63t kghwt c9jt8 d05xb focus:outline-hidden r17tr dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg>
<span class="flex absolute fuv09 kji94 wzd7f -mt-1 -me-1">
<span class="relative bnbld nfrej inline-flex jkwm1 items-center s91e0 y73k3 kew0r kghwt eoh5b dark:bg-neutral-200 dark:text-neutral-800">
2
<span class="et50x">Notifications</span>
</span>
</span>
</button>
<!-- End Favorites Button Icon -->
<!-- Favorites Dropdown -->
<div class="hs-dropdown-menu transition-[opacity,margin] duration-[0.1ms] md:duration-[150ms] hs-dropdown-open:opacity-100 opacity-0 w-full lztgl hidden wzd7f aqyoh h5xf1 zry9e lnk45 kl2tw j8plm c8g8j poi4v before:absolute before:-top-4 before:start-0 before:w-full before:h-5 dark:bg-neutral-900 dark:border-neutral-700" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-dnnd">
<div class="a8iqd d9vg5">
<span class="block sikx1 c9jt8 dark:text-neutral-200">
Favorites
</span>
</div>
<div class="d9vg5 e5283 overflow-y-auto overflow-hidden xwpzv y0qzi bxgd5 n3xnc dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<div class="space-y-5">
<!-- Item -->
<div id="hs-pro-shfdi1" class="hs-removing:opacity-0 ufjzp flex p5sau">
<div class="relative">
<img class="e731n fl6qw i5kts x1s1r f4yn1 pb094 dark:bg-neutral-700" src="https://images.unsplash.com/photo-1627225925683-1da7021732ea?q=80&w=320&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Product Image">
</div>
<div class="hlt95 flex flex-col">
<h4 class="w4xo0 c9jt8 dark:text-neutral-200">
Everyday Solid Black T-Shirt
</h4>
<span class="y18m4">
<span class="w4xo0 jy5gh dark:text-neutral-500">
<s>$60</s>
</span>
<span class="w4xo0 jmzb2">
$40
</span>
</span>
<div class="">
<button type="button" class="inline-flex items-center b1nd2 z4zqw c9jt8 l5oyh povjg iiod0 focus:outline-hidden s6w37 dark:text-neutral-200 dark:hover:text-indigo-400 dark:focus:text-indigo-400" data-hs-remove-element="#hs-pro-shfdi1">
Remove
</button>
</div>
</div>
</div>
<!-- End Item -->
<!-- Item -->
<div id="hs-pro-shfdi2" class="hs-removing:opacity-0 ufjzp flex p5sau">
<div class="relative">
<img class="e731n fl6qw i5kts x1s1r f4yn1 pb094 dark:bg-neutral-700" src="https://images.unsplash.com/photo-1699595749116-33a4a869503c?q=80&w=320&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Product Image">
</div>
<div class="hlt95 flex flex-col">
<h4 class="w4xo0 c9jt8 dark:text-neutral-200">
Nike Air Force 1
</h4>
<span class="y18m4 w4xo0 c9jt8 dark:text-neutral-200">
$139
</span>
<div class="">
<button type="button" class="inline-flex items-center b1nd2 z4zqw c9jt8 l5oyh povjg iiod0 focus:outline-hidden s6w37 dark:text-neutral-200 dark:hover:text-indigo-400 dark:focus:text-indigo-400" data-hs-remove-element="#hs-pro-shfdi2">
Remove
</button>
</div>
</div>
</div>
<!-- End Item -->
</div>
</div>
<div class="a8iqd d9vg5 dtief">
<a class="inline-flex jkwm1 items-center sikx1 w4xo0 c9jt8 l5oyh povjg ai0xw iiod0 focus:outline-hidden s6w37 dark:text-neutral-200 dark:hover:text-indigo-400 dark:focus:text-indigo-400" href="../../pro/shop/favorites.html">
View favorites
</a>
</div>
</div>
</div>
<!-- End Favorites Dropdown -->
<!-- Cart Button Icon -->
<button type="button" class="relative e731n inline-flex jkwm1 items-center n9hej sc63t kghwt c9jt8 d05xb focus:outline-hidden r17tr dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-shco">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z"/><path d="M3 6h18"/><path d="M16 10a4 4 0 0 1-8 0"/></svg>
<span class="flex absolute fuv09 kji94 wzd7f -mt-1 -me-1">
<span class="relative bnbld nfrej inline-flex jkwm1 items-center s91e0 y73k3 kew0r kghwt eoh5b dark:bg-neutral-200 dark:text-neutral-800">
3
<span class="et50x">Notifications</span>
</span>
</span>
</button>
<!-- End Cart Button Icon -->
<!-- Account Button Icon -->
<div class="hs-dropdown [--auto-close:inside] [--placement:bottom-right] relative inline-flex">
<button id="hs-pro-shadnli" type="button" class="relative e731n inline-flex jkwm1 items-center n9hej sc63t kghwt c9jt8 d05xb focus:outline-hidden r17tr dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<img class="e731n yl1cu kghwt" src="https://images.unsplash.com/photo-1659482633369-9fe69af50bfb?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar">
</button>
<!-- End Account Button Icon -->
<!-- Account Dropdown -->
<div class="hs-dropdown-menu transition-[opacity,margin] duration-[0.1ms] md:duration-[150ms] hs-dropdown-open:opacity-100 opacity-0 w-full p2hfx hidden wzd7f aqyoh h5xf1 zry9e lnk45 kl2tw j8plm c8g8j poi4v before:absolute before:-top-4 before:start-0 before:w-full before:h-5 dark:bg-neutral-900 dark:border-neutral-700" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-shadnli">
<div class="an00p">
<!-- Account Details -->
<a class="s53ws sfv8v flex items-center g27d7 pb094 d05xb focus:outline-hidden r17tr dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="../../pro/shop/account.html">
<img class="e731n fjwwc kghwt" src="https://images.unsplash.com/photo-1659482633369-9fe69af50bfb?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar">
<div class="hlt95">
<span class="block sikx1 w4xo0 c9jt8 dark:text-neutral-200">
James Collins
</span>
<p class="xs2f2 jy5gh dark:text-neutral-500">
jamescollins@site.so
</p>
</div>
</a>
<!-- End Account Details -->
<div class="in85y uvd2p kivfg tfa1w dark:bg-neutral-700"></div>
<!-- List -->
<ul class="flex flex-col space-y-0.5">
<li>
<a class="w-full flex items-center v7oom s53ws sfv8v w4xo0 c9jt8 pb094 d05xb focus:outline-hidden r17tr dark:text-white dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="../../pro/shop/personal-info.html">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>
Personal Info
</a>
</li>
<li>
<a class="w-full flex items-center v7oom s53ws sfv8v w4xo0 c9jt8 pb094 d05xb focus:outline-hidden r17tr dark:text-white dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="../../pro/shop/my-orders.html">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z"/><path d="M3 6h18"/><path d="M16 10a4 4 0 0 1-8 0"/></svg>
My Orders
</a>
</li>
<li>
<a class="w-full flex items-center v7oom s53ws sfv8v w4xo0 c9jt8 pb094 d05xb focus:outline-hidden r17tr dark:text-white dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="../../pro/shop/order-details.html">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 7V5a2 2 0 0 1 2-2h2"/><path d="M17 3h2a2 2 0 0 1 2 2v2"/><path d="M21 17v2a2 2 0 0 1-2 2h-2"/><path d="M7 21H5a2 2 0 0 1-2-2v-2"/><path d="M8 7v10"/><path d="M12 7v10"/><path d="M17 7v10"/></svg>
Order Details
</a>
</li>
<li>
<a class="w-full flex items-center v7oom s53ws sfv8v w4xo0 c9jt8 pb094 d05xb focus:outline-hidden r17tr dark:text-white dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="../../pro/shop/addresses.html">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 22a1 1 0 0 1-1-1v-4a1 1 0 0 1 .445-.832l3-2a1 1 0 0 1 1.11 0l3 2A1 1 0 0 1 22 17v4a1 1 0 0 1-1 1z"/><path d="M18 10a8 8 0 0 0-16 0c0 4.993 5.539 10.193 7.399 11.799a1 1 0 0 0 .601.2"/><path d="M18 22v-3"/><circle cx="10" cy="10" r="3"/></svg>
Addresses
</a>
</li>
<li>
<a class="w-full flex items-center v7oom s53ws sfv8v w4xo0 c9jt8 pb094 d05xb focus:outline-hidden r17tr dark:text-white dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="../../pro/shop/payment.html">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="14" x="2" y="5" rx="2"/><line x1="2" x2="22" y1="10" y2="10"/></svg>
Payment
</a>
</li>
<li>
<a class="w-full flex items-center v7oom s53ws sfv8v w4xo0 c9jt8 pb094 d05xb focus:outline-hidden r17tr dark:text-white dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="../../pro/shop/email-newsletter.html">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="16" x="2" y="4" rx="2"/><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"/></svg>
Email Newsletter
</a>
</li>
</ul>
<!-- End List -->
<div class="in85y uvd2p kivfg tfa1w dark:bg-neutral-700"></div>
<!-- List -->
<ul class="flex flex-col space-y-0.5">
<li>
<a class="w-full flex items-center v7oom s53ws sfv8v w4xo0 c9jt8 pb094 d05xb focus:outline-hidden r17tr dark:text-white dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="../../pro/shop/gift-cards.html">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="8" width="18" height="4" rx="1"/><path d="M12 8v13"/><path d="M19 12v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-7"/><path d="M7.5 8a2.5 2.5 0 0 1 0-5A4.8 8 0 0 1 12 8a4.8 8 0 0 1 4.5-5 2.5 2.5 0 0 1 0 5"/></svg>
Gift Cards
</a>
</li>
<li>
<a class="w-full flex items-center v7oom s53ws sfv8v w4xo0 c9jt8 pb094 d05xb focus:outline-hidden r17tr dark:text-white dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="../../pro/shop/returns-and-refunds.html">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"/><path d="M3 3v5h5"/></svg>
Returns & Refunds
</a>
</li>
</ul>
<!-- End List -->
<div class="in85y uvd2p kivfg tfa1w dark:bg-neutral-700"></div>
<p>
<button type="button" class="w-full flex items-center v7oom s53ws sfv8v w4xo0 c9jt8 pb094 d05xb k6psp focus:outline-hidden r17tr zkomi dark:text-white dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 dark:hover:text-red-500 dark:focus:text-red-500">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"/><polyline points="16 17 21 12 16 7"/><line x1="21" x2="9" y1="12" y2="12"/></svg>
Logout
</button>
</p>
</div>
</div>
</div>
<!-- End Account Dropdown -->
</div>
<div class="md:hidden">
<!-- Collapse Button Trigger -->
<button type="button" class="bu4xv r44ox inline-flex jkwm1 items-center n9hej w4xo0 sikx1 pb094 rsdjd lnk45 aqyoh c9jt8 hj07t nzmya disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden d16zw dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" id="hs-pro-dmh-collapse" aria-haspopup="dialog" aria-expanded="false" aria-controls="hs-pro-dmh" aria-label="Toggle navigation" data-hs-overlay="#hs-pro-dmh" data-hs-overlay-options='{
"moveOverlayToBody": 767
}'>
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg>
</button>
<!-- End Collapse Button Trigger -->
</div>
</div>
<div class="ha76l bkq6b xf9uq ygsjd hlt95 md:basis-auto gttd8">
<!-- Nav -->
<div id="hs-pro-dmh" class="hs-overlay hs-overlay-open:translate-x-0 [--auto-close:md]
-translate-x-full bdokz fl36v ufjzp h587a
fp3m4 lztgl aqyoh
hidden
fixed fuv09 gihcw uxfxy
ju0wj md:block md:h-auto md:w-full liaz1 hai5o wkzon
dark:bg-neutral-800 md:dark:bg-neutral-900" role="dialog" tabindex="-1" aria-label="Sidebar" data-hs-overlay-close-on-resize>
<div class="overflow-hidden overflow-y-auto h1r77 xwpzv y0qzi bxgd5 n3xnc dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<!-- Header -->
<div class="brrnv d9vg5 md:hidden flex ox2cl items-center fazzp lnk45 dark:border-neutral-700">
<h3 class="sikx1 c9jt8 dark:text-neutral-200">
Menu
</h3>
<button type="button" class="od5va jxswk inline-flex jkwm1 items-center n6i5x kghwt rsdjd lnk45 xs2f2 c9jt8 d05xb focus:outline-hidden r17tr disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:hover:bg-neutral-700 dark:text-neutral-200 dark:focus:bg-neutral-700" aria-label="Close" data-hs-overlay="#hs-pro-dmh">
<span class="hidden lg:block">Esc</span>
<span class="block lg:hidden">Close</span>
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>
</button>
</div>
<!-- End Header -->
<div class="md:flex p6601 md:items-center a8iqd d9vg5 myjp1">
<!-- Dropdown Link -->
<div class="hs-dropdown [--strategy:static] md:[--strategy:absolute] [--adaptive:none] md:[--trigger:hover] [--auto-close:inside] md:inline-block">
<!-- Link Button -->
<button id="hs-pro-shnnd6" type="button" class="hs-dropdown-toggle brrnv vn1w4 hgy6n iv3ii w-full md:w-auto flex items-center w4xo0 w9dei c9jt8 pb094 povjg f1348 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ow4j6 dark:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<span class="relative">
Pages
<span class="absolute -top-1 -end-2">
<span class="relative flex">
<span class="baj5e absolute inline-flex fp3m4 kghwt ofm71 y1afu dark:bg-indigo-600"></span>
<span class="relative inline-flex kghwt s4l24 s63ue"></span>
<span class="et50x">Current</span>
</span>
</span>
</span>
<svg class="md:hidden hs-dropdown-open:-rotate-180 md:hs-dropdown-open:rotate-0 ufjzp ms-auto lbtf0 e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" 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"/></svg>
</button>
<!-- End Link Button -->
<!-- Dropdown Menu -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 opacity-0 w-full hidden wzd7f top-full gihcw dcm95 xu22o ckrcs mr27n eamcb fe4hh before:absolute before:-top-4 before:start-0 before:w-full before:h-5 md:dark:bg-neutral-900 md:dark:border-neutral-700" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-shnnd6">
<div class="ehc3u w-full mx-auto s53ws rveii h6gab ozsmh ids43">
<!-- Grid -->
<div class="ylm8n hjdn7 uyidg hzi67 gdvrf gbedp">
<div class="space-y-7 md:space-y-10">
<div>
<span class="block n8xpr sikx1 w4xo0 c9jt8 dark:text-neutral-200">Main Pages</span>
<ul class="ylm8n space-y-2">
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200 sikx1 qssy4 dark:text-indigo-400!" href="../../pro/shop/index.html">Home</a></li>
</ul>
</div>
<div>
<span class="block n8xpr sikx1 w4xo0 c9jt8 dark:text-neutral-200">Checkouts</span>
<ul class="ylm8n space-y-2">
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200 " href="../../pro/shop/cart.html">Cart</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200 " href="../../pro/shop/empty-cart.html">Empty Cart</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200 " href="../../pro/shop/checkout.html">Checkout (as Guest)</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200 " href="../../pro/shop/checkout-logged-in.html">Checkout (Logged In)</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200 " href="../../pro/shop/review-and-pay.html">Review and Pay</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200 " href="../../pro/shop/order-confirmation.html">Order Confirmation</a></li>
</ul>
</div>
</div>
<!-- End Col -->
<div class="space-y-7 md:space-y-10">
<div>
<span class="block n8xpr sikx1 w4xo0 c9jt8 dark:text-neutral-200">Product Details</span>
<ul class="ylm8n space-y-2">
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200 " href="../../pro/shop/product-detail.html">Gallery Slider</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200 " href="../../pro/shop/product-detail-sticky-sidebar.html">Sticky Sidebar</a></li>
</ul>
</div>
<div>
<span class="block n8xpr sikx1 w4xo0 c9jt8 dark:text-neutral-200">Listings</span>
<ul class="ylm8n space-y-2">
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200 " href="../../pro/shop/listing-grid.html">Grid</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200 " href="../../pro/shop/listing-grid-with-sidebar.html">Grid with Sidebar</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200 " href="../../pro/shop/listing-grid-with-categories.html">Grid with Categories</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200 " href="../../pro/shop/listing-grid-with-mini-categories.html">Grid with Mini Categories</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200 " href="../../pro/shop/listing-grid-with-hero.html">Grid with Hero</a></li>
</ul>
</div>
</div>
<!-- End Col -->
<div class="space-y-7 md:space-y-10">
<div>
<span class="block n8xpr sikx1 w4xo0 c9jt8 dark:text-neutral-200">Categories</span>
<ul class="ylm8n space-y-2">
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200 " href="../../pro/shop/categories.html">Categories</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200 " href="../../pro/shop/categories-with-sidebar.html">Categories with Sidebar</a></li>
</ul>
</div>
<div>
<span class="block n8xpr sikx1 w4xo0 c9jt8 dark:text-neutral-200">Authentication</span>
<ul class="ylm8n space-y-2">
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200 " href="../../pro/shop/login.html">Log In</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200 " href="../../pro/shop/create-account.html">Create Account</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200 " href="../../pro/shop/forgot-password.html">Forgot Password</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200 " href="../../pro/shop/checkout-not-logged-in.html">Checkout not Logged-In</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200 " href="../../pro/shop/order-checkup.html">Order Checkup</a></li>
</ul>
</div>
</div>
<!-- End Col -->
<div class="space-y-7 md:space-y-10">
<div>
<span class="block n8xpr sikx1 w4xo0 c9jt8 dark:text-neutral-200">Account</span>
<ul class="ylm8n space-y-2">
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200 " href="../../pro/shop/account.html">Account</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200 " href="../../pro/shop/personal-info.html">Personal Info</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200 " href="../../pro/shop/my-orders.html">My Orders</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200 " href="../../pro/shop/order-details.html">Order Details</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200 " href="../../pro/shop/addresses.html">Addresses</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200 " href="../../pro/shop/payment.html">Payment</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200 " href="../../pro/shop/gift-cards.html">Gift Cards</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200 " href="../../pro/shop/email-newsletter.html">Email Newsletter</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200 " href="../../pro/shop/returns-and-refunds.html">Returns & Refunds</a></li>
</ul>
</div>
</div>
<!-- End Col -->
<div class="space-y-7 md:space-y-10">
<div>
<span class="block n8xpr sikx1 w4xo0 c9jt8 dark:text-neutral-200">Miscellaneous</span>
<ul class="ylm8n space-y-2">
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200 " href="../../pro/shop/our-stores.html">Our Stores</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200 " href="../../pro/shop/help.html">Help</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200 " href="../../pro/shop/help-about-topic.html">Help: About Topic</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200 " href="../../pro/shop/check-order.html">Check Order</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200 " href="../../pro/shop/order-status.html">Order Status</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200 " href="../../pro/shop/compare-products.html">Compare Products</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200 " href="../../pro/shop/write-a-product-review.html">Write a Product Review</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200 " href="../../pro/shop/favorites.html">Favorites</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200 " href="../../pro/shop/exchange-or-return.html">Exchange or Return</a></li>
</ul>
</div>
</div>
<!-- End Col -->
</div>
<!-- End Grid -->
</div>
</div>
<!-- End Dropdown Menu -->
</div>
<!-- End Dropdown Link -->
<!-- Dropdown Link -->
<div class="hs-dropdown [--strategy:static] md:[--strategy:absolute] [--adaptive:none] md:[--trigger:hover] [--auto-close:inside] md:inline-block">
<!-- Link Button -->
<button id="hs-pro-shnnd1" type="button" class="hs-dropdown-toggle brrnv vn1w4 hgy6n iv3ii w-full md:w-auto flex items-center w4xo0 w9dei c9jt8 pb094 povjg f1348 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ow4j6 dark:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
Men
<svg class="md:hidden hs-dropdown-open:-rotate-180 md:hs-dropdown-open:rotate-0 ufjzp ms-auto lbtf0 e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" 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"/></svg>
</button>
<!-- End Link Button -->
<!-- Dropdown Menu -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 opacity-0 w-full hidden wzd7f top-full gihcw dcm95 xu22o ckrcs mr27n eamcb fe4hh before:absolute before:-top-4 before:start-0 before:w-full before:h-5 md:dark:bg-neutral-900 md:dark:border-neutral-700" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-shnnd1">
<div class="ehc3u w-full mx-auto s53ws rveii h6gab ozsmh ids43">
<!-- Grid -->
<div class="ylm8n hjdn7 uyidg hzi67 gdvrf gbedp">
<div class="space-y-7 md:space-y-10">
<div>
<span class="block n8xpr sikx1 w4xo0 c9jt8 dark:text-neutral-200">Featured</span>
<ul class="ylm8n space-y-2">
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">New Arrivals</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Preline Essentials</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Wear to Work</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Logo Shop</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Summer Shop</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Preline x Mercedes F1 x CR</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Back to School</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Uniform Shop</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Adaptive</a></li>
</ul>
</div>
</div>
<!-- End Col -->
<div class="space-y-7 md:space-y-10">
<div>
<span class="block n8xpr sikx1 w4xo0 c9jt8 dark:text-neutral-200">Clothing</span>
<ul class="ylm8n space-y-2">
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Shirts</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">T-shirts</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Polos</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Trousers</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Jeans</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Shorts</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Jackets</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Sweaters</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Blazers</a></li>
</ul>
</div>
</div>
<!-- End Col -->
<div class="space-y-7 md:space-y-10">
<div>
<span class="block n8xpr sikx1 w4xo0 c9jt8 dark:text-neutral-200">Shoes</span>
<ul class="ylm8n space-y-2">
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Sneakers</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Nike Air Jordan</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Nike Air Force</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Soccer</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Lifestyle</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Slides & Sandals</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Trail Running</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Workout & Gym</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Basketball</a></li>
</ul>
</div>
</div>
<!-- End Col -->
<div class="space-y-7 md:space-y-10">
<div>
<span class="block n8xpr sikx1 w4xo0 c9jt8 dark:text-neutral-200">Accessories</span>
<ul class="ylm8n space-y-2">
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Backpacks and bags</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Belts and braces</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Ties, bow ties and handkerchiefs</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Sunglasses</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Caps</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Wallets</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Scarves, caps and gloves</a></li>
</ul>
</div>
</div>
<!-- End Col -->
<a class="hidden lg:block an00p w2rko group relative er6t7 v9rox u01jo caww7 pv5gf if3u5 pb094 focus:outline-hidden dark:from-orange-500/50 dark:via-purple-500/50 dark:to-indigo-500/50" href="../../pro/ecommerce/index.html">
<img class="e731n fp3m4 x1s1r er6t7" src="https://images.unsplash.com/photo-1667063160344-58a0f325715a?q=80&w=560&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Banner Image">
<div class="absolute ubbee e33ca inline-block dtief">
<span class="od5va sfv8v fn1rd w4xo0 kew0r kghwt seioz">
Shop Men
</span>
</div>
</a>
<!-- End Col -->
</div>
<!-- End Grid -->
</div>
<div class="e76gh md:dark:bg-neutral-800">
<div class="ehc3u w-full mx-auto a8iqd ozsmh ids43">
<!-- Grid -->
<div class="ylm8n hjdn7 uyidg hzi67 o4ndh gbedp">
<a class="vyel6 suih4 flex items-center vyfcq pb094 d05xb y7fzr nmrg2 focus:outline-hidden r17tr w7n6d h3eoz dark:hover:bg-neutral-800 md:dark:hover:bg-neutral-900 dark:focus:bg-neutral-800 md:dark:focus:bg-neutral-900" href="#">
<img class="e731n fjwwc x1s1r m74u5" src="https://images.unsplash.com/photo-1662411198835-c5a151d2af9e?q=80&w=180&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Product Image">
<div class="hlt95">
<p class="sikx1 w4xo0 c9jt8 dark:text-neutral-200">
Shoes
</p>
</div>
</a>
<!-- End Col -->
<a class="vyel6 suih4 flex items-center vyfcq pb094 d05xb y7fzr nmrg2 focus:outline-hidden r17tr w7n6d h3eoz dark:hover:bg-neutral-800 md:dark:hover:bg-neutral-900 dark:focus:bg-neutral-800 md:dark:focus:bg-neutral-900" href="#">
<img class="e731n fjwwc x1s1r m74u5" src="https://images.unsplash.com/photo-1721664744481-69df3af4fd66?q=80&w=180&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Product Image">
<div class="hlt95">
<p class="sikx1 w4xo0 c9jt8 dark:text-neutral-200">
Accessories
</p>
</div>
</a>
<!-- End Col -->
<a class="vyel6 suih4 flex items-center vyfcq pb094 d05xb y7fzr nmrg2 focus:outline-hidden r17tr w7n6d h3eoz dark:hover:bg-neutral-800 md:dark:hover:bg-neutral-900 dark:focus:bg-neutral-800 md:dark:focus:bg-neutral-900" href="#">
<img class="e731n fjwwc x1s1r m74u5" src="https://images.unsplash.com/photo-1667411424779-f1da9251c39b?q=80&w=180&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Product Image">
<div class="hlt95">
<p class="sikx1 w4xo0 c9jt8 dark:text-neutral-200">
Backpacks
</p>
</div>
</a>
<!-- End Col -->
<a class="vyel6 suih4 flex items-center vyfcq pb094 d05xb y7fzr nmrg2 focus:outline-hidden r17tr w7n6d h3eoz dark:hover:bg-neutral-800 md:dark:hover:bg-neutral-900 dark:focus:bg-neutral-800 md:dark:focus:bg-neutral-900" href="#">
<img class="e731n fjwwc x1s1r m74u5" src="https://images.unsplash.com/photo-1597843797221-e34b4a320b97?q=80&w=180&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Product Image">
<div class="hlt95">
<p class="sikx1 w4xo0 c9jt8 dark:text-neutral-200">
Socks
</p>
</div>
</a>
<!-- End Col -->
</div>
<!-- End Grid -->
</div>
</div>
</div>
<!-- End Dropdown Menu -->
</div>
<!-- End Dropdown Link -->
<!-- Dropdown Link -->
<div class="hs-dropdown [--strategy:static] md:[--strategy:absolute] [--adaptive:none] md:[--trigger:hover] [--auto-close:inside] md:inline-block">
<!-- Link Button -->
<button id="hs-pro-shnnd2" type="button" class="hs-dropdown-toggle brrnv vn1w4 hgy6n iv3ii w-full md:w-auto flex items-center w4xo0 w9dei c9jt8 pb094 povjg f1348 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ow4j6 dark:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
Women
<svg class="md:hidden hs-dropdown-open:-rotate-180 md:hs-dropdown-open:rotate-0 ufjzp ms-auto lbtf0 e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" 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"/></svg>
</button>
<!-- End Link Button -->
<!-- Dropdown Menu -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 opacity-0 w-full hidden wzd7f top-full gihcw dcm95 xu22o ckrcs mr27n eamcb fe4hh before:absolute before:-top-4 before:start-0 before:w-full before:h-5 md:dark:bg-neutral-900 md:dark:border-neutral-700" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-shnnd2">
<div class="ehc3u w-full mx-auto s53ws rveii h6gab ozsmh ids43">
<!-- Grid -->
<div class="ylm8n hjdn7 uyidg hzi67 gdvrf gbedp">
<div class="space-y-7 md:space-y-10">
<div>
<span class="block n8xpr sikx1 w4xo0 c9jt8 dark:text-neutral-200">Featured</span>
<ul class="ylm8n space-y-2">
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">New Arrivals</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Preline Essentials</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Wear to Work</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Logo Shop</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Summer Shop</a></li>
</ul>
</div>
<div>
<span class="block n8xpr sikx1 w4xo0 c9jt8 dark:text-neutral-200">Collections</span>
<ul class="ylm8n space-y-2">
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Collections</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Zenvy</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Aster Pink Shop</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Lightweight Layers</a></li>
</ul>
</div>
</div>
<!-- End Col -->
<div class="space-y-7 md:space-y-10">
<div>
<span class="block n8xpr sikx1 w4xo0 c9jt8 dark:text-neutral-200">Clothing</span>
<ul class="ylm8n space-y-2">
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Dresses</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Hoodies & Sweatshirts</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Shorts</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Pants</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Leggings</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Jackets & Vests</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Tops & T-Shirts</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Suits</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Skirts</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Matching Sets</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Plus Size</a></li>
</ul>
</div>
</div>
<!-- End Col -->
<div class="space-y-7 md:space-y-10">
<div>
<span class="block n8xpr sikx1 w4xo0 c9jt8 dark:text-neutral-200">Shoes</span>
<ul class="ylm8n space-y-2">
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Lifestyle</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Retro Running</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Training & Gym</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Basketball</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Running</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Sandals & Slides</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Shoes $100 & Under</a></li>
</ul>
</div>
</div>
<!-- End Col -->
<div class="space-y-7 md:space-y-10">
<div>
<span class="block n8xpr sikx1 w4xo0 c9jt8 dark:text-neutral-200">Accessories</span>
<ul class="ylm8n space-y-2">
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Bags & Backpacks</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Hats & Headwear</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Sunglasses</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Socks</a></li>
</ul>
</div>
<div>
<span class="block n8xpr sikx1 w4xo0 c9jt8 dark:text-neutral-200">Sale</span>
<ul class="ylm8n space-y-2">
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Clothing</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Shoes & Accessories</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Underwear</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Adaptive Sale</a></li>
</ul>
</div>
</div>
<!-- End Col -->
<a class="hidden lg:block an00p w2rko group relative er6t7 v9rox u01jo caww7 pv5gf if3u5 pb094 focus:outline-hidden dark:from-orange-500/50 dark:via-purple-500/50 dark:to-indigo-500/50" href="../../pro/ecommerce/index.html">
<img class="e731n fp3m4 x1s1r er6t7" src="https://images.unsplash.com/photo-1515886657613-9f3515b0c78f?q=80&w=560&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Banner Image">
<div class="absolute ubbee e33ca inline-block dtief">
<span class="od5va sfv8v fn1rd w4xo0 kew0r kghwt seioz">
Shop Women
</span>
</div>
</a>
<!-- End Col -->
</div>
<!-- End Grid -->
</div>
<div class="e76gh md:dark:bg-neutral-800">
<div class="ehc3u w-full mx-auto a8iqd ozsmh ids43">
<!-- Grid -->
<div class="ylm8n hjdn7 uyidg hzi67 o4ndh gbedp">
<a class="vyel6 suih4 flex items-center vyfcq pb094 d05xb y7fzr nmrg2 dark:hover:bg-neutral-800 md:dark:hover:bg-neutral-900:hover:bg-shadow-sm" href="#">
<img class="e731n fjwwc x1s1r m74u5" src="https://images.unsplash.com/photo-1581101767113-1677fc2beaa8?q=80&w=180&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Product Image">
<div class="hlt95">
<p class="sikx1 w4xo0 c9jt8 dark:text-neutral-200">
Shoes
</p>
</div>
</a>
<!-- End Col -->
<a class="vyel6 suih4 flex items-center vyfcq pb094 d05xb y7fzr nmrg2 dark:hover:bg-neutral-800 md:dark:hover:bg-neutral-900:hover:bg-shadow-sm" href="#">
<img class="e731n fjwwc x1s1r m74u5" src="https://images.unsplash.com/photo-1592842124903-ed92a725cc4d?q=80&w=180&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Product Image">
<div class="hlt95">
<p class="sikx1 w4xo0 c9jt8 dark:text-neutral-200">
Accessories
</p>
</div>
</a>
<!-- End Col -->
<a class="vyel6 suih4 flex items-center vyfcq pb094 d05xb y7fzr nmrg2 dark:hover:bg-neutral-800 md:dark:hover:bg-neutral-900:hover:bg-shadow-sm" href="#">
<img class="e731n fjwwc x1s1r m74u5" src="https://images.unsplash.com/photo-1504198458649-3128b932f49e?q=80&w=180&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Product Image">
<div class="hlt95">
<p class="sikx1 w4xo0 c9jt8 dark:text-neutral-200">
T-shirts
</p>
</div>
</a>
<!-- End Col -->
<a class="vyel6 suih4 flex items-center vyfcq pb094 d05xb y7fzr nmrg2 dark:hover:bg-neutral-800 md:dark:hover:bg-neutral-900:hover:bg-shadow-sm" href="#">
<img class="e731n fjwwc x1s1r m74u5" src="https://images.unsplash.com/photo-1572307480813-ceb0e59d8325?q=80&w=180&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Product Image">
<div class="hlt95">
<p class="sikx1 w4xo0 c9jt8 dark:text-neutral-200">
Hats
</p>
</div>
</a>
<!-- End Col -->
</div>
<!-- End Grid -->
</div>
</div>
</div>
<!-- End Dropdown Menu -->
</div>
<!-- End Dropdown Link -->
<!-- Dropdown Link -->
<div class="hs-dropdown [--strategy:static] md:[--strategy:absolute] [--adaptive:none] md:[--trigger:hover] [--auto-close:inside] md:inline-block">
<!-- Link Button -->
<button id="hs-pro-shnnd3" type="button" class="hs-dropdown-toggle brrnv vn1w4 hgy6n iv3ii w-full md:w-auto flex items-center w4xo0 w9dei c9jt8 pb094 povjg f1348 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ow4j6 dark:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
Kids
<svg class="md:hidden hs-dropdown-open:-rotate-180 md:hs-dropdown-open:rotate-0 ufjzp ms-auto lbtf0 e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" 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"/></svg>
</button>
<!-- End Link Button -->
<!-- Dropdown Menu -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 opacity-0 w-full hidden wzd7f top-full gihcw dcm95 xu22o ckrcs mr27n eamcb fe4hh before:absolute before:-top-4 before:start-0 before:w-full before:h-5 md:dark:bg-neutral-900 md:dark:border-neutral-700" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-shnnd3">
<div class="ehc3u w-full mx-auto s53ws rveii h6gab ozsmh ids43">
<!-- Grid -->
<div class="ylm8n hjdn7 uyidg hzi67 gdvrf gbedp">
<div class="space-y-7 md:space-y-10">
<div>
<span class="block n8xpr sikx1 w4xo0 c9jt8 dark:text-neutral-200">Get Set for School</span>
<ul class="ylm8n space-y-2">
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Extra 25% Off Select Styles</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Shop the Collection</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Shopping Guide</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Bags & Backpacks</a></li>
</ul>
</div>
</div>
<!-- End Col -->
<div class="space-y-7 md:space-y-10">
<div>
<span class="block n8xpr sikx1 w4xo0 c9jt8 dark:text-neutral-200">New & Featured</span>
<ul class="ylm8n space-y-2">
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">New Arrivals</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Best Sellers</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">New & Upcoming Drops</a></li>
</ul>
</div>
<div>
<span class="block n8xpr sikx1 w4xo0 c9jt8 dark:text-neutral-200">Collections</span>
<ul class="ylm8n space-y-2">
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Zenvy</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Aster Pink Shop</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Lightweight Layers</a></li>
</ul>
</div>
</div>
<!-- End Col -->
<div class="space-y-7 md:space-y-10">
<div>
<span class="block n8xpr sikx1 w4xo0 c9jt8 dark:text-neutral-200">Shoes by Size</span>
<ul class="ylm8n space-y-2">
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Big Kids (1Y - 7Y)</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Little Kids (8C - 3Y)</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Baby & Toddler (1C - 10C)</a></li>
</ul>
</div>
<div>
<span class="block n8xpr sikx1 w4xo0 c9jt8 dark:text-neutral-200">All Shoes</span>
<ul class="ylm8n space-y-2">
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Lifestyle</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Retro Running</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Basketball</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Running</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Nike SB</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Sandals & Slides</a></li>
</ul>
</div>
</div>
<!-- End Col -->
<div class="space-y-7 md:space-y-10">
<div>
<span class="block n8xpr sikx1 w4xo0 c9jt8 dark:text-neutral-200">Clothing by Size</span>
<ul class="ylm8n space-y-2">
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Big Kids (XS - XL)</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Little Kids (4 - 7)</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Baby & Toddler (0M - 4T)</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Extended Sizing</a></li>
</ul>
</div>
<div>
<span class="block n8xpr sikx1 w4xo0 c9jt8 dark:text-neutral-200">Accessories</span>
<ul class="ylm8n space-y-2">
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Bags & Backpacks</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Hats & Headwear</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Sunglasses</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Socks</a></li>
</ul>
</div>
</div>
<!-- End Col -->
<a class="hidden lg:block an00p w2rko group relative er6t7 v9rox u01jo caww7 pv5gf if3u5 pb094 focus:outline-hidden dark:from-orange-500/50 dark:via-purple-500/50 dark:to-indigo-500/50" href="../../pro/ecommerce/index.html">
<img class="e731n fp3m4 x1s1r er6t7" src="https://images.unsplash.com/photo-1611708314849-8bb91fe0fa56?q=80&w=3540&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Banner Image">
<div class="absolute ubbee e33ca inline-block dtief">
<span class="od5va sfv8v fn1rd w4xo0 kew0r kghwt seioz">
Shop Kids
</span>
</div>
</a>
<!-- End Col -->
</div>
<!-- End Grid -->
</div>
<div class="e76gh md:dark:bg-neutral-800">
<div class="ehc3u w-full mx-auto a8iqd ozsmh ids43">
<!-- Grid -->
<div class="ylm8n hjdn7 uyidg hzi67 o4ndh gbedp">
<a class="vyel6 suih4 flex items-center vyfcq pb094 d05xb y7fzr nmrg2 dark:hover:bg-neutral-800 md:dark:hover:bg-neutral-900:hover:bg-shadow-sm" href="#">
<img class="e731n fjwwc x1s1r m74u5" src="https://images.unsplash.com/photo-1605382165091-443eff32caf5?q=80&w=180&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Product Image">
<div class="hlt95">
<p class="sikx1 w4xo0 c9jt8 dark:text-neutral-200">
Shoes
</p>
</div>
</a>
<!-- End Col -->
<a class="vyel6 suih4 flex items-center vyfcq pb094 d05xb y7fzr nmrg2 dark:hover:bg-neutral-800 md:dark:hover:bg-neutral-900:hover:bg-shadow-sm" href="#">
<img class="e731n fjwwc x1s1r m74u5" src="https://images.unsplash.com/photo-1721664744481-69df3af4fd66?q=80&w=180&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Product Image">
<div class="hlt95">
<p class="sikx1 w4xo0 c9jt8 dark:text-neutral-200">
Accessories
</p>
</div>
</a>
<!-- End Col -->
<a class="vyel6 suih4 flex items-center vyfcq pb094 d05xb y7fzr nmrg2 dark:hover:bg-neutral-800 md:dark:hover:bg-neutral-900:hover:bg-shadow-sm" href="#">
<img class="e731n fjwwc x1s1r m74u5" src="https://images.unsplash.com/photo-1667411424779-f1da9251c39b?q=80&w=180&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Product Image">
<div class="hlt95">
<p class="sikx1 w4xo0 c9jt8 dark:text-neutral-200">
Backpacks
</p>
</div>
</a>
<!-- End Col -->
<a class="vyel6 suih4 flex items-center vyfcq pb094 d05xb y7fzr nmrg2 dark:hover:bg-neutral-800 md:dark:hover:bg-neutral-900:hover:bg-shadow-sm" href="#">
<img class="e731n fjwwc x1s1r m74u5" src="https://images.unsplash.com/photo-1632337950445-ba446cb0e26f?q=80&w=180&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Product Image">
<div class="hlt95">
<p class="sikx1 w4xo0 c9jt8 dark:text-neutral-200">
Shorts
</p>
</div>
</a>
<!-- End Col -->
</div>
<!-- End Grid -->
</div>
</div>
</div>
<!-- End Dropdown Menu -->
</div>
<!-- End Dropdown Link -->
<!-- Dropdown Link -->
<div class="hs-dropdown [--strategy:static] md:[--strategy:absolute] [--adaptive:none] md:[--trigger:hover] [--auto-close:inside] md:inline-block">
<!-- Link Button -->
<button id="hs-pro-shnnd4" type="button" class="hs-dropdown-toggle brrnv vn1w4 hgy6n iv3ii w-full md:w-auto flex items-center w4xo0 w9dei c9jt8 pb094 povjg f1348 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ow4j6 dark:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
Home
<svg class="md:hidden hs-dropdown-open:-rotate-180 md:hs-dropdown-open:rotate-0 ufjzp ms-auto lbtf0 e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" 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"/></svg>
</button>
<!-- End Link Button -->
<!-- Dropdown Menu -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 opacity-0 w-full hidden wzd7f top-full gihcw dcm95 xu22o ckrcs mr27n eamcb fe4hh before:absolute before:-top-4 before:start-0 before:w-full before:h-5 md:dark:bg-neutral-900 md:dark:border-neutral-700" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-shnnd4">
<div class="ehc3u w-full mx-auto s53ws rveii h6gab ozsmh ids43">
<div class="yvubh w-full mx-auto dtief">
<p class="wyf4w">
<span class="ga1u8 sfv8v inline-block rsdjd hxpj8 c9jt8 xs2f2 kghwt dark:border-neutral-500 dark:text-neutral-200">
Coming soon
</span>
</p>
<p class="r4xgm sikx1 tbkeq c9jt8 dark:text-neutral-200">
Home Store
</p>
<div class="ylm8n zez8u o4ndh cfdb8">
<img class="e731n w-full xz6cg ozkpw x1s1r er6t7" src="https://images.unsplash.com/photo-1618220179428-22790b461013?q=80&w=320&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Banner Image">
<img class="e731n w-full xz6cg ozkpw x1s1r er6t7" src="https://images.unsplash.com/photo-1567016420071-ec27a7835119?q=80&w=320&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Banner Image">
<img class="e731n w-full xz6cg ozkpw x1s1r er6t7" src="https://images.unsplash.com/photo-1567016557389-5246a1940bdc?q=80&w=320&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Banner Image">
</div>
<p class="chaem c9jt8 dark:text-neutral-200">
In collaboration with IKEA
</p>
<div class="chaem">
<a class="inline-block w4xo0 c9jt8 l5oyh povjg ai0xw iiod0 focus:outline-hidden s6w37 dark:text-neutral-200 dark:hover:text-indigo-400 dark:focus:text-indigo-400" href="#">
Learn more
</a>
</div>
</div>
</div>
</div>
<!-- End Dropdown Menu -->
</div>
<!-- End Dropdown Link -->
<!-- Dropdown Link -->
<div class="hs-dropdown [--strategy:static] md:[--strategy:absolute] [--adaptive:none] md:[--trigger:hover] [--auto-close:inside] md:inline-block">
<!-- Link Button -->
<button id="hs-pro-shnnd5" type="button" class="hs-dropdown-toggle brrnv vn1w4 hgy6n iv3ii w-full md:w-auto flex items-center w4xo0 w9dei c9jt8 pb094 povjg f1348 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ow4j6 dark:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
Sales
<svg class="md:hidden hs-dropdown-open:-rotate-180 md:hs-dropdown-open:rotate-0 ufjzp ms-auto lbtf0 e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" 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"/></svg>
</button>
<!-- End Link Button -->
<!-- Dropdown Menu -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 opacity-0 w-full hidden wzd7f top-full kji94 e49ap w-full czz4k xu22o ckrcs mr27n eamcb fe4hh before:absolute before:-top-4 before:start-0 before:w-full before:h-5 md:dark:bg-neutral-900 md:dark:border-neutral-700" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-shnnd5">
<!-- Grid -->
<div class="a8iqd k72vt ylm8n hjdn7 gkrui n60o7">
<div>
<span class="block n8xpr sikx1 w4xo0 c9jt8 dark:text-neutral-200">Featured Sale</span>
<ul class="wc6fu ylm8n space-y-3">
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Buy 2, Get 15% off</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Shoes $100 & Under</a></li>
</ul>
</div>
<div>
<span class="block n8xpr sikx1 w4xo0 c9jt8 dark:text-neutral-200">Men</span>
<ul class="wc6fu ylm8n space-y-3">
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Shoes</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Clothing</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Accessories</a></li>
</ul>
</div>
<!-- End Col -->
<div>
<span class="block n8xpr sikx1 w4xo0 c9jt8 dark:text-neutral-200">Women</span>
<ul class="wc6fu ylm8n space-y-3">
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Shoes</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Clothing</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Accessories</a></li>
</ul>
</div>
<div>
<span class="block n8xpr sikx1 w4xo0 c9jt8 dark:text-neutral-200">Kids</span>
<ul class="wc6fu ylm8n space-y-3">
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Shoes</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Clothing</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Accessories</a></li>
</ul>
</div>
<!-- End Col -->
</div>
<!-- End Grid -->
<!-- Link Card -->
<div class="hidden md:block f2l40 d0k57">
<a class="flex items-center p5sau group relative overflow-hidden pb094 nyvaf u01jo caww7 pv5gf if3u5 pb094 focus:outline-hidden dark:from-orange-500/50 dark:via-purple-500/50 dark:to-indigo-500/50" href="../../pro/ecommerce/index.html">
<div class="hlt95 tbd2k">
<p class="cnneu tbkeq vj9jb ghi1r dark:text-white">
50% off
</p>
<p class="sikx1 c9jt8 dark:text-white">
Summer Sale
</p>
<p class="ja90s flex items-center n6i5x w4xo0 g41z1 dark:text-neutral-300">
Shop now
<svg class="e731n b9gop group-hover:translate-x-0.5 whz4r" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path class="md:opacity-0 ql0fs md:group-hover:opacity-100 md:group-hover:translate-x-0 md:group-focus:opacity-100 md:group-focus:translate-x-0 un4q8" d="M5 12h14"/><path class="vg276 md:group-hover:translate-x-0 md:group-focus:translate-x-0 un4q8" d="m12 5 7 7-7 7"/></svg>
</p>
</div>
<div class="v7yyc fvee5">
<div class="ylm8n dzapa o4ndh -mt-10 -rotate-12">
<div class="space-y-2">
<div class="rmzo7 aqyoh pb094 xus2s dark:bg-neutral-900">
<img class="syxfv x1s1r m74u5" src="https://images.unsplash.com/photo-1516762689617-e1cffcef479d?q=80&w=320&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Product Image">
</div>
<div class="rmzo7 aqyoh pb094 xus2s dark:bg-neutral-900">
<img class="syxfv x1s1r m74u5" src="https://images.unsplash.com/photo-1604176354204-9268737828e4?q=80&w=320&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Product Image">
</div>
</div>
<div class="space-y-2 -mt-6">
<div class="rmzo7 aqyoh pb094 xus2s dark:bg-neutral-900">
<img class="syxfv x1s1r m74u5" src="https://images.unsplash.com/photo-1516763296043-f676c1105999?q=80&w=320&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Product Image">
</div>
<div class="rmzo7 aqyoh pb094 xus2s dark:bg-neutral-900">
<img class="syxfv x1s1r m74u5" src="https://images.unsplash.com/photo-1527180718958-1721e2518786?q=80&w=320&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Product Image">
</div>
</div>
</div>
</div>
</a>
</div>
<!-- End Link Card -->
</div>
<!-- End Dropdown Menu -->
</div>
<!-- End Dropdown Link -->
</div>
</div>
</div>
<!-- End Nav -->
</div>
</div>
</header>
<header class="yhsdv fuv09 e33ca flex flex-wrap qxd8q md:flex-nowrap wu22o aqyoh fazzp lnk45 dark:bg-neutral-900 dark:border-neutral-700">
<div class="ehc3u flex flex-wrap ox2cl go50v z0knj ygsjd items-center w-full mx-auto fo7ft ek60e fglch xf1r4 ids43">
<div class="hdcfi vzu1c">
<div class="flex items-center n6i5x">
<!-- Logo -->
<a class="flex-none m74u5 mp30q inline-block cnneu focus:outline-hidden o8t9n" href="../../pro/shop/index.html" aria-label="Preline">
<svg class="o5z37 h-auto" width="116" height="32" viewBox="0 0 116 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M33.5696 30.8182V11.3182H37.4474V13.7003H37.6229C37.7952 13.3187 38.0445 12.9309 38.3707 12.5369C38.7031 12.1368 39.134 11.8045 39.6634 11.5398C40.1989 11.2689 40.8636 11.1335 41.6577 11.1335C42.6918 11.1335 43.6458 11.4044 44.5199 11.946C45.3939 12.4815 46.0926 13.291 46.6158 14.3743C47.139 15.4515 47.4006 16.8026 47.4006 18.4276C47.4006 20.0095 47.1451 21.3452 46.6342 22.4347C46.1295 23.518 45.4401 24.3397 44.5661 24.8999C43.6982 25.4538 42.7256 25.7308 41.6484 25.7308C40.8852 25.7308 40.2358 25.6046 39.7003 25.3523C39.1709 25.0999 38.737 24.7829 38.3984 24.4013C38.0599 24.0135 37.8014 23.6226 37.6229 23.2287H37.5028V30.8182H33.5696ZM37.4197 18.4091C37.4197 19.2524 37.5367 19.9879 37.7706 20.6158C38.0045 21.2436 38.343 21.733 38.7862 22.0838C39.2294 22.4285 39.768 22.6009 40.402 22.6009C41.0421 22.6009 41.5838 22.4254 42.027 22.0746C42.4702 21.7176 42.8056 21.2251 43.0334 20.5973C43.2673 19.9633 43.3842 19.2339 43.3842 18.4091C43.3842 17.5904 43.2704 16.8703 43.0426 16.2486C42.8149 15.6269 42.4794 15.1406 42.0362 14.7898C41.593 14.4389 41.0483 14.2635 40.402 14.2635C39.7618 14.2635 39.2202 14.4328 38.777 14.7713C38.34 15.1098 38.0045 15.59 37.7706 16.2116C37.5367 16.8333 37.4197 17.5658 37.4197 18.4091ZM49.2427 25.5V11.3182H53.0559V13.7926H53.2037C53.4622 12.9124 53.8961 12.2476 54.5055 11.7983C55.1149 11.3428 55.8166 11.1151 56.6106 11.1151C56.8076 11.1151 57.02 11.1274 57.2477 11.152C57.4754 11.1766 57.6755 11.2105 57.8478 11.2536V14.7436C57.6632 14.6882 57.4077 14.639 57.0815 14.5959C56.7553 14.5528 56.4567 14.5312 56.1859 14.5312C55.6073 14.5312 55.0903 14.6574 54.6348 14.9098C54.1854 15.156 53.8284 15.5007 53.5638 15.9439C53.3052 16.3871 53.176 16.898 53.176 17.4766V25.5H49.2427ZM64.9043 25.777C63.4455 25.777 62.1898 25.4815 61.1373 24.8906C60.0909 24.2936 59.2845 23.4503 58.7182 22.3608C58.1519 21.2652 57.8688 19.9695 57.8688 18.4737C57.8688 17.0149 58.1519 15.7346 58.7182 14.6328C59.2845 13.531 60.0816 12.6723 61.1096 12.0568C62.1437 11.4413 63.3563 11.1335 64.7474 11.1335C65.683 11.1335 66.5539 11.2843 67.3603 11.5859C68.1728 11.8814 68.8806 12.3277 69.4839 12.9247C70.0932 13.5218 70.5672 14.2727 70.9057 15.1776C71.2443 16.0762 71.4135 17.1288 71.4135 18.3352V19.4155H59.4384V16.978H67.7111C67.7111 16.4117 67.588 15.91 67.3418 15.473C67.0956 15.036 66.754 14.6944 66.317 14.4482C65.8861 14.1958 65.3844 14.0696 64.812 14.0696C64.2149 14.0696 63.6856 14.2081 63.2239 14.4851C62.7684 14.7559 62.4114 15.1222 62.1529 15.5838C61.8944 16.0393 61.762 16.5471 61.7559 17.1072V19.4247C61.7559 20.1264 61.8851 20.7327 62.1437 21.2436C62.4083 21.7545 62.7807 22.1484 63.2608 22.4254C63.741 22.7024 64.3103 22.8409 64.9689 22.8409C65.406 22.8409 65.8061 22.7794 66.1692 22.6562C66.5324 22.5331 66.8432 22.3485 67.1018 22.1023C67.3603 21.8561 67.5572 21.5545 67.6927 21.1974L71.3304 21.4375C71.1458 22.3116 70.7672 23.0748 70.1948 23.7273C69.6285 24.3736 68.896 24.8783 67.9974 25.2415C67.1048 25.5985 66.0738 25.777 64.9043 25.777ZM77.1335 6.59091V25.5H73.2003V6.59091H77.1335ZM79.5043 25.5V11.3182H83.4375V25.5H79.5043ZM81.4801 9.49006C80.8954 9.49006 80.3937 9.29616 79.9752 8.90838C79.5628 8.51444 79.3566 8.04356 79.3566 7.49574C79.3566 6.95407 79.5628 6.48935 79.9752 6.10156C80.3937 5.70762 80.8954 5.51065 81.4801 5.51065C82.0649 5.51065 82.5635 5.70762 82.9759 6.10156C83.3944 6.48935 83.6037 6.95407 83.6037 7.49574C83.6037 8.04356 83.3944 8.51444 82.9759 8.90838C82.5635 9.29616 82.0649 9.49006 81.4801 9.49006ZM89.7415 17.3011V25.5H85.8083V11.3182H89.5569V13.8203H89.723C90.037 12.9955 90.5632 12.343 91.3019 11.8629C92.0405 11.3767 92.9361 11.1335 93.9887 11.1335C94.9735 11.1335 95.8322 11.349 96.5647 11.7798C97.2971 12.2107 97.8665 12.8262 98.2728 13.6264C98.679 14.4205 98.8821 15.3684 98.8821 16.4702V25.5H94.9489V17.1719C94.9551 16.304 94.7335 15.6269 94.2841 15.1406C93.8348 14.6482 93.2162 14.402 92.4283 14.402C91.8989 14.402 91.4311 14.5159 91.0249 14.7436C90.6248 14.9714 90.3109 15.3037 90.0831 15.7408C89.8615 16.1716 89.7477 16.6918 89.7415 17.3011ZM107.665 25.777C106.206 25.777 104.951 25.4815 103.898 24.8906C102.852 24.2936 102.045 23.4503 101.479 22.3608C100.913 21.2652 100.63 19.9695 100.63 18.4737C100.63 17.0149 100.913 15.7346 101.479 14.6328C102.045 13.531 102.842 12.6723 103.87 12.0568C104.905 11.4413 106.117 11.1335 107.508 11.1335C108.444 11.1335 109.315 11.2843 110.121 11.5859C110.934 11.8814 111.641 12.3277 112.245 12.9247C112.854 13.5218 113.328 14.2727 113.667 15.1776C114.005 16.0762 114.174 17.1288 114.174 18.3352V19.4155H102.199V16.978H110.472C110.472 16.4117 110.349 15.91 110.103 15.473C109.856 15.036 109.515 14.6944 109.078 14.4482C108.647 14.1958 108.145 14.0696 107.573 14.0696C106.976 14.0696 106.446 14.2081 105.985 14.4851C105.529 14.7559 105.172 15.1222 104.914 15.5838C104.655 16.0393 104.523 16.5471 104.517 17.1072V19.4247C104.517 20.1264 104.646 20.7327 104.905 21.2436C105.169 21.7545 105.542 22.1484 106.022 22.4254C106.502 22.7024 107.071 22.8409 107.73 22.8409C108.167 22.8409 108.567 22.7794 108.93 22.6562C109.293 22.5331 109.604 22.3485 109.863 22.1023C110.121 21.8561 110.318 21.5545 110.454 21.1974L114.091 21.4375C113.907 22.3116 113.528 23.0748 112.956 23.7273C112.389 24.3736 111.657 24.8783 110.758 25.2415C109.866 25.5985 108.835 25.777 107.665 25.777Z" class="zk148 dark:fill-white" fill="currentColor"/>
<path d="M1 29.5V16.5C1 9.87258 6.37258 4.5 13 4.5C19.6274 4.5 25 9.87258 25 16.5C25 23.1274 19.6274 28.5 13 28.5H12" class="i85zm dark:stroke-white" stroke="currentColor" stroke-width="2"/>
<path d="M5 29.5V16.66C5 12.1534 8.58172 8.5 13 8.5C17.4183 8.5 21 12.1534 21 16.66C21 21.1666 17.4183 24.82 13 24.82H12" class="i85zm dark:stroke-white" stroke="currentColor" stroke-width="2"/>
<circle cx="13" cy="16.5214" r="5" class="zk148 dark:fill-white" fill="currentColor"/>
</svg>
</a>
<!-- End Logo -->
<div class="rbr78 lj5z1">
</div>
</div>
</div>
<div class="hdcfi aroll owq7u flex smdr3 items-center n9hej">
<div class="flex items-center hhi70">
<!-- Search Button Icon -->
<button type="button" class="inline-flex e731n jkwm1 items-center n9hej sc63t kghwt c9jt8 d05xb focus:outline-hidden r17tr dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-shnsm">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/></svg>
</button>
<!-- End Search Button Icon -->
<!-- Favorites Button Icon -->
<div class="hs-dropdown [--auto-close:inside] [--placement:bottom-right] relative inline-flex">
<button id="hs-pro-dnnd" type="button" class="relative e731n inline-flex jkwm1 items-center n9hej sc63t kghwt c9jt8 d05xb focus:outline-hidden r17tr dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg>
<span class="flex absolute fuv09 kji94 wzd7f -mt-1 -me-1">
<span class="relative bnbld nfrej inline-flex jkwm1 items-center s91e0 y73k3 kew0r kghwt eoh5b dark:bg-neutral-200 dark:text-neutral-800">
2
<span class="et50x">Notifications</span>
</span>
</span>
</button>
<!-- End Favorites Button Icon -->
<!-- Favorites Dropdown -->
<div class="hs-dropdown-menu transition-[opacity,margin] duration-[0.1ms] md:duration-[150ms] hs-dropdown-open:opacity-100 opacity-0 w-full lztgl hidden wzd7f aqyoh h5xf1 zry9e lnk45 kl2tw j8plm c8g8j poi4v before:absolute before:-top-4 before:start-0 before:w-full before:h-5 dark:bg-neutral-900 dark:border-neutral-700" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-dnnd">
<div class="a8iqd d9vg5">
<span class="block sikx1 c9jt8 dark:text-neutral-200">
Favorites
</span>
</div>
<div class="d9vg5 e5283 overflow-y-auto overflow-hidden xwpzv y0qzi bxgd5 n3xnc dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<div class="space-y-5">
<!-- Item -->
<div id="hs-pro-shfdi1" class="hs-removing:opacity-0 ufjzp flex p5sau">
<div class="relative">
<img class="e731n fl6qw i5kts x1s1r f4yn1 pb094 dark:bg-neutral-700" src="https://images.unsplash.com/photo-1627225925683-1da7021732ea?q=80&w=320&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Product Image">
</div>
<div class="hlt95 flex flex-col">
<h4 class="w4xo0 c9jt8 dark:text-neutral-200">
Everyday Solid Black T-Shirt
</h4>
<span class="y18m4">
<span class="w4xo0 jy5gh dark:text-neutral-500">
<s>$60</s>
</span>
<span class="w4xo0 jmzb2">
$40
</span>
</span>
<div class="">
<button type="button" class="inline-flex items-center b1nd2 z4zqw c9jt8 l5oyh povjg iiod0 focus:outline-hidden s6w37 dark:text-neutral-200 dark:hover:text-indigo-400 dark:focus:text-indigo-400" data-hs-remove-element="#hs-pro-shfdi1">
Remove
</button>
</div>
</div>
</div>
<!-- End Item -->
<!-- Item -->
<div id="hs-pro-shfdi2" class="hs-removing:opacity-0 ufjzp flex p5sau">
<div class="relative">
<img class="e731n fl6qw i5kts x1s1r f4yn1 pb094 dark:bg-neutral-700" src="https://images.unsplash.com/photo-1699595749116-33a4a869503c?q=80&w=320&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Product Image">
</div>
<div class="hlt95 flex flex-col">
<h4 class="w4xo0 c9jt8 dark:text-neutral-200">
Nike Air Force 1
</h4>
<span class="y18m4 w4xo0 c9jt8 dark:text-neutral-200">
$139
</span>
<div class="">
<button type="button" class="inline-flex items-center b1nd2 z4zqw c9jt8 l5oyh povjg iiod0 focus:outline-hidden s6w37 dark:text-neutral-200 dark:hover:text-indigo-400 dark:focus:text-indigo-400" data-hs-remove-element="#hs-pro-shfdi2">
Remove
</button>
</div>
</div>
</div>
<!-- End Item -->
</div>
</div>
<div class="a8iqd d9vg5 dtief">
<a class="inline-flex jkwm1 items-center sikx1 w4xo0 c9jt8 l5oyh povjg ai0xw iiod0 focus:outline-hidden s6w37 dark:text-neutral-200 dark:hover:text-indigo-400 dark:focus:text-indigo-400" href="../../pro/shop/favorites.html">
View favorites
</a>
</div>
</div>
</div>
<!-- End Favorites Dropdown -->
<!-- Cart Button Icon -->
<button type="button" class="relative e731n inline-flex jkwm1 items-center n9hej sc63t kghwt c9jt8 d05xb focus:outline-hidden r17tr dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-shco">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z"/><path d="M3 6h18"/><path d="M16 10a4 4 0 0 1-8 0"/></svg>
<span class="flex absolute fuv09 kji94 wzd7f -mt-1 -me-1">
<span class="relative bnbld nfrej inline-flex jkwm1 items-center s91e0 y73k3 kew0r kghwt eoh5b dark:bg-neutral-200 dark:text-neutral-800">
3
<span class="et50x">Notifications</span>
</span>
</span>
</button>
<!-- End Cart Button Icon -->
<!-- Account Button Icon -->
<div class="hs-dropdown [--auto-close:inside] [--placement:bottom-right] relative inline-flex">
<button id="hs-pro-shadnli" type="button" class="relative e731n inline-flex jkwm1 items-center n9hej sc63t kghwt c9jt8 d05xb focus:outline-hidden r17tr dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>
</button>
<!-- End Account Button Icon -->
<!-- Account Dropdown -->
<div class="hs-dropdown-menu transition-[opacity,margin] duration-[0.1ms] md:duration-[150ms] hs-dropdown-open:opacity-100 opacity-0 w-full x8zhk hidden wzd7f aqyoh h5xf1 zry9e lnk45 kl2tw j8plm c8g8j poi4v before:absolute before:-top-4 before:start-0 before:w-full before:h-5 dark:bg-neutral-900 dark:border-neutral-700" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-shadnli">
<div class="vyel6">
<!-- Card -->
<div class="t0g73 f4yn1 pb094 dark:bg-neutral-800">
<div class="n8xpr dtief">
<span class="block sikx1 c9jt8 dark:text-neutral-200">
Account
</span>
</div>
<a class="s53ws f2l40 w-full inline-flex jkwm1 items-center n9hej w4xo0 sikx1 pb094 rsdjd azddh y73k3 kew0r xengx disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden xo3eb dark:bg-white dark:text-neutral-800 dark:hover:bg-neutral-200 dark:focus:bg-neutral-200" href="../../pro/shop/login.html">
Log in
</a>
<p class="wc6fu dtief w4xo0 jy5gh dark:text-neutral-500">
Don't have an account?
<a class="z4zqw jy5gh l5oyh povjg mg8vb focus:outline-hidden pwmu5 dark:text-neutral-500 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="../../pro/shop/create-account.html">
Register
</a>
</p>
</div>
<!-- End Card -->
<!-- List -->
<div class="-mx-3 brrnv ns57r">
<!-- Item -->
<div class="hp53n rwumq fazzp lnk45 x8wiw nx3r8 u9m3z dark:border-neutral-700">
<a class="s53ws f2l40 flex items-center vyfcq d05xb m74u5 focus:outline-hidden r17tr dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="../../pro/shop/my-orders.html">
<div class="hlt95">
<div class="flex vyfcq">
<svg class="e731n b9gop rwavo c9jt8 dark:text-neutral-200" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z"/><path d="M3 6h18"/><path d="M16 10a4 4 0 0 1-8 0"/></svg>
<div class="hlt95">
<span class="w4xo0 c9jt8 dark:text-neutral-200">
My orders
</span>
</div>
</div>
</div>
<div class="ms-auto">
<svg class="e731n b9gop jy5gh dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg>
</div>
</a>
</div>
<!-- End Item -->
<!-- Item -->
<div class="hp53n rwumq fazzp lnk45 x8wiw nx3r8 u9m3z dark:border-neutral-700">
<a class="s53ws f2l40 flex items-center vyfcq d05xb m74u5 focus:outline-hidden r17tr dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="../../pro/shop/order-status.html">
<div class="hlt95">
<div class="flex vyfcq">
<svg class="e731n b9gop rwavo c9jt8 dark:text-neutral-200" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 8c0 3.613-3.869 7.429-5.393 8.795a1 1 0 0 1-1.214 0C9.87 15.429 6 11.613 6 8a6 6 0 0 1 12 0"/><circle cx="12" cy="8" r="2"/><path d="M8.714 14h-3.71a1 1 0 0 0-.948.683l-2.004 6A1 1 0 0 0 3 22h18a1 1 0 0 0 .948-1.316l-2-6a1 1 0 0 0-.949-.684h-3.712"/></svg>
<div class="hlt95">
<span class="w4xo0 c9jt8 dark:text-neutral-200">
Order status
</span>
</div>
</div>
</div>
<div class="ms-auto">
<svg class="e731n b9gop jy5gh dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg>
</div>
</a>
</div>
<!-- End Item -->
<!-- Item -->
<div class="hp53n rwumq fazzp lnk45 x8wiw nx3r8 u9m3z dark:border-neutral-700">
<a class="s53ws f2l40 flex items-center vyfcq d05xb m74u5 focus:outline-hidden r17tr dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="../../pro/shop/help.html">
<div class="hlt95">
<div class="flex vyfcq">
<svg class="e731n b9gop rwavo c9jt8 dark:text-neutral-200" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"/><path d="M12 17h.01"/></svg>
<div class="hlt95">
<span class="w4xo0 c9jt8 dark:text-neutral-200">
Help
</span>
</div>
</div>
</div>
<div class="ms-auto">
<svg class="e731n b9gop jy5gh dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg>
</div>
</a>
</div>
<!-- End Item -->
</div>
<!-- End List -->
</div>
</div>
</div>
<!-- End Account Dropdown -->
</div>
<div class="md:hidden">
<!-- Collapse Button Trigger -->
<button type="button" class="bu4xv r44ox inline-flex jkwm1 items-center n9hej w4xo0 sikx1 pb094 rsdjd lnk45 aqyoh c9jt8 hj07t nzmya disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden d16zw dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" id="hs-pro-dmh-collapse" aria-haspopup="dialog" aria-expanded="false" aria-controls="hs-pro-dmh" aria-label="Toggle navigation" data-hs-overlay="#hs-pro-dmh" data-hs-overlay-options='{
"moveOverlayToBody": 767
}'>
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg>
</button>
<!-- End Collapse Button Trigger -->
</div>
</div>
<div class="ha76l bkq6b xf9uq ygsjd hlt95 md:basis-auto gttd8">
<!-- Nav -->
<div id="hs-pro-dmh" class="hs-overlay hs-overlay-open:translate-x-0 [--auto-close:md]
-translate-x-full bdokz fl36v ufjzp h587a
fp3m4 lztgl aqyoh
hidden
fixed fuv09 gihcw uxfxy
ju0wj md:block md:h-auto md:w-full liaz1 hai5o wkzon
dark:bg-neutral-800 md:dark:bg-neutral-900" role="dialog" tabindex="-1" aria-label="Sidebar" data-hs-overlay-close-on-resize>
<div class="overflow-hidden overflow-y-auto h1r77 xwpzv y0qzi bxgd5 n3xnc dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<!-- Header -->
<div class="brrnv d9vg5 md:hidden flex ox2cl items-center fazzp lnk45 dark:border-neutral-700">
<h3 class="sikx1 c9jt8 dark:text-neutral-200">
Menu
</h3>
<button type="button" class="od5va jxswk inline-flex jkwm1 items-center n6i5x kghwt rsdjd lnk45 xs2f2 c9jt8 d05xb focus:outline-hidden r17tr disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:hover:bg-neutral-700 dark:text-neutral-200 dark:focus:bg-neutral-700" aria-label="Close" data-hs-overlay="#hs-pro-dmh">
<span class="hidden lg:block">Esc</span>
<span class="block lg:hidden">Close</span>
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>
</button>
</div>
<!-- End Header -->
<div class="md:flex p6601 md:items-center a8iqd d9vg5 myjp1">
<!-- Dropdown Link -->
<div class="hs-dropdown [--strategy:static] md:[--strategy:absolute] [--adaptive:none] md:[--trigger:hover] [--auto-close:inside] md:inline-block">
<!-- Link Button -->
<button id="hs-pro-shnnd6" type="button" class="hs-dropdown-toggle brrnv vn1w4 hgy6n iv3ii w-full md:w-auto flex items-center w4xo0 w9dei c9jt8 pb094 povjg f1348 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ow4j6 dark:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<span class="relative">
Pages
<span class="absolute -top-1 -end-2">
<span class="relative flex">
<span class="baj5e absolute inline-flex fp3m4 kghwt ofm71 y1afu dark:bg-indigo-600"></span>
<span class="relative inline-flex kghwt s4l24 s63ue"></span>
<span class="et50x">Current</span>
</span>
</span>
</span>
<svg class="md:hidden hs-dropdown-open:-rotate-180 md:hs-dropdown-open:rotate-0 ufjzp ms-auto lbtf0 e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" 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"/></svg>
</button>
<!-- End Link Button -->
<!-- Dropdown Menu -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 opacity-0 w-full hidden wzd7f top-full gihcw dcm95 xu22o ckrcs mr27n eamcb fe4hh before:absolute before:-top-4 before:start-0 before:w-full before:h-5 md:dark:bg-neutral-900 md:dark:border-neutral-700" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-shnnd6">
<div class="ehc3u w-full mx-auto s53ws rveii h6gab ozsmh ids43">
<!-- Grid -->
<div class="ylm8n hjdn7 uyidg hzi67 gdvrf gbedp">
<div class="space-y-7 md:space-y-10">
<div>
<span class="block n8xpr sikx1 w4xo0 c9jt8 dark:text-neutral-200">Main Pages</span>
<ul class="ylm8n space-y-2">
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200 sikx1 qssy4 dark:text-indigo-400!" href="../../pro/shop/index.html">Home</a></li>
</ul>
</div>
<div>
<span class="block n8xpr sikx1 w4xo0 c9jt8 dark:text-neutral-200">Checkouts</span>
<ul class="ylm8n space-y-2">
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200 " href="../../pro/shop/cart.html">Cart</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200 " href="../../pro/shop/empty-cart.html">Empty Cart</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200 " href="../../pro/shop/checkout.html">Checkout (as Guest)</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200 " href="../../pro/shop/checkout-logged-in.html">Checkout (Logged In)</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200 " href="../../pro/shop/review-and-pay.html">Review and Pay</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200 " href="../../pro/shop/order-confirmation.html">Order Confirmation</a></li>
</ul>
</div>
</div>
<!-- End Col -->
<div class="space-y-7 md:space-y-10">
<div>
<span class="block n8xpr sikx1 w4xo0 c9jt8 dark:text-neutral-200">Product Details</span>
<ul class="ylm8n space-y-2">
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200 " href="../../pro/shop/product-detail.html">Gallery Slider</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200 " href="../../pro/shop/product-detail-sticky-sidebar.html">Sticky Sidebar</a></li>
</ul>
</div>
<div>
<span class="block n8xpr sikx1 w4xo0 c9jt8 dark:text-neutral-200">Listings</span>
<ul class="ylm8n space-y-2">
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200 " href="../../pro/shop/listing-grid.html">Grid</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200 " href="../../pro/shop/listing-grid-with-sidebar.html">Grid with Sidebar</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200 " href="../../pro/shop/listing-grid-with-categories.html">Grid with Categories</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200 " href="../../pro/shop/listing-grid-with-mini-categories.html">Grid with Mini Categories</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200 " href="../../pro/shop/listing-grid-with-hero.html">Grid with Hero</a></li>
</ul>
</div>
</div>
<!-- End Col -->
<div class="space-y-7 md:space-y-10">
<div>
<span class="block n8xpr sikx1 w4xo0 c9jt8 dark:text-neutral-200">Categories</span>
<ul class="ylm8n space-y-2">
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200 " href="../../pro/shop/categories.html">Categories</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200 " href="../../pro/shop/categories-with-sidebar.html">Categories with Sidebar</a></li>
</ul>
</div>
<div>
<span class="block n8xpr sikx1 w4xo0 c9jt8 dark:text-neutral-200">Authentication</span>
<ul class="ylm8n space-y-2">
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200 " href="../../pro/shop/login.html">Log In</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200 " href="../../pro/shop/create-account.html">Create Account</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200 " href="../../pro/shop/forgot-password.html">Forgot Password</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200 " href="../../pro/shop/checkout-not-logged-in.html">Checkout not Logged-In</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200 " href="../../pro/shop/order-checkup.html">Order Checkup</a></li>
</ul>
</div>
</div>
<!-- End Col -->
<div class="space-y-7 md:space-y-10">
<div>
<span class="block n8xpr sikx1 w4xo0 c9jt8 dark:text-neutral-200">Account</span>
<ul class="ylm8n space-y-2">
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200 " href="../../pro/shop/account.html">Account</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200 " href="../../pro/shop/personal-info.html">Personal Info</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200 " href="../../pro/shop/my-orders.html">My Orders</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200 " href="../../pro/shop/order-details.html">Order Details</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200 " href="../../pro/shop/addresses.html">Addresses</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200 " href="../../pro/shop/payment.html">Payment</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200 " href="../../pro/shop/gift-cards.html">Gift Cards</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200 " href="../../pro/shop/email-newsletter.html">Email Newsletter</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200 " href="../../pro/shop/returns-and-refunds.html">Returns & Refunds</a></li>
</ul>
</div>
</div>
<!-- End Col -->
<div class="space-y-7 md:space-y-10">
<div>
<span class="block n8xpr sikx1 w4xo0 c9jt8 dark:text-neutral-200">Miscellaneous</span>
<ul class="ylm8n space-y-2">
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200 " href="../../pro/shop/our-stores.html">Our Stores</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200 " href="../../pro/shop/help.html">Help</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200 " href="../../pro/shop/help-about-topic.html">Help: About Topic</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200 " href="../../pro/shop/check-order.html">Check Order</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200 " href="../../pro/shop/order-status.html">Order Status</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200 " href="../../pro/shop/compare-products.html">Compare Products</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200 " href="../../pro/shop/write-a-product-review.html">Write a Product Review</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200 " href="../../pro/shop/favorites.html">Favorites</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200 " href="../../pro/shop/exchange-or-return.html">Exchange or Return</a></li>
</ul>
</div>
</div>
<!-- End Col -->
</div>
<!-- End Grid -->
</div>
</div>
<!-- End Dropdown Menu -->
</div>
<!-- End Dropdown Link -->
<!-- Dropdown Link -->
<div class="hs-dropdown [--strategy:static] md:[--strategy:absolute] [--adaptive:none] md:[--trigger:hover] [--auto-close:inside] md:inline-block">
<!-- Link Button -->
<button id="hs-pro-shnnd1" type="button" class="hs-dropdown-toggle brrnv vn1w4 hgy6n iv3ii w-full md:w-auto flex items-center w4xo0 w9dei c9jt8 pb094 povjg f1348 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ow4j6 dark:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
Men
<svg class="md:hidden hs-dropdown-open:-rotate-180 md:hs-dropdown-open:rotate-0 ufjzp ms-auto lbtf0 e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" 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"/></svg>
</button>
<!-- End Link Button -->
<!-- Dropdown Menu -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 opacity-0 w-full hidden wzd7f top-full gihcw dcm95 xu22o ckrcs mr27n eamcb fe4hh before:absolute before:-top-4 before:start-0 before:w-full before:h-5 md:dark:bg-neutral-900 md:dark:border-neutral-700" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-shnnd1">
<div class="ehc3u w-full mx-auto s53ws rveii h6gab ozsmh ids43">
<!-- Grid -->
<div class="ylm8n hjdn7 uyidg hzi67 gdvrf gbedp">
<div class="space-y-7 md:space-y-10">
<div>
<span class="block n8xpr sikx1 w4xo0 c9jt8 dark:text-neutral-200">Featured</span>
<ul class="ylm8n space-y-2">
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">New Arrivals</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Preline Essentials</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Wear to Work</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Logo Shop</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Summer Shop</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Preline x Mercedes F1 x CR</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Back to School</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Uniform Shop</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Adaptive</a></li>
</ul>
</div>
</div>
<!-- End Col -->
<div class="space-y-7 md:space-y-10">
<div>
<span class="block n8xpr sikx1 w4xo0 c9jt8 dark:text-neutral-200">Clothing</span>
<ul class="ylm8n space-y-2">
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Shirts</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">T-shirts</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Polos</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Trousers</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Jeans</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Shorts</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Jackets</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Sweaters</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Blazers</a></li>
</ul>
</div>
</div>
<!-- End Col -->
<div class="space-y-7 md:space-y-10">
<div>
<span class="block n8xpr sikx1 w4xo0 c9jt8 dark:text-neutral-200">Shoes</span>
<ul class="ylm8n space-y-2">
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Sneakers</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Nike Air Jordan</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Nike Air Force</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Soccer</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Lifestyle</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Slides & Sandals</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Trail Running</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Workout & Gym</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Basketball</a></li>
</ul>
</div>
</div>
<!-- End Col -->
<div class="space-y-7 md:space-y-10">
<div>
<span class="block n8xpr sikx1 w4xo0 c9jt8 dark:text-neutral-200">Accessories</span>
<ul class="ylm8n space-y-2">
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Backpacks and bags</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Belts and braces</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Ties, bow ties and handkerchiefs</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Sunglasses</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Caps</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Wallets</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Scarves, caps and gloves</a></li>
</ul>
</div>
</div>
<!-- End Col -->
<a class="hidden lg:block an00p w2rko group relative er6t7 v9rox u01jo caww7 pv5gf if3u5 pb094 focus:outline-hidden dark:from-orange-500/50 dark:via-purple-500/50 dark:to-indigo-500/50" href="../../pro/ecommerce/index.html">
<img class="e731n fp3m4 x1s1r er6t7" src="https://images.unsplash.com/photo-1667063160344-58a0f325715a?q=80&w=560&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Banner Image">
<div class="absolute ubbee e33ca inline-block dtief">
<span class="od5va sfv8v fn1rd w4xo0 kew0r kghwt seioz">
Shop Men
</span>
</div>
</a>
<!-- End Col -->
</div>
<!-- End Grid -->
</div>
<div class="e76gh md:dark:bg-neutral-800">
<div class="ehc3u w-full mx-auto a8iqd ozsmh ids43">
<!-- Grid -->
<div class="ylm8n hjdn7 uyidg hzi67 o4ndh gbedp">
<a class="vyel6 suih4 flex items-center vyfcq pb094 d05xb y7fzr nmrg2 focus:outline-hidden r17tr w7n6d h3eoz dark:hover:bg-neutral-800 md:dark:hover:bg-neutral-900 dark:focus:bg-neutral-800 md:dark:focus:bg-neutral-900" href="#">
<img class="e731n fjwwc x1s1r m74u5" src="https://images.unsplash.com/photo-1662411198835-c5a151d2af9e?q=80&w=180&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Product Image">
<div class="hlt95">
<p class="sikx1 w4xo0 c9jt8 dark:text-neutral-200">
Shoes
</p>
</div>
</a>
<!-- End Col -->
<a class="vyel6 suih4 flex items-center vyfcq pb094 d05xb y7fzr nmrg2 focus:outline-hidden r17tr w7n6d h3eoz dark:hover:bg-neutral-800 md:dark:hover:bg-neutral-900 dark:focus:bg-neutral-800 md:dark:focus:bg-neutral-900" href="#">
<img class="e731n fjwwc x1s1r m74u5" src="https://images.unsplash.com/photo-1721664744481-69df3af4fd66?q=80&w=180&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Product Image">
<div class="hlt95">
<p class="sikx1 w4xo0 c9jt8 dark:text-neutral-200">
Accessories
</p>
</div>
</a>
<!-- End Col -->
<a class="vyel6 suih4 flex items-center vyfcq pb094 d05xb y7fzr nmrg2 focus:outline-hidden r17tr w7n6d h3eoz dark:hover:bg-neutral-800 md:dark:hover:bg-neutral-900 dark:focus:bg-neutral-800 md:dark:focus:bg-neutral-900" href="#">
<img class="e731n fjwwc x1s1r m74u5" src="https://images.unsplash.com/photo-1667411424779-f1da9251c39b?q=80&w=180&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Product Image">
<div class="hlt95">
<p class="sikx1 w4xo0 c9jt8 dark:text-neutral-200">
Backpacks
</p>
</div>
</a>
<!-- End Col -->
<a class="vyel6 suih4 flex items-center vyfcq pb094 d05xb y7fzr nmrg2 focus:outline-hidden r17tr w7n6d h3eoz dark:hover:bg-neutral-800 md:dark:hover:bg-neutral-900 dark:focus:bg-neutral-800 md:dark:focus:bg-neutral-900" href="#">
<img class="e731n fjwwc x1s1r m74u5" src="https://images.unsplash.com/photo-1597843797221-e34b4a320b97?q=80&w=180&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Product Image">
<div class="hlt95">
<p class="sikx1 w4xo0 c9jt8 dark:text-neutral-200">
Socks
</p>
</div>
</a>
<!-- End Col -->
</div>
<!-- End Grid -->
</div>
</div>
</div>
<!-- End Dropdown Menu -->
</div>
<!-- End Dropdown Link -->
<!-- Dropdown Link -->
<div class="hs-dropdown [--strategy:static] md:[--strategy:absolute] [--adaptive:none] md:[--trigger:hover] [--auto-close:inside] md:inline-block">
<!-- Link Button -->
<button id="hs-pro-shnnd2" type="button" class="hs-dropdown-toggle brrnv vn1w4 hgy6n iv3ii w-full md:w-auto flex items-center w4xo0 w9dei c9jt8 pb094 povjg f1348 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ow4j6 dark:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
Women
<svg class="md:hidden hs-dropdown-open:-rotate-180 md:hs-dropdown-open:rotate-0 ufjzp ms-auto lbtf0 e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" 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"/></svg>
</button>
<!-- End Link Button -->
<!-- Dropdown Menu -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 opacity-0 w-full hidden wzd7f top-full gihcw dcm95 xu22o ckrcs mr27n eamcb fe4hh before:absolute before:-top-4 before:start-0 before:w-full before:h-5 md:dark:bg-neutral-900 md:dark:border-neutral-700" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-shnnd2">
<div class="ehc3u w-full mx-auto s53ws rveii h6gab ozsmh ids43">
<!-- Grid -->
<div class="ylm8n hjdn7 uyidg hzi67 gdvrf gbedp">
<div class="space-y-7 md:space-y-10">
<div>
<span class="block n8xpr sikx1 w4xo0 c9jt8 dark:text-neutral-200">Featured</span>
<ul class="ylm8n space-y-2">
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">New Arrivals</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Preline Essentials</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Wear to Work</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Logo Shop</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Summer Shop</a></li>
</ul>
</div>
<div>
<span class="block n8xpr sikx1 w4xo0 c9jt8 dark:text-neutral-200">Collections</span>
<ul class="ylm8n space-y-2">
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Collections</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Zenvy</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Aster Pink Shop</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Lightweight Layers</a></li>
</ul>
</div>
</div>
<!-- End Col -->
<div class="space-y-7 md:space-y-10">
<div>
<span class="block n8xpr sikx1 w4xo0 c9jt8 dark:text-neutral-200">Clothing</span>
<ul class="ylm8n space-y-2">
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Dresses</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Hoodies & Sweatshirts</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Shorts</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Pants</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Leggings</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Jackets & Vests</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Tops & T-Shirts</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Suits</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Skirts</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Matching Sets</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Plus Size</a></li>
</ul>
</div>
</div>
<!-- End Col -->
<div class="space-y-7 md:space-y-10">
<div>
<span class="block n8xpr sikx1 w4xo0 c9jt8 dark:text-neutral-200">Shoes</span>
<ul class="ylm8n space-y-2">
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Lifestyle</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Retro Running</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Training & Gym</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Basketball</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Running</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Sandals & Slides</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Shoes $100 & Under</a></li>
</ul>
</div>
</div>
<!-- End Col -->
<div class="space-y-7 md:space-y-10">
<div>
<span class="block n8xpr sikx1 w4xo0 c9jt8 dark:text-neutral-200">Accessories</span>
<ul class="ylm8n space-y-2">
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Bags & Backpacks</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Hats & Headwear</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Sunglasses</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Socks</a></li>
</ul>
</div>
<div>
<span class="block n8xpr sikx1 w4xo0 c9jt8 dark:text-neutral-200">Sale</span>
<ul class="ylm8n space-y-2">
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Clothing</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Shoes & Accessories</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Underwear</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Adaptive Sale</a></li>
</ul>
</div>
</div>
<!-- End Col -->
<a class="hidden lg:block an00p w2rko group relative er6t7 v9rox u01jo caww7 pv5gf if3u5 pb094 focus:outline-hidden dark:from-orange-500/50 dark:via-purple-500/50 dark:to-indigo-500/50" href="../../pro/ecommerce/index.html">
<img class="e731n fp3m4 x1s1r er6t7" src="https://images.unsplash.com/photo-1515886657613-9f3515b0c78f?q=80&w=560&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Banner Image">
<div class="absolute ubbee e33ca inline-block dtief">
<span class="od5va sfv8v fn1rd w4xo0 kew0r kghwt seioz">
Shop Women
</span>
</div>
</a>
<!-- End Col -->
</div>
<!-- End Grid -->
</div>
<div class="e76gh md:dark:bg-neutral-800">
<div class="ehc3u w-full mx-auto a8iqd ozsmh ids43">
<!-- Grid -->
<div class="ylm8n hjdn7 uyidg hzi67 o4ndh gbedp">
<a class="vyel6 suih4 flex items-center vyfcq pb094 d05xb y7fzr nmrg2 dark:hover:bg-neutral-800 md:dark:hover:bg-neutral-900:hover:bg-shadow-sm" href="#">
<img class="e731n fjwwc x1s1r m74u5" src="https://images.unsplash.com/photo-1581101767113-1677fc2beaa8?q=80&w=180&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Product Image">
<div class="hlt95">
<p class="sikx1 w4xo0 c9jt8 dark:text-neutral-200">
Shoes
</p>
</div>
</a>
<!-- End Col -->
<a class="vyel6 suih4 flex items-center vyfcq pb094 d05xb y7fzr nmrg2 dark:hover:bg-neutral-800 md:dark:hover:bg-neutral-900:hover:bg-shadow-sm" href="#">
<img class="e731n fjwwc x1s1r m74u5" src="https://images.unsplash.com/photo-1592842124903-ed92a725cc4d?q=80&w=180&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Product Image">
<div class="hlt95">
<p class="sikx1 w4xo0 c9jt8 dark:text-neutral-200">
Accessories
</p>
</div>
</a>
<!-- End Col -->
<a class="vyel6 suih4 flex items-center vyfcq pb094 d05xb y7fzr nmrg2 dark:hover:bg-neutral-800 md:dark:hover:bg-neutral-900:hover:bg-shadow-sm" href="#">
<img class="e731n fjwwc x1s1r m74u5" src="https://images.unsplash.com/photo-1504198458649-3128b932f49e?q=80&w=180&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Product Image">
<div class="hlt95">
<p class="sikx1 w4xo0 c9jt8 dark:text-neutral-200">
T-shirts
</p>
</div>
</a>
<!-- End Col -->
<a class="vyel6 suih4 flex items-center vyfcq pb094 d05xb y7fzr nmrg2 dark:hover:bg-neutral-800 md:dark:hover:bg-neutral-900:hover:bg-shadow-sm" href="#">
<img class="e731n fjwwc x1s1r m74u5" src="https://images.unsplash.com/photo-1572307480813-ceb0e59d8325?q=80&w=180&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Product Image">
<div class="hlt95">
<p class="sikx1 w4xo0 c9jt8 dark:text-neutral-200">
Hats
</p>
</div>
</a>
<!-- End Col -->
</div>
<!-- End Grid -->
</div>
</div>
</div>
<!-- End Dropdown Menu -->
</div>
<!-- End Dropdown Link -->
<!-- Dropdown Link -->
<div class="hs-dropdown [--strategy:static] md:[--strategy:absolute] [--adaptive:none] md:[--trigger:hover] [--auto-close:inside] md:inline-block">
<!-- Link Button -->
<button id="hs-pro-shnnd3" type="button" class="hs-dropdown-toggle brrnv vn1w4 hgy6n iv3ii w-full md:w-auto flex items-center w4xo0 w9dei c9jt8 pb094 povjg f1348 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ow4j6 dark:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
Kids
<svg class="md:hidden hs-dropdown-open:-rotate-180 md:hs-dropdown-open:rotate-0 ufjzp ms-auto lbtf0 e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" 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"/></svg>
</button>
<!-- End Link Button -->
<!-- Dropdown Menu -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 opacity-0 w-full hidden wzd7f top-full gihcw dcm95 xu22o ckrcs mr27n eamcb fe4hh before:absolute before:-top-4 before:start-0 before:w-full before:h-5 md:dark:bg-neutral-900 md:dark:border-neutral-700" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-shnnd3">
<div class="ehc3u w-full mx-auto s53ws rveii h6gab ozsmh ids43">
<!-- Grid -->
<div class="ylm8n hjdn7 uyidg hzi67 gdvrf gbedp">
<div class="space-y-7 md:space-y-10">
<div>
<span class="block n8xpr sikx1 w4xo0 c9jt8 dark:text-neutral-200">Get Set for School</span>
<ul class="ylm8n space-y-2">
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Extra 25% Off Select Styles</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Shop the Collection</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Shopping Guide</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Bags & Backpacks</a></li>
</ul>
</div>
</div>
<!-- End Col -->
<div class="space-y-7 md:space-y-10">
<div>
<span class="block n8xpr sikx1 w4xo0 c9jt8 dark:text-neutral-200">New & Featured</span>
<ul class="ylm8n space-y-2">
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">New Arrivals</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Best Sellers</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">New & Upcoming Drops</a></li>
</ul>
</div>
<div>
<span class="block n8xpr sikx1 w4xo0 c9jt8 dark:text-neutral-200">Collections</span>
<ul class="ylm8n space-y-2">
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Zenvy</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Aster Pink Shop</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Lightweight Layers</a></li>
</ul>
</div>
</div>
<!-- End Col -->
<div class="space-y-7 md:space-y-10">
<div>
<span class="block n8xpr sikx1 w4xo0 c9jt8 dark:text-neutral-200">Shoes by Size</span>
<ul class="ylm8n space-y-2">
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Big Kids (1Y - 7Y)</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Little Kids (8C - 3Y)</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Baby & Toddler (1C - 10C)</a></li>
</ul>
</div>
<div>
<span class="block n8xpr sikx1 w4xo0 c9jt8 dark:text-neutral-200">All Shoes</span>
<ul class="ylm8n space-y-2">
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Lifestyle</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Retro Running</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Basketball</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Running</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Nike SB</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Sandals & Slides</a></li>
</ul>
</div>
</div>
<!-- End Col -->
<div class="space-y-7 md:space-y-10">
<div>
<span class="block n8xpr sikx1 w4xo0 c9jt8 dark:text-neutral-200">Clothing by Size</span>
<ul class="ylm8n space-y-2">
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Big Kids (XS - XL)</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Little Kids (4 - 7)</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Baby & Toddler (0M - 4T)</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Extended Sizing</a></li>
</ul>
</div>
<div>
<span class="block n8xpr sikx1 w4xo0 c9jt8 dark:text-neutral-200">Accessories</span>
<ul class="ylm8n space-y-2">
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Bags & Backpacks</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Hats & Headwear</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Sunglasses</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Socks</a></li>
</ul>
</div>
</div>
<!-- End Col -->
<a class="hidden lg:block an00p w2rko group relative er6t7 v9rox u01jo caww7 pv5gf if3u5 pb094 focus:outline-hidden dark:from-orange-500/50 dark:via-purple-500/50 dark:to-indigo-500/50" href="../../pro/ecommerce/index.html">
<img class="e731n fp3m4 x1s1r er6t7" src="https://images.unsplash.com/photo-1611708314849-8bb91fe0fa56?q=80&w=3540&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Banner Image">
<div class="absolute ubbee e33ca inline-block dtief">
<span class="od5va sfv8v fn1rd w4xo0 kew0r kghwt seioz">
Shop Kids
</span>
</div>
</a>
<!-- End Col -->
</div>
<!-- End Grid -->
</div>
<div class="e76gh md:dark:bg-neutral-800">
<div class="ehc3u w-full mx-auto a8iqd ozsmh ids43">
<!-- Grid -->
<div class="ylm8n hjdn7 uyidg hzi67 o4ndh gbedp">
<a class="vyel6 suih4 flex items-center vyfcq pb094 d05xb y7fzr nmrg2 dark:hover:bg-neutral-800 md:dark:hover:bg-neutral-900:hover:bg-shadow-sm" href="#">
<img class="e731n fjwwc x1s1r m74u5" src="https://images.unsplash.com/photo-1605382165091-443eff32caf5?q=80&w=180&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Product Image">
<div class="hlt95">
<p class="sikx1 w4xo0 c9jt8 dark:text-neutral-200">
Shoes
</p>
</div>
</a>
<!-- End Col -->
<a class="vyel6 suih4 flex items-center vyfcq pb094 d05xb y7fzr nmrg2 dark:hover:bg-neutral-800 md:dark:hover:bg-neutral-900:hover:bg-shadow-sm" href="#">
<img class="e731n fjwwc x1s1r m74u5" src="https://images.unsplash.com/photo-1721664744481-69df3af4fd66?q=80&w=180&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Product Image">
<div class="hlt95">
<p class="sikx1 w4xo0 c9jt8 dark:text-neutral-200">
Accessories
</p>
</div>
</a>
<!-- End Col -->
<a class="vyel6 suih4 flex items-center vyfcq pb094 d05xb y7fzr nmrg2 dark:hover:bg-neutral-800 md:dark:hover:bg-neutral-900:hover:bg-shadow-sm" href="#">
<img class="e731n fjwwc x1s1r m74u5" src="https://images.unsplash.com/photo-1667411424779-f1da9251c39b?q=80&w=180&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Product Image">
<div class="hlt95">
<p class="sikx1 w4xo0 c9jt8 dark:text-neutral-200">
Backpacks
</p>
</div>
</a>
<!-- End Col -->
<a class="vyel6 suih4 flex items-center vyfcq pb094 d05xb y7fzr nmrg2 dark:hover:bg-neutral-800 md:dark:hover:bg-neutral-900:hover:bg-shadow-sm" href="#">
<img class="e731n fjwwc x1s1r m74u5" src="https://images.unsplash.com/photo-1632337950445-ba446cb0e26f?q=80&w=180&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Product Image">
<div class="hlt95">
<p class="sikx1 w4xo0 c9jt8 dark:text-neutral-200">
Shorts
</p>
</div>
</a>
<!-- End Col -->
</div>
<!-- End Grid -->
</div>
</div>
</div>
<!-- End Dropdown Menu -->
</div>
<!-- End Dropdown Link -->
<!-- Dropdown Link -->
<div class="hs-dropdown [--strategy:static] md:[--strategy:absolute] [--adaptive:none] md:[--trigger:hover] [--auto-close:inside] md:inline-block">
<!-- Link Button -->
<button id="hs-pro-shnnd4" type="button" class="hs-dropdown-toggle brrnv vn1w4 hgy6n iv3ii w-full md:w-auto flex items-center w4xo0 w9dei c9jt8 pb094 povjg f1348 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ow4j6 dark:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
Home
<svg class="md:hidden hs-dropdown-open:-rotate-180 md:hs-dropdown-open:rotate-0 ufjzp ms-auto lbtf0 e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" 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"/></svg>
</button>
<!-- End Link Button -->
<!-- Dropdown Menu -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 opacity-0 w-full hidden wzd7f top-full gihcw dcm95 xu22o ckrcs mr27n eamcb fe4hh before:absolute before:-top-4 before:start-0 before:w-full before:h-5 md:dark:bg-neutral-900 md:dark:border-neutral-700" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-shnnd4">
<div class="ehc3u w-full mx-auto s53ws rveii h6gab ozsmh ids43">
<div class="yvubh w-full mx-auto dtief">
<p class="wyf4w">
<span class="ga1u8 sfv8v inline-block rsdjd hxpj8 c9jt8 xs2f2 kghwt dark:border-neutral-500 dark:text-neutral-200">
Coming soon
</span>
</p>
<p class="r4xgm sikx1 tbkeq c9jt8 dark:text-neutral-200">
Home Store
</p>
<div class="ylm8n zez8u o4ndh cfdb8">
<img class="e731n w-full xz6cg ozkpw x1s1r er6t7" src="https://images.unsplash.com/photo-1618220179428-22790b461013?q=80&w=320&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Banner Image">
<img class="e731n w-full xz6cg ozkpw x1s1r er6t7" src="https://images.unsplash.com/photo-1567016420071-ec27a7835119?q=80&w=320&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Banner Image">
<img class="e731n w-full xz6cg ozkpw x1s1r er6t7" src="https://images.unsplash.com/photo-1567016557389-5246a1940bdc?q=80&w=320&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Banner Image">
</div>
<p class="chaem c9jt8 dark:text-neutral-200">
In collaboration with IKEA
</p>
<div class="chaem">
<a class="inline-block w4xo0 c9jt8 l5oyh povjg ai0xw iiod0 focus:outline-hidden s6w37 dark:text-neutral-200 dark:hover:text-indigo-400 dark:focus:text-indigo-400" href="#">
Learn more
</a>
</div>
</div>
</div>
</div>
<!-- End Dropdown Menu -->
</div>
<!-- End Dropdown Link -->
<!-- Dropdown Link -->
<div class="hs-dropdown [--strategy:static] md:[--strategy:absolute] [--adaptive:none] md:[--trigger:hover] [--auto-close:inside] md:inline-block">
<!-- Link Button -->
<button id="hs-pro-shnnd5" type="button" class="hs-dropdown-toggle brrnv vn1w4 hgy6n iv3ii w-full md:w-auto flex items-center w4xo0 w9dei c9jt8 pb094 povjg f1348 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ow4j6 dark:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
Sales
<svg class="md:hidden hs-dropdown-open:-rotate-180 md:hs-dropdown-open:rotate-0 ufjzp ms-auto lbtf0 e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" 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"/></svg>
</button>
<!-- End Link Button -->
<!-- Dropdown Menu -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 opacity-0 w-full hidden wzd7f top-full kji94 e49ap w-full czz4k xu22o ckrcs mr27n eamcb fe4hh before:absolute before:-top-4 before:start-0 before:w-full before:h-5 md:dark:bg-neutral-900 md:dark:border-neutral-700" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-shnnd5">
<!-- Grid -->
<div class="a8iqd k72vt ylm8n hjdn7 gkrui n60o7">
<div>
<span class="block n8xpr sikx1 w4xo0 c9jt8 dark:text-neutral-200">Featured Sale</span>
<ul class="wc6fu ylm8n space-y-3">
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Buy 2, Get 15% off</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Shoes $100 & Under</a></li>
</ul>
</div>
<div>
<span class="block n8xpr sikx1 w4xo0 c9jt8 dark:text-neutral-200">Men</span>
<ul class="wc6fu ylm8n space-y-3">
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Shoes</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Clothing</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Accessories</a></li>
</ul>
</div>
<!-- End Col -->
<div>
<span class="block n8xpr sikx1 w4xo0 c9jt8 dark:text-neutral-200">Women</span>
<ul class="wc6fu ylm8n space-y-3">
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Shoes</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Clothing</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Accessories</a></li>
</ul>
</div>
<div>
<span class="block n8xpr sikx1 w4xo0 c9jt8 dark:text-neutral-200">Kids</span>
<ul class="wc6fu ylm8n space-y-3">
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Shoes</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Clothing</a></li>
<li><a class="w4xo0 jy5gh povjg f1348 mg8vb focus:outline-hidden ow4j6 pwmu5 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="#">Accessories</a></li>
</ul>
</div>
<!-- End Col -->
</div>
<!-- End Grid -->
<!-- Link Card -->
<div class="hidden md:block f2l40 d0k57">
<a class="flex items-center p5sau group relative overflow-hidden pb094 nyvaf u01jo caww7 pv5gf if3u5 pb094 focus:outline-hidden dark:from-orange-500/50 dark:via-purple-500/50 dark:to-indigo-500/50" href="../../pro/ecommerce/index.html">
<div class="hlt95 tbd2k">
<p class="cnneu tbkeq vj9jb ghi1r dark:text-white">
50% off
</p>
<p class="sikx1 c9jt8 dark:text-white">
Summer Sale
</p>
<p class="ja90s flex items-center n6i5x w4xo0 g41z1 dark:text-neutral-300">
Shop now
<svg class="e731n b9gop group-hover:translate-x-0.5 whz4r" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path class="md:opacity-0 ql0fs md:group-hover:opacity-100 md:group-hover:translate-x-0 md:group-focus:opacity-100 md:group-focus:translate-x-0 un4q8" d="M5 12h14"/><path class="vg276 md:group-hover:translate-x-0 md:group-focus:translate-x-0 un4q8" d="m12 5 7 7-7 7"/></svg>
</p>
</div>
<div class="v7yyc fvee5">
<div class="ylm8n dzapa o4ndh -mt-10 -rotate-12">
<div class="space-y-2">
<div class="rmzo7 aqyoh pb094 xus2s dark:bg-neutral-900">
<img class="syxfv x1s1r m74u5" src="https://images.unsplash.com/photo-1516762689617-e1cffcef479d?q=80&w=320&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Product Image">
</div>
<div class="rmzo7 aqyoh pb094 xus2s dark:bg-neutral-900">
<img class="syxfv x1s1r m74u5" src="https://images.unsplash.com/photo-1604176354204-9268737828e4?q=80&w=320&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Product Image">
</div>
</div>
<div class="space-y-2 -mt-6">
<div class="rmzo7 aqyoh pb094 xus2s dark:bg-neutral-900">
<img class="syxfv x1s1r m74u5" src="https://images.unsplash.com/photo-1516763296043-f676c1105999?q=80&w=320&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Product Image">
</div>
<div class="rmzo7 aqyoh pb094 xus2s dark:bg-neutral-900">
<img class="syxfv x1s1r m74u5" src="https://images.unsplash.com/photo-1527180718958-1721e2518786?q=80&w=320&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Product Image">
</div>
</div>
</div>
</div>
</a>
</div>
<!-- End Link Card -->
</div>
<!-- End Dropdown Menu -->
</div>
<!-- End Dropdown Link -->
</div>
</div>
</div>
<!-- End Nav -->
</div>
</div>
</header>