<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>LumaJelly</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" rel="stylesheet">
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="js/jquery.event.move.js" type="text/javascript"></script>
    <script src="js/jquery.twentytwenty.js" type="text/javascript"></script>
    <link rel="stylesheet" href="css/twentytwenty.css" type="text/css" media="screen" />

    <style>
        @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

        .guarantees{
            background: #000000;
            color: #ffffff;
            padding: 10px 0 20px 0;
        }

        .guarantees h4{
            font-size: 2.8em;
            font-weight: 500;
            padding: 30px 0 9px 0;
        }
        .guarantees p{
            font-size: 1.3em;
        }


        .twentytwenty-container img,
        .twentytwenty-overlay{
            border-radius: 20px;
        }

        .abbox{
            padding: 40px;
        }

        .absec{
            color: #fff;
            background: #1dc7b7;
            margin: 25px 0 0 0;
        }

        .abbox h2{
            font-weight: 600;
            font-size: 4em;
            text-align: center;
            margin: 30px 0px 20px 0;
        }

        .abbox p{
            font-size: 1.5em;
            text-align: center;
            padding: 25px 0 0 0;
        }



        body {
            background: #fff;
            font-family: 'Poppins', Arial, sans-serif;
            color: #333;
        }

        .mm{
            display: none;
        }

        header img {
            height: 30px;
        }

        video.main-image {
            max-height: 80%;
        }

        .main-image {
            border-radius: 15px;
            object-fit: cover;
            width: 100%;
            height: auto;
            margin: 0 auto;
            display: block;
        }

        .carousel-thumbnails-container {
            position: relative;
            margin-top: 20px;
        }

        .carousel-thumbnails {
            display: flex;
            gap: 10px;
            overflow: hidden;
            width: 100%;
            justify-content: start;
            scroll-behavior: smooth;
        }

        .carousel-thumbnails img, .carousel-thumbnails video {
            border-radius: 15px;
            object-fit: cover;
            width: 18.6%;
            height: auto;
            cursor: pointer;
        }

        .carousel-arrow {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background-color: transparent;
            color: #333;
            border: none;
            font-size: 20px;
            cursor: pointer;
            z-index: 10;
        }

        .carousel-arrow.left {
            left: 0px;
        }

        .carousel-arrow.right {
            right: 0px;
        }

        .product-info {
            padding: 0 20px;
        }

        .product-info h2 {
            font-size: 1.8rem;
            font-weight: bold;
            margin-bottom: 10px;
        }

        .rating {
            display: flex;
            align-items: center;
            gap: 5px;
            font-size: 1rem;
            color: #f39c12;
            padding: 5px 0 10px 0;
        }

        .rating .reviews {
            font-size: 0.9rem;
            color: #000;
            margin-left: 10px;
        }

        .price-container {
            display: flex;
            flex-direction: column;
            margin-bottom: 15px;
        }

        .price {
            display: flex;
            align-items: flex-end;
            gap: 10px;
            font-size: 1.2rem;
            font-weight: bold;
        }

        .current-price {
            font-weight: bold;
            color: #000;
        }

        .old-price {
            font-size: 0.9rem;
            color: #999;
            text-decoration: line-through;
            font-weight: normal;
        }

        .save-tag {
            background-color: #000;
            color: #fff;
            padding: 4px 12px;
            border-radius: 15px;
            font-size: 0.7rem;
            text-transform: uppercase;
            font-weight: 500;
        }

        .bundle-save {
            width: 100%;
            margin-top: 10px;
            font-weight: bold;
            font-size: 1rem;
            text-align: center;
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .quantity-selection {
            margin-top: 20px;
            display: flex;
            flex-direction: column;
            gap: 10px;
        }

        .quantity-option {
            display: flex;
            align-items: center;
            cursor: pointer;
            border: 2px solid #ddd;
            border-radius: 8px;
            padding: 10px;
            transition: all 0.3s ease;
        }

        .quantity-option:hover {
            background-color: #f9f9f9;
        }

        .quantity-option input {
            display: none;
        }

        .quantity-option input:checked + .radio-circle {
            border: 6px solid #000;
        }

        .radio-circle {
            width: 20px;
            height: 20px;
            border: 2px solid #000;
            border-radius: 50%;
            margin-right: 15px;
            flex-shrink: 0;
        }

        .option-content {
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 100%;
        }

        .option-info {
            display: flex;
            flex-direction: column;
        }

        .option-info strong {
            font-size: 1rem;
        }

        .option-info span {
            font-size: 0.8rem;
            color: #666;
        }

        .option-price {
            text-align: right;
        }

        .option-price strong {
            font-size: 1rem;
            color: #000;
            font-weight: bold;
        }

        .option-price del {
            font-size: 0.8rem;
            color: #999;
        }

        .buy-button {
            font-size: 1rem;
            padding: 10px 15px;
            background-color: #000;
            color: #fff;
            border-radius: 8px;
            border: none;
            display: block;
            width: 100%;
            margin-top: 20px;
        }

        .specifications ul {
            margin-left: 20px;
            font-size: 0.9rem;
        }

        .product-section h3 {
            font-size: 2.5rem;
            padding: 30px 0 0 0;
        }

        .product-section p {
            font-size: 1.5rem;
            margin: 35px 0 0 0;
        }


        footer ul {
            list-style: none;
            display: flex;
            justify-content: center;
            gap: 10px;
            margin: 0 auto;
        }

        footer address {
            text-align: center;
            font-size: 0.8rem;
            margin-top: 10px;
        }


        @media (min-width: 768px) {

            .product-info h2{
                font-size: 2.3rem;
            }
            .carousel-thumbnails {
                width: 88%;
                margin: 0 auto;
            }
            .carousel-thumbnails img, .carousel-thumbnails video{
                width: 22.8%;
            }
            .mm{
                display: block;
            }

            .bb{
                display: none;
            }
        }

        @media (min-width: 992px) {
            .product-info h2{
                font-size: 2.3rem;
            }
            .carousel-thumbnails {
                width: 88%;
                margin: 0 auto;
            }

            .carousel-thumbnails img, .carousel-thumbnails video{
                width: 18.3%;
            }
        }


        @media (min-width: 1200px) {

            .left-prod{
                padding: 0% 10%;
            }

            .carousel-thumbnails {
                width: 80%;
                margin: 0 auto;
            }

            .carousel-thumbnails img, .carousel-thumbnails video{
                width: 17.7%;
            }

            .product-info h2{
                font-size: 2.5rem;
            }


        }



        @media (max-width: 768px) {

            .list-faq{
                width: 84%!important;
            }

            .carousel-thumbnails img, .carousel-thumbnails video {
                width: 32.1%;
            }

            .carousel-thumbnails {
                width: 80%;
                margin: 0 auto;
            }

            .product-info h2 {
                margin: 25px 0 10px 0;
                font-size: 2.5rem;
            }

            .price {
                font-size: 2rem;
            }

            .bundle-save {
                font-size: 0.9rem;
            }

            .option-info strong {
                font-size: 0.9rem;
            }

            .buy-button {
                font-size: 0.9rem;
            }

            .product-section h3 {
                font-size: 1.8rem;
                padding: 15px 0 0 0;
                margin: 0;
            }

            .product-section p {
                font-size: 1rem;
                padding: 0;
                margin: 20px 0 50px 0;
            }

            footer address {
                font-size: 0.7rem;
            }
        }

        .promo{
            color: #ffffff;
            background: #000000;
        }

        .promo p{
            margin: 0 0 0 0;
            padding: 5px 0;
            text-align: center;
            font-size: 1em;
        }

        .accordion-button,.accordion-item{
            background: none!important;
           border: none!important;
            outline: none!important;
            box-shadow: none!important;
            color: #000000!important;
        }

        .accordion-button .fas{
            padding: 0px 7px 0px 0px ;
        }

        .accordion-body{
            padding: 0 0 0 0;
        }

        .accordion-body ul{
            padding: 0 0 0 20px;
        }

        .accordion-body ul li{
            font-size: 15px;
        }

        .img-fluid{
            border-radius: 20px;
        }



        .review-card {
            border-bottom: 1px solid #ddd;
            padding: 10px 0;
        }
        .review-header {
            display: flex;
            align-items: center;
            margin-bottom: 10px;
        }
        .review-header .user-icon {
            width: 40px;
            height: 40px;
            background-color: #f5f5f5;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 10px;
            border: 1px solid #ddd;
        }
        .review-header .user-icon svg {
            width: 20px;
            height: 20px;
            fill: #6c757d;
        }
        .review-header strong {
            font-size: 1rem;
        }
        .review-header .review-date {
            font-size: 0.875rem;
            color: #6c757d;
        }
        .review-stars i {
            margin-right: 2px;
        }
        .review-title {
            font-weight: bold;
            font-size: 1.1rem;
            margin-bottom: 5px;
        }
        .review-text {
            font-size: 0.95rem;
            margin-bottom: 10px;
            color: #333;
        }
        .review-image {
            width: 100px;
            height: auto;
            border-radius: 6px;
        }

        .pagination-custom {
            display: flex;
            justify-content: center;
            align-items: center;
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .pagination-custom li {
            margin: 0 5px;
        }
        .pagination-custom a {
            text-decoration: none;
            color: #000;
            font-size: 1rem;
        }
        .pagination-custom a:hover {
            color: #555;
        }
        .pagination-custom .active a {
            font-size: 1.5rem;
            font-weight: bold;
        }
        .pagination-custom .disabled a {
            color: #aaa;
            pointer-events: none;
        }
        .pagination-custom .fa {
            font-size: 1rem;
        }

        .logo-text{
            font-size: 25px;
        }

        .list-faq{
            width: 50%;
            margin: 0 auto;
            padding: 0 0 45px 0;
        }

        .faq-header{
            font-weight: 700;
            text-align: center;
            font-size: 2.6em;
            padding: 30px 0 20px 0;
        }


        .list-faq .accordion-body{
            padding: 0 0 0 69px;
        }

        .list-faq .accordion-button{
            font-size: 21px;
        }

    </style>
</head>
<body>

<div class="promo">
    <p>NOW CHRISTMAS SALE OVER 70% OFF - FREE SHIPPING TODAY ONLY!</p>
</div>

<header class="py-3 bg-white shadow-sm mb-4">
    <div class="container text-center logo-text">
        <img src="./img/logo.png" alt="logo">
        LumaJelly
    </div>
</header>

<section class="product-header">
    <div class="container">
        <div class="row">
            <!-- Left Side -->
            <div class="col-md-7 left-prod">
                <div>
                    <img src="img/1.webp" id="mainImage" class="main-image" alt="Main Lamp Image">
                </div>
                <div class="carousel-thumbnails-container">
                    <button class="carousel-arrow left" onclick="scrollThumbnails('left')">
                        <i class="fas fa-chevron-left"></i>
                    </button>
                    <div class="carousel-thumbnails" id="thumbnailsContainer">
                        <img src="img/1.webp" alt="Lamp Thumbnail 1" onclick="changeMainImage(this)">
                        <img src="img/2.webp" alt="Lamp Thumbnail 2" onclick="changeMainImage(this)">
                        <img src="img/3.webp" alt="Lamp Thumbnail 3" onclick="changeMainImage(this)">
                        <img src="img/4.webp" alt="Lamp Thumbnail 4" onclick="changeMainImage(this)">
<!--                          <video onclick="changeMainImage(this)">
                            <source src="img/b1.mp4" type="video/mp4">
                        </video> -->
                        <img src="img/6.webp" alt="Lamp Thumbnail 6" onclick="changeMainImage(this)">
                        <img src="img/7.webp" alt="Lamp Thumbnail 7" onclick="changeMainImage(this)">
                    </div>
                    <button class="carousel-arrow right" onclick="scrollThumbnails('right')">
                        <i class="fas fa-chevron-right"></i>
                    </button>
                </div>
            </div>

            <!-- Right Side -->
            <div class="col-md-5 product-info">
                <h2>LumaJelly's Dancing Jellyfish Lamp</h2>

                <div class="rating">
                    <i class="fas fa-star"></i>
                    <i class="fas fa-star"></i>
                    <i class="fas fa-star"></i>
                    <i class="fas fa-star"></i>
                    <i class="far fa-star"></i>
                    <span class="reviews">(42 Reviews)</span>
                </div>

                <div class="price-container">
                    <div class="price">
                        <span class="current-price">$36.12 AUD</span>
                        <del class="old-price">$133.09 AUD</del>
                        <span class="save-tag"><i class="fa-solid fa-tag"></i> SAVE 72%</span>
                    </div>
                    <div class="bundle-save">
                        <span>BUNDLE & SAVE</span>
                    </div>
                </div>

                <div class="quantity-selection">
                    <label class="quantity-option">
                        <input type="radio" name="bundle" checked>
                        <div class="radio-circle"></div>
                        <div class="option-content">
                            <div class="option-info">
                                <strong>Buy 1</strong>
                                <span>You save $96.97 AUD</span>
                            </div>
                            <div class="option-price">
                                <strong>$36.12 AUD</strong><br>
                                <del>$133.09 AUD</del>
                            </div>
                        </div>
                    </label>
                    <label class="quantity-option">
                        <input type="radio" name="bundle">
                        <div class="radio-circle"></div>
                        <div class="option-content">
                            <div class="option-info">
                                <strong>Buy 2</strong>
                                <span>You save $193.95 AUD</span>
                            </div>
                            <div class="option-price">
                                <strong>$72.24 AUD</strong><br>
                                <del>$266.19 AUD</del>
                            </div>
                        </div>
                    </label>
                    <label class="quantity-option">
                        <input type="radio" name="bundle">
                        <div class="radio-circle"></div>
                        <div class="option-content">
                            <div class="option-info">
                                <strong>Buy 3</strong>
                                <span>You save $290.92 AUD</span>
                            </div>
                            <div class="option-price">
                                <strong>$108.36 AUD</strong><br>
                                <del>$399.28 AUD</del>
                            </div>
                        </div>
                    </label>
                </div>




                <button class="btn buy-button">Add to Cart</button>
                <div class="specifications accordion mt-4" id="specificationsAccordion">
                    <div class="accordion-item">
                        <h2 class="accordion-header" id="headingOne">
                            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne">
                                <i class="fas fa-info-circle"></i> Specifications
                            </button>
                        </h2>
                        <div id="collapseOne" class="accordion-collapse collapse" aria-labelledby="headingOne" data-bs-parent="#specificationsAccordion">
                            <div class="accordion-body">
                                <ul>
                                    <li>Quantity of LED bulbs: 12</li>
                                    <li>Battery inbuilt: 1000mAh Rechargeable</li>
                                    <li>Charging Time: 1.5 Hrs</li>
                                    <li>Playback Time: 3 Hrs</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>

<div class="container my-4">
    <div class="d-flex justify-content-between">
        <svg class="vtl-tb-main-widget__badge-img" width="90" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500"><path d="M45.257 304.363h7.99l13.892 33.921h.511l13.892-33.921h7.99V348h-6.264v-31.577h-.405l-12.869 31.513h-5.199l-12.87-31.534h-.404V348h-6.264v-43.637Zm93.552 21.818c0 4.659-.852 8.665-2.556 12.017-1.705 3.338-4.042 5.91-7.01 7.713-2.955 1.79-6.314 2.685-10.079 2.685-3.778 0-7.152-.895-10.12-2.685-2.955-1.803-5.284-4.382-6.989-7.734-1.704-3.352-2.557-7.351-2.557-11.996 0-4.659.853-8.657 2.557-11.995 1.705-3.353 4.034-5.924 6.989-7.713 2.968-1.804 6.342-2.706 10.12-2.706 3.765 0 7.124.902 10.079 2.706 2.968 1.789 5.305 4.36 7.01 7.713 1.704 3.338 2.556 7.336 2.556 11.995Zm-6.52 0c0-3.551-.575-6.541-1.725-8.97-1.137-2.443-2.699-4.29-4.688-5.54-1.974-1.264-4.212-1.896-6.712-1.896-2.514 0-4.758.632-6.733 1.896-1.974 1.25-3.536 3.097-4.687 5.54-1.136 2.429-1.705 5.419-1.705 8.97 0 3.552.569 6.549 1.705 8.992 1.151 2.429 2.713 4.275 4.687 5.54 1.975 1.25 4.219 1.875 6.733 1.875 2.5 0 4.738-.625 6.712-1.875 1.989-1.265 3.551-3.111 4.688-5.54 1.15-2.443 1.725-5.44 1.725-8.992Zm51.749-21.818V348h-6.051l-22.181-32.003h-.404V348h-6.584v-43.637h6.094l22.201 32.046h.405v-32.046h6.52ZM195.442 348v-43.637H222.8v5.668h-20.774v13.295h19.346v5.647h-19.346v13.359h21.03V348h-27.614Zm34.586-43.637h7.479l11.399 19.837h.468l11.4-19.837h7.478l-15.831 26.506V348h-6.562v-17.131l-15.831-26.506ZM293.947 348v-43.637h15.981c3.096 0 5.66.512 7.691 1.534 2.032 1.009 3.551 2.38 4.56 4.113 1.009 1.718 1.513 3.657 1.513 5.816 0 1.818-.334 3.353-1.002 4.603-.667 1.235-1.562 2.23-2.684 2.982a11.827 11.827 0 0 1-3.665 1.62v.426c1.449.071 2.862.54 4.24 1.406 1.392.852 2.543 2.067 3.452 3.644.909 1.576 1.363 3.494 1.363 5.752 0 2.231-.525 4.233-1.576 6.009-1.037 1.761-2.642 3.161-4.816 4.197-2.173 1.023-4.95 1.535-8.331 1.535h-16.726Zm6.584-5.647h9.503c3.153 0 5.412-.611 6.776-1.832 1.363-1.222 2.045-2.749 2.045-4.581a7.191 7.191 0 0 0-1.044-3.793c-.696-1.15-1.69-2.066-2.983-2.748-1.278-.682-2.798-1.023-4.56-1.023h-9.737v13.977Zm0-19.112h8.821c1.478 0 2.806-.284 3.985-.852 1.193-.568 2.137-1.364 2.833-2.387.711-1.037 1.066-2.258 1.066-3.664 0-1.804-.632-3.317-1.896-4.539-1.265-1.221-3.204-1.832-5.817-1.832h-8.992v13.274ZM338.691 348h-6.988l15.703-43.637h7.606L370.716 348h-6.989l-12.337-35.711h-.341L338.691 348Zm1.172-17.089h22.671v5.54h-22.671v-5.54Zm73.146-12.357h-6.648c-.255-1.421-.731-2.671-1.427-3.75a10.482 10.482 0 0 0-2.557-2.749 11.03 11.03 0 0 0-3.388-1.705 13.246 13.246 0 0 0-3.942-.575c-2.514 0-4.765.632-6.754 1.896-1.974 1.265-3.537 3.118-4.687 5.562-1.137 2.443-1.705 5.426-1.705 8.948 0 3.552.568 6.549 1.705 8.992 1.15 2.443 2.72 4.29 4.709 5.54 1.988 1.25 4.225 1.875 6.711 1.875 1.378 0 2.685-.185 3.921-.554a11.284 11.284 0 0 0 3.387-1.684 10.289 10.289 0 0 0 2.557-2.706c.71-1.079 1.201-2.315 1.47-3.707l6.648.021c-.355 2.145-1.044 4.12-2.067 5.924a16.349 16.349 0 0 1-3.899 4.645c-1.577 1.292-3.38 2.294-5.412 3.004-2.031.71-4.247 1.065-6.647 1.065-3.779 0-7.145-.895-10.1-2.685-2.954-1.803-5.284-4.382-6.989-7.734-1.69-3.352-2.535-7.351-2.535-11.996 0-4.659.852-8.657 2.557-11.995 1.704-3.353 4.034-5.924 6.988-7.713 2.955-1.804 6.314-2.706 10.079-2.706 2.315 0 4.474.333 6.477 1.001a17.075 17.075 0 0 1 5.433 2.898 15.93 15.93 0 0 1 3.984 4.645c1.052 1.818 1.762 3.899 2.131 6.243ZM422.687 348v-43.637h6.584v20.838h.533l18.302-20.838h8.289l-17.6 19.645L456.459 348h-7.926l-14.106-19.496-5.156 5.923V348h-6.584ZM93.082 391.149c-.412-1.293-.966-2.451-1.662-3.473a10.613 10.613 0 0 0-2.45-2.642 10.296 10.296 0 0 0-3.26-1.684c-1.207-.383-2.535-.575-3.984-.575-2.458 0-4.674.632-6.648 1.896-1.975 1.265-3.537 3.118-4.688 5.562-1.136 2.428-1.704 5.404-1.704 8.927 0 3.537.575 6.527 1.726 8.97 1.15 2.443 2.727 4.297 4.73 5.561 2.003 1.265 4.283 1.897 6.84 1.897 2.371 0 4.438-.483 6.2-1.449a10.098 10.098 0 0 0 4.112-4.091c.98-1.776 1.47-3.864 1.47-6.264l1.705.319H82.983v-5.433h17.152v4.964c0 3.665-.782 6.847-2.344 9.546-1.548 2.685-3.693 4.758-6.435 6.222-2.727 1.463-5.852 2.194-9.375 2.194-3.948 0-7.414-.909-10.397-2.727-2.97-1.818-5.284-4.396-6.946-7.735-1.662-3.352-2.493-7.329-2.493-11.931 0-3.48.483-6.605 1.449-9.375.965-2.77 2.322-5.121 4.07-7.053a17.77 17.77 0 0 1 6.2-4.453c2.386-1.037 4.992-1.555 7.82-1.555 2.357 0 4.552.348 6.583 1.044 2.045.696 3.864 1.683 5.454 2.961a16.783 16.783 0 0 1 3.985 4.56c1.05 1.747 1.761 3.686 2.13 5.817h-6.754Zm45.271-13.786h6.606v28.7c0 3.054-.718 5.76-2.152 8.118-1.435 2.344-3.452 4.191-6.052 5.54-2.599 1.335-5.646 2.003-9.14 2.003-3.48 0-6.52-.668-9.119-2.003-2.6-1.349-4.617-3.196-6.052-5.54-1.434-2.358-2.152-5.064-2.152-8.118v-28.7h6.584v28.168c0 1.974.433 3.729 1.3 5.263.881 1.534 2.123 2.741 3.729 3.622 1.605.866 3.508 1.299 5.71 1.299 2.216 0 4.126-.433 5.731-1.299 1.62-.881 2.855-2.088 3.708-3.622.866-1.534 1.299-3.289 1.299-5.263v-28.168ZM160.017 421h-6.989l15.703-43.637h7.607L192.041 421h-6.989l-12.336-35.711h-.341L160.017 421Zm1.172-17.089h22.67v5.54h-22.67v-5.54ZM200.142 421v-43.637h15.554c3.381 0 6.186.583 8.417 1.747 2.244 1.165 3.92 2.777 5.028 4.837 1.108 2.045 1.662 4.411 1.662 7.095 0 2.671-.561 5.021-1.683 7.053-1.108 2.017-2.784 3.586-5.029 4.709-2.23 1.122-5.035 1.683-8.416 1.683h-11.783v-5.668h11.186c2.131 0 3.864-.305 5.199-.916 1.35-.611 2.337-1.499 2.962-2.663.625-1.165.937-2.564.937-4.198 0-1.648-.319-3.075-.958-4.283-.625-1.207-1.613-2.13-2.962-2.769-1.335-.654-3.089-.981-5.263-.981h-8.267V421h-6.584Zm21.542-19.688L232.465 421h-7.5l-10.568-19.688h7.287ZM244.3 421h-6.988l15.703-43.637h7.606L276.324 421h-6.988l-12.337-35.711h-.341L244.3 421Zm1.172-17.089h22.671v5.54h-22.671v-5.54Zm74.174-26.548V421h-6.051l-22.18-32.003h-.405V421h-6.584v-43.637h6.094l22.201 32.046h.405v-32.046h6.52Zm9.252 5.668v-5.668h33.771v5.668h-13.615V421h-6.562v-37.969h-13.594ZM371.932 421v-43.637h27.358v5.668h-20.774v13.295h19.347v5.647h-19.347v13.359h21.03V421h-27.614Zm37.953 0v-43.637h27.358v5.668h-20.775v13.295h19.347v5.647h-19.347v13.359h21.03V421h-27.613Z" fill="#303030"></path><path d="M201.347 164.583c3.52 0 6.608.688 9.264 2.064 2.688 1.376 4.752 3.344 6.192 5.904 1.472 2.528 2.208 5.472 2.208 8.832 0 3.36-.736 6.304-2.208 8.832-1.44 2.496-3.504 4.432-6.192 5.808-2.656 1.376-5.744 2.064-9.264 2.064h-11.712v-33.504h11.712Zm-.24 27.792c3.52 0 6.24-.96 8.16-2.88s2.88-4.624 2.88-8.112c0-3.488-.96-6.208-2.88-8.16-1.92-1.984-4.64-2.976-8.16-2.976h-4.752v22.128h4.752Zm43.478-.672h-13.344l-2.208 6.384h-7.056l12.048-33.552h7.824l12.048 33.552h-7.104l-2.208-6.384Zm-1.824-5.376-4.848-14.016-4.848 14.016h9.696Zm42.28-21.744-11.328 21.84v11.664h-6.72v-11.664l-11.376-21.84h7.584l7.2 15.312 7.152-15.312h7.488Zm15.443 33.84c-2.336 0-4.448-.4-6.336-1.2-1.856-.8-3.328-1.952-4.416-3.456-1.088-1.504-1.648-3.28-1.68-5.328h7.2c.096 1.376.576 2.464 1.44 3.264.896.8 2.112 1.2 3.648 1.2 1.568 0 2.8-.368 3.696-1.104.896-.768 1.344-1.76 1.344-2.976 0-.992-.304-1.808-.912-2.448-.608-.64-1.376-1.136-2.304-1.488-.896-.384-2.144-.8-3.744-1.248-2.176-.64-3.952-1.264-5.328-1.872-1.344-.64-2.512-1.584-3.504-2.832-.96-1.28-1.44-2.976-1.44-5.088 0-1.984.496-3.712 1.488-5.184s2.384-2.592 4.176-3.36c1.792-.8 3.84-1.2 6.144-1.2 3.456 0 6.256.848 8.4 2.544 2.176 1.664 3.376 4 3.6 7.008h-7.392c-.064-1.152-.56-2.096-1.488-2.832-.896-.768-2.096-1.152-3.6-1.152-1.312 0-2.368.336-3.168 1.008-.768.672-1.152 1.648-1.152 2.928 0 .896.288 1.648.864 2.256.608.576 1.344 1.056 2.208 1.44.896.352 2.144.768 3.744 1.248 2.176.64 3.952 1.28 5.328 1.92 1.376.64 2.56 1.6 3.552 2.88.992 1.28 1.488 2.96 1.488 5.04a9.48 9.48 0 0 1-1.392 4.992c-.928 1.536-2.288 2.768-4.08 3.696-1.792.896-3.92 1.344-6.384 1.344ZM320.893 49.12a106.825 106.825 0 0 0-173.87 86.389l15.346-12.571a3.655 3.655 0 0 1 5.13.49 3.627 3.627 0 0 1-.504 5.121l-21.824 17.877a3.655 3.655 0 0 1-5.106-.462l-18.21-21.559a3.627 3.627 0 0 1 .452-5.126 3.655 3.655 0 0 1 5.134.439l12.139 14.371a114.233 114.233 0 0 1 227.471-16.773 3.703 3.703 0 1 1-7.344.968 106.824 106.824 0 0 0-38.814-69.164Z" fill="#000000"></path><path d="M368.844 152.386a3.655 3.655 0 0 0-4.812-1.768l-25.708 11.62a3.628 3.628 0 0 0-1.812 4.816 3.655 3.655 0 0 0 4.828 1.801l17.613-7.961a106.823 106.823 0 0 1-92.09 84.722 106.828 106.828 0 0 1-111.079-64.74 3.704 3.704 0 0 0-6.831 2.867 114.235 114.235 0 0 0 217.034-20.297l8.258 17.56a3.656 3.656 0 0 0 4.846 1.752 3.628 3.628 0 0 0 1.763-4.834l-12.01-25.538ZM204.9 69.134c-4.472 3.692-6.957 8.768-7.454 15.229h7.241c.568-4.544 2.414-8.058 5.538-10.543 3.195-2.556 7.206-3.834 12.034-3.834 4.97 0 8.803 1.278 11.501 3.834 2.698 2.485 4.047 5.786 4.047 9.904 0 9.442-7.241 14.164-21.725 14.164h-2.449v6.283h2.343c15.548 0 23.322 5.396 23.322 16.187 0 4.402-1.455 8.023-4.366 10.862-2.84 2.84-6.958 4.26-12.354 4.26-5.466 0-9.868-1.455-13.205-4.366-3.337-2.982-5.324-6.851-5.963-11.608h-7.242c.71 7.1 3.443 12.602 8.2 16.507 4.757 3.833 10.827 5.75 18.21 5.75 7.739 0 13.632-1.917 17.678-5.75 4.118-3.905 6.177-8.91 6.177-15.016 0-5.467-1.491-9.868-4.473-13.205-2.981-3.408-6.993-5.609-12.033-6.603v-.532c4.827-.781 8.555-2.805 11.181-6.07 2.627-3.266 3.941-7.136 3.941-11.608 0-3.692-.888-6.993-2.663-9.904-1.704-2.982-4.259-5.325-7.667-7.029-3.408-1.704-7.49-2.556-12.247-2.556-7.171 0-13.028 1.882-17.572 5.644Z" fill="#000000"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M257.185 73.927c-3.763 6.744-5.644 16.222-5.644 28.434 0 12.424 1.846 22.044 5.537 28.859 3.763 6.816 10.543 10.224 20.341 10.224 9.726 0 16.471-3.408 20.234-10.224 3.762-6.815 5.644-16.435 5.644-28.859 0-12.212-1.882-21.69-5.644-28.434-3.763-6.745-10.508-10.117-20.234-10.117-9.727 0-16.471 3.372-20.234 10.117Zm37.379 11.714c.923 4.544 1.385 10.117 1.385 16.72 0 6.815-.462 12.53-1.385 17.145-.923 4.544-2.733 8.2-5.431 10.969s-6.603 4.153-11.714 4.153c-5.112 0-9.017-1.384-11.715-4.153-2.697-2.769-4.508-6.425-5.431-10.969-.923-4.615-1.384-10.33-1.384-17.145 0-6.603.461-12.176 1.384-16.72.923-4.544 2.734-8.2 5.431-10.969 2.698-2.769 6.603-4.153 11.715-4.153 5.111 0 9.016 1.384 11.714 4.153 2.698 2.769 4.508 6.425 5.431 10.969Z" fill="#000000"></path></svg>


<svg  width="90" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500"><path d="M173.344 348v-43.637h27.358v5.668h-20.774v13.295h19.346v5.647h-19.346v13.359h21.03V348h-27.614Zm41.638 0h-6.988l15.703-43.637h7.606L247.007 348h-6.989l-12.337-35.711h-.341L214.982 348Zm1.172-17.089h22.671v5.54h-22.671v-5.54Zm62.402-15.085c-.227-2.017-1.165-3.579-2.812-4.687-1.648-1.122-3.722-1.683-6.222-1.683-1.79 0-3.338.284-4.645.852-1.307.554-2.322 1.321-3.047 2.301-.71.966-1.065 2.067-1.065 3.302 0 1.037.242 1.932.724 2.685a6.51 6.51 0 0 0 1.939 1.896c.81.498 1.677.917 2.6 1.258a29.51 29.51 0 0 0 2.663.809l4.262 1.108c1.392.341 2.819.803 4.282 1.385s2.82 1.35 4.07 2.301a11.028 11.028 0 0 1 3.025 3.537c.782 1.406 1.172 3.09 1.172 5.05 0 2.471-.639 4.666-1.917 6.584-1.265 1.917-3.104 3.43-5.519 4.538-2.4 1.108-5.305 1.662-8.714 1.662-3.267 0-6.094-.518-8.48-1.555-2.387-1.037-4.255-2.508-5.604-4.411-1.35-1.918-2.095-4.19-2.237-6.818h6.605c.128 1.577.639 2.891 1.534 3.942.909 1.037 2.067 1.811 3.473 2.322 1.42.497 2.976.746 4.666.746 1.861 0 3.516-.291 4.965-.874 1.463-.596 2.613-1.42 3.451-2.471.838-1.066 1.257-2.309 1.257-3.729 0-1.293-.369-2.351-1.108-3.175-.724-.824-1.711-1.505-2.961-2.045-1.236-.54-2.635-1.016-4.198-1.428l-5.156-1.406c-3.494-.952-6.264-2.351-8.31-4.197-2.031-1.847-3.046-4.29-3.046-7.33 0-2.514.681-4.709 2.045-6.584 1.364-1.875 3.21-3.331 5.54-4.368 2.329-1.051 4.957-1.576 7.883-1.576 2.955 0 5.561.518 7.82 1.555 2.273 1.037 4.062 2.464 5.369 4.283 1.307 1.804 1.989 3.878 2.046 6.221h-6.35Zm13.247-11.463h7.479l11.399 19.837h.469l11.399-19.837h7.479l-15.831 26.506V348h-6.563v-17.131l-15.831-26.506ZM109.267 421v-43.637h15.554c3.381 0 6.186.583 8.416 1.747 2.245 1.165 3.921 2.777 5.029 4.837 1.108 2.045 1.662 4.411 1.662 7.095 0 2.671-.561 5.021-1.684 7.053-1.108 2.017-2.784 3.586-5.028 4.709-2.23 1.122-5.036 1.683-8.416 1.683h-11.783v-5.668h11.186c2.131 0 3.864-.305 5.199-.916 1.349-.611 2.337-1.499 2.962-2.663.625-1.165.937-2.564.937-4.198 0-1.648-.319-3.075-.959-4.283-.625-1.207-1.612-2.13-2.961-2.769-1.336-.654-3.09-.981-5.263-.981h-8.267V421h-6.584Zm21.541-19.688L141.59 421h-7.5l-10.569-19.688h7.287ZM149.739 421v-43.637h27.358v5.668h-20.774v13.295h19.346v5.647h-19.346v13.359h21.03V421h-27.614Zm35.8-37.969v-5.668h33.772v5.668h-13.615V421h-6.563v-37.969h-13.594Zm71.095-5.668h6.606v28.7c0 3.054-.718 5.76-2.152 8.118-1.435 2.344-3.452 4.191-6.052 5.54-2.599 1.335-5.646 2.003-9.14 2.003-3.48 0-6.52-.668-9.12-2.003-2.599-1.349-4.616-3.196-6.051-5.54-1.434-2.358-2.152-5.064-2.152-8.118v-28.7h6.584v28.168c0 1.974.433 3.729 1.3 5.263.881 1.534 2.123 2.741 3.729 3.622 1.605.866 3.508 1.299 5.71 1.299 2.216 0 4.126-.433 5.731-1.299 1.62-.881 2.855-2.088 3.708-3.622.866-1.534 1.299-3.289 1.299-5.263v-28.168ZM274.612 421v-43.637h15.554c3.38 0 6.186.583 8.416 1.747 2.244 1.165 3.92 2.777 5.028 4.837 1.108 2.045 1.662 4.411 1.662 7.095 0 2.671-.561 5.021-1.683 7.053-1.108 2.017-2.784 3.586-5.029 4.709-2.23 1.122-5.035 1.683-8.416 1.683h-11.782v-5.668h11.186c2.13 0 3.863-.305 5.199-.916 1.349-.611 2.336-1.499 2.961-2.663.625-1.165.938-2.564.938-4.198 0-1.648-.32-3.075-.959-4.283-.625-1.207-1.612-2.13-2.962-2.769-1.335-.654-3.089-.981-5.263-.981h-8.267V421h-6.583Zm21.541-19.688L306.934 421h-7.5l-10.568-19.688h7.287Zm54.151-23.949V421h-6.051l-22.181-32.003h-.405V421h-6.584v-43.637h6.094l22.202 32.046h.405v-32.046h6.52Zm35.203 11.463c-.227-2.017-1.164-3.579-2.812-4.687-1.648-1.122-3.722-1.683-6.222-1.683-1.789 0-3.338.284-4.645.852-1.306.554-2.322 1.321-3.046 2.301-.711.966-1.066 2.067-1.066 3.302 0 1.037.242 1.932.725 2.685a6.487 6.487 0 0 0 1.939 1.896c.809.498 1.676.917 2.599 1.258a29.51 29.51 0 0 0 2.663.809l4.262 1.108c1.392.341 2.819.803 4.282 1.385 1.464.583 2.82 1.35 4.07 2.301a11.031 11.031 0 0 1 3.026 3.537c.781 1.406 1.171 3.09 1.171 5.05 0 2.471-.639 4.666-1.917 6.584-1.264 1.917-3.104 3.43-5.519 4.538-2.4 1.108-5.305 1.662-8.714 1.662-3.267 0-6.094-.518-8.48-1.555-2.387-1.037-4.254-2.508-5.604-4.411-1.349-1.918-2.095-4.19-2.237-6.818h6.605c.128 1.577.639 2.891 1.534 3.942.909 1.037 2.067 1.811 3.473 2.322 1.421.497 2.976.746 4.666.746 1.861 0 3.516-.291 4.965-.874 1.463-.596 2.613-1.42 3.451-2.471.839-1.066 1.258-2.309 1.258-3.729 0-1.293-.37-2.351-1.108-3.175-.725-.824-1.712-1.505-2.962-2.045-1.236-.54-2.635-1.016-4.197-1.428l-5.157-1.406c-3.494-.952-6.264-2.351-8.309-4.197-2.032-1.847-3.047-4.29-3.047-7.33 0-2.514.682-4.709 2.045-6.584 1.364-1.875 3.21-3.331 5.54-4.368 2.33-1.051 4.957-1.576 7.883-1.576 2.955 0 5.562.518 7.82 1.555 2.273 1.037 4.063 2.464 5.369 4.283 1.307 1.804 1.989 3.878 2.046 6.221h-6.35Z" fill="#303030"></path><path d="M245.426 31.836a100.948 100.948 0 0 1 108.304 87.417 3.5 3.5 0 1 0 6.94-.915 107.947 107.947 0 0 0-214.698 6.485l-18.436-26.45a3.5 3.5 0 0 0-5.743 4.003l24.234 34.766a3.5 3.5 0 0 0 3.276 2.149 3.497 3.497 0 0 0 2.059-.634l35.322-24.782a3.501 3.501 0 0 0-4.021-5.731l-29.905 20.983a100.944 100.944 0 0 1 92.668-97.291Z" fill="#000000"></path><path d="M315.164 99.767a3.5 3.5 0 0 1-.023 4.949l-72.44 71.761a3.498 3.498 0 0 1-5.034-.111l-33.05-35.767a3.5 3.5 0 0 1 5.141-4.751l30.591 33.105 69.865-69.21a3.5 3.5 0 0 1 4.95.024Z" fill="#000000"></path><path d="M355.655 152.925a3.497 3.497 0 0 1 1.505-.314 3.5 3.5 0 0 1 3.461 2.757l17.886 38.287a3.5 3.5 0 0 1-6.343 2.962l-13.758-29.451a107.945 107.945 0 0 1-203.831 13.942 3.5 3.5 0 0 1 6.455-2.709 100.94 100.94 0 0 0 104.966 61.178 100.95 100.95 0 0 0 86.466-77.508l-32.933 14.984a3.5 3.5 0 0 1-2.898-6.372l39.024-17.756Z" fill="#000000"></path></svg>



<svg width="90" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500"><path d="M179.028 348v-43.637h27.059v5.668h-20.476v13.295h18.537v5.647h-18.537V348h-6.583Zm36.956 0v-43.637h15.554c3.381 0 6.186.583 8.416 1.747 2.244 1.165 3.921 2.777 5.028 4.837 1.108 2.046 1.662 4.411 1.662 7.095 0 2.671-.561 5.022-1.683 7.053-1.108 2.017-2.784 3.586-5.028 4.709-2.23 1.122-5.036 1.683-8.416 1.683h-11.783v-5.668h11.186c2.131 0 3.864-.305 5.199-.916 1.349-.611 2.336-1.499 2.961-2.663.625-1.165.938-2.564.938-4.198 0-1.647-.32-3.075-.959-4.282-.625-1.208-1.612-2.131-2.961-2.77-1.336-.654-3.09-.98-5.263-.98h-8.267V348h-6.584Zm21.541-19.688L248.306 348h-7.5l-10.568-19.688h7.287ZM256.456 348v-43.637h27.358v5.668H263.04v13.295h19.346v5.647H263.04v13.359h21.029V348h-27.613Zm37.952 0v-43.637h27.358v5.668h-20.774v13.295h19.347v5.647h-19.347v13.359h21.03V348h-27.614Zm-163.12 40.826c-.227-2.017-1.165-3.579-2.813-4.687-1.647-1.122-3.721-1.683-6.221-1.683-1.79 0-3.338.284-4.645.852-1.307.554-2.323 1.321-3.047 2.301-.71.966-1.065 2.067-1.065 3.303 0 1.037.241 1.931.724 2.684a6.514 6.514 0 0 0 1.939 1.897c.81.497 1.676.916 2.599 1.257.924.326 1.812.596 2.664.809l4.261 1.108c1.392.341 2.82.803 4.283 1.385a17.21 17.21 0 0 1 4.069 2.301 11.031 11.031 0 0 1 3.026 3.537c.781 1.407 1.172 3.09 1.172 5.05 0 2.472-.639 4.666-1.918 6.584-1.264 1.917-3.103 3.43-5.518 4.538-2.401 1.108-5.306 1.662-8.715 1.662-3.267 0-6.093-.518-8.48-1.555-2.386-1.037-4.254-2.507-5.603-4.411-1.35-1.917-2.096-4.19-2.238-6.818h6.605c.128 1.577.64 2.891 1.535 3.942.909 1.037 2.066 1.811 3.473 2.322 1.42.497 2.975.746 4.666.746 1.861 0 3.515-.291 4.964-.874 1.463-.596 2.614-1.42 3.452-2.471.838-1.066 1.257-2.308 1.257-3.729 0-1.293-.369-2.351-1.108-3.175-.724-.824-1.712-1.505-2.962-2.045-1.235-.54-2.635-1.016-4.197-1.428l-5.156-1.406c-3.495-.952-6.264-2.351-8.31-4.197-2.031-1.847-3.047-4.29-3.047-7.33 0-2.514.682-4.709 2.046-6.584 1.363-1.875 3.21-3.331 5.539-4.368 2.33-1.051 4.958-1.576 7.884-1.576 2.954 0 5.561.518 7.82 1.555 2.272 1.037 4.062 2.465 5.369 4.283 1.307 1.804 1.989 3.878 2.045 6.221h-6.349ZM147.901 421v-43.637h6.584v18.963h21.755v-18.963h6.605V421h-6.605v-19.027h-21.755V421h-6.584Zm52.916-43.637V421h-6.584v-43.637h6.584ZM212.205 421v-43.637h15.554c3.394 0 6.207.618 8.437 1.854 2.23 1.236 3.899 2.926 5.007 5.071 1.108 2.131 1.662 4.531 1.662 7.202 0 2.684-.561 5.099-1.683 7.244-1.108 2.131-2.784 3.821-5.029 5.071-2.23 1.236-5.035 1.854-8.416 1.854h-10.696v-5.583h10.1c2.145 0 3.885-.369 5.22-1.108 1.335-.752 2.315-1.775 2.94-3.068.625-1.292.938-2.763.938-4.41 0-1.648-.313-3.111-.938-4.39-.625-1.278-1.612-2.279-2.961-3.004-1.336-.724-3.097-1.086-5.285-1.086h-8.267V421h-6.583Zm40.178 0v-43.637h15.554c3.395 0 6.208.618 8.438 1.854 2.23 1.236 3.899 2.926 5.007 5.071 1.108 2.131 1.662 4.531 1.662 7.202 0 2.684-.561 5.099-1.683 7.244-1.108 2.131-2.784 3.821-5.029 5.071-2.23 1.236-5.035 1.854-8.416 1.854H257.22v-5.583h10.1c2.144 0 3.885-.369 5.22-1.108 1.335-.752 2.315-1.775 2.94-3.068.625-1.292.938-2.763.938-4.41 0-1.648-.313-3.111-.938-4.39-.625-1.278-1.612-2.279-2.962-3.004-1.335-.724-3.096-1.086-5.284-1.086h-8.267V421h-6.584Zm46.763-43.637V421h-6.584v-43.637h6.584Zm46.608 0V421h-6.051l-22.18-32.003h-.405V421h-6.584v-43.637h6.094l22.202 32.046h.405v-32.046h6.519Zm40.936 13.786c-.412-1.293-.966-2.45-1.662-3.473a10.63 10.63 0 0 0-2.45-2.642 10.306 10.306 0 0 0-3.26-1.684c-1.208-.383-2.536-.575-3.985-.575-2.457 0-4.673.632-6.648 1.897-1.974 1.264-3.536 3.117-4.687 5.561-1.136 2.429-1.705 5.404-1.705 8.927 0 3.537.576 6.527 1.726 8.97 1.151 2.444 2.728 4.297 4.73 5.561 2.003 1.265 4.283 1.897 6.84 1.897 2.372 0 4.439-.483 6.2-1.449a10.095 10.095 0 0 0 4.112-4.091c.981-1.776 1.471-3.864 1.471-6.264l1.704.319H376.59v-5.433h17.152v4.965c0 3.664-.781 6.846-2.343 9.545-1.549 2.685-3.694 4.759-6.435 6.222-2.727 1.463-5.852 2.194-9.375 2.194-3.949 0-7.415-.909-10.398-2.727-2.969-1.818-5.284-4.396-6.946-7.734-1.662-3.353-2.493-7.33-2.493-11.932 0-3.48.483-6.605 1.449-9.375.966-2.77 2.323-5.121 4.07-7.053a17.767 17.767 0 0 1 6.2-4.453c2.386-1.037 4.993-1.555 7.82-1.555 2.358 0 4.552.348 6.583 1.044 2.046.696 3.864 1.683 5.455 2.961a16.781 16.781 0 0 1 3.984 4.56c1.051 1.747 1.762 3.686 2.131 5.817h-6.754Z" fill="#303030"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M202.113 183.312c.008.26.012.52.012.782 0 13.755-11.151 24.906-24.906 24.906-13.756 0-24.907-11.151-24.907-24.906 0-.262.005-.523.013-.783h-12.038a5.141 5.141 0 0 1-3.548-1.415 4.991 4.991 0 0 1-1.551-3.611V70.027c0-1.387.578-2.683 1.551-3.612A5.14 5.14 0 0 1 140.287 65h170.918c1.706 0 3.395.368 4.943 1.082a11.448 11.448 0 0 1 4.011 3.07l42.114 50.684a10.909 10.909 0 0 1 2.539 6.98v51.47a4.979 4.979 0 0 1-1.551 3.611 5.106 5.106 0 0 1-1.649 1.054 5.158 5.158 0 0 1-1.899.361h-12.038c.008.26.013.52.013.782 0 13.755-11.151 24.906-24.907 24.906-13.755 0-24.906-11.151-24.906-24.906 0-.262.004-.522.012-.782h-95.774Zm-59.925-7.001V72h121.437v104.312h-62.74c-3.267-9.944-12.628-17.124-23.666-17.124-11.08 0-20.47 7.234-23.704 17.238a3.487 3.487 0 0 0-.891-.115h-10.436Zm128.437.001V72h27.25v48.22c0 3.069 1.176 6.036 3.307 8.242 2.135 2.21 5.056 3.476 8.129 3.476h48.501v44.374h-11.364c-3.268-9.944-12.629-17.124-23.667-17.124-11.038 0-20.399 7.18-23.666 17.124h-28.49ZM304.875 72v48.22c0 1.29.496 2.503 1.342 3.379a4.301 4.301 0 0 0 3.094 1.338h48.009a4.105 4.105 0 0 0-.43-.627l-42.115-50.685a4.45 4.45 0 0 0-1.559-1.187 4.809 4.809 0 0 0-2.011-.438h-6.33Zm35.18 107.358a3.485 3.485 0 0 0 .46 2.241c.114.815.173 1.648.173 2.495 0 9.889-8.017 17.906-17.907 17.906-9.889 0-17.906-8.017-17.906-17.906 0-9.89 8.017-17.906 17.906-17.906 8.25 0 15.197 5.579 17.274 13.17Zm-180.743 4.736c0-9.89 8.017-17.906 17.907-17.906 9.889 0 17.906 8.016 17.906 17.906 0 9.889-8.017 17.906-17.906 17.906-9.89 0-17.907-8.017-17.907-17.906Z" fill="#000000"></path></svg>


<svg width="90" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500"><path d="M70.532 318.149c-.412-1.293-.966-2.451-1.662-3.473a10.613 10.613 0 0 0-2.45-2.642 10.296 10.296 0 0 0-3.26-1.684c-1.208-.383-2.536-.575-3.985-.575-2.457 0-4.673.632-6.647 1.896-1.975 1.265-3.538 3.118-4.688 5.562-1.136 2.428-1.705 5.404-1.705 8.927 0 3.537.576 6.527 1.726 8.97 1.15 2.443 2.728 4.297 4.73 5.561 2.003 1.265 4.283 1.897 6.84 1.897 2.372 0 4.439-.483 6.2-1.449a10.098 10.098 0 0 0 4.112-4.091c.98-1.776 1.47-3.864 1.47-6.264l1.705.319H60.432v-5.433h17.152v4.965c0 3.664-.781 6.846-2.344 9.545-1.548 2.685-3.693 4.758-6.434 6.222-2.727 1.463-5.852 2.194-9.375 2.194-3.949 0-7.415-.909-10.398-2.727-2.969-1.818-5.284-4.396-6.946-7.735-1.662-3.352-2.493-7.329-2.493-11.931 0-3.48.483-6.605 1.45-9.375.965-2.77 2.322-5.121 4.069-7.053a17.77 17.77 0 0 1 6.2-4.453c2.386-1.037 4.993-1.555 7.82-1.555 2.357 0 4.552.348 6.583 1.044 2.046.696 3.864 1.683 5.455 2.961a16.781 16.781 0 0 1 3.984 4.56c1.052 1.747 1.762 3.686 2.131 5.817h-6.754Zm45.271-13.786h6.605v28.7c0 3.054-.717 5.76-2.152 8.118-1.435 2.344-3.452 4.191-6.051 5.54-2.599 1.335-5.646 2.003-9.141 2.003-3.48 0-6.52-.668-9.119-2.003-2.6-1.349-4.616-3.196-6.051-5.54-1.435-2.358-2.152-5.064-2.152-8.118v-28.7h6.584v28.168c0 1.974.433 3.728 1.3 5.263.88 1.534 2.123 2.741 3.728 3.622 1.605.866 3.509 1.299 5.71 1.299 2.216 0 4.127-.433 5.732-1.299 1.619-.881 2.855-2.088 3.707-3.622.867-1.535 1.3-3.289 1.3-5.263v-28.168ZM137.466 348h-6.988l15.703-43.637h7.606L169.49 348h-6.988l-12.337-35.711h-.341L137.466 348Zm1.172-17.089h22.671v5.54h-22.671v-5.54ZM177.592 348v-43.637h15.554c3.381 0 6.186.583 8.416 1.747 2.244 1.165 3.921 2.777 5.028 4.837 1.108 2.045 1.662 4.411 1.662 7.095 0 2.671-.561 5.021-1.683 7.053-1.108 2.017-2.784 3.586-5.028 4.709-2.23 1.122-5.036 1.683-8.416 1.683h-11.783v-5.668h11.186c2.131 0 3.864-.305 5.199-.916 1.349-.611 2.336-1.499 2.961-2.663.625-1.165.938-2.564.938-4.198 0-1.648-.32-3.075-.959-4.282-.625-1.208-1.612-2.131-2.961-2.77-1.336-.654-3.09-.98-5.263-.98h-8.267V348h-6.584Zm21.541-19.688L209.914 348h-7.5l-10.568-19.688h7.287ZM221.75 348h-6.989l15.703-43.637h7.607L253.774 348h-6.989l-12.336-35.711h-.341L221.75 348Zm1.172-17.089h22.67v5.54h-22.67v-5.54Zm74.174-26.548V348h-6.051l-22.181-32.003h-.405V348h-6.584v-43.637h6.094l22.202 32.046h.405v-32.046h6.52Zm9.252 5.668v-5.668h33.771v5.668h-13.615V348h-6.563v-37.969h-13.593ZM349.382 348v-43.637h27.358v5.668h-20.774v13.295h19.346v5.647h-19.346v13.359h21.029V348h-27.613Zm37.952 0v-43.637h27.358v5.668h-20.774v13.295h19.346v5.647h-19.346v13.359h21.03V348h-27.614Zm52.079 0h-14.127v-43.637h14.574c4.276 0 7.948.874 11.016 2.621 3.068 1.733 5.419 4.226 7.052 7.479 1.648 3.238 2.472 7.123 2.472 11.654 0 4.546-.831 8.452-2.493 11.719-1.648 3.267-4.034 5.781-7.159 7.543-3.125 1.747-6.903 2.621-11.335 2.621Zm-7.543-5.753h7.181c3.323 0 6.086-.625 8.288-1.875 2.202-1.264 3.849-3.09 4.943-5.476 1.094-2.401 1.641-5.327 1.641-8.779 0-3.423-.547-6.328-1.641-8.714-1.079-2.386-2.692-4.197-4.836-5.433-2.145-1.236-4.809-1.854-7.991-1.854h-7.585v32.131Zm-297.711 64.605h6.477l4.56 5.944 2.152 2.642 7.265 9.482h-6.733l-4.858-6.328-1.662-2.301-7.201-9.439Zm21.86-7.671c0 4.659-.852 8.665-2.556 12.017-1.705 3.338-4.042 5.91-7.01 7.713-2.955 1.79-6.314 2.685-10.078 2.685-3.779 0-7.152-.895-10.121-2.685-2.955-1.803-5.284-4.382-6.989-7.734-1.704-3.352-2.557-7.351-2.557-11.996 0-4.659.853-8.657 2.557-11.995 1.705-3.353 4.034-5.924 6.989-7.713 2.969-1.804 6.342-2.706 10.121-2.706 3.764 0 7.123.902 10.078 2.706 2.968 1.789 5.305 4.36 7.01 7.713 1.704 3.338 2.556 7.336 2.556 11.995Zm-6.519 0c0-3.551-.576-6.541-1.726-8.97-1.137-2.443-2.699-4.29-4.688-5.54-1.974-1.264-4.211-1.896-6.711-1.896-2.515 0-4.759.632-6.733 1.896-1.975 1.25-3.537 3.097-4.688 5.54-1.136 2.429-1.704 5.419-1.704 8.97 0 3.552.568 6.549 1.704 8.992 1.151 2.429 2.713 4.275 4.688 5.54 1.974 1.25 4.218 1.875 6.733 1.875 2.5 0 4.737-.625 6.711-1.875 1.989-1.265 3.551-3.111 4.688-5.54 1.15-2.443 1.726-5.44 1.726-8.992Zm44.589-21.818h6.605v28.7c0 3.054-.717 5.76-2.152 8.118-1.435 2.344-3.452 4.191-6.051 5.54-2.6 1.335-5.646 2.003-9.141 2.003-3.48 0-6.52-.668-9.119-2.003-2.599-1.349-4.617-3.196-6.051-5.54-1.435-2.358-2.152-5.064-2.152-8.118v-28.7h6.584v28.168c0 1.974.433 3.729 1.299 5.263.881 1.534 2.124 2.741 3.729 3.622 1.605.866 3.509 1.299 5.71 1.299 2.216 0 4.127-.433 5.732-1.299 1.619-.881 2.855-2.088 3.707-3.622.867-1.534 1.3-3.289 1.3-5.263v-28.168ZM215.752 421h-6.988l15.703-43.637h7.606L247.776 421h-6.988l-12.337-35.711h-.341L215.752 421Zm1.172-17.089h22.671v5.54h-22.671v-5.54ZM255.878 421v-43.637h6.584v37.969h19.772V421h-26.356Zm42.251-43.637V421h-6.584v-43.637h6.584Zm9.236 5.668v-5.668h33.771v5.668h-13.615V421h-6.562v-37.969h-13.594Zm39.667-5.668h7.479L365.91 397.2h.469l11.399-19.837h7.479l-15.831 26.506V421h-6.563v-17.131l-15.831-26.506Z" fill="#303030"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M248.531 61.395c-21.746 0-39.374 17.629-39.374 39.374 0 21.746 17.628 39.374 39.374 39.374 21.745 0 39.373-17.628 39.373-39.374 0-21.745-17.628-39.374-39.373-39.374Zm-32.374 39.374c0-17.88 14.494-32.374 32.374-32.374 17.879 0 32.373 14.495 32.373 32.374 0 17.88-14.494 32.374-32.373 32.374-17.88 0-32.374-14.494-32.374-32.374Z" fill="#000000"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M313.822 127.588c3.317-8.172 5.144-17.108 5.144-26.471 0-38.9-31.535-70.435-70.435-70.435-38.901 0-70.436 31.535-70.436 70.435 0 10.158 2.15 19.813 6.02 28.536l-43.35 69.079-.01.014a4.938 4.938 0 0 0 .127 5.467 4.932 4.932 0 0 0 5.109 1.988l42.697-9.457 9.43 42.703a4.938 4.938 0 0 0 3.958 3.794 4.93 4.93 0 0 0 5.012-2.195l.007-.01L250 174.51l42.905 66.526.006.01a4.937 4.937 0 0 0 5.013 2.195 4.94 4.94 0 0 0 3.958-3.794l9.43-42.703 42.697 9.457a4.932 4.932 0 0 0 5.226-7.469l-45.413-71.144Zm-65.291-89.906c-35.035 0-63.436 28.4-63.436 63.435 0 9.709 2.181 18.908 6.08 27.135.051.094.097.19.138.288 10.229 21.304 32.006 36.012 57.218 36.012 25.715 0 47.857-15.302 57.817-37.297a3.497 3.497 0 0 1 .707-1.622 63.243 63.243 0 0 0 4.911-24.516c0-35.034-28.401-63.435-63.435-63.435Zm61.743 97.357a70.67 70.67 0 0 1-3.163 5.2c-11.302 16.889-29.713 28.618-50.952 30.905l39.956 61.954 8.808-39.883a4.924 4.924 0 0 1 2.164-3.095 4.93 4.93 0 0 1 3.72-.658l39.84 8.825-40.373-63.248Zm-160.973 63.26 38.54-61.413c11.482 19.441 32.04 32.885 55.843 34.502l-39.799 61.71-8.808-39.882a4.936 4.936 0 0 0-3.959-3.795 4.931 4.931 0 0 0-1.925.042l-39.892 8.836Z" fill="#000000"></path></svg>



    </div>
</div>

            </div>
        </div>
    </div>
</section>


<section class="product-section ">
    <div class="container">
        <div class="row ">
            <div class="col-md-6">
                <video class="img-fluid" autoplay muted loop playsinline>
                    <source src="img/b1.mp4" type="video/mp4">
                    Ваш браузер не поддерживает видео-теги.
                </video>
            </div>
            <div class="col-md-6">
                <h3 class="fw-bold">Mesmerizing Sea Experience</h3>
                <p>The LumaJelly light brings the tranquility of the ocean to your home with its lifelike swimming motion and full-color, auto-cycling gradient lighting effects, creating a serene underwater ambiance in any room.</p>
            </div>
        </div>
    </div>
</section>
<section class="product-section mm">
    <div class="container">
        <div class="row ">
            <div class="col-md-6">
                <h3 class="fw-bold"> Dual-Mode Innovation</h3>
                <p>Engage with the atmosphere night light through two interactive modes: a hands-free automatic setting for continuous calm and a sound-activated mode that brings the LED light to life with your favorite music.</p>
            </div>
            <div class="col-md-6">
                <video class="img-fluid" autoplay muted loop playsinline>
                    <source src="img/b2.mp4" type="video/mp4">
                    Ваш браузер не поддерживает видео-теги.
                </video>
            </div>
        </div>
    </div>
</section>
<section class="product-section bb">
    <div class="container">
        <div class="row ">
            <div class="col-md-6">
                <video class="img-fluid" autoplay muted loop playsinline>
                    <source src="img/b2.mp4" type="video/mp4">
                    Ваш браузер не поддерживает видео-теги.
                </video>
            </div>
            <div class="col-md-6">
                <h3 class="fw-bold"> Dual-Mode Innovation</h3>
                <p>Engage with the atmosphere night light through two interactive modes: a hands-free automatic setting for continuous calm and a sound-activated mode that brings the LED light to life with your favorite music.</p>
            </div>
        </div>
    </div>
</section>
<section class="product-section ">
    <div class="container">
        <div class="row ">
            <div class="col-md-6">
                <video class="img-fluid" autoplay muted loop playsinline>
                    <source src="img/b3.mp4" type="video/mp4">
                    Ваш браузер не поддерживает видео-теги.
                </video>            </div>
            <div class="col-md-6">
                <h3 class="fw-bold">Intuitive Design & Rotation</h3>
                <p>With nine rotatable tentacles, the LED smart jellyfish night light mimics the natural movement of a jellyfish, captivating onlookers with its graceful and hypnotic dance, perfect for sparking imagination and wonder.</p>
            </div>
        </div>
    </div>
</section>
<section class="product-section mm">
    <div class="container">
        <div class="row ">
            <div class="col-md-6">
                <h3 class="fw-bold">Cute & Safe to Build</h3>
                <p>The LumaJelly is designed for both hanging and standing installation, with a cute, glowing form that brings joy to both children and adults. Its smooth, rounded edges ensure safety, preventing any hand injuries during use or when adjusting the light.</p>
            </div>
            <div class="col-md-6">
                <video class="img-fluid" autoplay muted loop playsinline>
                    <source src="img/b4.mp4" type="video/mp4">
                    Ваш браузер не поддерживает видео-теги.
                </video>           
            </div>
        </div>
    </div>
</section>
<section class="product-section bb">
    <div class="container">
        <div class="row ">
            <div class="col-md-6">
                <video class="img-fluid" autoplay muted loop playsinline>
                    <source src="img/b4.mp4" type="video/mp4">
                    Ваш браузер не поддерживает видео-теги.
                </video>
            </div>
            <div class="col-md-6">
                <h3 class="fw-bold">Cute & Safe to Build</h3>
                <p>The LumaJelly is designed for both hanging and standing installation, with a cute, glowing form that brings joy to both children and adults. Its smooth, rounded edges ensure safety, preventing any hand injuries during use or when adjusting the light.</p>
            </div>
        </div>
    </div>
</section>


<section class="absec">
    <div class="container">
        <div class="row ">
            <div class="col-md-6 abbox">
                <h2>
                    LumaJelly LAMP
                </h2>
                <p>Immerse yourself into a relaxing ocean atmosphere and transform any room in a second</p>
            </div>
            <div class="col-md-6 abbox">
                <div class="twentytwenty-container">
                    <img src="img/ab_1.jpg" />
                    <img src="img/ab_2.jpg" />
                </div>
            </div>
        </div>
    </div>
</section>


<section>
    <div class="list-faq">
        <div class="faq-section">
            <h2 class="faq-header">LumaJelly FAQs</h2>
            <div class="accordion" id="faqAccordion"></div>
        </div>
    </div>
</section>

<section class="guarantees text-center">
    <div class="container">
        <h4 class="fw-bold mb-4">30-Day Money-Back Guarantee</h4>
        <p>If you're not satisfied with your LumaJelly Lamp, return it within 30 days without any hassle!</p>
    </div>
</section>

<section class="rate">
    <div class="container my-5">
        <div class="row">
            <div class="col-md-6 text-center">
                <h4>Customer Reviews</h4>
                <div class="my-3">
                    <i class="fas fa-star text-warning"></i>
                    <i class="fas fa-star text-warning"></i>
                    <i class="fas fa-star text-warning"></i>
                    <i class="fas fa-star text-warning"></i>
                    <i class="fas fa-star-half-alt text-warning"></i>
                </div>
                <p><strong>4.74</strong> out of 5</p>
                <p>Based on 42 reviews</p>
            </div>
            <div class="col-md-6">
                <div class="d-flex align-items-center mb-2">
                    <div class="me-2">
                        <i class="fas fa-star text-warning"></i>
                        <i class="fas fa-star text-warning"></i>
                        <i class="fas fa-star text-warning"></i>
                        <i class="fas fa-star text-warning"></i>
                        <i class="fas fa-star text-warning"></i>
                    </div>
                    <div class="progress flex-grow-1" style="height: 10px;">
                        <div class="progress-bar bg-dark" style="width: 75%;"></div>
                    </div>
                    <span class="ms-2">31</span>
                </div>
                <div class="d-flex align-items-center mb-2">
                    <div class="me-2">
                        <i class="fas fa-star text-warning"></i>
                        <i class="fas fa-star text-warning"></i>
                        <i class="fas fa-star text-warning"></i>
                        <i class="fas fa-star text-warning"></i>
                        <i class="far fa-star"></i>
                    </div>
                    <div class="progress flex-grow-1" style="height: 10px;">
                        <div class="progress-bar bg-dark" style="width: 25%;"></div>
                    </div>
                    <span class="ms-2">11</span>
                </div>
                <div class="d-flex align-items-center mb-2">
                    <div class="me-2">
                        <i class="fas fa-star text-warning"></i>
                        <i class="fas fa-star text-warning"></i>
                        <i class="fas fa-star text-warning"></i>
                        <i class="far fa-star"></i>
                        <i class="far fa-star"></i>
                    </div>
                    <div class="progress flex-grow-1" style="height: 10px;">
                        <div class="progress-bar bg-dark" style="width: 0%;"></div>
                    </div>
                    <span class="ms-2">0</span>
                </div>
                <div class="d-flex align-items-center mb-2">
                    <div class="me-2">
                        <i class="fas fa-star text-warning"></i>
                        <i class="fas fa-star text-warning"></i>
                        <i class="far fa-star"></i>
                        <i class="far fa-star"></i>
                        <i class="far fa-star"></i>
                    </div>
                    <div class="progress flex-grow-1" style="height: 10px;">
                        <div class="progress-bar bg-dark" style="width: 0%;"></div>
                    </div>
                    <span class="ms-2">0</span>
                </div>
                <div class="d-flex align-items-center">
                    <div class="me-2">
                        <i class="fas fa-star text-warning"></i>
                        <i class="far fa-star"></i>
                        <i class="far fa-star"></i>
                        <i class="far fa-star"></i>
                        <i class="far fa-star"></i>
                    </div>
                    <div class="progress flex-grow-1" style="height: 10px;">
                        <div class="progress-bar bg-dark" style="width: 0%;"></div>
                    </div>
                    <span class="ms-2">0</span>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="reviews my-5">
    <div class="container my-5">
        <div class="row">
            <div id="reviewsContainer" class="row"></div>
            <ul id="pagination" class="pagination-custom mt-4"></ul>
        </div>
    </div>
</section>








<footer>
    <div class="footer-wave"></div>
    <div class="footer-content text-center py-4">
        <ul class="list list-payment" role="list">
            <li class="list-payment__item">
                <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="pi-american_express" viewBox="0 0 38 24" width="38" height="24"><title id="pi-american_express">American Express</title><path fill="#000" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3Z" opacity=".07"></path><path fill="#006FCF" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32Z"></path><path fill="#FFF" d="M22.012 19.936v-8.421L37 11.528v2.326l-1.732 1.852L37 17.573v2.375h-2.766l-1.47-1.622-1.46 1.628-9.292-.02Z"></path><path fill="#006FCF" d="M23.013 19.012v-6.57h5.572v1.513h-3.768v1.028h3.678v1.488h-3.678v1.01h3.768v1.531h-5.572Z"></path><path fill="#006FCF" d="m28.557 19.012 3.083-3.289-3.083-3.282h2.386l1.884 2.083 1.89-2.082H37v.051l-3.017 3.23L37 18.92v.093h-2.307l-1.917-2.103-1.898 2.104h-2.321Z"></path><path fill="#FFF" d="M22.71 4.04h3.614l1.269 2.881V4.04h4.46l.77 2.159.771-2.159H37v8.421H19l3.71-8.421Z"></path><path fill="#006FCF" d="m23.395 4.955-2.916 6.566h2l.55-1.315h2.98l.55 1.315h2.05l-2.904-6.566h-2.31Zm.25 3.777.875-2.09.873 2.09h-1.748Z"></path><path fill="#006FCF" d="M28.581 11.52V4.953l2.811.01L32.84 9l1.456-4.046H37v6.565l-1.74.016v-4.51l-1.644 4.494h-1.59L30.35 7.01v4.51h-1.768Z"></path></svg>
            </li>
            <li class="list-payment__item">
                <svg class="icon icon--full-color" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-master"><title id="pi-master">Mastercard</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"></path><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"></path><circle fill="#EB001B" cx="15" cy="12" r="7"></circle><circle fill="#F79E1B" cx="23" cy="12" r="7"></circle><path fill="#FF5F00" d="M22 12c0-2.4-1.2-4.5-3-5.7-1.8 1.3-3 3.4-3 5.7s1.2 4.5 3 5.7c1.8-1.2 3-3.3 3-5.7z"></path></svg>
            </li>

            <li class="list-payment__item">
                <svg class="icon icon--full-color" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-visa"><title id="pi-visa">Visa</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"></path><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"></path><path d="M28.3 10.1H28c-.4 1-.7 1.5-1 3h1.9c-.3-1.5-.3-2.2-.6-3zm2.9 5.9h-1.7c-.1 0-.1 0-.2-.1l-.2-.9-.1-.2h-2.4c-.1 0-.2 0-.2.2l-.3.9c0 .1-.1.1-.1.1h-2.1l.2-.5L27 8.7c0-.5.3-.7.8-.7h1.5c.1 0 .2 0 .2.2l1.4 6.5c.1.4.2.7.2 1.1.1.1.1.1.1.2zm-13.4-.3l.4-1.8c.1 0 .2.1.2.1.7.3 1.4.5 2.1.4.2 0 .5-.1.7-.2.5-.2.5-.7.1-1.1-.2-.2-.5-.3-.8-.5-.4-.2-.8-.4-1.1-.7-1.2-1-.8-2.4-.1-3.1.6-.4.9-.8 1.7-.8 1.2 0 2.5 0 3.1.2h.1c-.1.6-.2 1.1-.4 1.7-.5-.2-1-.4-1.5-.4-.3 0-.6 0-.9.1-.2 0-.3.1-.4.2-.2.2-.2.5 0 .7l.5.4c.4.2.8.4 1.1.6.5.3 1 .8 1.1 1.4.2.9-.1 1.7-.9 2.3-.5.4-.7.6-1.4.6-1.4 0-2.5.1-3.4-.2-.1.2-.1.2-.2.1zm-3.5.3c.1-.7.1-.7.2-1 .5-2.2 1-4.5 1.4-6.7.1-.2.1-.3.3-.3H18c-.2 1.2-.4 2.1-.7 3.2-.3 1.5-.6 3-1 4.5 0 .2-.1.2-.3.2M5 8.2c0-.1.2-.2.3-.2h3.4c.5 0 .9.3 1 .8l.9 4.4c0 .1 0 .1.1.2 0-.1.1-.1.1-.1l2.1-5.1c-.1-.1 0-.2.1-.2h2.1c0 .1 0 .1-.1.2l-3.1 7.3c-.1.2-.1.3-.2.4-.1.1-.3 0-.5 0H9.7c-.1 0-.2 0-.2-.2L7.9 9.5c-.2-.2-.5-.5-.9-.6-.6-.3-1.7-.5-1.9-.5L5 8.2z" fill="#142688"></path></svg>
            </li></ul>
        <address>© 2024, Powered by LumaJelly®</address>
    </div>
</footer>

<script>

    $(document).ready(function () {
        // Конфигурация для FAQ
        const faqConfig = [
            {
                question: "What's in the box?",
                answer: [
                    "LumaJelly body",
                    "3+6 pcs Tentacles",
                    "Cord",
                    "Sucker",
                    "Charge cable",
                    "Underprop base",
                    "Underprop pillar",
                ],
            },
            {
                question: "How long does the battery last?",
                answer: "The Battery operating duration is 3 hours. Recharging: 1.5 hours",
            },
            {
                question: "Is the light eye friendly?",
                answer: "The LumaJelly is soft and eye friendly, no strobe no damage to eyesight.",
            },
            {
                question: "What happens if I leave it on?",
                answer: "To save power, the LumaJelly will automatically turn off in 30 minutes after the latest press.",
            },
            {
                question: "The LumaJelly flickers red light",
                answer: "This means it is out of battery, please recharge it with a USB-C power cable.",
            },
        ];
        const reviews = [
            {
                user: "Helen M.",
                date: "09/29/2024",
                rating: 5,
                title: "The perfect lamp for my room",
                text: "I saw this and immediately fell in love with this jellyfish lamp. It arrived within eight days in Miami, and I'll get two more for my mom and sister.",
                image: "https://via.placeholder.com/100x100?text=Lamp1"
            },
            {
                user: "Helen M.",
                date: "09/29/2024",
                rating: 5,
                title: "The perfect lamp for my room",
                text: "I saw this and immediately fell in love with this jellyfish lamp. It arrived within eight days in Miami, and I'll get two more for my mom and sister.",
                image: "https://via.placeholder.com/100x100?text=Lamp1"
            },
            {
                user: "Helen M.",
                date: "09/29/2024",
                rating: 5,
                title: "The perfect lamp for my room",
                text: "I saw this and immediately fell in love with this jellyfish lamp. It arrived within eight days in Miami, and I'll get two more for my mom and sister.",
                image: "https://via.placeholder.com/100x100?text=Lamp1"
            },
            {
                user: "Helen M.",
                date: "09/29/2024",
                rating: 5,
                title: "The perfect lamp for my room",
                text: "I saw this and immediately fell in love with this jellyfish lamp. It arrived within eight days in Miami, and I'll get two more for my mom and sister.",
                image: "https://via.placeholder.com/100x100?text=Lamp1"
            },
            {
                user: "Helen M.",
                date: "09/29/2024",
                rating: 5,
                title: "The perfect lamp for my room",
                text: "I saw this and immediately fell in love with this jellyfish lamp. It arrived within eight days in Miami, and I'll get two more for my mom and sister.",
                image: "https://via.placeholder.com/100x100?text=Lamp1"
            },
            {
                user: "Christina F.",
                date: "10/10/2024",
                rating: 5,
                title: "Most amazing lamp ever",
                text: "The jellyfish is the most beautiful lamp I've ever owned. Building it was so much fun, and the way it glows and moves is mesmerizing. Love it!",
                image: "https://via.placeholder.com/100x100?text=Lamp2"
            },
            {
                user: "Nick S.",
                date: "09/21/2024",
                rating: 4,
                title: "Great quality lamp",
                text: "I love the quality of this lamp. It fits perfectly in my living room and provides a warm ambiance.",
                image: "https://via.placeholder.com/100x100?text=Lamp3"
            },
            {
                user: "Emily T.",
                date: "10/01/2024",
                rating: 3,
                title: "Good, but could be better",
                text: "The lamp looks nice, but the delivery took longer than expected.",
                image: "https://via.placeholder.com/100x100?text=Lamp4"
            },
            {
                user: "John D.",
                date: "09/15/2024",
                rating: 5,
                title: "Fantastic lamp",
                text: "This lamp is amazing! Bright, stylish, and easy to assemble. Highly recommended.",
                image: "https://via.placeholder.com/100x100?text=Lamp5"
            }
        ];

        const faqContainer = $("#faqAccordion");
        faqConfig.forEach((faq, index) => {
            const isList = Array.isArray(faq.answer); // Проверяем, является ли ответ списком
            const answerContent = isList
                ? `<ul>${faq.answer.map((item) => `<li>${item}</li>`).join("")}</ul>`
                : `<p>${faq.answer}</p>`;

            const faqItem = `
            <div class="accordion-item">
                <h2 class="accordion-header" id="heading${index}">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse${index}" aria-expanded="false" aria-controls="collapse${index}">
                        <i class="fas fa-question-circle me-2"></i> ${faq.question}
                    </button>
                </h2>
                <div id="collapse${index}" class="accordion-collapse collapse" aria-labelledby="heading${index}" data-bs-parent="#faqAccordion">
                    <div class="accordion-body">
                        ${answerContent}
                    </div>
                </div>
            </div>
        `;

            faqContainer.append(faqItem);
        });

        let currentPage = 1;
        const reviewsPerPage = 2;

        function renderReviews() {
                const container = $("#reviewsContainer");
                container.empty();

                const startIndex = (currentPage - 1) * reviewsPerPage;
                const endIndex = Math.min(startIndex + reviewsPerPage, reviews.length);

                for (let i = startIndex; i < endIndex; i++) {
                    const review = reviews[i];
                    const stars = '<i class="fas fa-star text-warning"></i>'.repeat(review.rating) +
                        '<i class="far fa-star text-warning"></i>'.repeat(5 - review.rating);

                    container.append(`
                        <div class="col-12 review-card">
                            <div class="review-header">
                                <div class="user-icon">
                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 12c2.7 0 5-2.3 5-5s-2.3-5-5-5-5 2.3-5 5 2.3 5 5 5zm0 2c-3.3 0-10 1.7-10 5v3h20v-3c0-3.3-6.7-5-10-5z"/></svg>
                                </div>
                                <div>
                                    <strong>${review.user}</strong>
                                    <p class="review-date mb-0">${review.date}</p>
                                </div>
                            </div>
                            <div class="review-stars mb-2">${stars}</div>
                            <div class="review-title">${review.title}</div>
                            <p class="review-text">${review.text}</p>
                            <img src="${review.image}" class="review-image" alt="Review Image">
                        </div>
                    `);
                }

                updatePagination();
            }
        function updatePagination() {
                const pagination = $("#pagination");
                pagination.empty();

                const totalPages = Math.ceil(reviews.length / reviewsPerPage);

                pagination.append(`
                    <li class="page-item ${currentPage === 1 ? "disabled" : ""}">
                        <a class="page-link" href="#">«</a>
                    </li>
                `);

                for (let i = 1; i <= totalPages; i++) {
                    pagination.append(`
                        <li class="page-item ${currentPage === i ? "active" : ""}">
                            <a class="page-link" href="#">${i}</a>
                        </li>
                    `);
                }

                pagination.append(`
                    <li class="page-item ${currentPage === totalPages ? "disabled" : ""}">
                        <a class="page-link" href="#">»</a>
                    </li>
                `);

                $(".page-link").on("click", function (e) {
                    e.preventDefault();
                    const text = $(this).text();

                    if (text === "«") {
                        if (currentPage > 1) currentPage--;
                    } else if (text === "»") {
                        if (currentPage < totalPages) currentPage++;
                    } else {
                        currentPage = parseInt(text);
                    }

                    renderReviews();
                });
            }

        renderReviews();

        $(".twentytwenty-container").twentytwenty();

        function updateBorders() {
        $(".quantity-option").css("border", "2px solid #ddd");
        $(".quantity-option input:checked").closest(".quantity-option").css("border", "2px solid #000");
    }
        updateBorders();
        $(".quantity-option input").on("change", function () {
            updateBorders();
        });


});
    function changeMainImage(element) {
        const mainImage = document.getElementById('mainImage');
        if (element.tagName === 'VIDEO') {
            mainImage.outerHTML = `<video autoplay muted loop playsinline id="mainImage" class="main-image"><source src="${element.querySelector('source').src}" type="video/mp4"></video>`;
        } else {
            mainImage.outerHTML = `<img id="mainImage" src="${element.src}" class="main-image" alt="Main Image">`;
        }
    }

    function scrollThumbnails(direction) {
        const thumbnailsContainer = document.getElementById('thumbnailsContainer');
        const totalItems = thumbnailsContainer.children.length;
        const itemWidth = thumbnailsContainer.children[0].offsetWidth + 10; // Item width + gap
        const visibleItems = Math.min(5, totalItems); // Maximum 5 items visible
        const scrollAmount = itemWidth * visibleItems;

        thumbnailsContainer.scrollBy({
            left: direction === 'left' ? -scrollAmount : scrollAmount,
            behavior: 'smooth',
        });
    }


</script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>


