<div class="hot-sale"> <div class="banners"> <img src="https://store-ca.segway.com/media/wysiwyg/2025-boxing-day-in-summer/boxing-day-in-summer-1920x800-v6.png" alt="Segway electric scooter boxing day in summer sale" class="large-screen" /> <img src="https://store-ca.segway.com/media/wysiwyg/2025-boxing-day-in-summer/boxing-day-in-summer-768x700-v6.png" alt="Segway electric scooter boxing day in summer sale" class="small-screen" /> </div> <h1> Who Says Boxing Day is Just for Winter?<br> <strong>Segway’s Summer Scooter Sale is Here – Save Big!</strong><br> <strong style="color: red;">7/31 to 8/7 Only</strong> </h1> <br><br> <style> .hot-sale .banners { padding-bottom: 70px; } .hot-sale .banners img { width: 100%; } .hot-sale .large-screen { display: none; } @media (min-width:750px) { .hot-sale .large-screen { display: block; } .hot-sale .small-screen { display: none; } } .hot-sale h1 { text-align: center; font-size: 40px; line-height: 1.4; margin-top: 40px; margin-bottom: 20px; max-width: 90%; margin-left: auto; margin-right: auto; word-break: break-word; } @media screen and (max-width: 768px) { .hot-sale h1 { font-size: 24px; padding: 0 10px; } } </style> </div>

<div class="grid w-full grid-cols-4 justify-center gap-[16px] max-xl:grid-cols-2 max-xl:gap-x-3 max-xl:gap-y-[36px] items-center">  <a class="relative col-span-1 bg-[#fff] max-xl:border-none max-xl:bg-[unset]" href="segway-superscooter-gt1"> <div class="absolute left-[10px] top-[10px] z-[1] rounded-[16px] border-[2px] border-white bg-[#DA291C] px-[4px] py-[4px] text-center max-xl:left-1 max-xl:top-1 max-xl:rounded-[10px] max-xl:border-[1px] max-xl:px-[1px] max-xl:pb-[1px] max-xl:pt-[3px]"> <div class="mb-[2px] text-[17px] leading-[20px] text-white max-xl:text-xs">Save</div> <div class="rounded-[20px] bg-white px-1 py-[2px] text-[17px] leading-[20px] text-[#DA291C] max-xl:rounded-full max-xl:px-[5px] max-xl:py-[2px] max-xl:text-xs">1700</div> </div> <div class="flex justify-center rounded-[20px] bg-[#F3F3F4] max-xl:rounded-[12px] max-xl:bg-[#F3F3F4]"><img alt="" loading="lazy" width="348" height="348" decoding="async" data-nimg="1" class="aspect-square max-w-full object-contain duration-300 max-xl:w-[197px] hover:lg:scale-110 xl:h-[348px]" src="https://store-ca.segway.com/media/catalog/product/cache/d3ec3723470ff918c92e447639eaf984/g/t/gt1_708x708_1.png" style="color: transparent;"></div> <div class="flex flex-col gap-[12px] px-[4px] pt-[16px] max-xl:px-1 max-xl:pb-0 max-xl:pt-3 md:gap-0 xl:gap-[12px]"> <div class="flex flex-col gap-[8px] font-miSansDemiBold450 max-xl:gap-[6px] max-xl:font-miSansMedium380"> <div class="h-[17px] overflow-hidden text-ellipsis whitespace-nowrap text-[14px] leading-[17px] text-[#6E6E73] max-xl:h-3 max-xl:text-[10px] max-xl:leading-[12px]">60 kmph | 70 km </div> <div class="h-7 overflow-hidden text-ellipsis whitespace-nowrap text-[20px] text-[#000] max-xl:line-clamp-2 max-xl:h-[34px] max-xl:whitespace-normal max-xl:text-[14px] max-xl:leading-[17px] ">Segway GT1 SuperScooter</div> </div> <div class="max-xl:miSansMedium380 flex h-[22px] gap-[4px] font-miSansDemiBold450 text-black max-xl:h-[17px]">   <p class="flex items-baseline justify-center text-[16px] leading-[22px] max-xl:text-[14px] max-xl:leading-[17px] text-[#DA291C]"><span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>1899.99</p> <p class="text-decoration-line: flex items-baseline justify-center text-[16px] leading-[22px] text-[#86868B] line-through max-xl:text-[14px] max-xl:leading-[17px]"><span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>3599.99</p> </div> </div> </a>  <a class="relative col-span-1 bg-[#fff] max-xl:border-none max-xl:bg-[unset]" href="segway-superscooter-gt3"> <div class="absolute left-[10px] top-[10px] z-[1] rounded-[16px] border-[2px] border-white bg-[#DA291C] px-[4px] py-[4px] text-center max-xl:left-1 max-xl:top-1 max-xl:rounded-[10px] max-xl:border-[1px] max-xl:px-[1px] max-xl:pb-[1px] max-xl:pt-[3px]"> <div class="mb-[2px] text-[17px] leading-[20px] text-white max-xl:text-xs">Save</div> <div class="rounded-[20px] bg-white px-1 py-[2px] text-[17px] leading-[20px] text-[#DA291C] max-xl:rounded-full max-xl:px-[5px] max-xl:py-[2px] max-xl:text-xs">400</div> </div> <div class="flex justify-center rounded-[20px] bg-[#F3F3F4] max-xl:rounded-[12px] max-xl:bg-[#F3F3F4]"><img alt="" loading="lazy" width="348" height="348" decoding="async" data-nimg="1" class="aspect-square max-w-full object-contain duration-300 max-xl:w-[197px] hover:lg:scale-110 xl:h-[348px]" src="https://store-ca.segway.com/media/catalog/product/cache/d3ec3723470ff918c92e447639eaf984/g/t/gt3.png" style="color: transparent;"></div> <div class="flex flex-col gap-[12px] px-[4px] pt-[16px] max-xl:px-1 max-xl:pb-0 max-xl:pt-3 md:gap-0 xl:gap-[12px]"> <div class="flex flex-col gap-[8px] font-miSansDemiBold450 max-xl:gap-[6px] max-xl:font-miSansMedium380"> <div class="h-[17px] overflow-hidden text-ellipsis whitespace-nowrap text-[14px] leading-[17px] text-[#6E6E73] max-xl:h-3 max-xl:text-[10px] max-xl:leading-[12px]">50 kmph | 73.4 km </div> <div class="h-7 overflow-hidden text-ellipsis whitespace-nowrap text-[20px] text-[#000] max-xl:line-clamp-2 max-xl:h-[34px] max-xl:whitespace-normal max-xl:text-[14px] max-xl:leading-[17px] ">Segway GT3 SuperScooter</div> </div> <div class="max-xl:miSansMedium380 flex h-[22px] gap-[4px] font-miSansDemiBold450 text-black max-xl:h-[17px]">   <p class="flex items-baseline justify-center text-[16px] leading-[22px] max-xl:text-[14px] max-xl:leading-[17px] text-[#DA291C]"><span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>2099.99</p> <p class="text-decoration-line: flex items-baseline justify-center text-[16px] leading-[22px] text-[#86868B] line-through max-xl:text-[14px] max-xl:leading-[17px]"><span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>2499.99</p> </div> </div> </a>  <a class="relative col-span-1 bg-[#fff] max-xl:border-none max-xl:bg-[unset]" href="segway-zt3-pro"> <div class="absolute left-[10px] top-[10px] z-[1] rounded-[16px] border-[2px] border-white bg-[#DA291C] px-[4px] py-[4px] text-center max-xl:left-1 max-xl:top-1 max-xl:rounded-[10px] max-xl:border-[1px] max-xl:px-[1px] max-xl:pb-[1px] max-xl:pt-[3px]"> <div class="mb-[2px] text-[17px] leading-[20px] text-white max-xl:text-xs">Save</div> <div class="rounded-[20px] bg-white px-1 py-[2px] text-[17px] leading-[20px] text-[#DA291C] max-xl:rounded-full max-xl:px-[5px] max-xl:py-[2px] max-xl:text-xs">300</div> </div> <div class="flex justify-center rounded-[20px] bg-[#F3F3F4] max-xl:rounded-[12px] max-xl:bg-[#F3F3F4]"><img alt="" loading="lazy" width="348" height="348" decoding="async" data-nimg="1" class="aspect-square max-w-full object-contain duration-300 max-xl:w-[197px] hover:lg:scale-110 xl:h-[348px]" src="https://store-ca.segway.com/media/catalog/product/cache/ee20be44280952a7d7ef6417d3f821e9/z/t/zt3_pro-1_1_.png" style="color: transparent;"></div> <div class="flex flex-col gap-[12px] px-[4px] pt-[16px] max-xl:px-1 max-xl:pb-0 max-xl:pt-3 md:gap-0 xl:gap-[12px]"> <div class="flex flex-col gap-[8px] font-miSansDemiBold450 max-xl:gap-[6px] max-xl:font-miSansMedium380"> <div class="h-[17px] overflow-hidden text-ellipsis whitespace-nowrap text-[14px] leading-[17px] text-[#6E6E73] max-xl:h-3 max-xl:text-[10px] max-xl:leading-[12px]">40 kmph | 70 km </div> <div class="h-7 overflow-hidden text-ellipsis whitespace-nowrap text-[20px] text-[#000] max-xl:line-clamp-2 max-xl:h-[34px] max-xl:whitespace-normal max-xl:text-[14px] max-xl:leading-[17px] ">Segway ZT3 Pro Electric Scooter</div> </div> <div class="max-xl:miSansMedium380 flex h-[22px] gap-[4px] font-miSansDemiBold450 text-black max-xl:h-[17px]">   <p class="flex items-baseline justify-center text-[16px] leading-[22px] max-xl:text-[14px] max-xl:leading-[17px] text-[#DA291C]"><span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>1299.99</p> <p class="text-decoration-line: flex items-baseline justify-center text-[16px] leading-[22px] text-[#86868B] line-through max-xl:text-[14px] max-xl:leading-[17px]"><span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>1599.99</p> </div> </div> </a>  <a class="relative col-span-1 bg-[#fff] max-xl:border-none max-xl:bg-[unset]" href="ninebot-kickscooter-max-g2"> <div class="absolute left-[10px] top-[10px] z-[1] rounded-[16px] border-[2px] border-white bg-[#DA291C] px-[4px] py-[4px] text-center max-xl:left-1 max-xl:top-1 max-xl:rounded-[10px] max-xl:border-[1px] max-xl:px-[1px] max-xl:pb-[1px] max-xl:pt-[3px]"> <div class="mb-[2px] text-[17px] leading-[20px] text-white max-xl:text-xs">Save</div> <div class="rounded-[20px] bg-white px-1 py-[2px] text-[17px] leading-[20px] text-[#DA291C] max-xl:rounded-full max-xl:px-[5px] max-xl:py-[2px] max-xl:text-xs">400</div> </div> <div class="flex justify-center rounded-[20px] bg-[#F3F3F4] max-xl:rounded-[12px] max-xl:bg-[#F3F3F4]"><img alt="" loading="lazy" width="348" height="348" decoding="async" data-nimg="1" class="aspect-square max-w-full object-contain duration-300 max-xl:w-[197px] hover:lg:scale-110 xl:h-[348px]" src="https://store-ca.segway.com/media/catalog/product/cache/ee20be44280952a7d7ef6417d3f821e9/m/a/max_g2_4.png" style="color: transparent;"></div> <div class="flex flex-col gap-[12px] px-[4px] pt-[16px] max-xl:px-1 max-xl:pb-0 max-xl:pt-3 md:gap-0 xl:gap-[12px]"> <div class="flex flex-col gap-[8px] font-miSansDemiBold450 max-xl:gap-[6px] max-xl:font-miSansMedium380"> <div class="h-[17px] overflow-hidden text-ellipsis whitespace-nowrap text-[14px] leading-[17px] text-[#6E6E73] max-xl:h-3 max-xl:text-[10px] max-xl:leading-[12px]">35 kmph | 70 km </div> <div class="h-7 overflow-hidden text-ellipsis whitespace-nowrap text-[20px] text-[#000] max-xl:line-clamp-2 max-xl:h-[34px] max-xl:whitespace-normal max-xl:text-[14px] max-xl:leading-[17px] ">Segway Max G2 Electric Scooter</div> </div> <div class="max-xl:miSansMedium380 flex h-[22px] gap-[4px] font-miSansDemiBold450 text-black max-xl:h-[17px]">   <p class="flex items-baseline justify-center text-[16px] leading-[22px] max-xl:text-[14px] max-xl:leading-[17px] text-[#DA291C]"><span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>999.99</p> <p class="text-decoration-line: flex items-baseline justify-center text-[16px] leading-[22px] text-[#86868B] line-through max-xl:text-[14px] max-xl:leading-[17px]"><span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>1399.99</p> </div> </div> </a>  <a class="relative col-span-1 bg-[#fff] max-xl:border-none max-xl:bg-[unset]" href="ninebot-kickscooter-f2"> <div class="absolute left-[10px] top-[10px] z-[1] rounded-[16px] border-[2px] border-white bg-[#DA291C] px-[4px] py-[4px] text-center max-xl:left-1 max-xl:top-1 max-xl:rounded-[10px] max-xl:border-[1px] max-xl:px-[1px] max-xl:pb-[1px] max-xl:pt-[3px]"> <div class="mb-[2px] text-[17px] leading-[20px] text-white max-xl:text-xs">Save</div> <div class="rounded-[20px] bg-white px-1 py-[2px] text-[17px] leading-[20px] text-[#DA291C] max-xl:rounded-full max-xl:px-[5px] max-xl:py-[2px] max-xl:text-xs">300</div> </div> <div class="flex justify-center rounded-[20px] bg-[#F3F3F4] max-xl:rounded-[12px] max-xl:bg-[#F3F3F4]"><img alt="" loading="lazy" width="348" height="348" decoding="async" data-nimg="1" class="aspect-square max-w-full object-contain duration-300 max-xl:w-[197px] hover:lg:scale-110 xl:h-[348px]" src="https://store-ca.segway.com/media/catalog/product/cache/d3ec3723470ff918c92e447639eaf984/f/2/f2_1_1.png" style="color: transparent;"></div> <div class="flex flex-col gap-[12px] px-[4px] pt-[16px] max-xl:px-1 max-xl:pb-0 max-xl:pt-3 md:gap-0 xl:gap-[12px]"> <div class="flex flex-col gap-[8px] font-miSansDemiBold450 max-xl:gap-[6px] max-xl:font-miSansMedium380"> <div class="h-[17px] overflow-hidden text-ellipsis whitespace-nowrap text-[14px] leading-[17px] text-[#6E6E73] max-xl:h-3 max-xl:text-[10px] max-xl:leading-[12px]">30 kmph | 30 km </div> <div class="h-7 overflow-hidden text-ellipsis whitespace-nowrap text-[20px] text-[#000] max-xl:line-clamp-2 max-xl:h-[34px] max-xl:whitespace-normal max-xl:text-[14px] max-xl:leading-[17px] ">Segway F2 Electric Scooter</div> </div> <div class="max-xl:miSansMedium380 flex h-[22px] gap-[4px] font-miSansDemiBold450 text-black max-xl:h-[17px]">   <p class="flex items-baseline justify-center text-[16px] leading-[22px] max-xl:text-[14px] max-xl:leading-[17px] text-[#DA291C]"><span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>499.99</p> <p class="text-decoration-line: flex items-baseline justify-center text-[16px] leading-[22px] text-[#86868B] line-through max-xl:text-[14px] max-xl:leading-[17px]"><span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>799.99</p> </div> </div> </a>  <a class="relative col-span-1 bg-[#fff] max-xl:border-none max-xl:bg-[unset]" href="ninebot-kickscooter-max-g3"> <div class="absolute left-[10px] top-[10px] z-[1] rounded-[16px] border-[2px] border-white bg-[#DA291C] px-[4px] py-[4px] text-center max-xl:left-1 max-xl:top-1 max-xl:rounded-[10px] max-xl:border-[1px] max-xl:px-[1px] max-xl:pb-[1px] max-xl:pt-[3px]"> <div class="mb-[2px] text-[17px] leading-[20px] text-white max-xl:text-xs">Save</div> <div class="rounded-[20px] bg-white px-1 py-[2px] text-[17px] leading-[20px] text-[#DA291C] max-xl:rounded-full max-xl:px-[5px] max-xl:py-[2px] max-xl:text-xs">300</div> </div> <div class="flex justify-center rounded-[20px] bg-[#F3F3F4] max-xl:rounded-[12px] max-xl:bg-[#F3F3F4]"><img alt="" loading="lazy" width="348" height="348" decoding="async" data-nimg="1" class="aspect-square max-w-full object-contain duration-300 max-xl:w-[197px] hover:lg:scale-110 xl:h-[348px]" src="https://store-ca.segway.com/media/catalog/product/cache/d3ec3723470ff918c92e447639eaf984/m/a/max_g3.png" style="color: transparent;"></div> <div class="flex flex-col gap-[12px] px-[4px] pt-[16px] max-xl:px-1 max-xl:pb-0 max-xl:pt-3 md:gap-0 xl:gap-[12px]"> <div class="flex flex-col gap-[8px] font-miSansDemiBold450 max-xl:gap-[6px] max-xl:font-miSansMedium380"> <div class="h-[17px] overflow-hidden text-ellipsis whitespace-nowrap text-[14px] leading-[17px] text-[#6E6E73] max-xl:h-3 max-xl:text-[10px] max-xl:leading-[12px]">45 kmph | 80 km </div> <div class="h-7 overflow-hidden text-ellipsis whitespace-nowrap text-[20px] text-[#000] max-xl:line-clamp-2 max-xl:h-[34px] max-xl:whitespace-normal max-xl:text-[14px] max-xl:leading-[17px] ">Segway Max G3 Electric Scooter</div> </div> <div class="max-xl:miSansMedium380 flex h-[22px] gap-[4px] font-miSansDemiBold450 text-black max-xl:h-[17px]">   <p class="flex items-baseline justify-center text-[16px] leading-[22px] max-xl:text-[14px] max-xl:leading-[17px] text-[#DA291C]"><span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>1299.99</p> <p class="text-decoration-line: flex items-baseline justify-center text-[16px] leading-[22px] text-[#86868B] line-through max-xl:text-[14px] max-xl:leading-[17px]"><span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>1599.99</p> </div> </div> </a>  <a class="relative col-span-1 bg-[#fff] max-xl:border-none max-xl:bg-[unset]" href="ninebot-kickscooter-e2-plus"> <div class="absolute left-[10px] top-[10px] z-[1] rounded-[16px] border-[2px] border-white bg-[#DA291C] px-[4px] py-[4px] text-center max-xl:left-1 max-xl:top-1 max-xl:rounded-[10px] max-xl:border-[1px] max-xl:px-[1px] max-xl:pb-[1px] max-xl:pt-[3px]"> <div class="mb-[2px] text-[17px] leading-[20px] text-white max-xl:text-xs">Save</div> <div class="rounded-[20px] bg-white px-1 py-[2px] text-[17px] leading-[20px] text-[#DA291C] max-xl:rounded-full max-xl:px-[5px] max-xl:py-[2px] max-xl:text-xs">200</div> </div> <div class="flex justify-center rounded-[20px] bg-[#F3F3F4] max-xl:rounded-[12px] max-xl:bg-[#F3F3F4]"><img alt="" loading="lazy" width="348" height="348" decoding="async" data-nimg="1" class="aspect-square max-w-full object-contain duration-300 max-xl:w-[197px] hover:lg:scale-110 xl:h-[348px]" src="https://store-ca.segway.com/media/catalog/product/cache/d3ec3723470ff918c92e447639eaf984/e/2/e2-plus-front-oblique_2.png" style="color: transparent;"></div> <div class="flex flex-col gap-[12px] px-[4px] pt-[16px] max-xl:px-1 max-xl:pb-0 max-xl:pt-3 md:gap-0 xl:gap-[12px]"> <div class="flex flex-col gap-[8px] font-miSansDemiBold450 max-xl:gap-[6px] max-xl:font-miSansMedium380"> <div class="h-[17px] overflow-hidden text-ellipsis whitespace-nowrap text-[14px] leading-[17px] text-[#6E6E73] max-xl:h-3 max-xl:text-[10px] max-xl:leading-[12px]">25 kmph | 25 km </div> <div class="h-7 overflow-hidden text-ellipsis whitespace-nowrap text-[20px] text-[#000] max-xl:line-clamp-2 max-xl:h-[34px] max-xl:whitespace-normal max-xl:text-[14px] max-xl:leading-[17px] ">Segway E2 Plus Electric Scooter</div> </div> <div class="max-xl:miSansMedium380 flex h-[22px] gap-[4px] font-miSansDemiBold450 text-black max-xl:h-[17px]">   <p class="flex items-baseline justify-center text-[16px] leading-[22px] max-xl:text-[14px] max-xl:leading-[17px] text-[#DA291C]"><span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>399.99</p> <p class="text-decoration-line: flex items-baseline justify-center text-[16px] leading-[22px] text-[#86868B] line-through max-xl:text-[14px] max-xl:leading-[17px]"><span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>599.99</p> </div> </div> </a>  <a class="relative col-span-1 bg-[#fff] max-xl:border-none max-xl:bg-[unset]" href="ninebot-kickscooter-e2-plus-ii"> <div class="absolute left-[10px] top-[10px] z-[1] rounded-[16px] border-[2px] border-white bg-[#DA291C] px-[4px] py-[4px] text-center max-xl:left-1 max-xl:top-1 max-xl:rounded-[10px] max-xl:border-[1px] max-xl:px-[1px] max-xl:pb-[1px] max-xl:pt-[3px]"> <div class="mb-[2px] text-[17px] leading-[20px] text-white max-xl:text-xs">Save</div> <div class="rounded-[20px] bg-white px-1 py-[2px] text-[17px] leading-[20px] text-[#DA291C] max-xl:rounded-full max-xl:px-[5px] max-xl:py-[2px] max-xl:text-xs">150</div> </div> <div class="flex justify-center rounded-[20px] bg-[#F3F3F4] max-xl:rounded-[12px] max-xl:bg-[#F3F3F4]"><img alt="" loading="lazy" width="348" height="348" decoding="async" data-nimg="1" class="aspect-square max-w-full object-contain duration-300 max-xl:w-[197px] hover:lg:scale-110 xl:h-[348px]" src="https://store-ca.segway.com/media/catalog/product/cache/d3ec3723470ff918c92e447639eaf984/e/2/e2plusii0005_1.png" style="color: transparent;"></div> <div class="flex flex-col gap-[12px] px-[4px] pt-[16px] max-xl:px-1 max-xl:pb-0 max-xl:pt-3 md:gap-0 xl:gap-[12px]"> <div class="flex flex-col gap-[8px] font-miSansDemiBold450 max-xl:gap-[6px] max-xl:font-miSansMedium380"> <div class="h-[17px] overflow-hidden text-ellipsis whitespace-nowrap text-[14px] leading-[17px] text-[#6E6E73] max-xl:h-3 max-xl:text-[10px] max-xl:leading-[12px]">25 kmph | 25 km </div> <div class="h-7 overflow-hidden text-ellipsis whitespace-nowrap text-[20px] text-[#000] max-xl:line-clamp-2 max-xl:h-[34px] max-xl:whitespace-normal max-xl:text-[14px] max-xl:leading-[17px] ">Segway E2 Plus II Electric Scooter</div> </div> <div class="max-xl:miSansMedium380 flex h-[22px] gap-[4px] font-miSansDemiBold450 text-black max-xl:h-[17px]">   <p class="flex items-baseline justify-center text-[16px] leading-[22px] max-xl:text-[14px] max-xl:leading-[17px] text-[#DA291C]"><span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>449.99</p> <p class="text-decoration-line: flex items-baseline justify-center text-[16px] leading-[22px] text-[#86868B] line-through max-xl:text-[14px] max-xl:leading-[17px]"><span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>599.99</p> </div> </div> </a>  <a class="relative col-span-1 bg-[#fff] max-xl:border-none max-xl:bg-[unset]" href="kickscooter-e2-pro"> <div class="absolute left-[10px] top-[10px] z-[1] rounded-[16px] border-[2px] border-white bg-[#DA291C] px-[4px] py-[4px] text-center max-xl:left-1 max-xl:top-1 max-xl:rounded-[10px] max-xl:border-[1px] max-xl:px-[1px] max-xl:pb-[1px] max-xl:pt-[3px]"> <div class="mb-[2px] text-[17px] leading-[20px] text-white max-xl:text-xs">Save</div> <div class="rounded-[20px] bg-white px-1 py-[2px] text-[17px] leading-[20px] text-[#DA291C] max-xl:rounded-full max-xl:px-[5px] max-xl:py-[2px] max-xl:text-xs">100</div> </div> <div class="flex justify-center rounded-[20px] bg-[#F3F3F4] max-xl:rounded-[12px] max-xl:bg-[#F3F3F4]"><img alt="" loading="lazy" width="348" height="348" decoding="async" data-nimg="1" class="aspect-square max-w-full object-contain duration-300 max-xl:w-[197px] hover:lg:scale-110 xl:h-[348px]" src="https://store-ca.segway.com/media/catalog/product/cache/d3ec3723470ff918c92e447639eaf984/e/2/e2_pro.png" style="color: transparent;"></div> <div class="flex flex-col gap-[12px] px-[4px] pt-[16px] max-xl:px-1 max-xl:pb-0 max-xl:pt-3 md:gap-0 xl:gap-[12px]"> <div class="flex flex-col gap-[8px] font-miSansDemiBold450 max-xl:gap-[6px] max-xl:font-miSansMedium380"> <div class="h-[17px] overflow-hidden text-ellipsis whitespace-nowrap text-[14px] leading-[17px] text-[#6E6E73] max-xl:h-3 max-xl:text-[10px] max-xl:leading-[12px]">30 kmph | 25 km </div> <div class="h-7 overflow-hidden text-ellipsis whitespace-nowrap text-[20px] text-[#000] max-xl:line-clamp-2 max-xl:h-[34px] max-xl:whitespace-normal max-xl:text-[14px] max-xl:leading-[17px] ">Segway E2 Pro Electric Scooter</div> </div> <div class="max-xl:miSansMedium380 flex h-[22px] gap-[4px] font-miSansDemiBold450 text-black max-xl:h-[17px]">   <p class="flex items-baseline justify-center text-[16px] leading-[22px] max-xl:text-[14px] max-xl:leading-[17px] text-[#DA291C]"><span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>599.99</p> <p class="text-decoration-line: flex items-baseline justify-center text-[16px] leading-[22px] text-[#86868B] line-through max-xl:text-[14px] max-xl:leading-[17px]"><span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>699.99</p> </div> </div> </a>  <a class="relative col-span-1 bg-[#fff] max-xl:border-none max-xl:bg-[unset]" href="ninebot-ekickscooter-c2-pro"> <div class="absolute left-[10px] top-[10px] z-[1] rounded-[16px] border-[2px] border-white bg-[#DA291C] px-[4px] py-[4px] text-center max-xl:left-1 max-xl:top-1 max-xl:rounded-[10px] max-xl:border-[1px] max-xl:px-[1px] max-xl:pb-[1px] max-xl:pt-[3px]"> <div class="mb-[2px] text-[17px] leading-[20px] text-white max-xl:text-xs">Save</div> <div class="rounded-[20px] bg-white px-1 py-[2px] text-[17px] leading-[20px] text-[#DA291C] max-xl:rounded-full max-xl:px-[5px] max-xl:py-[2px] max-xl:text-xs">30</div> </div> <div class="flex justify-center rounded-[20px] bg-[#F3F3F4] max-xl:rounded-[12px] max-xl:bg-[#F3F3F4]"><img alt="" loading="lazy" width="348" height="348" decoding="async" data-nimg="1" class="aspect-square max-w-full object-contain duration-300 max-xl:w-[197px] hover:lg:scale-110 xl:h-[348px]" src="https://store-ca.segway.com/media/catalog/product/cache/d3ec3723470ff918c92e447639eaf984/f/r/front-right-c2-pro.png" style="color: transparent;"></div> <div class="flex flex-col gap-[12px] px-[4px] pt-[16px] max-xl:px-1 max-xl:pb-0 max-xl:pt-3 md:gap-0 xl:gap-[12px]"> <div class="flex flex-col gap-[8px] font-miSansDemiBold450 max-xl:gap-[6px] max-xl:font-miSansMedium380"> <div class="h-[17px] overflow-hidden text-ellipsis whitespace-nowrap text-[14px] leading-[17px] text-[#6E6E73] max-xl:h-3 max-xl:text-[10px] max-xl:leading-[12px]">20 kmph | 15 km </div> <div class="h-7 overflow-hidden text-ellipsis whitespace-nowrap text-[20px] text-[#000] max-xl:line-clamp-2 max-xl:h-[34px] max-xl:whitespace-normal max-xl:text-[14px] max-xl:leading-[17px] ">Segway C2 Pro Electric Scooter</div> </div> <div class="max-xl:miSansMedium380 flex h-[22px] gap-[4px] font-miSansDemiBold450 text-black max-xl:h-[17px]">   <p class="flex items-baseline justify-center text-[16px] leading-[22px] max-xl:text-[14px] max-xl:leading-[17px] text-[#DA291C]"><span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>399.99</p> <p class="text-decoration-line: flex items-baseline justify-center text-[16px] leading-[22px] text-[#86868B] line-through max-xl:text-[14px] max-xl:leading-[17px]"><span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>429.99</p> </div> </div> </a>  <a class="relative col-span-1 bg-[#fff] max-xl:border-none max-xl:bg-[unset]" href="ninebot-ekickscooter-c2-lite"> <div class="absolute left-[10px] top-[10px] z-[1] rounded-[16px] border-[2px] border-white bg-[#DA291C] px-[4px] py-[4px] text-center max-xl:left-1 max-xl:top-1 max-xl:rounded-[10px] max-xl:border-[1px] max-xl:px-[1px] max-xl:pb-[1px] max-xl:pt-[3px]"> <div class="mb-[2px] text-[17px] leading-[20px] text-white max-xl:text-xs">Save</div> <div class="rounded-[20px] bg-white px-1 py-[2px] text-[17px] leading-[20px] text-[#DA291C] max-xl:rounded-full max-xl:px-[5px] max-xl:py-[2px] max-xl:text-xs">100</div> </div> <div class="flex justify-center rounded-[20px] bg-[#F3F3F4] max-xl:rounded-[12px] max-xl:bg-[#F3F3F4]"><img alt="" loading="lazy" width="348" height="348" decoding="async" data-nimg="1" class="aspect-square max-w-full object-contain duration-300 max-xl:w-[197px] hover:lg:scale-110 xl:h-[348px]" src="https://store-ca.segway.com/media/catalog/product/cache/d3ec3723470ff918c92e447639eaf984/c/2/c2_lite_main.png" style="color: transparent;"></div> <div class="flex flex-col gap-[12px] px-[4px] pt-[16px] max-xl:px-1 max-xl:pb-0 max-xl:pt-3 md:gap-0 xl:gap-[12px]"> <div class="flex flex-col gap-[8px] font-miSansDemiBold450 max-xl:gap-[6px] max-xl:font-miSansMedium380"> <div class="h-[17px] overflow-hidden text-ellipsis whitespace-nowrap text-[14px] leading-[17px] text-[#6E6E73] max-xl:h-3 max-xl:text-[10px] max-xl:leading-[12px]">16 kmph | 9 km </div> <div class="h-7 overflow-hidden text-ellipsis whitespace-nowrap text-[20px] text-[#000] max-xl:line-clamp-2 max-xl:h-[34px] max-xl:whitespace-normal max-xl:text-[14px] max-xl:leading-[17px] ">Segway C2 Lite Electric Scooter</div> </div> <div class="max-xl:miSansMedium380 flex h-[22px] gap-[4px] font-miSansDemiBold450 text-black max-xl:h-[17px]">   <p class="flex items-baseline justify-center text-[16px] leading-[22px] max-xl:text-[14px] max-xl:leading-[17px] text-[#DA291C]"><span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>199.99</p> <p class="text-decoration-line: flex items-baseline justify-center text-[16px] leading-[22px] text-[#86868B] line-through max-xl:text-[14px] max-xl:leading-[17px]"><span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>299.99</p> </div> </div> </a>  <a class="relative col-span-1 bg-[#fff] max-xl:border-none max-xl:bg-[unset]" href="ninebot-s2"> <div class="absolute left-[10px] top-[10px] z-[1] rounded-[16px] border-[2px] border-white bg-[#DA291C] px-[4px] py-[4px] text-center max-xl:left-1 max-xl:top-1 max-xl:rounded-[10px] max-xl:border-[1px] max-xl:px-[1px] max-xl:pb-[1px] max-xl:pt-[3px]"> <div class="mb-[2px] text-[17px] leading-[20px] text-white max-xl:text-xs">Save</div> <div class="rounded-[20px] bg-white px-1 py-[2px] text-[17px] leading-[20px] text-[#DA291C] max-xl:rounded-full max-xl:px-[5px] max-xl:py-[2px] max-xl:text-xs">200</div> </div> <div class="flex justify-center rounded-[20px] bg-[#F3F3F4] max-xl:rounded-[12px] max-xl:bg-[#F3F3F4]"><img alt="" loading="lazy" width="348" height="348" decoding="async" data-nimg="1" class="aspect-square max-w-full object-contain duration-300 max-xl:w-[197px] hover:lg:scale-110 xl:h-[348px]" src="https://store-ca.segway.com/media/catalog/product/cache/d3ec3723470ff918c92e447639eaf984/2/-/2-s2_1.png" style="color: transparent;"></div> <div class="flex flex-col gap-[12px] px-[4px] pt-[16px] max-xl:px-1 max-xl:pb-0 max-xl:pt-3 md:gap-0 xl:gap-[12px]"> <div class="flex flex-col gap-[8px] font-miSansDemiBold450 max-xl:gap-[6px] max-xl:font-miSansMedium380"> <div class="h-[17px] overflow-hidden text-ellipsis whitespace-nowrap text-[14px] leading-[17px] text-[#6E6E73] max-xl:h-3 max-xl:text-[10px] max-xl:leading-[12px]">18 kmph | 35 km </div> <div class="h-7 overflow-hidden text-ellipsis whitespace-nowrap text-[20px] text-[#000] max-xl:line-clamp-2 max-xl:h-[34px] max-xl:whitespace-normal max-xl:text-[14px] max-xl:leading-[17px] ">Segway Ninebot S2</div> </div> <div class="max-xl:miSansMedium380 flex h-[22px] gap-[4px] font-miSansDemiBold450 text-black max-xl:h-[17px]">   <p class="flex items-baseline justify-center text-[16px] leading-[22px] max-xl:text-[14px] max-xl:leading-[17px] text-[#DA291C]"><span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>699.99</p> <p class="text-decoration-line: flex items-baseline justify-center text-[16px] leading-[22px] text-[#86868B] line-through max-xl:text-[14px] max-xl:leading-[17px]"><span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>899.99</p> </div> </div> </a> </div> <br><br><br>