Dec 21: [ADD] Initial Commit 'website_product_customization'

website_product_customization/README.rst

@@ -0,0 +1,51 @@
+.. image:: https://img.shields.io/badge/license-AGPL--3-blue.svg
+    :target: https://www.gnu.org/licenses/agpl-3.0-standalone.html
+    :alt: License: AGPL-3
+
+Website Product Customization
+=============================
+This Module allows users to customize the the product they buy from website/shop
+by applying individual designs.
+
+Configuration
+=============
+* Add appropriate number of designs in the product.design model for the customer
+to choose from the front-end.
+
+License
+-------
+Affero General Public License v3.0 (AGPL v3)
+(https://www.gnu.org/licenses/agpl-3.0-standalone.html)
+
+Company
+-------
+* `Cybrosys Techno Solutions <https://cybrosys.com/>`__
+
+Credits
+-------
+* Developers: 	(V16)Vivek @ cybrosys,
+                (V17) Gayathri V,
+                (V18) Busthana Shirin
+Contact: odoo@cybrosys.com
+
+Contacts
+--------
+* Mail Contact : odoo@cybrosys.com
+* Website : https://cybrosys.com
+
+Bug Tracker
+-----------
+Bugs are tracked on GitHub Issues. In case of trouble, please check there if your issue has already been reported.
+
+Maintainer
+==========
+.. image:: https://cybrosys.com/images/logo.png
+   :target: https://cybrosys.com
+
+This module is maintained by Cybrosys Technologies.
+
+For support and more information, please visit `Our Website <https://cybrosys.com/>`__
+
+Further information
+===================
+HTML Description: `<static/description/index.html>`__

website_product_customization/__init__.py

@@ -0,0 +1,23 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2024-TODAY Cybrosys Technologies(<https://www.cybrosys.com>).
+#    Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>)
+#
+#    You can modify it under the terms of the GNU AFFERO
+#    GENERAL PUBLIC LICENSE (AGPL v3), Version 3.
+#
+#    This program is distributed in the hope that it will be useful,
+#    but WITHOUT ANY WARRANTY; without even the implied warranty of
+#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+#    GNU AFFERO GENERAL PUBLIC LICENSE (AGPL v3) for more details.
+#
+#    You should have received a copy of the GNU AFFERO GENERAL PUBLIC LICENSE
+#    (AGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+#############################################################################
+from . import controllers
+from . import models

website_product_customization/__manifest__.py

@@ -0,0 +1,53 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2024-TODAY Cybrosys Technologies(<https://www.cybrosys.com>).
+#    Author:Cybrosys Techno Solutions (odoo@cybrosys.com)
+#
+#    You can modify it under the terms of the GNU AFFERO
+#    GENERAL PUBLIC LICENSE (AGPL v3), Version 3.
+#
+#    This program is distributed in the hope that it will be useful,
+#    but WITHOUT ANY WARRANTY; without even the implied warranty of
+#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+#    GNU AFFERO GENERAL PUBLIC LICENSE (AGPL v3) for more details.
+#
+#    You should have received a copy of the GNU AFFERO GENERAL PUBLIC LICENSE
+#    (AGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+#############################################################################
+{
+    'name': 'Website Product Customization',
+    'version': '18.0.1.0.0',
+    'category': 'Website',
+    'summary': 'Customize products from website',
+    'description': 'This module helps to customise the products from website'
+                   'according to the customer wish',
+    'author': 'Cybrosys Techno Solutions',
+    'company': 'Cybrosys Techno Solutions',
+    'maintainer': 'Cybrosys Techno Solutions',
+    'website': "https://www.cybrosys.com",
+    'depends': ['website_sale'],
+    'data': [
+        'security/ir.model.access.csv',
+        'views/product_design_views.xml',
+        'views/website_sale_templates.xml',
+        'views/sale_order_views.xml',
+    ],
+    'assets': {
+        'web.assets_frontend': [
+            "/website_product_customization/static/src/css/style.css",
+            "/website_product_customization/static/lib/fabric.js",
+            "/website_product_customization/static/src/js/website_product_custom.js",
+            "/website_product_customization/static/src/js/website_sale.js",
+        ],
+    },
+    'images': ['static/description/banner.jpg'],
+    'license': 'AGPL-3',
+    'installable': True,
+    'auto_install': False,
+    'application': True,
+}

website_product_customization/controllers/__init__.py

@@ -0,0 +1,22 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2024-TODAY Cybrosys Technologies(<https://www.cybrosys.com>).
+#    Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>)
+#
+#    You can modify it under the terms of the GNU AFFERO
+#    GENERAL PUBLIC LICENSE (AGPL v3), Version 3.
+#
+#    This program is distributed in the hope that it will be useful,
+#    but WITHOUT ANY WARRANTY; without even the implied warranty of
+#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+#    GNU AFFERO GENERAL PUBLIC LICENSE (AGPL v3) for more details.
+#
+#    You should have received a copy of the GNU AFFERO GENERAL PUBLIC LICENSE
+#    (AGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+#############################################################################
+from . import website_product_customization

website_product_customization/controllers/website_product_customization.py

@@ -0,0 +1,201 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2024-TODAY Cybrosys Technologies(<https://www.cybrosys.com>).
+#    Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>)
+#
+#    You can modify it under the terms of the GNU AFFERO
+#    GENERAL PUBLIC LICENSE (AGPL v3), Version 3.
+#
+#    This program is distributed in the hope that it will be useful,
+#    but WITHOUT ANY WARRANTY; without even the implied warranty of
+#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+#    GNU AFFERO GENERAL PUBLIC LICENSE (AGPL v3) for more details.
+#
+#    You should have received a copy of the GNU AFFERO GENERAL PUBLIC LICENSE
+#    (AGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+#############################################################################
+import re
+from odoo import http
+from odoo.http import request
+from odoo.addons.website_sale.controllers.main import WebsiteSale
+from odoo.addons.website_sale.controllers.product_configurator import (
+    WebsiteSaleProductConfiguratorController,
+)
+
+
+class WebsiteProductCustomization(WebsiteSale):
+    """
+    Inheriting 'WebsiteSale' class from 'website_sale.controllers.main' to
+    modify the method 'cart_update_json'.
+    """
+
+    @http.route()
+    def cart_update_json(
+        self,
+        product_id,
+        design_image=None,
+        line_id=None,
+        add_qty=None,
+        set_qty=None,
+        display=True,
+        product_custom_attribute_values=None,
+        no_variant_attribute_values=None,
+        **kw
+    ):
+        """
+        This route is called :
+            - When changing quantity from the cart.
+            - When adding a product from the wishlist.
+            - When adding a product to cart on the same page
+             (without redirection).
+        """
+        res = super(WebsiteProductCustomization, self).cart_update_json(
+            product_id=product_id,
+            design_image=design_image,
+            line_id=line_id,
+            add_qty=add_qty,
+            set_qty=set_qty,
+            display=display,
+            product_custom_attribute_values=product_custom_attribute_values,
+            no_variant_attribute_values=no_variant_attribute_values,
+            **kw
+        )
+        order = request.website.sale_get_order(force_create=True)
+        if design_image:
+            for record in order.order_line:
+                if record.id == res["line_id"]:
+                    record.product_design = str(
+                        re.sub("^data:image\/\w+;base64,", "", design_image),
+                    )
+                    record.is_customized_product = True
+        else:
+            if not order.order_line.browse(res["line_id"]).product_design:
+                order.order_line.browse(res["line_id"]).product_design = (
+                    request.env["product.product"].sudo().browse(product_id).image_1920
+                )
+        request.session["website_sale_cart_quantity"] = order.cart_quantity
+        return res
+
+
+class WebsiteSaleStockProductConfiguratorController(
+        WebsiteSaleProductConfiguratorController):
+
+    """
+    Inheriting 'WebsiteSale' class from to modify the method
+    'cart_options_update_json'.
+    """
+
+    @http.route()
+    def website_sale_product_configurator_update_cart(
+            self, main_product, optional_products, **kwargs
+    ):
+        """ Add the provided main and optional products to the cart.
+
+        Main and optional products have the following shape:
+        ```
+        {
+            'product_id': int,
+            'product_template_id': int,
+            'parent_product_template_id': int,
+            'quantity': float,
+            'product_custom_attribute_values': list(dict),
+            'no_variant_attribute_value_ids': list(int),
+        }
+        ```
+
+        Note: if product A is a parent of product B, then product A must come before product B in
+        the optional_products list. Otherwise, the corresponding order lines won't be linked.
+
+        :param dict main_product: The main product to add.
+        :param list(dict) optional_products: The optional products to add.
+        :param dict kwargs: Locally unused data passed to `_cart_update`.
+        :rtype: dict
+        :return: A dict containing information about the cart update.
+        """
+        order_sudo = request.website.sale_get_order(force_create=True)
+        if order_sudo.state != 'draft':
+            request.session['sale_order_id'] = None
+            order_sudo = request.website.sale_get_order(force_create=True)
+
+        # The main product could theoretically have a parent, but we ignore it to avoid
+        # circularities in the linked line ids.
+
+        design_image = (
+            main_product[
+                "design_image"] if "design_image" in main_product else None
+        )
+
+        values = order_sudo._cart_update(
+            product_id=main_product['product_id'],
+            add_qty=main_product['quantity'],
+            product_custom_attribute_values=main_product[
+                'product_custom_attribute_values'],
+            no_variant_attribute_value_ids=[
+                int(value_id) for value_id in
+                main_product['no_variant_attribute_value_ids']
+            ],
+            design_image=design_image,
+            **kwargs,
+        )
+        line_ids = {main_product['product_template_id']: values['line_id']}
+
+        if optional_products and values['line_id']:
+            for option in optional_products:
+                option_values = order_sudo._cart_update(
+                    product_id=option['product_id'],
+                    add_qty=option['quantity'],
+                    product_custom_attribute_values=option[
+                        'product_custom_attribute_values'],
+                    no_variant_attribute_value_ids=[
+                        int(value_id) for value_id in
+                        option['no_variant_attribute_value_ids']
+                    ],
+                    # Using `line_ids[...]` instead of `line_ids.get(...)` ensures that this throws
+                    # if an optional product contains bad data.
+                    linked_line_id=line_ids[
+                        option['parent_product_template_id']],
+                    design_image=design_image,
+                    **kwargs,
+                )
+                line_ids[option['product_template_id']] = option_values[
+                    'line_id']
+                for record in order_sudo.order_line:
+                    if record.id == option_values["line_id"]:
+                        record.product_design = (
+                            request.env["product.product"]
+                            .sudo()
+                            .browse(option["product_id"])
+                            .image_1920
+                        )
+        if design_image:
+            for record in order_sudo.order_line:
+                if record.id == values["line_id"]:
+                    record.product_design = str(
+                        re.sub(
+                            "^data:image\/\w+;base64,",
+                            "",
+                            main_product["design_image"],
+                        ),
+                    )
+                    record.is_customized_product = True
+        else:
+            if not order_sudo.order_line.browse(values["line_id"]).product_design:
+                order_sudo.order_line.browse(values["line_id"]).product_design = (
+                    request.env["product.product"]
+                    .sudo()
+                    .browse(main_product["product_id"])
+                    .image_1920
+                )
+
+        values['notification_info'] = self._get_cart_notification_information(
+            order_sudo, line_ids.values()
+        )
+        values['cart_quantity'] = order_sudo.cart_quantity
+        request.session['website_sale_cart_quantity'] = order_sudo.cart_quantity
+
+        return values

website_product_customization/doc/RELEASE_NOTES.md

@@ -0,0 +1,5 @@
+## Module <website_product_customization>
+#### 27.11.2024
+#### Version 18.0.1.0.0
+#### ADD
+- Initial Commit for Website Product Customization.

website_product_customization/models/__init__.py

@@ -0,0 +1,24 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2024-TODAY Cybrosys Technologies(<https://www.cybrosys.com>).
+#    Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>)
+#
+#    You can modify it under the terms of the GNU AFFERO
+#    GENERAL PUBLIC LICENSE (AGPL v3), Version 3.
+#
+#    This program is distributed in the hope that it will be useful,
+#    but WITHOUT ANY WARRANTY; without even the implied warranty of
+#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+#    GNU AFFERO GENERAL PUBLIC LICENSE (AGPL v3) for more details.
+#
+#    You should have received a copy of the GNU AFFERO GENERAL PUBLIC LICENSE
+#    (AGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+#############################################################################
+from . import product_design
+from . import sale_order_line
+from . import sale_order

website_product_customization/models/product_design.py

@@ -0,0 +1,35 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2024-TODAY Cybrosys Technologies(<https://www.cybrosys.com>).
+#    Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>)
+#
+#    You can modify it under the terms of the GNU AFFERO
+#    GENERAL PUBLIC LICENSE (AGPL v3), Version 3.
+#
+#    This program is distributed in the hope that it will be useful,
+#    but WITHOUT ANY WARRANTY; without even the implied warranty of
+#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+#    GNU AFFERO GENERAL PUBLIC LICENSE (AGPL v3) for more details.
+#
+#    You should have received a copy of the GNU AFFERO GENERAL PUBLIC LICENSE
+#    (AGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+#############################################################################
+from odoo import fields, models
+
+
+class ProductDesign(models.Model):
+    """
+    Creating the product.design model to add product designs in the back-end
+    """
+    _name = 'product.design'
+    _description = "Product Design"
+
+    name = fields.Char(string='Product Customization',
+                       help="Name field for product design")
+    product_design = fields.Image(string='Design',
+                                  help="Binary field for adding product design")

website_product_customization/models/sale_order.py

@@ -0,0 +1,58 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2024-TODAY Cybrosys Technologies(<https://www.cybrosys.com>).
+#    Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>)
+#
+#    You can modify it under the terms of the GNU AFFERO
+#    GENERAL PUBLIC LICENSE (AGPL v3), Version 3.
+#
+#    This program is distributed in the hope that it will be useful,
+#    but WITHOUT ANY WARRANTY; without even the implied warranty of
+#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+#    GNU AFFERO GENERAL PUBLIC LICENSE (AGPL v3) for more details.
+#
+#    You should have received a copy of the GNU AFFERO GENERAL PUBLIC LICENSE
+#    (AGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+#############################################################################
+from odoo import models
+
+
+class SaleOrder(models.Model):
+    """Inherited the class sale.order to match the order line."""
+    _inherit = "sale.order"
+
+    def _cart_find_product_line(self, product_id, line_id=None, **kwargs):
+        """Find the cart line matching the given parameters.
+
+        If a product_id is given, the line will match the product only if the
+        line also has the same special attributes: `no_variant` attributes and
+        `is_custom` values.
+        """
+        self.ensure_one()
+        SaleOrderLine = self.env["sale.order.line"]
+        if not self.order_line:
+            return SaleOrderLine
+        product = self.env["product.product"].browse(product_id)
+        if not line_id and (
+            product.product_tmpl_id.has_dynamic_attributes()
+            or product.product_tmpl_id._has_no_variant_attributes()
+        ):
+            return SaleOrderLine
+        design_image = kwargs.get("design_image", False)
+        if design_image:
+            return SaleOrderLine
+        else:
+            domain = [("order_id", "=", self.id), ("product_id", "=", product_id)]
+            if line_id:
+                domain += [("id", "=", line_id)]
+            else:
+                domain += [
+                    ("product_custom_attribute_value_ids", "=", False),
+                    ("is_customized_product", "=", False),
+                ]
+        return SaleOrderLine.search(domain)

website_product_customization/models/sale_order_line.py

@@ -0,0 +1,36 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2024-TODAY Cybrosys Technologies(<https://www.cybrosys.com>).
+#    Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>)
+#
+#    You can modify it under the terms of the GNU AFFERO
+#    GENERAL PUBLIC LICENSE (AGPL v3), Version 3.
+#
+#    This program is distributed in the hope that it will be useful,
+#    but WITHOUT ANY WARRANTY; without even the implied warranty of
+#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+#    GNU AFFERO GENERAL PUBLIC LICENSE (AGPL v3) for more details.
+#
+#    You should have received a copy of the GNU AFFERO GENERAL PUBLIC LICENSE
+#    (AGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+#############################################################################
+from odoo import fields, models
+
+
+class SaleOrderLine(models.Model):
+    """
+    Inheriting the 'sale.order.line' model add the product_design field
+    """
+    _inherit = 'sale.order.line'
+
+    product_design = fields.Binary(string="Product Design",
+                                   help="Binary field to show product design")
+    is_customized_product = fields.Boolean(string="Customized Product"
+                                                  "product",
+                                           help="Is it is a customized product"
+                                                " or not", default=False)

website_product_customization/security/ir.model.access.csv

@@ -0,0 +1,2 @@
+id,name,model_id:id,group_id:id,perm_read,perm_write,perm_create,perm_unlink
+access_product_design,access.product.design,model_product_design,base.group_user,1,1,1,1

website_product_customization/static/description/assets/icons/arrows-repeat.svg

@@ -0,0 +1,10 @@
+<svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_48_838)">
+<path d="M0.000110011 16.2916C0.000110011 9.65172 5.40186 4.24997 12.0418 4.24997H26.9168V1.89405C26.9168 0.631803 28.4425 -3.05772e-05 29.335 0.892469L33.585 5.37339C34.1389 5.9273 34.1375 6.82405 33.585 7.37655L29.335 11.8575C28.4425 12.75 26.9168 12.1181 26.9168 10.8559V8.49997H12.0418C7.74503 8.49997 4.25011 11.9963 4.25011 16.2916C4.25011 17.4646 3.29953 18.4166 2.12511 18.4166C0.950693 18.4166 0.000110011 17.4646 0.000110011 16.2916ZM31.8751 15.5833C30.7007 15.5833 29.7501 16.5353 29.7501 17.7083C29.7501 22.0036 26.2552 25.5 21.9584 25.5H7.08344V23.1441C7.08344 21.8818 5.55769 21.25 4.66519 22.1425L0.415193 26.6234C-0.138723 27.1773 -0.138723 28.0741 0.415193 28.6266L4.66519 33.1075C5.55769 34 7.08344 33.3681 7.08344 32.1059V29.75H21.9584C28.5984 29.75 34.0001 24.3482 34.0001 17.7083C34.0001 16.5353 33.0495 15.5833 31.8751 15.5833Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_48_838">
+<rect width="34" height="34" fill="white"/>
+</clipPath>
+</defs>
+</svg>

website_product_customization/static/description/assets/icons/banner-bg.svg

@@ -0,0 +1,9 @@
+<svg width="1228" height="268" viewBox="0 0 1228 268" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 0H1228V252C1228 260.837 1220.84 268 1212 268H16C7.16347 268 0 260.837 0 252V0Z" fill="url(#paint0_linear_15_2077)"/>
+<defs>
+<linearGradient id="paint0_linear_15_2077" x1="613.495" y1="-14" x2="613.495" y2="268" gradientUnits="userSpaceOnUse">
+<stop stop-color="#D7BFFF" stop-opacity="0"/>
+<stop offset="1" stop-color="#D3D0DA" stop-opacity="0.5"/>
+</linearGradient>
+</defs>
+</svg>

website_product_customization/static/description/assets/icons/banner-call.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Group">
+<path id="Vector" d="M21 16.46V19.996C21.0001 20.2492 20.9042 20.493 20.7316 20.6782C20.559 20.8635 20.3226 20.9763 20.07 20.994C19.633 21.024 19.276 21.04 19 21.04C10.163 21.04 3 13.877 3 5.04004C3 4.76404 3.015 4.40704 3.046 3.97004C3.06372 3.71748 3.17658 3.48105 3.3618 3.30845C3.54703 3.13585 3.79082 3.03992 4.044 3.04004H7.58C7.70404 3.03991 7.8237 3.0859 7.91573 3.16906C8.00776 3.25222 8.0656 3.36662 8.078 3.49004C8.101 3.72004 8.122 3.90304 8.142 4.04204C8.34073 5.42896 8.748 6.77787 9.35 8.04304C9.445 8.24304 9.383 8.48204 9.203 8.61004L7.045 10.152C8.36445 13.2265 10.8145 15.6766 13.889 16.996L15.429 14.842C15.4919 14.754 15.5838 14.6909 15.6885 14.6637C15.7932 14.6365 15.9042 14.6468 16.002 14.693C17.267 15.2939 18.6156 15.7002 20.002 15.898C20.141 15.918 20.324 15.94 20.552 15.962C20.6752 15.9747 20.7894 16.0326 20.8724 16.1246C20.9553 16.2166 21.0012 16.3362 21.001 16.46H21Z" fill="white"/>
+</g>
+</svg>

website_product_customization/static/description/assets/icons/banner-mail.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="22" viewBox="0 0 24 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Group">
+<path id="Vector" d="M3 2.75H21C21.2652 2.75 21.5196 2.84658 21.7071 3.01849C21.8946 3.19039 22 3.42355 22 3.66667V18.3333C22 18.5764 21.8946 18.8096 21.7071 18.9815C21.5196 19.1534 21.2652 19.25 21 19.25H3C2.73478 19.25 2.48043 19.1534 2.29289 18.9815C2.10536 18.8096 2 18.5764 2 18.3333V3.66667C2 3.42355 2.10536 3.19039 2.29289 3.01849C2.48043 2.84658 2.73478 2.75 3 2.75ZM12.06 10.7094L5.648 5.71817L4.353 7.11517L12.073 13.1239L19.654 7.11058L18.346 5.72367L12.061 10.7094H12.06Z" fill="white"/>
+</g>
+</svg>

website_product_customization/static/description/assets/icons/brand-pair.svg

@@ -0,0 +1,41 @@
+<svg width="722" height="91" viewBox="0 0 722 91" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_76_492)">
+<path d="M3.96206 36.4143H16.4878C17.0972 33.1867 18.1886 30.0692 19.7253 27.1662C22.0512 22.5767 25.4478 18.6146 29.628 15.6148C30.3275 15.1152 31.0219 14.6705 31.7114 14.2658V8.67495C31.7121 8.15446 31.6101 7.63895 31.4112 7.15796C31.2123 6.67696 30.9205 6.23993 30.5524 5.87189C30.1844 5.50384 29.7474 5.21203 29.2664 5.01315C28.7854 4.81427 28.2699 4.71224 27.7494 4.71289H3.96206C2.91126 4.71289 1.90349 5.13032 1.16046 5.87335C0.417433 6.61638 3.15053e-06 7.62415 3.15053e-06 8.67495V32.4473C-0.000653502 32.968 0.101344 33.4838 0.300161 33.965C0.498979 34.4463 0.790718 34.8837 1.15869 35.2521C1.52667 35.6206 1.96367 35.9128 2.44469 36.1123C2.92572 36.3117 3.44133 36.4143 3.96206 36.4143Z" fill="#231F20"/>
+<path d="M26.2803 36.4143H27.7492C28.2699 36.4143 28.7855 36.3116 29.2666 36.1122C29.7476 35.9128 30.1846 35.6205 30.5525 35.252C30.9205 34.8836 31.2123 34.4462 31.4111 33.965C31.6099 33.4837 31.7119 32.9679 31.7112 32.4472V21.4854C30.4259 23.5406 29.3433 25.7159 28.4786 27.9805C27.3964 30.6889 26.6579 33.5222 26.2803 36.4143Z" fill="#231F20"/>
+<path d="M15.9182 42.4053C15.9165 41.0255 16.0033 39.647 16.178 38.2783H3.96205C2.91079 38.2796 1.90304 38.6982 1.16016 39.442C0.417269 40.1858 -8.33757e-07 41.1941 0 42.2454L0 67.8913C-8.33757e-07 68.9426 0.417269 69.9508 1.16016 70.6947C1.90304 71.4385 2.91079 71.857 3.96205 71.8584H29.613C30.6627 71.8505 31.6672 71.43 32.4095 70.6878C33.1517 69.9455 33.5722 68.941 33.58 67.8913V60.6867C28.5838 60.4868 24.4435 58.7847 21.1593 55.5805C17.6619 52.1697 15.9148 47.7779 15.9182 42.4053Z" fill="#B22126"/>
+<path d="M63.1879 40.1416H39.4055C38.8844 40.1409 38.3682 40.2431 37.8866 40.4422C37.405 40.6414 36.9674 40.9336 36.5989 41.3021C36.2304 41.6706 35.9382 42.1082 35.7391 42.5898C35.54 43.0714 35.4378 43.5875 35.4385 44.1087V55.2004C37.0405 55.7764 38.7324 56.0624 40.4348 56.0448C42.9361 56.0853 45.4022 55.4519 47.5745 54.2111C50.0647 52.6651 52.2871 50.7246 54.1546 48.4654V52.4275C48.9551 57.7568 42.7164 60.5098 35.4385 60.6863V67.886C35.4463 68.9357 35.8668 69.9402 36.6091 70.6824C37.3513 71.4247 38.3558 71.8452 39.4055 71.853H63.1879C64.2376 71.8452 65.242 71.4247 65.9843 70.6824C66.7266 69.9402 67.1471 68.9357 67.1549 67.886V44.1087C67.1549 43.0565 66.737 42.0475 65.993 41.3035C65.249 40.5596 64.24 40.1416 63.1879 40.1416Z" fill="#231F20"/>
+<path d="M63.1879 4.71297H37.5419C36.4915 4.71429 35.4845 5.13215 34.7418 5.87489C33.9991 6.61763 33.5812 7.62463 33.5799 8.67502V13.2566C36.09 11.9862 38.8559 11.3028 41.6689 11.2581C44.9697 11.2581 47.6627 12.249 49.7479 14.2309C51.833 16.2128 52.8739 18.7808 52.8705 21.9352C52.9064 24.6318 52.2802 27.2961 51.0469 29.6944C50.9919 29.8143 50.932 29.9342 50.862 30.0541C50.862 30.0841 50.8271 30.1241 50.8071 30.1541C50.3864 30.8401 49.7531 31.3699 49.0036 31.6629C48.2541 31.9559 47.4294 31.996 46.655 31.7771C45.8806 31.5581 45.199 31.0922 44.7138 30.4502C44.2286 29.8082 43.9664 29.0252 43.9672 28.2205C43.9601 27.5105 44.1654 26.8145 44.5567 26.222C45.5827 24.3205 46.1152 22.1921 46.1056 20.0316C46.1056 18.133 45.6692 16.6241 44.7965 15.5049C44.3888 14.9675 43.8589 14.5348 43.2507 14.2429C42.6425 13.951 41.9735 13.8081 41.2991 13.8262C39.1807 13.8262 36.9174 15.1452 34.5092 17.7833C34.1994 18.123 33.8896 18.4827 33.5949 18.8425V34.311C33.5955 34.8321 33.4934 35.3483 33.2942 35.8299C33.0951 36.3115 32.8029 36.7491 32.4344 37.1176C32.0659 37.4861 31.6283 37.7783 31.1467 37.9774C30.6651 38.1765 30.149 38.2787 29.6278 38.278H26.1304C26.1004 38.7777 26.0854 39.2773 26.0854 39.7769C26.0854 44.5334 27.4344 48.4338 30.1324 51.4782C31.1249 52.6139 32.2982 53.5778 33.6049 54.3311V42.2451C33.6049 41.1938 34.0221 40.1855 34.765 39.4417C35.5079 38.6979 36.5157 38.2793 37.5669 38.278H63.2129C64.265 38.278 65.274 37.8601 66.018 37.1161C66.762 36.3721 67.1799 35.3631 67.1799 34.311V8.67502C67.1793 8.15238 67.0753 7.63501 66.8741 7.15264C66.6729 6.67028 66.3784 6.23243 66.0074 5.86426C65.6364 5.49609 65.1964 5.20485 64.7125 5.00727C64.2286 4.80969 63.7105 4.70968 63.1879 4.71297Z" fill="#B22126"/>
+<path d="M119.037 6.17721V17.5987H118.087C117.371 14.6209 116.039 12.336 114.09 10.7438C112.24 9.18871 109.897 8.34376 107.48 8.36059C105.453 8.35176 103.473 8.97333 101.814 10.1393C100.128 11.2806 98.8172 12.8956 98.0473 14.7808C97.0001 17.3752 96.4804 20.1522 96.5184 22.9497C96.4851 25.6754 96.8623 28.3905 97.6376 31.0038C98.3837 33.4286 99.5495 35.2606 101.135 36.4997C102.72 37.7388 104.779 38.3583 107.31 38.3583C109.293 38.379 111.251 37.9124 113.011 36.9993C114.733 36.09 116.552 34.5261 118.467 32.3078V35.1507C116.842 36.9203 114.878 38.3458 112.691 39.3426C110.473 40.2503 108.093 40.6925 105.697 40.6416C102.448 40.7028 99.2319 39.9778 96.3236 38.5282C93.6588 37.1874 91.456 35.0802 89.9983 32.4777C88.5371 29.9073 87.7708 27.0006 87.7749 24.0439C87.7777 20.8934 88.6304 17.802 90.2431 15.0956C91.8236 12.3238 94.1364 10.0405 96.9281 8.49549C99.6453 6.95916 102.715 6.15514 105.837 6.16222C108.357 6.20019 110.848 6.70854 113.181 7.66111C114.67 8.24734 115.618 8.53879 116.024 8.53546C116.276 8.5371 116.525 8.48745 116.757 8.38953C116.989 8.2916 117.199 8.14745 117.373 7.96588C117.807 7.458 118.066 6.82385 118.112 6.15723L119.037 6.17721Z" fill="black"/>
+<path d="M157.148 6.93164V7.82598C156.244 7.90593 155.379 8.23447 154.65 8.77527C153.841 9.44144 152.562 11.2967 150.813 14.3411L143.658 26.2773V34.2713C143.658 35.9701 143.748 37.0276 143.928 37.444C144.156 37.9107 144.524 38.2936 144.982 38.5381C145.626 38.8905 146.353 39.0631 147.086 39.0378H148.934V39.9371H130.448V38.9728H132.172C132.972 39.0166 133.77 38.8441 134.48 38.4732C134.936 38.2101 135.288 37.7995 135.479 37.3091C135.656 36.9194 135.744 35.8984 135.744 34.2463V27.6412L127.98 13.5167C126.441 10.7288 125.355 9.08837 124.722 8.5954C123.987 8.06809 123.099 7.79767 122.194 7.82598V6.93164H137.998V7.82598H137.293C136.601 7.7672 135.906 7.91129 135.295 8.24067C135.136 8.32984 135.002 8.45588 134.903 8.6081C134.804 8.76032 134.743 8.93421 134.725 9.11502C134.725 9.70125 135.373 11.1685 136.669 13.5167L142.624 24.4286L148.545 14.491C150.02 12.0595 150.758 10.4457 150.758 9.64962C150.754 9.42828 150.694 9.21158 150.583 9.02008C150.472 8.82858 150.314 8.66864 150.124 8.55543C149.574 8.15073 148.56 7.91091 147.086 7.82598V6.93164H157.148Z" fill="black"/>
+<path d="M179.866 22.4151C182.994 23.1446 185.191 24.0273 186.456 25.0632C187.327 25.7396 188.027 26.611 188.5 27.6071C188.973 28.6033 189.206 29.6965 189.179 30.7989C189.195 31.9871 188.932 33.1624 188.412 34.2306C187.891 35.2987 187.127 36.2299 186.182 36.9493C183.74 38.9079 180.184 39.8888 175.515 39.8921H158.752V38.9728C160.277 38.9728 161.312 38.8296 161.855 38.5431C162.341 38.3207 162.741 37.9452 162.994 37.4739C163.214 37.0193 163.324 35.9051 163.324 34.1214V12.7123C163.324 10.9337 163.214 9.8095 162.994 9.34984C162.75 8.85687 162.342 8.46452 161.84 8.24067C161.29 7.96421 160.261 7.82598 158.752 7.82598V6.93164H174.555C178.332 6.93164 181.005 7.26473 182.574 7.9309C184.08 8.54684 185.374 9.58864 186.296 10.9287C187.174 12.1792 187.648 13.668 187.655 15.1955C187.656 16.7787 187.038 18.2994 185.932 19.4324C184.776 20.6914 182.754 21.6857 179.866 22.4151ZM171.018 23.6542V34.2264V35.4405C170.969 35.7998 171.004 36.1656 171.12 36.5092C171.236 36.8528 171.43 37.1651 171.686 37.4218C171.942 37.6785 172.254 37.8726 172.597 37.9891C172.941 38.1056 173.306 38.1413 173.666 38.0935C174.914 38.104 176.146 37.8072 177.253 37.2291C178.322 36.6711 179.193 35.7993 179.751 34.731C180.343 33.6039 180.644 32.3466 180.626 31.0737C180.65 29.6203 180.28 28.1875 179.556 26.9268C178.904 25.7558 177.863 24.8493 176.614 24.3637C175.37 23.8691 173.486 23.6392 171.003 23.6542H171.018ZM171.018 21.7556C173.323 21.7556 175.022 21.4975 176.114 20.9812C177.142 20.5106 178.01 19.75 178.612 18.7928C179.235 17.6992 179.538 16.4528 179.487 15.1955C179.539 13.9431 179.241 12.701 178.627 11.6082C178.036 10.671 177.176 9.93434 176.159 9.49474C175.09 9.01176 173.371 8.77694 171.003 8.79026L171.018 21.7556Z" fill="black"/>
+<path d="M204.138 24.8683V34.1064C204.138 35.8901 204.248 37.0093 204.463 37.4739C204.711 37.9623 205.118 38.3517 205.617 38.5781C206.172 38.8529 207.196 38.9928 208.705 38.9928V39.8921H191.857V38.9728C193.356 38.9728 194.415 38.8279 194.955 38.5431C195.435 38.3174 195.83 37.9423 196.079 37.4739C196.299 37.0193 196.409 35.9051 196.409 34.1214V12.7123C196.409 10.9337 196.299 9.8095 196.079 9.34984C195.833 8.85885 195.426 8.4673 194.925 8.24067C194.376 7.96587 193.341 7.82598 191.837 7.82598V6.93164H207.151C211.148 6.93164 214.064 7.20644 215.9 7.75603C217.691 8.2681 219.274 9.33516 220.421 10.8038C221.591 12.2877 222.21 14.1308 222.175 16.0199C222.202 17.1558 221.981 18.284 221.527 19.3256C221.073 20.3672 220.397 21.2971 219.547 22.0504C218.185 23.1754 216.57 23.9507 214.84 24.3087L222.779 35.4754C223.421 36.4497 224.163 37.354 224.993 38.1734C225.663 38.6676 226.468 38.9463 227.301 38.9728V39.8722H216.924L206.302 24.8683H204.138ZM204.138 8.70532V23.1446H205.522C207.776 23.1446 209.459 22.9347 210.578 22.5251C211.695 22.1139 212.629 21.3209 213.217 20.2867C213.908 18.9924 214.239 17.536 214.176 16.0698C214.176 13.5551 213.588 11.6998 212.412 10.504C211.236 9.30821 209.344 8.70865 206.736 8.70532H204.138Z" fill="black"/>
+<path d="M246.092 6.46642C251.342 6.27323 255.607 7.80542 258.888 11.063C262.169 14.3206 263.807 18.3959 263.804 23.2889C263.869 27.2766 262.574 31.1675 260.132 34.3207C256.888 38.5376 252.309 40.6443 246.397 40.641C240.485 40.6377 235.901 38.6292 232.647 34.6155C230.09 31.4121 228.738 27.4121 228.83 23.3139C228.83 18.4175 230.495 14.3372 233.826 11.073C237.157 7.80875 241.246 6.27323 246.092 6.46642ZM246.382 8.02026C243.384 8.02026 241.091 9.56079 239.502 12.6418C238.223 15.1699 237.584 18.7989 237.584 23.5287C237.584 29.1546 238.571 33.3181 240.546 36.0195C241.202 36.9265 242.072 37.6568 243.079 38.1451C244.086 38.6334 245.199 38.8643 246.317 38.8174C247.803 38.8704 249.268 38.4448 250.494 37.6033C251.923 36.5674 253.034 34.9019 253.826 32.607C254.619 30.312 255.016 27.3426 255.016 23.6986C255.016 19.3418 254.611 16.0809 253.801 13.9159C252.992 11.7508 251.96 10.2236 250.704 9.33429C249.437 8.45253 247.925 7.99271 246.382 8.02026Z" fill="black"/>
+<path d="M288.97 6.17699L289.235 17.1688H288.236C287.885 14.6146 286.668 12.2581 284.788 10.4938C283.187 8.91862 281.039 8.02351 278.793 7.99564C277.364 7.91684 275.959 8.39094 274.871 9.31966C274.423 9.69261 274.062 10.1582 273.811 10.6844C273.561 11.2106 273.428 11.7848 273.422 12.3674C273.406 13.0489 273.579 13.7215 273.921 14.3109C274.52 15.2067 275.289 15.9757 276.185 16.5743C277.884 17.6257 279.644 18.5751 281.456 19.4172C285.343 21.3191 287.952 23.1111 289.285 24.7932C290.599 26.433 291.305 28.4774 291.283 30.5789C291.29 31.9257 291.006 33.2581 290.451 34.4851C289.896 35.7121 289.082 36.8048 288.066 37.6886C285.917 39.6871 283.189 40.6863 279.882 40.6863C278.894 40.6914 277.908 40.5858 276.944 40.3716C275.748 40.0718 274.578 39.6741 273.447 39.1825C272.844 38.8962 272.193 38.7266 271.528 38.6828C271.041 38.7082 270.574 38.8826 270.189 39.1825C269.675 39.5638 269.28 40.0837 269.05 40.6813H268.146V28.2006H269.05C269.759 31.698 271.132 34.3627 273.167 36.1947C275.202 38.0267 277.399 38.9526 279.757 38.9726C281.342 39.0506 282.895 38.5136 284.094 37.4737C284.597 37.0496 285.003 36.5212 285.282 35.9252C285.561 35.3292 285.708 34.6796 285.712 34.0213C285.709 33.227 285.495 32.4478 285.093 31.763C284.608 30.9527 283.968 30.2463 283.209 29.6845C281.792 28.6929 280.287 27.8333 278.713 27.1164C275.715 25.6442 273.56 24.3885 272.247 23.3492C271.012 22.4007 269.981 21.2108 269.22 19.8518C268.511 18.5549 268.146 17.0979 268.16 15.62C268.144 14.361 268.393 13.1126 268.891 11.9564C269.39 10.8002 270.126 9.76213 271.053 8.90996C272.026 7.98966 273.172 7.27121 274.424 6.79612C275.676 6.32104 277.009 6.09872 278.348 6.14202C279.396 6.14028 280.44 6.26952 281.456 6.52673C282.434 6.80729 283.383 7.1821 284.289 7.6459C284.998 8.04833 285.775 8.31598 286.582 8.43531C286.766 8.44492 286.951 8.41514 287.123 8.34795C287.296 8.28076 287.452 8.1777 287.581 8.0456C287.944 7.48124 288.176 6.84276 288.261 6.17699H288.97Z" fill="black"/>
+<path d="M328.666 6.93164V7.82598C327.761 7.90412 326.896 8.23285 326.168 8.77527C325.355 9.44144 324.074 11.2967 322.326 14.3411L315.171 26.2773V34.2713C315.171 35.9701 315.261 37.0276 315.441 37.444C315.669 37.9118 316.04 38.295 316.5 38.5381C317.143 38.8916 317.87 39.0643 318.603 39.0378H320.447V39.9371H301.961V38.9728H303.685C304.486 39.0158 305.285 38.8433 305.998 38.4732C306.453 38.2092 306.805 37.7989 306.997 37.3091C307.177 36.9194 307.267 35.8984 307.267 34.2463V27.6412L299.498 13.5167C297.955 10.7288 296.87 9.08837 296.24 8.5954C295.504 8.06943 294.616 7.79916 293.712 7.82598V6.93164H309.51V7.82598H308.806C308.113 7.76807 307.419 7.91211 306.807 8.24067C306.649 8.32984 306.514 8.45588 306.415 8.6081C306.316 8.76032 306.255 8.93421 306.238 9.11502C306.238 9.70125 306.885 11.1685 308.181 13.5167L314.137 24.4286L320.057 14.491C321.526 12.0595 322.261 10.4457 322.261 9.64962C322.257 9.42886 322.197 9.21265 322.087 9.02127C321.977 8.82989 321.82 8.66961 321.631 8.55543C321.077 8.15073 320.062 7.91091 318.593 7.82598V6.93164H328.666Z" fill="black"/>
+<path d="M352.608 6.17706L352.873 17.1689H351.874C351.52 14.6133 350.3 12.2567 348.416 10.4938C346.571 8.82842 344.572 7.99571 342.421 7.99571C340.992 7.9169 339.587 8.39101 338.499 9.31972C338.049 9.69134 337.687 10.1567 337.437 10.6832C337.186 11.2097 337.054 11.7845 337.05 12.3675C337.034 13.049 337.207 13.7216 337.549 14.311C338.147 15.2055 338.914 15.9744 339.808 16.5743C341.509 17.6243 343.271 18.5736 345.084 19.4172C348.941 21.3158 351.542 23.1061 352.888 24.7882C354.202 26.4281 354.908 28.4724 354.886 30.5739C354.893 31.9212 354.609 33.2541 354.053 34.4813C353.496 35.7084 352.682 36.8008 351.664 37.6836C349.522 39.6822 346.796 40.6814 343.485 40.6814C342.495 40.6867 341.508 40.5811 340.542 40.3666C339.354 40.0649 338.193 39.6672 337.07 39.1775C336.467 38.8913 335.816 38.7217 335.151 38.6779C334.664 38.7032 334.197 38.8776 333.812 39.1775C333.298 39.56 332.901 40.0794 332.668 40.6764H331.769V28.2007H332.668C333.384 31.6981 334.758 34.3628 336.79 36.1947C338.822 38.0267 341.023 38.9527 343.395 38.9727C344.983 39.0533 346.541 38.5161 347.742 37.4738C348.56 36.7963 349.111 35.8492 349.294 34.8026C349.477 33.7559 349.281 32.6782 348.741 31.763C348.255 30.9538 347.615 30.2477 346.857 29.6846C345.44 28.6924 343.935 27.8327 342.361 27.1165C339.363 25.6443 337.209 24.3885 335.9 23.3493C334.665 22.4008 333.634 21.2109 332.873 19.8519C332.164 18.555 331.799 17.098 331.814 15.62C331.797 14.3611 332.046 13.1127 332.544 11.9565C333.043 10.8003 333.779 9.76219 334.706 8.91003C335.679 7.98949 336.824 7.2709 338.077 6.7958C339.329 6.3207 340.662 6.09851 342.001 6.14208C343.049 6.14035 344.093 6.26959 345.109 6.5268C346.069 6.79899 347 7.16203 347.892 7.61099C348.602 8.01369 349.382 8.28134 350.19 8.40041C350.375 8.41132 350.56 8.38215 350.732 8.31488C350.905 8.24762 351.06 8.14385 351.189 8.0107C351.557 7.44809 351.791 6.80896 351.874 6.14208L352.608 6.17706Z" fill="black"/>
+<path d="M101.65 56.0352L101.82 59.6425H101.385C101.348 59.1737 101.233 58.7143 101.045 58.2835C100.84 57.8725 100.514 57.5343 100.111 57.3142C99.6313 57.0849 99.1029 56.9769 98.5719 56.9994H96.4285V68.7507C96.4285 69.7 96.5284 70.2896 96.7333 70.5244C96.9082 70.6936 97.1173 70.8235 97.3465 70.9053C97.5757 70.9872 97.8197 71.0191 98.0623 70.999H98.5919V71.4187H92.0967V70.999H92.6413C92.903 71.025 93.167 70.9846 93.4089 70.8816C93.6508 70.7785 93.8628 70.6162 94.0253 70.4095C94.2419 69.885 94.3276 69.3157 94.2751 68.7507V56.9994H92.4265C91.9101 56.9763 91.3931 57.0302 90.8926 57.1593C90.4809 57.3244 90.1314 57.6144 89.8934 57.9887C89.5861 58.4872 89.4139 59.0572 89.3937 59.6425H88.9341L89.1139 56.0352H101.65Z" fill="black"/>
+<path d="M117.318 64.9529C117.237 66.2587 117.637 67.549 118.442 68.5802C118.759 68.987 119.163 69.317 119.625 69.5454C120.087 69.7738 120.595 69.8948 121.11 69.8992C121.747 69.9116 122.371 69.7131 122.884 69.3346C123.478 68.825 123.916 68.1583 124.148 67.4111L124.498 67.6409C124.329 68.7006 123.847 69.6856 123.114 70.4688C122.759 70.8797 122.318 71.2073 121.823 71.4284C121.327 71.6495 120.789 71.7585 120.246 71.7479C119.638 71.751 119.037 71.6222 118.484 71.3703C117.931 71.1184 117.44 70.7494 117.043 70.2889C116.112 69.2009 115.635 67.7969 115.709 66.3668C115.709 64.5932 116.164 63.2042 117.078 62.2099C117.506 61.7261 118.035 61.3414 118.627 61.0825C119.219 60.8237 119.86 60.6969 120.506 60.7111C121.038 60.6936 121.568 60.7867 122.063 60.9845C122.557 61.1823 123.005 61.4805 123.379 61.8602C123.761 62.2734 124.057 62.759 124.25 63.2884C124.442 63.8179 124.526 64.3804 124.498 64.9429L117.318 64.9529ZM117.318 64.2934H122.129C122.124 63.8141 122.043 63.3386 121.89 62.8844C121.715 62.474 121.421 62.1258 121.045 61.8852C120.699 61.6497 120.29 61.5227 119.871 61.5204C119.556 61.5225 119.244 61.5882 118.955 61.7135C118.666 61.8389 118.405 62.0213 118.187 62.2499C117.665 62.8028 117.357 63.5237 117.318 64.2834V64.2934Z" fill="black"/>
+<path d="M147.58 67.4509C147.389 68.6537 146.812 69.7617 145.937 70.6086C145.207 71.3115 144.236 71.7084 143.224 71.7178C142.63 71.7112 142.046 71.5734 141.512 71.3142C140.978 71.0551 140.508 70.681 140.136 70.2189C139.217 69.0956 138.749 67.671 138.822 66.2218C138.789 65.4923 138.902 64.7636 139.152 64.0776C139.402 63.3916 139.786 62.7619 140.281 62.2248C140.723 61.7376 141.263 61.3495 141.866 61.086C142.469 60.8225 143.12 60.6896 143.778 60.696C144.68 60.6627 145.565 60.9494 146.276 61.5054C146.559 61.6933 146.796 61.9428 146.969 62.2352C147.142 62.5277 147.247 62.8555 147.276 63.1941C147.28 63.323 147.258 63.4515 147.21 63.5711C147.161 63.6908 147.088 63.7989 146.996 63.8886C146.891 63.9817 146.768 64.053 146.635 64.0984C146.502 64.1439 146.361 64.1625 146.221 64.1534C146.033 64.1648 145.844 64.1319 145.671 64.0573C145.497 63.9826 145.343 63.8684 145.222 63.7237C145.061 63.4474 144.973 63.1343 144.967 62.8144C144.946 62.4351 144.782 62.0779 144.508 61.8151C144.194 61.5732 143.804 61.4525 143.408 61.4754C143.06 61.464 142.714 61.534 142.397 61.6797C142.081 61.8254 141.803 62.0428 141.585 62.3148C140.939 63.1538 140.613 64.1952 140.665 65.2526C140.643 66.4126 140.961 67.5537 141.58 68.5351C141.825 68.9714 142.183 69.3338 142.616 69.5843C143.05 69.8348 143.542 69.9642 144.043 69.9591C144.78 69.963 145.493 69.6923 146.041 69.1996C146.581 68.6659 146.996 68.0192 147.256 67.306L147.58 67.4509Z" fill="black"/>
+<path d="M164.987 55.29V62.8894C165.558 62.1977 166.233 61.5978 166.986 61.1107C167.437 60.8606 167.944 60.7267 168.46 60.721C169.001 60.7158 169.529 60.8916 169.959 61.2206C170.429 61.6155 170.758 62.1518 170.898 62.7495C171.081 63.6213 171.155 64.5125 171.118 65.4025V69.0798C171.089 69.5351 171.142 69.9918 171.273 70.4288C171.35 70.6108 171.485 70.762 171.657 70.8585C171.973 70.9913 172.315 71.0462 172.657 71.0183V71.428H167.575V71.0183H167.81C168.158 71.0505 168.507 70.9737 168.809 70.7985C169.011 70.6323 169.152 70.4038 169.209 70.149C169.24 69.7935 169.252 69.4366 169.244 69.0798V65.4025C169.282 64.6534 169.221 63.9026 169.064 63.1692C168.972 62.8478 168.775 62.5664 168.505 62.3698C168.23 62.1859 167.905 62.0933 167.575 62.105C167.171 62.1114 166.774 62.2123 166.416 62.3998C165.873 62.7119 165.386 63.114 164.977 63.5889V69.0848C164.947 69.5313 164.988 69.9798 165.097 70.4138C165.194 70.6015 165.348 70.7537 165.537 70.8485C165.892 70.9917 166.275 71.0515 166.656 71.0233V71.433H161.515V71.0233C161.89 71.042 162.264 70.9682 162.604 70.8085C162.773 70.7133 162.902 70.5609 162.969 70.3788C163.084 69.9577 163.13 69.5206 163.104 69.0848V59.6668C163.126 58.9362 163.097 58.2051 163.019 57.4784C162.995 57.27 162.904 57.0751 162.759 56.9238C162.626 56.8189 162.459 56.7657 162.289 56.7739C162.024 56.7967 161.763 56.8572 161.515 56.9538L161.355 56.5591L164.468 55.29H164.987Z" fill="black"/>
+<path d="M189.449 62.92C190.668 61.4544 191.834 60.7217 192.947 60.7217C193.467 60.7073 193.979 60.8557 194.411 61.1463C194.872 61.5013 195.212 61.9899 195.385 62.5453C195.583 63.2229 195.667 63.9286 195.635 64.6338V69.0705C195.607 69.5228 195.661 69.9764 195.795 70.4095C195.878 70.5964 196.02 70.7508 196.199 70.8491C196.516 70.9791 196.858 71.0338 197.199 71.009V71.4187H192.072V71.009H192.287C192.635 71.0402 192.984 70.9634 193.286 70.7892C193.491 70.6247 193.634 70.3957 193.691 70.1397C193.735 69.785 193.75 69.4275 193.736 69.0705V64.8186C193.784 64.1125 193.657 63.4056 193.366 62.7601C193.241 62.5463 193.058 62.3723 192.837 62.2582C192.617 62.1442 192.369 62.0947 192.122 62.1156C191.223 62.1156 190.329 62.6153 189.434 63.6145V69.1104C189.401 69.549 189.443 69.9901 189.559 70.4145C189.649 70.6235 189.803 70.7986 189.999 70.9141C190.361 71.0422 190.745 71.0933 191.128 71.064V71.4737H186.002V71.064H186.232C186.429 71.0888 186.629 71.0654 186.816 70.9958C187.002 70.9262 187.168 70.8124 187.301 70.6643C187.529 70.1852 187.624 69.6537 187.576 69.1254V65.2683C187.599 64.5079 187.572 63.7469 187.496 62.99C187.469 62.7801 187.376 62.5842 187.231 62.4304C187.096 62.3281 186.93 62.2767 186.761 62.2855C186.5 62.2955 186.243 62.3531 186.002 62.4554L185.832 62.0457L188.965 60.7766H189.464L189.449 62.92Z" fill="black"/>
+<path d="M215.989 60.7212C216.718 60.699 217.441 60.8501 218.099 61.1619C218.757 61.4737 219.332 61.9374 219.777 62.5148C220.574 63.5052 221.003 64.7411 220.991 66.0122C220.978 66.991 220.75 67.955 220.321 68.8352C219.948 69.7034 219.325 70.441 218.531 70.9543C217.738 71.4676 216.809 71.7335 215.864 71.718C215.136 71.7387 214.414 71.5784 213.762 71.2514C213.111 70.9244 212.551 70.441 212.132 69.8444C211.363 68.8264 210.952 67.5828 210.963 66.307C210.971 65.3166 211.214 64.3422 211.673 63.4641C212.051 62.6376 212.659 61.9375 213.424 61.4475C214.19 60.9576 215.08 60.6985 215.989 60.7012V60.7212ZM215.64 61.4606C215.212 61.466 214.794 61.5887 214.431 61.8154C213.969 62.1122 213.618 62.553 213.431 63.0694C213.16 63.8061 213.033 64.588 213.057 65.3727C213.022 66.7323 213.333 68.0785 213.961 69.2848C214.56 70.384 215.355 70.9286 216.339 70.9286C216.692 70.9328 217.04 70.8529 217.355 70.6956C217.671 70.5384 217.944 70.3082 218.153 70.0243C218.627 69.4147 218.867 68.3805 218.867 66.9016C218.867 65.0563 218.469 63.604 217.673 62.5448C217.45 62.2098 217.148 61.9351 216.793 61.7451C216.438 61.5551 216.042 61.4557 215.64 61.4556V61.4606Z" fill="black"/>
+<path d="M238.967 55.29V69.0698C238.939 69.506 238.986 69.9438 239.107 70.3638C239.194 70.5747 239.349 70.7505 239.547 70.8635C239.896 71.0003 240.272 71.0566 240.646 71.0283V71.438H235.55V71.0283C235.89 71.0556 236.231 71.006 236.549 70.8834C236.735 70.766 236.878 70.5904 236.954 70.3838C237.081 69.9614 237.131 69.5199 237.104 69.0798V59.6318C237.126 58.9097 237.099 58.1869 237.024 57.4684C237.002 57.2636 236.912 57.0719 236.769 56.9238C236.643 56.8199 236.482 56.7664 236.319 56.7739C236.061 56.7884 235.807 56.8494 235.57 56.9538L235.38 56.5591L238.478 55.29H238.967Z" fill="black"/>
+<path d="M259.807 60.7212C260.535 60.6999 261.258 60.8513 261.916 61.163C262.574 61.4748 263.149 61.9381 263.594 62.5149C264.391 63.5052 264.82 64.7411 264.808 66.0123C264.796 66.9911 264.567 67.955 264.139 68.8352C263.765 69.7034 263.142 70.441 262.349 70.9543C261.555 71.4677 260.627 71.7335 259.682 71.718C258.953 71.7401 258.23 71.5803 257.579 71.2532C256.927 70.9261 256.367 70.442 255.95 69.8444C255.181 68.8265 254.77 67.5828 254.78 66.3071C254.788 65.3166 255.032 64.3422 255.49 63.4642C255.867 62.6369 256.475 61.9361 257.241 61.446C258.007 60.9558 258.898 60.6972 259.807 60.7012V60.7212ZM259.452 61.4607C259.026 61.4662 258.609 61.5889 258.248 61.8154C257.786 62.1123 257.435 62.553 257.249 63.0695C256.975 63.8055 256.848 64.5879 256.874 65.3727C256.839 66.7323 257.15 68.0785 257.778 69.2848C258.378 70.384 259.172 70.9286 260.151 70.9286C260.505 70.9332 260.854 70.8535 261.17 70.6963C261.486 70.539 261.761 70.3086 261.97 70.0243C262.445 69.4147 262.685 68.3805 262.685 66.9016C262.685 65.0563 262.287 63.6041 261.49 62.5448C261.266 62.2088 260.962 61.9334 260.606 61.7434C260.249 61.5533 259.851 61.4545 259.447 61.4557L259.452 61.4607Z" fill="black"/>
+<path d="M281.985 67.6312C281.381 67.3504 280.872 66.8988 280.521 66.3321C280.187 65.7759 280.014 65.1375 280.022 64.4885C280.019 63.9886 280.12 63.4935 280.321 63.0356C280.522 62.5776 280.816 62.167 281.186 61.8305C281.587 61.4565 282.059 61.1659 282.574 60.9755C283.088 60.7851 283.636 60.6987 284.184 60.7213C285.096 60.6979 285.995 60.9504 286.762 61.4458H288.96C289.151 61.4363 289.341 61.4463 289.53 61.4757C289.578 61.4916 289.617 61.5257 289.64 61.5707C289.695 61.6838 289.719 61.8098 289.71 61.9354C289.718 62.0742 289.699 62.2133 289.655 62.3451C289.623 62.3851 289.582 62.4161 289.535 62.435C289.345 62.467 289.152 62.4788 288.96 62.47H287.611C288.095 63.1637 288.31 64.009 288.218 64.8495C288.127 65.69 287.733 66.4687 287.112 67.0416C286.283 67.7591 285.209 68.128 284.114 68.0708C283.581 68.0683 283.052 67.9926 282.54 67.846C282.272 68.0556 282.044 68.311 281.865 68.6004C281.762 68.7662 281.702 68.9551 281.691 69.15C281.693 69.2221 281.71 69.293 281.742 69.3577C281.774 69.4223 281.819 69.4793 281.875 69.5248C282.089 69.678 282.342 69.7681 282.605 69.7846C282.82 69.8145 283.349 69.8395 284.194 69.8645C285.753 69.9045 286.762 69.9544 287.221 70.0244C287.856 70.0882 288.45 70.3627 288.91 70.8038C289.116 71.0092 289.278 71.2541 289.386 71.5237C289.494 71.7934 289.546 72.0822 289.54 72.3726C289.52 72.8354 289.402 73.2888 289.195 73.7029C288.987 74.1171 288.694 74.4827 288.336 74.7759C287.072 75.9092 285.415 76.5028 283.719 76.4296C282.415 76.4696 281.128 76.1218 280.022 75.4304C279.452 75.0507 279.167 74.6609 279.167 74.2512C279.17 74.0623 279.214 73.8764 279.297 73.7067C279.515 73.288 279.78 72.8957 280.087 72.5375C280.142 72.4676 280.526 72.0379 281.246 71.3134C280.939 71.145 280.658 70.9329 280.412 70.6839C280.255 70.5117 280.167 70.2873 280.167 70.0544C280.19 69.7212 280.302 69.4003 280.492 69.1251C280.916 68.5586 281.419 68.0555 281.985 67.6312ZM281.87 71.4184C281.559 71.7435 281.289 72.106 281.066 72.4976C280.897 72.7755 280.803 73.092 280.791 73.4169C280.807 73.6194 280.876 73.8141 280.992 73.9809C281.108 74.1478 281.266 74.2807 281.451 74.3662C282.459 74.8951 283.592 75.1386 284.728 75.0706C286.087 75.0706 287.097 74.8308 287.726 74.3512C287.998 74.1896 288.227 73.9659 288.396 73.6984C288.564 73.4309 288.667 73.1272 288.695 72.8123C288.701 72.6288 288.648 72.4484 288.544 72.2973C288.439 72.1463 288.289 72.0326 288.116 71.9729C287.358 71.7547 286.571 71.6552 285.783 71.6782C284.475 71.6609 283.169 71.5742 281.87 71.4184ZM283.959 61.2659C283.689 61.2635 283.421 61.3225 283.177 61.4385C282.933 61.5544 282.719 61.7244 282.55 61.9354C282.128 62.5331 281.928 63.2595 281.985 63.9889C281.924 64.9748 282.195 65.9529 282.755 66.7668C282.927 67.0025 283.152 67.1935 283.413 67.3239C283.674 67.4543 283.962 67.5203 284.254 67.5163C284.523 67.5228 284.79 67.4682 285.035 67.3566C285.28 67.2449 285.496 67.0791 285.668 66.8717C286.089 66.2815 286.287 65.5609 286.227 64.8382C286.288 63.8361 286.012 62.8424 285.443 62.0153C285.274 61.7799 285.051 61.5888 284.793 61.4583C284.535 61.3278 284.248 61.2618 283.959 61.2659Z" fill="black"/>
+<path d="M307.272 60.7212V69.07C307.244 69.5078 307.291 69.9472 307.412 70.369C307.492 70.5778 307.639 70.7537 307.831 70.8686C308.147 70.9993 308.49 71.054 308.831 71.0285V71.4382H303.784V71.0285C304.124 71.0512 304.464 71.0018 304.784 70.8836C304.974 70.7679 305.12 70.5921 305.198 70.384C305.33 69.9626 305.383 69.5205 305.353 69.08V65.0829C305.376 64.3519 305.341 63.6201 305.248 62.8946C305.222 62.7063 305.136 62.5314 305.003 62.3949C304.867 62.2963 304.702 62.2469 304.534 62.255C304.269 62.2654 304.009 62.3229 303.764 62.4249L303.604 62.0152L306.737 60.7462L307.272 60.7212ZM306.327 55.2902C306.479 55.2882 306.628 55.3164 306.768 55.3731C306.908 55.4299 307.036 55.514 307.143 55.6206C307.25 55.7271 307.334 55.854 307.392 55.9938C307.449 56.1335 307.478 56.2833 307.477 56.4344C307.478 56.5856 307.449 56.7355 307.392 56.8754C307.334 57.0152 307.249 57.1422 307.142 57.2488C306.98 57.4095 306.775 57.5189 306.552 57.5631C306.328 57.6074 306.097 57.5845 305.886 57.4974C305.676 57.4104 305.496 57.263 305.369 57.0738C305.242 56.8846 305.174 56.6621 305.173 56.4344C305.172 56.2829 305.201 56.1327 305.259 55.9926C305.316 55.8525 305.401 55.7254 305.509 55.6187C305.617 55.5121 305.744 55.4281 305.885 55.3717C306.026 55.3152 306.176 55.2875 306.327 55.2902Z" fill="black"/>
+<path d="M324.759 64.9529C324.673 66.2584 325.072 67.5496 325.878 68.5802C326.195 68.9862 326.599 69.3156 327.061 69.5439C327.523 69.7722 328.031 69.8937 328.546 69.8992C329.185 69.9115 329.81 69.7131 330.324 69.3346C330.917 68.8238 331.355 68.1575 331.588 67.4111L331.938 67.6409C331.768 68.6999 331.286 69.6843 330.554 70.4688C330.199 70.8798 329.757 71.2074 329.26 71.4285C328.764 71.6495 328.225 71.7586 327.681 71.7478C327.074 71.7507 326.473 71.6217 325.92 71.3698C325.367 71.1179 324.875 70.7492 324.479 70.2889C323.548 69.2009 323.07 67.7969 323.145 66.3668C323.145 64.5931 323.599 63.2042 324.514 62.2099C324.943 61.7257 325.472 61.3408 326.065 61.0819C326.657 60.8231 327.3 60.6965 327.946 60.711C328.478 60.6937 329.007 60.7868 329.501 60.9846C329.994 61.1825 330.442 61.4806 330.814 61.8602C331.198 62.273 331.495 62.7584 331.688 63.2878C331.881 63.8173 331.966 64.38 331.938 64.9429L324.759 64.9529ZM324.759 64.2934H329.565C329.563 63.8141 329.484 63.3384 329.33 62.8844C329.152 62.4761 328.859 62.1288 328.486 61.8852C328.139 61.651 327.73 61.5242 327.312 61.5204C326.996 61.523 326.683 61.5888 326.393 61.7141C326.103 61.8394 325.841 62.0216 325.623 62.2499C325.1 62.8022 324.794 63.5239 324.759 64.2834V64.2934Z" fill="black"/>
+<path d="M352.913 60.7215V64.2589H352.538C352.387 63.4142 352.002 62.6286 351.429 61.9906C350.953 61.5828 350.341 61.3689 349.715 61.391C349.25 61.3692 348.793 61.5185 348.431 61.8107C348.283 61.9183 348.162 62.0576 348.075 62.2185C347.989 62.3793 347.94 62.5576 347.931 62.74C347.922 63.1345 348.051 63.5197 348.296 63.8292C348.694 64.2619 349.182 64.6029 349.725 64.8284L351.384 65.6328C352.919 66.3823 353.685 67.3682 353.682 68.5906C353.696 69.0292 353.606 69.4648 353.42 69.8623C353.235 70.2598 352.958 70.6081 352.613 70.8789C351.941 71.4429 351.092 71.7509 350.215 71.7483C349.477 71.7321 348.744 71.6178 348.036 71.4086C347.838 71.3395 347.631 71.3007 347.422 71.2936C347.332 71.2965 347.246 71.3261 347.174 71.3787C347.102 71.4312 347.047 71.5043 347.017 71.5884H346.642V67.8762H347.017C347.149 68.7843 347.573 69.6247 348.226 70.2694C348.765 70.7836 349.48 71.0731 350.225 71.0788C350.694 71.0977 351.153 70.9328 351.504 70.6191C351.662 70.4809 351.788 70.3103 351.874 70.1189C351.96 69.9275 352.004 69.7199 352.003 69.51C352.008 69.2643 351.962 69.0203 351.866 68.7938C351.77 68.5674 351.628 68.3637 351.449 68.1959C350.782 67.6487 350.044 67.1949 349.255 66.8469C348.444 66.4971 347.712 65.9873 347.102 65.3481C346.752 64.8774 346.575 64.3002 346.602 63.7143C346.592 63.3155 346.664 62.9189 346.816 62.5498C346.967 62.1808 347.194 61.8473 347.482 61.5709C347.783 61.2811 348.139 61.0552 348.53 60.9067C348.921 60.7581 349.337 60.6901 349.755 60.7065C350.264 60.7205 350.769 60.808 351.254 60.9663C351.504 61.0529 351.764 61.1099 352.028 61.1362C352.128 61.1433 352.227 61.115 352.308 61.0562C352.412 60.9582 352.494 60.8389 352.548 60.7065L352.913 60.7215Z" fill="black"/>
+<path d="M359.183 8.9948V2.82439H356.885V2H362.421V2.82439H360.107V8.9948H359.183Z" fill="#231F20"/>
+<path d="M363.34 8.9948V2H364.729L366.383 6.94133C366.532 7.40598 366.642 7.74573 366.712 7.97556C366.792 7.72075 366.917 7.35102 367.087 6.85639L368.756 2H370V8.9948H369.111V3.13915L367.082 8.9948H366.228L364.229 3.03923V8.9948H363.34Z" fill="#231F20"/>
+</g>
+<line x1="418.5" y1="91" x2="418.5" y2="1" stroke="#E7E7E7"/>
+<path d="M689.289 19.2031C682.98 19.2031 676.812 21.0739 671.567 24.579C666.321 28.084 662.233 33.0658 659.818 38.8945C657.404 44.7232 656.772 51.1369 658.003 57.3245C659.234 63.5122 662.272 69.1959 666.733 73.657C671.194 78.1181 676.878 81.1561 683.065 82.3869C689.253 83.6177 695.667 82.986 701.495 80.5717C707.324 78.1574 712.306 74.0689 715.811 68.8232C719.316 63.5776 721.187 57.4104 721.187 51.1015C721.187 42.6415 717.826 34.528 711.844 28.5459C705.862 22.5638 697.748 19.2031 689.289 19.2031ZM689.289 70.2405C685.503 70.2405 681.803 69.118 678.655 67.015C675.508 64.912 673.055 61.9228 671.606 58.4256C670.158 54.9285 669.779 51.0802 670.517 47.3676C671.256 43.655 673.079 40.2448 675.755 37.5681C678.432 34.8915 681.842 33.0687 685.555 32.3302C689.267 31.5917 693.115 31.9707 696.613 33.4193C700.11 34.8679 703.099 37.321 705.202 40.4684C707.305 43.6158 708.428 47.3161 708.428 51.1015C708.428 56.1774 706.411 61.0455 702.822 64.6348C699.233 68.2241 694.364 70.2405 689.289 70.2405Z" fill="#8F8F8F"/>
+<path d="M622.492 19.2031C616.183 19.2031 610.016 21.0739 604.77 24.579C599.524 28.084 595.436 33.0658 593.021 38.8945C590.607 44.7232 589.975 51.1369 591.206 57.3245C592.437 63.5122 595.475 69.1959 599.936 73.657C604.397 78.1181 610.081 81.1561 616.269 82.3869C622.456 83.6177 628.87 82.986 634.699 80.5717C640.527 78.1574 645.509 74.0689 649.014 68.8232C652.519 63.5776 654.39 57.4104 654.39 51.1015C654.39 46.9125 653.565 42.7646 651.962 38.8945C650.359 35.0244 648.009 31.508 645.047 28.5459C642.085 25.5839 638.569 23.2343 634.699 21.6312C630.829 20.0282 626.681 19.2031 622.492 19.2031ZM622.492 70.2405C618.706 70.2405 615.006 69.118 611.859 67.015C608.711 64.912 606.258 61.9228 604.809 58.4256C603.361 54.9285 602.982 51.0802 603.72 47.3676C604.459 43.655 606.282 40.2448 608.958 37.5681C611.635 34.8915 615.045 33.0687 618.758 32.3302C622.47 31.5917 626.319 31.9707 629.816 33.4193C633.313 34.8679 636.302 37.321 638.405 40.4684C640.508 43.6158 641.631 47.3161 641.631 51.1015C641.631 56.1774 639.614 61.0455 636.025 64.6348C632.436 68.2241 627.568 70.2405 622.492 70.2405Z" fill="#8F8F8F"/>
+<path d="M488.898 19.2031C482.589 19.2031 476.422 21.0739 471.177 24.579C465.931 28.084 461.842 33.0658 459.428 38.8945C457.014 44.7232 456.382 51.1369 457.613 57.3245C458.844 63.5122 461.882 69.1959 466.343 73.657C470.804 78.1181 476.488 81.1561 482.675 82.3869C488.863 83.6177 495.277 82.986 501.105 80.5717C506.934 78.1574 511.916 74.0689 515.421 68.8232C518.926 63.5776 520.797 57.4104 520.797 51.1015C520.797 42.6415 517.436 34.528 511.454 28.5459C505.472 22.5638 497.358 19.2031 488.898 19.2031ZM488.898 70.2405C485.113 70.2405 481.413 69.118 478.265 67.015C475.118 64.912 472.665 61.9228 471.216 58.4256C469.768 54.9285 469.389 51.0802 470.127 47.3676C470.866 43.655 472.688 40.2448 475.365 37.5681C478.042 34.8915 481.452 33.0687 485.165 32.3302C488.877 31.5917 492.725 31.9707 496.223 33.4193C499.72 34.8679 502.709 37.321 504.812 40.4684C506.915 43.6158 508.037 47.3161 508.037 51.1015C508.037 56.1774 506.021 61.0455 502.432 64.6348C498.842 68.2241 493.974 70.2405 488.898 70.2405Z" fill="#714B67"/>
+<path d="M581.214 0C579.522 0 577.899 0.672142 576.703 1.86856C575.506 3.06498 574.834 4.68768 574.834 6.37967V25.5187C569.088 21.2089 562.055 18.9648 554.874 19.1496C547.694 19.3345 540.786 21.9375 535.269 26.5372C529.752 31.137 525.949 37.4642 524.475 44.4944C523.002 51.5247 523.944 58.8465 527.15 65.2743C530.356 71.7022 535.638 76.8599 542.14 79.9123C548.642 82.9648 555.984 83.7333 562.977 82.0934C569.971 80.4536 576.206 76.5014 580.673 70.8767C585.141 65.252 587.579 58.2842 587.594 51.1012V6.37967C587.594 4.68768 586.921 3.06498 585.725 1.86856C584.529 0.672142 582.906 0 581.214 0ZM555.695 70.1764C551.91 70.1764 548.21 69.0539 545.062 66.9509C541.915 64.8479 539.462 61.8588 538.013 58.3616C536.564 54.8644 536.185 51.0161 536.924 47.3035C537.662 43.5909 539.485 40.1807 542.162 37.504C544.839 34.8274 548.249 33.0046 551.961 32.2661C555.674 31.5276 559.522 31.9066 563.019 33.3552C566.517 34.8038 569.506 37.2569 571.609 40.4043C573.712 43.5517 574.834 47.252 574.834 51.0374C574.834 56.1134 572.818 60.9814 569.229 64.5707C565.639 68.16 560.771 70.1764 555.695 70.1764Z" fill="#8F8F8F"/>
+<defs>
+<clipPath id="clip0_76_492">
+<rect width="370" height="74.4297" fill="white" transform="translate(0 2)"/>
+</clipPath>
+</defs>
+</svg>

website_product_customization/static/description/assets/icons/close-icon.svg

@@ -0,0 +1,5 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Group">
+<path id="Vector" d="M14 25.6666C7.55651 25.6666 2.33334 20.4434 2.33334 13.9999C2.33334 7.55642 7.55651 2.33325 14 2.33325C20.4435 2.33325 25.6667 7.55642 25.6667 13.9999C25.6667 20.4434 20.4435 25.6666 14 25.6666ZM14 23.3333C16.4754 23.3333 18.8493 22.3499 20.5997 20.5996C22.35 18.8492 23.3333 16.4753 23.3333 13.9999C23.3333 11.5246 22.35 9.1506 20.5997 7.40026C18.8493 5.64992 16.4754 4.66659 14 4.66659C11.5247 4.66659 9.15069 5.64992 7.40035 7.40026C5.65001 9.1506 4.66668 11.5246 4.66668 13.9999C4.66668 16.4753 5.65001 18.8492 7.40035 20.5996C9.15069 22.3499 11.5247 23.3333 14 23.3333ZM14 12.3503L17.2993 9.04975L18.9502 10.7006L15.6497 13.9999L18.9502 17.2993L17.2993 18.9501L14 15.6496L10.7007 18.9501L9.04984 17.2993L12.3503 13.9999L9.04984 10.7006L10.7007 9.04975L14 12.3503Z" fill="white"/>
+</g>
+</svg>

website_product_customization/static/description/assets/icons/collabarate-icon.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.66675 6.66667C3.66675 5.74619 4.41294 5 5.33341 5H13.3334C14.2539 5 15.0001 5.74619 15.0001 6.66667V10.6667C15.0001 11.219 15.4478 11.6667 16.0001 11.6667C16.5524 11.6667 17.0001 11.219 17.0001 10.6667V6.66667C17.0001 4.64162 15.3585 3 13.3334 3H5.33341C3.30837 3 1.66675 4.64162 1.66675 6.66667V25.3333C1.66675 27.3584 3.30837 29 5.33341 29H13.3334C15.3585 29 17.0001 27.3584 17.0001 25.3333V21.3333C17.0001 20.781 16.5524 20.3333 16.0001 20.3333C15.4478 20.3333 15.0001 20.781 15.0001 21.3333V25.3333C15.0001 26.2538 14.2539 27 13.3334 27H5.33341C4.41294 27 3.66675 26.2538 3.66675 25.3333V6.66667ZM5.66675 9.33333C5.66675 8.04467 6.71142 7 8.00008 7H10.6667C11.9554 7 13.0001 8.04467 13.0001 9.33333V12V16V18.6667C13.0001 19.9553 11.9554 21 10.6667 21H8.00008C6.71142 21 5.66675 19.9553 5.66675 18.6667V16V12V9.33333ZM11.0001 9.33333V11H7.66675V9.33333C7.66675 9.14924 7.81599 9 8.00008 9H10.6667C10.8508 9 11.0001 9.14924 11.0001 9.33333ZM11.0001 13H7.66675V15H11.0001V13ZM7.66675 17V18.6667C7.66675 18.8508 7.81599 19 8.00008 19H10.6667C10.8508 19 11.0001 18.8508 11.0001 18.6667V17H7.66675ZM25.6667 9.33333C25.6667 8.04467 26.7114 7 28.0001 7H29.3334C29.8857 7 30.3334 7.44772 30.3334 8C30.3334 8.55228 29.8857 9 29.3334 9H28.0001C27.816 9 27.6667 9.14924 27.6667 9.33333V11H29.3334C29.8857 11 30.3334 11.4477 30.3334 12C30.3334 12.5523 29.8857 13 29.3334 13H27.6667V15H29.3334C29.8857 15 30.3334 15.4477 30.3334 16C30.3334 16.5523 29.8857 17 29.3334 17H27.6667V18.6667C27.6667 18.8508 27.816 19 28.0001 19H29.3334C29.8857 19 30.3334 19.4477 30.3334 20C30.3334 20.5523 29.8857 21 29.3334 21H28.0001C26.7114 21 25.6667 19.9553 25.6667 18.6667V16V12V9.33333ZM28.2996 23.2862C28.6902 22.8957 29.3233 22.8957 29.7139 23.2862L29.7205 23.2929C30.111 23.6834 30.111 24.3166 29.7205 24.7071L29.7139 24.7138C29.3233 25.1043 28.6902 25.1043 28.2996 24.7138L28.293 24.7071C27.9025 24.3166 27.9025 23.6834 28.293 23.2929L28.2996 23.2862ZM9.71385 23.2862C9.32333 22.8957 8.69017 22.8957 8.29964 23.2862L8.29297 23.2929C7.90245 23.6834 7.90245 24.3166 8.29297 24.7071L8.29964 24.7138C8.69017 25.1043 9.32333 25.1043 9.71385 24.7138L9.72052 24.7071C10.111 24.3166 10.111 23.6834 9.72052 23.2929L9.71385 23.2862ZM15.0001 16C15.0001 15.4477 15.4478 15 16.0001 15H20.2525L19.293 14.0404C18.9025 13.6499 18.9025 13.0168 19.293 12.6262C19.6835 12.2357 20.3167 12.2357 20.7072 12.6262L23.3739 15.2929C23.7644 15.6834 23.7644 16.3166 23.3739 16.7071L20.7072 19.3738C20.3167 19.7643 19.6835 19.7643 19.293 19.3738C18.9025 18.9832 18.9025 18.3501 19.293 17.9596L20.2525 17H16.0001C15.4478 17 15.0001 16.5523 15.0001 16ZM25.3334 5C24.4129 5 23.6667 5.74619 23.6667 6.66667V9.33333C23.6667 9.88562 23.219 10.3333 22.6667 10.3333C22.1145 10.3333 21.6667 9.88562 21.6667 9.33333V6.66667C21.6667 4.64162 23.3084 3 25.3334 3H29.3334C29.8857 3 30.3334 3.44772 30.3334 4C30.3334 4.55228 29.8857 5 29.3334 5H25.3334ZM23.6667 22.6667C23.6667 22.1144 23.219 21.6667 22.6667 21.6667C22.1145 21.6667 21.6667 22.1144 21.6667 22.6667V25.3333C21.6667 27.3584 23.3084 29 25.3334 29H29.3334C29.8857 29 30.3334 28.5523 30.3334 28C30.3334 27.4477 29.8857 27 29.3334 27H25.3334C24.4129 27 23.6667 26.2538 23.6667 25.3333V22.6667Z" fill="white"/>
+</svg>

website_product_customization/static/description/assets/icons/down.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="512" height="512" x="0" y="0" viewBox="0 0 24 24" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><g id="Layer_2" data-name="Layer 2"><path d="m12 1a11 11 0 1 0 11 11 11.013 11.013 0 0 0 -11-11zm5.707 9.707-5 5a1 1 0 0 1 -1.414 0l-5-5a1 1 0 0 1 1.414-1.414l4.293 4.293 4.293-4.293a1 1 0 0 1 1.414 1.414z" fill="#781d96" data-original="#000000" class=""></path></g></g></svg>

website_product_customization/static/description/assets/icons/feature-icon.svg

@@ -0,0 +1,10 @@
+<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_63_485)">
+<path d="M201.497 512C199.505 512 197.489 511.602 195.563 510.771C192.299 509.363 189.641 506.842 188.063 503.657C186.485 500.473 186.089 496.831 186.946 493.381L237.67 289.204H101.001C98.5637 289.204 96.1635 288.61 94.0076 287.474C91.8517 286.338 90.005 284.694 88.6274 282.684C87.2497 280.674 86.3825 278.358 86.1008 275.938C85.8191 273.517 86.1314 271.065 87.0106 268.792L187.272 9.58896C188.364 6.76572 190.285 4.33889 192.781 2.62746C195.278 0.916019 198.234 7.05455e-05 201.261 0L339.222 0C344.291 0 349.017 2.55999 351.787 6.80597C353.149 8.89601 353.969 11.2929 354.172 13.7797C354.375 16.2665 353.954 18.7646 352.949 21.0479L293.58 155.807H410.999C413.693 155.807 416.336 156.533 418.652 157.907C420.969 159.281 422.872 161.253 424.163 163.617C425.454 165.98 426.085 168.648 425.99 171.34C425.894 174.031 425.076 176.647 423.62 178.913L214.125 505.104C212.767 507.22 210.898 508.96 208.692 510.165C206.485 511.37 204.011 512.001 201.497 512Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_63_485">
+<rect width="512" height="512" fill="white"/>
+</clipPath>
+</defs>
+</svg>

website_product_customization/static/description/assets/icons/gear.svg

@@ -0,0 +1,10 @@
+<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_48_635)">
+<path d="M15.5549 16.005L18.4799 17.685L20.7299 13.785L17.8199 12.105C17.9399 11.58 17.9999 11.04 17.9999 10.485C17.9999 9.93 17.9249 9.39 17.8199 8.865L20.7299 7.185L18.4799 3.285L15.5549 4.965C14.7599 4.23 13.7999 3.69 12.7499 3.36V0H8.24991V3.39C7.19991 3.72 6.23991 4.275 5.44491 4.995L2.51991 3.315L0.284912 7.215L3.19491 8.895C3.07491 9.42 3.01491 9.96 3.01491 10.515C3.01491 11.07 3.08991 11.61 3.19491 12.135L0.284912 13.785L2.53491 17.685L5.45991 16.005C6.25491 16.74 7.21491 17.28 8.26491 17.61V21H12.7649V17.61C13.8149 17.28 14.7749 16.725 15.5699 16.005H15.5549ZM10.4999 7.5C12.1499 7.5 13.4999 8.85 13.4999 10.5C13.4999 12.15 12.1499 13.5 10.4999 13.5C8.84991 13.5 7.49991 12.15 7.49991 10.5C7.49991 8.85 8.84991 7.5 10.4999 7.5ZM32.9999 25.5C32.9999 24.945 32.9249 24.405 32.8199 23.88L35.7299 22.2L33.4799 18.3L30.5549 19.98C29.7599 19.245 28.7999 18.705 27.7499 18.375V14.985H23.2499V18.375C22.1999 18.705 21.2399 19.26 20.4449 19.98L17.5199 18.3L15.2699 22.2L18.1799 23.88C18.0599 24.405 17.9999 24.945 17.9999 25.5C17.9999 26.055 18.0749 26.595 18.1799 27.12L15.2699 28.8L17.5199 32.7L20.4449 31.02C21.2399 31.755 22.1999 32.295 23.2499 32.625V36.015H27.7499V32.625C28.7999 32.295 29.7599 31.74 30.5549 31.02L33.4799 32.7L35.7299 28.8L32.8199 27.12C32.9399 26.595 32.9999 26.055 32.9999 25.5ZM25.4999 28.5C23.8499 28.5 22.4999 27.15 22.4999 25.5C22.4999 23.85 23.8499 22.5 25.4999 22.5C27.1499 22.5 28.4999 23.85 28.4999 25.5C28.4999 27.15 27.1499 28.5 25.4999 28.5Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_48_635">
+<rect width="36" height="36" fill="white"/>
+</clipPath>
+</defs>
+</svg>

website_product_customization/static/description/assets/icons/hire-odoo.svg

@@ -0,0 +1,12 @@
+<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_63_514)">
+<path d="M35.5528 30.1866L35.4888 30.1001C34.1698 28.5729 32.5491 27.4542 30.9818 26.3735C30.342 25.932 29.205 25.2204 28.4006 24.648C30.2674 22.0121 31.2673 18.8605 31.2616 15.6305C31.2616 6.9982 24.2634 0 15.6305 0C6.9975 0 0 6.9982 0 15.6305C0 24.2627 6.9982 31.2616 15.6305 31.2616C18.8564 31.2665 22.0042 30.2687 24.6382 28.4062C25.2113 29.2099 25.9221 30.3448 26.3644 30.9846C27.4479 32.5547 28.568 34.1719 30.0938 35.4895L30.1802 35.5528C30.6668 35.8503 31.2271 36.0052 31.7974 36C32.6595 35.9973 33.49 35.6752 34.1283 35.0958L35.0719 34.1543L35.0944 34.1311C36.0991 33.0314 36.2918 31.3727 35.5528 30.1866ZM15.6305 27.1835C12.9572 27.1838 10.3666 26.2572 8.29999 24.5615C6.23339 22.8658 4.81869 20.5059 4.29696 17.8841C3.77523 15.2623 4.17875 12.5406 5.43876 10.183C6.69877 7.82531 8.7373 5.97748 11.207 4.95436C13.6767 3.93123 16.4248 3.79611 18.9829 4.57203C21.5411 5.34794 23.7511 6.98687 25.2363 9.20956C26.7215 11.4323 27.3901 14.1012 27.128 16.7615C26.866 19.4219 25.6897 21.9091 23.7994 23.7994C22.7292 24.8756 21.4561 25.7288 20.0539 26.3097C18.6517 26.8906 17.1482 27.1876 15.6305 27.1835Z" fill="white"/>
+<path d="M15.6304 17.0723C18.1642 17.0723 20.2183 15.0182 20.2183 12.4844C20.2183 9.95055 18.1642 7.89648 15.6304 7.89648C13.0965 7.89648 11.0425 9.95055 11.0425 12.4844C11.0425 15.0182 13.0965 17.0723 15.6304 17.0723Z" fill="white"/>
+<path d="M23.1884 20.8558C23.1196 20.2123 22.8316 19.6121 22.3728 19.1557C21.9122 18.694 21.3081 18.4029 20.66 18.3302C19.7115 18.2296 17.3553 18.1748 15.8879 18.1748C14.4205 18.1748 11.5327 18.2296 10.5835 18.3302C9.93556 18.4029 9.33159 18.6938 8.87069 19.155C8.4121 19.6114 8.12438 20.2117 8.05577 20.8551V20.8748C8.03327 21.0928 8.01991 21.2819 8.01147 21.4436C8.27125 21.7834 8.55311 22.1056 8.85522 22.4083C10.6527 24.2055 13.0905 25.2152 15.6323 25.2152C18.1741 25.2152 20.6119 24.2055 22.4094 22.4083C22.7068 22.1104 22.9846 21.7935 23.2412 21.4598C23.2306 21.2946 23.2151 21.1005 23.1919 20.8755L23.1884 20.8558Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_63_514">
+<rect width="36" height="36" fill="white"/>
+</clipPath>
+</defs>
+</svg>

website_product_customization/static/description/assets/icons/life-ring-icon.svg

@@ -0,0 +1,13 @@
+<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_32_1689)">
+<path d="M10.4999 17.9999C10.5002 16.5303 10.9349 15.0936 11.7494 13.8704L4.26741 6.38843C1.51255 9.63015 0 13.7458 0 17.9999C0 22.2541 1.51255 26.3697 4.26741 29.6114L11.7494 22.1294C10.9349 20.9062 10.5002 19.4695 10.4999 17.9999Z" fill="white"/>
+<path d="M31.7325 6.38843L24.2505 13.8704C25.0652 15.0935 25.4999 16.5303 25.4999 17.9999C25.4999 19.4695 25.0652 20.9063 24.2505 22.1294L31.7325 29.6114C34.4873 26.3697 35.9999 22.2541 35.9999 17.9999C35.9999 13.7458 34.4873 9.63015 31.7325 6.38843Z" fill="white"/>
+<path d="M17.9999 25.5C16.5303 25.4997 15.0936 25.065 13.8704 24.2505L6.38843 31.7325C9.63015 34.4873 13.7458 35.9999 17.9999 35.9999C22.2541 35.9999 26.3697 34.4873 29.6114 31.7325L22.1294 24.2505C20.9062 25.065 19.4695 25.4997 17.9999 25.5Z" fill="white"/>
+<path d="M17.9999 10.4999C19.4695 10.5002 20.9062 10.9349 22.1294 11.7494L29.6114 4.26741C26.3697 1.51255 22.2541 0 17.9999 0C13.7458 0 9.63015 1.51255 6.38843 4.26741L13.8704 11.7494C15.0936 10.9349 16.5303 10.5002 17.9999 10.4999Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_32_1689">
+<rect width="36" height="36" fill="white"/>
+</clipPath>
+</defs>
+</svg>

website_product_customization/static/description/assets/icons/mail.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="18" viewBox="0 0 20 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1 0.75H19C19.2652 0.75 19.5196 0.846577 19.7071 1.01849C19.8946 1.19039 20 1.42355 20 1.66667V16.3333C20 16.5764 19.8946 16.8096 19.7071 16.9815C19.5196 17.1534 19.2652 17.25 19 17.25H1C0.734784 17.25 0.48043 17.1534 0.292893 16.9815C0.105357 16.8096 0 16.5764 0 16.3333V1.66667C0 1.42355 0.105357 1.19039 0.292893 1.01849C0.48043 0.846577 0.734784 0.75 1 0.75ZM18 4.63483L10.072 11.1432L2 4.61467V15.4167H18V4.63483ZM2.511 2.58333L10.061 8.69017L17.502 2.58333H2.511Z" fill="#7F54B3"/>
+</svg>

website_product_customization/static/description/assets/icons/notification icon.svg

@@ -0,0 +1,10 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_36_1829)">
+<path d="M20 17H22V19H2V17H4V10C4 7.87827 4.84285 5.84344 6.34315 4.34315C7.84344 2.84285 9.87827 2 12 2C14.1217 2 16.1566 2.84285 17.6569 4.34315C19.1571 5.84344 20 7.87827 20 10V17ZM9 21H15V23H9V21Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_36_1829">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>

website_product_customization/static/description/assets/icons/odoo-consultancy.svg

@@ -0,0 +1,4 @@
+<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M30.3242 28.2889C29.5991 26.131 26.7094 24.7803 24.6491 23.8749C23.842 23.5214 21.6075 22.9216 21.3389 21.9053C21.2428 21.5392 21.2558 21.194 21.3346 20.8631C21.2104 20.8869 21.0844 20.9009 20.9541 20.9009H19.6117C18.5399 20.9009 17.6691 20.029 17.6691 18.958C17.6691 17.8877 18.5403 17.0176 19.6117 17.0176H20.9541C21.3976 17.0176 21.8181 17.1677 22.1572 17.4356C22.6544 17.3693 23.1339 17.2631 23.581 17.1238C24.1682 15.8937 24.6261 14.4227 24.7287 13.1566C25.1668 7.73933 21.8458 4.56989 17.0841 5.11781C13.622 5.51633 11.5538 8.09789 11.3302 11.4214C11.1041 14.809 12.3602 17.311 13.6943 19.1463C14.2786 19.9487 14.8924 20.4646 14.7981 21.4316C14.6887 22.5749 13.4661 22.8935 12.5917 23.2449C11.5556 23.6611 10.4396 24.2925 9.91254 24.5845C8.09706 25.5871 6.10446 26.7945 5.65662 28.4462C4.66482 32.1067 8.01426 33.2155 10.7794 33.7274C13.1525 34.1651 15.8284 34.1997 18.0295 34.1997C22.0107 34.1997 29.1697 34.0402 30.3242 31.0475C30.6525 30.1983 30.5117 28.8451 30.3242 28.2889Z" fill="white"/>
+<path d="M21.8037 18.4113C21.6215 18.1337 21.3101 17.9494 20.9548 17.9494H19.6124C19.0522 17.9494 18.6004 18.4019 18.6004 18.9592C18.6004 19.5186 19.0522 19.9719 19.6124 19.9719H20.9548C21.3468 19.9719 21.6795 19.7483 21.8472 19.425C23.7189 19.2778 25.3468 18.7061 26.4894 17.8619C26.7519 18.0311 27.0622 18.1301 27.397 18.1301H27.4812C28.4144 18.1301 29.1689 17.3748 29.1689 16.4406V13.0682C29.1689 12.3964 28.7751 11.8168 28.207 11.5475C27.9593 6.13204 23.4762 1.7998 17.9999 1.7998C12.5236 1.7998 8.03981 6.13204 7.79321 11.5475C7.22405 11.8172 6.83057 12.3964 6.83057 13.0682V16.4406C6.83057 17.3748 7.58585 18.1301 8.51681 18.1301H8.60213C9.53381 18.1301 10.2894 17.3748 10.2894 16.4406V13.0682C10.2894 12.4061 9.90677 11.8352 9.35057 11.559C9.59141 6.99604 13.3779 3.35896 17.9999 3.35896C22.6202 3.35896 26.4084 6.99604 26.6482 11.559C26.0927 11.8355 25.7104 12.4061 25.7104 13.0682V16.4406C25.7104 16.6646 25.754 16.873 25.8306 17.0678C24.8471 17.7716 23.4154 18.273 21.8037 18.4113Z" fill="white"/>
+</svg>

website_product_customization/static/description/assets/icons/odoo-licencing.svg

@@ -0,0 +1,3 @@
+<svg width="36" height="35" viewBox="0 0 36 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 4.40625C5.84315 4.40625 4.5 5.67087 4.5 7.23081V27.0027C4.5 28.5627 5.84315 29.8273 7.5 29.8273H28.5C30.1569 29.8273 31.5 28.5627 31.5 27.0027V7.23081C31.5 5.67087 30.1569 4.40625 28.5 4.40625H7.5ZM12 18.5291C12 17.749 11.3284 17.1168 10.5 17.1168C9.67157 17.1168 9 17.749 9 18.5291V24.1782C9 24.9582 9.67157 25.5905 10.5 25.5905C11.3284 25.5905 12 24.9582 12 24.1782V18.5291ZM18 12.8799C18.8284 12.8799 19.5 13.5122 19.5 14.2922V24.1782C19.5 24.9582 18.8284 25.5905 18 25.5905C17.1716 25.5905 16.5 24.9582 16.5 24.1782V14.2922C16.5 13.5122 17.1716 12.8799 18 12.8799ZM27 10.0554C27 9.27536 26.3284 8.64309 25.5 8.64309C24.6716 8.64309 24 9.27536 24 10.0554V24.1782C24 24.9582 24.6716 25.5905 25.5 25.5905C26.3284 25.5905 27 24.9582 27 24.1782V10.0554Z" fill="white"/>
+</svg>

website_product_customization/static/description/assets/icons/puzzle-piece-icon.svg

@@ -0,0 +1,10 @@
+<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="puzzle-piece 1" clip-path="url(#clip0_226_336)">
+<path id="Vector" d="M30 15.75C28.9888 15.7847 27.9837 15.9214 27 16.158V13.5C27 12.3065 26.5259 11.1619 25.682 10.318C24.8381 9.47411 23.6935 9 22.5 9H19.092C19.3296 8.01646 19.4663 7.01126 19.5 6C19.5 4.4087 18.8679 2.88258 17.7426 1.75736C16.6174 0.632141 15.0913 0 13.5 0C11.9087 0 10.3826 0.632141 9.25736 1.75736C8.13214 2.88258 7.5 4.4087 7.5 6C7.53374 7.01126 7.67045 8.01646 7.908 9H4.5C3.30653 9 2.16193 9.47411 1.31802 10.318C0.474106 11.1619 0 12.3065 0 13.5L0 36H9.804L9.45 34.5C9.19694 33.5182 9.04614 32.5128 9 31.5C9 30.3065 9.47411 29.1619 10.318 28.318C11.1619 27.4741 12.3065 27 13.5 27C14.6935 27 15.8381 27.4741 16.682 28.318C17.5259 29.1619 18 30.3065 18 31.5C17.9539 32.5128 17.8031 33.5182 17.55 34.5L17.1945 36H27V27.342C27.9837 27.5786 28.9888 27.7153 30 27.75C31.5913 27.75 33.1174 27.1179 34.2426 25.9926C35.3679 24.8674 36 23.3413 36 21.75C36 20.1587 35.3679 18.6326 34.2426 17.5074C33.1174 16.3821 31.5913 15.75 30 15.75Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_226_336">
+<rect width="36" height="36" fill="white"/>
+</clipPath>
+</defs>
+</svg>

website_product_customization/static/description/assets/icons/replace-icon.svg

@@ -0,0 +1,10 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_36_1852)">
+<path d="M7.5 0H3.5C1.57 0 0 1.57 0 3.5V11H11V3.5C11 1.57 9.43 0 7.5 0ZM8 8H3V3.5C3 3.22 3.22 3 3.5 3H7.5C7.78 3 8 3.22 8 3.5V8ZM20.5 13H16.5C14.57 13 13 14.57 13 16.5V24H24V16.5C24 14.57 22.43 13 20.5 13ZM21 21H16V16.5C16 16.22 16.22 16 16.5 16H20.5C20.78 16 21 16.22 21 16.5V21ZM24 8V11H21V8C21 7.45 20.55 7 20 7H18V10.56L13.83 6.29C13.39 5.85 13.39 5.14 13.83 4.7L18 0.44V4H20C22.21 4 24 5.79 24 8ZM10.17 17.64C10.61 18.08 10.61 18.79 10.17 19.23L6 23.5V20H4C1.79 20 0 18.21 0 16V13H3V16C3 16.55 3.45 17 4 17H6V13.38L10.17 17.65V17.64Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_36_1852">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>

website_product_customization/static/description/assets/icons/skype-fill.svg

@@ -0,0 +1,10 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_15_1650)">
+<path d="M13.31 20.4002C11.9877 20.6067 10.6353 20.4981 9.36293 20.0832C8.09054 19.6683 6.9341 18.9588 5.98776 18.0124C5.04141 17.0661 4.3319 15.9096 3.91698 14.6372C3.50206 13.3648 3.39345 12.0125 3.6 10.6902C3.07874 9.69867 2.88826 8.56644 3.05641 7.45897C3.22457 6.3515 3.74254 5.32684 4.53461 4.53477C5.32669 3.74269 6.35135 3.22472 7.45882 3.05657C8.56629 2.88841 9.69851 3.07889 10.69 3.60016C12.0123 3.39361 13.3647 3.50221 14.6371 3.91713C15.9095 4.33205 17.0659 5.04156 18.0123 5.98791C18.9586 6.93425 19.6681 8.09069 20.083 9.36308C20.498 10.6355 20.6066 11.9879 20.4 13.3102C20.9213 14.3016 21.1117 15.4339 20.9436 16.5413C20.7754 17.6488 20.2575 18.6735 19.4654 19.4655C18.6733 20.2576 17.6487 20.7756 16.5412 20.9437C15.4337 21.1119 14.3015 20.9214 13.31 20.4002ZM12.052 17.1562H12.012C14.884 17.1562 16.315 15.7702 16.315 13.9132C16.315 12.7152 15.764 11.4422 13.589 10.9552L11.606 10.5152C10.851 10.3432 9.984 10.1152 9.984 9.40016C9.984 8.68516 10.604 8.18716 11.708 8.18716C13.938 8.18716 13.735 9.71516 14.839 9.71516C15.415 9.71516 15.932 9.37316 15.932 8.78516C15.932 7.41516 13.735 6.38516 11.876 6.38516C9.85501 6.38516 7.703 7.24416 7.703 9.52916C7.703 10.6272 8.097 11.7992 10.263 12.3422L12.952 13.0132C13.768 13.2152 13.97 13.6722 13.97 14.0852C13.97 14.7722 13.286 15.4432 12.052 15.4432C9.635 15.4432 9.97401 13.5862 8.67801 13.5862C8.09801 13.5862 7.675 13.9842 7.675 14.5572C7.675 15.6712 9.027 17.1552 12.052 17.1552V17.1562Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_15_1650">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>

website_product_customization/static/description/assets/icons/skype.svg

@@ -0,0 +1,3 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.3099 17.4C8.98761 17.6066 7.63523 17.498 6.36284 17.0831C5.09044 16.6681 3.93401 15.9586 2.98766 15.0123C2.04132 14.0659 1.33181 12.9095 0.916889 11.6371C0.501968 10.3647 0.393363 9.01233 0.599913 7.69003C0.0786456 6.69855 -0.111831 5.56632 0.0563225 4.45885C0.224476 3.35138 0.742445 2.32672 1.53452 1.53464C2.3266 0.742567 3.35125 0.224598 4.45873 0.0564446C5.5662 -0.111709 6.69842 0.0787677 7.68991 0.600035C9.01221 0.393485 10.3646 0.50209 11.637 0.917011C12.9094 1.33193 14.0658 2.04144 15.0122 2.98779C15.9585 3.93413 16.668 5.09057 17.0829 6.36296C17.4979 7.63535 17.6065 8.98774 17.3999 10.31C17.9212 11.3015 18.1117 12.4337 17.9435 13.5412C17.7754 14.6487 17.2574 15.6734 16.4653 16.4654C15.6732 17.2575 14.6486 17.7755 13.5411 17.9436C12.4336 18.1118 11.3014 17.9213 10.3099 17.4ZM9.05191 14.156H9.01191C11.8839 14.156 13.3149 12.77 13.3149 10.913C13.3149 9.71504 12.7639 8.44204 10.5889 7.95504L8.60591 7.51504C7.85091 7.34304 6.98391 7.11504 6.98391 6.40003C6.98391 5.68503 7.60391 5.18704 8.70791 5.18704C10.9379 5.18704 10.7349 6.71504 11.8389 6.71504C12.4149 6.71504 12.9319 6.37303 12.9319 5.78504C12.9319 4.41504 10.7349 3.38504 8.87591 3.38504C6.85491 3.38504 4.70291 4.24404 4.70291 6.52904C4.70291 7.62704 5.09691 8.79904 7.26291 9.34204L9.95191 10.013C10.7679 10.215 10.9699 10.672 10.9699 11.085C10.9699 11.772 10.2859 12.443 9.05191 12.443C6.63491 12.443 6.97391 10.586 5.67791 10.586C5.09791 10.586 4.67491 10.984 4.67491 11.557C4.67491 12.671 6.02691 14.155 9.05191 14.155V14.156Z" fill="white"/>
+</svg>

website_product_customization/static/description/assets/icons/star-1.svg

@@ -0,0 +1,53 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="1024px" height="1024px" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd" xmlns:xlink="http://www.w3.org/1999/xlink">
+<g><path style="opacity:0.968" fill="#6802dd" d="M 872.5,351.5 C 869.316,353.414 865.649,354.08 861.5,353.5C 861.068,352.29 860.401,351.29 859.5,350.5C 855.884,340.601 851.217,331.268 845.5,322.5C 841.319,314.792 836.652,307.458 831.5,300.5C 825.654,289.989 818.654,280.322 810.5,271.5C 804.551,263.217 797.884,255.55 790.5,248.5C 783.833,241.167 776.833,234.167 769.5,227.5C 763.245,221.369 756.578,215.702 749.5,210.5C 738.906,201.529 727.572,193.529 715.5,186.5C 706.018,180.041 696.018,174.374 685.5,169.5C 673.375,162.774 660.708,157.107 647.5,152.5C 631.495,146.499 615.162,141.499 598.5,137.5C 507.572,117.423 420.572,128.089 337.5,169.5C 326.51,174.993 315.843,180.993 305.5,187.5C 296.223,193.444 287.223,199.778 278.5,206.5C 269.849,213.154 261.516,220.154 253.5,227.5C 246.167,234.167 239.167,241.167 232.5,248.5C 225.116,255.55 218.449,263.217 212.5,271.5C 204.346,280.322 197.346,289.989 191.5,300.5C 186.348,307.458 181.681,314.792 177.5,322.5C 171.798,331.237 167.132,340.57 163.5,350.5C 162.599,351.29 161.932,352.29 161.5,353.5C 157.351,354.08 153.684,353.414 150.5,351.5C 183.041,278.449 233.041,220.282 300.5,177C 398.817,117.525 503.817,101.859 615.5,130C 722.993,161.19 804.16,225.357 859,322.5C 864.059,331.948 868.559,341.615 872.5,351.5 Z"/></g>
+<g><path style="opacity:1" fill="#b779fc" d="M 598.5,137.5 C 615.162,141.499 631.495,146.499 647.5,152.5C 640.391,154.014 633.058,154.847 625.5,155C 625.957,155.414 626.291,155.914 626.5,156.5C 616.183,157.332 605.849,157.832 595.5,158C 595.957,158.414 596.291,158.914 596.5,159.5C 591.533,160.329 586.533,160.829 581.5,161C 581.957,161.414 582.291,161.914 582.5,162.5C 572.833,163.167 563.167,163.833 553.5,164.5C 554.624,165.914 555.624,167.414 556.5,169C 540.819,169.345 525.152,170.011 509.5,171C 510.167,171.667 510.833,172.333 511.5,173C 501.5,173.333 491.5,173.667 481.5,174C 482.167,175 482.833,176 483.5,177C 474.176,177.744 464.843,178.244 455.5,178.5C 419.098,172.35 382.431,169.683 345.5,170.5C 358.362,169.511 371.362,168.344 384.5,167C 383.833,166 383.167,165 382.5,164C 401.944,162.442 421.944,161.109 442.5,160C 441.833,159.333 441.167,158.667 440.5,158C 445.833,157.667 451.167,157.333 456.5,157C 455.833,156.333 455.167,155.667 454.5,155C 473.944,153.442 493.944,152.109 514.5,151C 513.833,150 513.167,149 512.5,148C 517.533,147.829 522.533,147.329 527.5,146.5C 527.291,145.914 526.957,145.414 526.5,145C 536.849,144.832 547.183,144.332 557.5,143.5C 557.291,142.914 556.957,142.414 556.5,142C 566.184,141.832 575.851,141.332 585.5,140.5C 585.291,139.914 584.957,139.414 584.5,139C 589.351,138.826 594.018,138.326 598.5,137.5 Z"/></g>
+<g><path style="opacity:1" fill="#ba7efd" d="M 598.5,137.5 C 594.018,138.326 589.351,138.826 584.5,139C 584.957,139.414 585.291,139.914 585.5,140.5C 575.851,141.332 566.184,141.832 556.5,142C 556.957,142.414 557.291,142.914 557.5,143.5C 547.183,144.332 536.849,144.832 526.5,145C 526.957,145.414 527.291,145.914 527.5,146.5C 522.533,147.329 517.533,147.829 512.5,148C 513.167,149 513.833,150 514.5,151C 493.944,152.109 473.944,153.442 454.5,155C 455.167,155.667 455.833,156.333 456.5,157C 451.167,157.333 445.833,157.667 440.5,158C 441.167,158.667 441.833,159.333 442.5,160C 421.944,161.109 401.944,162.442 382.5,164C 383.167,165 383.833,166 384.5,167C 371.362,168.344 358.362,169.511 345.5,170.5C 342.615,170.806 339.948,170.473 337.5,169.5C 420.572,128.089 507.572,117.423 598.5,137.5 Z"/></g>
+<g><path style="opacity:1" fill="#b373fb" d="M 647.5,152.5 C 660.708,157.107 673.375,162.774 685.5,169.5C 678.679,170.329 671.679,170.829 664.5,171C 664.957,171.414 665.291,171.914 665.5,172.5C 655.851,173.332 646.184,173.832 636.5,174C 637.167,175 637.833,176 638.5,177C 633.467,177.171 628.467,177.671 623.5,178.5C 623.709,179.086 624.043,179.586 624.5,180C 603.944,181.109 583.944,182.442 564.5,184C 565.357,184.689 566.023,185.522 566.5,186.5C 561.5,187.167 556.5,187.833 551.5,188.5C 551.709,189.086 552.043,189.586 552.5,190C 542.167,190.333 531.833,190.667 521.5,191C 521.957,191.414 522.291,191.914 522.5,192.5C 519.914,193.48 517.247,193.813 514.5,193.5C 508.102,192.033 501.768,190.366 495.5,188.5C 482.32,184.531 468.987,181.198 455.5,178.5C 464.843,178.244 474.176,177.744 483.5,177C 482.833,176 482.167,175 481.5,174C 491.5,173.667 501.5,173.333 511.5,173C 510.833,172.333 510.167,171.667 509.5,171C 525.152,170.011 540.819,169.345 556.5,169C 555.624,167.414 554.624,165.914 553.5,164.5C 563.167,163.833 572.833,163.167 582.5,162.5C 582.291,161.914 581.957,161.414 581.5,161C 586.533,160.829 591.533,160.329 596.5,159.5C 596.291,158.914 595.957,158.414 595.5,158C 605.849,157.832 616.183,157.332 626.5,156.5C 626.291,155.914 625.957,155.414 625.5,155C 633.058,154.847 640.391,154.014 647.5,152.5 Z"/></g>
+<g><path style="opacity:1" fill="#b06dfa" d="M 685.5,169.5 C 696.018,174.374 706.018,180.041 715.5,186.5C 712.642,187.166 709.642,187.833 706.5,188.5C 706.709,189.086 707.043,189.586 707.5,190C 697.151,190.168 686.817,190.668 676.5,191.5C 676.709,192.086 677.043,192.586 677.5,193C 662.518,194.032 647.518,194.698 632.5,195C 643.515,195.168 654.515,195.668 665.5,196.5C 645.225,197.916 624.892,199.416 604.5,201C 605.167,202 605.833,203 606.5,204C 601.833,204.333 597.167,204.667 592.5,205C 592.957,205.414 593.291,205.914 593.5,206.5C 583.183,207.332 572.849,207.832 562.5,208C 565.194,210.552 564.527,211.719 560.5,211.5C 557.166,210.166 553.833,208.833 550.5,207.5C 538.736,202.245 526.736,197.578 514.5,193.5C 517.247,193.813 519.914,193.48 522.5,192.5C 522.291,191.914 521.957,191.414 521.5,191C 531.833,190.667 542.167,190.333 552.5,190C 552.043,189.586 551.709,189.086 551.5,188.5C 556.5,187.833 561.5,187.167 566.5,186.5C 566.023,185.522 565.357,184.689 564.5,184C 583.944,182.442 603.944,181.109 624.5,180C 624.043,179.586 623.709,179.086 623.5,178.5C 628.467,177.671 633.467,177.171 638.5,177C 637.833,176 637.167,175 636.5,174C 646.184,173.832 655.851,173.332 665.5,172.5C 665.291,171.914 664.957,171.414 664.5,171C 671.679,170.829 678.679,170.329 685.5,169.5 Z"/></g>
+<g><path style="opacity:1" fill="#af6bfb" d="M 337.5,169.5 C 339.948,170.473 342.615,170.806 345.5,170.5C 382.431,169.683 419.098,172.35 455.5,178.5C 468.987,181.198 482.32,184.531 495.5,188.5C 431.998,188.832 368.664,188.499 305.5,187.5C 315.843,180.993 326.51,174.993 337.5,169.5 Z"/></g>
+<g><path style="opacity:1" fill="#ac66fa" d="M 305.5,187.5 C 368.664,188.499 431.998,188.832 495.5,188.5C 501.768,190.366 508.102,192.033 514.5,193.5C 526.736,197.578 538.736,202.245 550.5,207.5C 459.665,207.833 368.998,207.499 278.5,206.5C 287.223,199.778 296.223,193.444 305.5,187.5 Z"/></g>
+<g><path style="opacity:1" fill="#ac66f9" d="M 715.5,186.5 C 727.572,193.529 738.906,201.529 749.5,210.5C 739.992,211.167 730.325,211.833 720.5,212.5C 720.709,213.086 721.043,213.586 721.5,214C 711.151,214.168 700.817,214.668 690.5,215.5C 690.833,216.167 691.167,216.833 691.5,217.5C 687.167,218.167 682.833,218.833 678.5,219.5C 678.709,220.086 679.043,220.586 679.5,221C 669.151,221.168 658.817,221.668 648.5,222.5C 648.977,223.478 649.643,224.311 650.5,225C 645.167,225.333 639.833,225.667 634.5,226C 635.167,226.667 635.833,227.333 636.5,228C 626.5,228.333 616.5,228.667 606.5,229C 609.145,232.164 608.145,233.331 603.5,232.5C 600.848,230.418 597.848,229.085 594.5,228.5C 583.446,222.306 572.112,216.639 560.5,211.5C 564.527,211.719 565.194,210.552 562.5,208C 572.849,207.832 583.183,207.332 593.5,206.5C 593.291,205.914 592.957,205.414 592.5,205C 597.167,204.667 601.833,204.333 606.5,204C 605.833,203 605.167,202 604.5,201C 624.892,199.416 645.225,197.916 665.5,196.5C 654.515,195.668 643.515,195.168 632.5,195C 647.518,194.698 662.518,194.032 677.5,193C 677.043,192.586 676.709,192.086 676.5,191.5C 686.817,190.668 697.151,190.168 707.5,190C 707.043,189.586 706.709,189.086 706.5,188.5C 709.642,187.833 712.642,187.166 715.5,186.5 Z"/></g>
+<g><path style="opacity:1" fill="#a85ff8" d="M 278.5,206.5 C 368.998,207.499 459.665,207.833 550.5,207.5C 553.833,208.833 557.166,210.166 560.5,211.5C 572.112,216.639 583.446,222.306 594.5,228.5C 480.665,228.833 366.999,228.5 253.5,227.5C 261.516,220.154 269.849,213.154 278.5,206.5 Z"/></g>
+<g><path style="opacity:1" fill="#a760f7" d="M 749.5,210.5 C 756.578,215.702 763.245,221.369 769.5,227.5C 767.031,228.317 764.365,228.817 761.5,229C 762.167,230 762.833,231 763.5,232C 753.151,232.168 742.817,232.668 732.5,233.5C 732.709,234.086 733.043,234.586 733.5,235C 728.467,235.171 723.467,235.671 718.5,236.5C 718.833,237.167 719.167,237.833 719.5,238.5C 709.833,239.167 700.167,239.833 690.5,240.5C 690.977,241.478 691.643,242.311 692.5,243C 687.167,243.333 681.833,243.667 676.5,244C 677.167,244.667 677.833,245.333 678.5,246C 668.151,246.168 657.817,246.668 647.5,247.5C 647.833,248.167 648.167,248.833 648.5,249.5C 643.208,250.495 637.875,250.828 632.5,250.5C 632.158,249.662 631.492,249.328 630.5,249.5C 621.669,243.583 612.669,237.917 603.5,232.5C 608.145,233.331 609.145,232.164 606.5,229C 616.5,228.667 626.5,228.333 636.5,228C 635.833,227.333 635.167,226.667 634.5,226C 639.833,225.667 645.167,225.333 650.5,225C 649.643,224.311 648.977,223.478 648.5,222.5C 658.817,221.668 669.151,221.168 679.5,221C 679.043,220.586 678.709,220.086 678.5,219.5C 682.833,218.833 687.167,218.167 691.5,217.5C 691.167,216.833 690.833,216.167 690.5,215.5C 700.817,214.668 711.151,214.168 721.5,214C 721.043,213.586 720.709,213.086 720.5,212.5C 730.325,211.833 739.992,211.167 749.5,210.5 Z"/></g>
+<g><path style="opacity:1" fill="#a45af7" d="M 253.5,227.5 C 366.999,228.5 480.665,228.833 594.5,228.5C 597.848,229.085 600.848,230.418 603.5,232.5C 612.669,237.917 621.669,243.583 630.5,249.5C 592.663,249.168 554.996,249.502 517.5,250.5C 515.511,246.904 513.511,243.237 511.5,239.5C 509.203,243.1 507.203,246.767 505.5,250.5C 414.5,249.833 323.5,249.167 232.5,248.5C 239.167,241.167 246.167,234.167 253.5,227.5 Z"/></g>
+<g><path style="opacity:1" fill="#a45af6" d="M 769.5,227.5 C 776.833,234.167 783.833,241.167 790.5,248.5C 779.674,249.33 768.674,249.83 757.5,250C 757.957,250.414 758.291,250.914 758.5,251.5C 764.167,252.167 769.833,252.833 775.5,253.5C 761.379,256.056 746.379,257.556 730.5,258C 731.167,259 731.833,260 732.5,261C 718.167,262.667 703.833,264.333 689.5,266C 690.293,267.085 690.96,268.252 691.5,269.5C 680.849,270.666 670.182,270.832 659.5,270C 650.433,263.478 641.433,256.978 632.5,250.5C 637.875,250.828 643.208,250.495 648.5,249.5C 648.167,248.833 647.833,248.167 647.5,247.5C 657.817,246.668 668.151,246.168 678.5,246C 677.833,245.333 677.167,244.667 676.5,244C 681.833,243.667 687.167,243.333 692.5,243C 691.643,242.311 690.977,241.478 690.5,240.5C 700.167,239.833 709.833,239.167 719.5,238.5C 719.167,237.833 718.833,237.167 718.5,236.5C 723.467,235.671 728.467,235.171 733.5,235C 733.043,234.586 732.709,234.086 732.5,233.5C 742.817,232.668 753.151,232.168 763.5,232C 762.833,231 762.167,230 761.5,229C 764.365,228.817 767.031,228.317 769.5,227.5 Z"/></g>
+<g><path style="opacity:1" fill="#fefefe" d="M 517.5,250.5 C 520.659,258.151 524.325,265.484 528.5,272.5C 532.659,282.151 537.325,291.484 542.5,300.5C 546.263,309.024 550.263,317.358 554.5,325.5C 558.325,334.484 562.659,343.151 567.5,351.5C 571.325,360.484 575.659,369.151 580.5,377.5C 584.105,385.875 588.105,394.042 592.5,402C 615.123,405.491 637.79,408.658 660.5,411.5C 697.139,417.139 733.806,422.639 770.5,428C 766.296,432.036 762.296,436.202 758.5,440.5C 746.473,452.194 734.473,463.861 722.5,475.5C 708.807,488.861 695.14,502.194 681.5,515.5C 668.506,528.327 655.339,540.994 642,553.5C 641.26,554.749 641.427,555.749 642.5,556.5C 643.974,570.68 646.308,584.68 649.5,598.5C 652.98,621.718 656.98,644.718 661.5,667.5C 664.668,688.343 668.001,709.176 671.5,730C 671.167,730.833 670.833,731.667 670.5,732.5C 617.658,704.245 564.658,676.245 511.5,648.5C 458.5,676.5 405.5,704.5 352.5,732.5C 352.167,731.667 351.833,730.833 351.5,730C 354.999,709.176 358.332,688.343 361.5,667.5C 366.02,644.718 370.02,621.718 373.5,598.5C 376.692,584.68 379.026,570.68 380.5,556.5C 381.573,555.749 381.74,554.749 381,553.5C 366.327,539.66 351.827,525.66 337.5,511.5C 324.527,498.861 311.527,486.194 298.5,473.5C 287.193,462.527 275.86,451.527 264.5,440.5C 260.704,436.202 256.704,432.036 252.5,428C 289.455,422.173 326.455,416.673 363.5,411.5C 386.197,408.256 408.863,404.756 431.5,401C 433.974,395.886 436.307,390.72 438.5,385.5C 444.675,374.484 450.341,363.151 455.5,351.5C 460.341,343.151 464.675,334.484 468.5,325.5C 472.737,317.358 476.737,309.024 480.5,300.5C 485.675,291.484 490.341,282.151 494.5,272.5C 498.675,265.484 502.341,258.151 505.5,250.5C 507.203,246.767 509.203,243.1 511.5,239.5C 513.511,243.237 515.511,246.904 517.5,250.5 Z"/></g>
+<g><path style="opacity:1" fill="#a054f5" d="M 232.5,248.5 C 323.5,249.167 414.5,249.833 505.5,250.5C 502.341,258.151 498.675,265.484 494.5,272.5C 400.332,272.833 306.332,272.499 212.5,271.5C 218.449,263.217 225.116,255.55 232.5,248.5 Z"/></g>
+<g><path style="opacity:1" fill="#a054f5" d="M 790.5,248.5 C 797.884,255.55 804.551,263.217 810.5,271.5C 802.677,272.329 794.677,272.829 786.5,273C 787.357,273.689 788.023,274.522 788.5,275.5C 778.183,276.332 767.849,276.832 757.5,277C 758.167,278 758.833,279 759.5,280C 754.467,280.171 749.467,280.671 744.5,281.5C 744.833,282.167 745.167,282.833 745.5,283.5C 735.833,284.167 726.167,284.833 716.5,285.5C 716.977,286.478 717.643,287.311 718.5,288C 713.167,288.333 707.833,288.667 702.5,289C 703.357,289.689 704.023,290.522 704.5,291.5C 699.147,292.211 693.814,292.878 688.5,293.5C 680.015,286.426 671.348,279.592 662.5,273C 617.835,272.5 573.168,272.333 528.5,272.5C 524.325,265.484 520.659,258.151 517.5,250.5C 554.996,249.502 592.663,249.168 630.5,249.5C 631.492,249.328 632.158,249.662 632.5,250.5C 641.433,256.978 650.433,263.478 659.5,270C 670.182,270.832 680.849,270.666 691.5,269.5C 690.96,268.252 690.293,267.085 689.5,266C 703.833,264.333 718.167,262.667 732.5,261C 731.833,260 731.167,259 730.5,258C 746.379,257.556 761.379,256.056 775.5,253.5C 769.833,252.833 764.167,252.167 758.5,251.5C 758.291,250.914 757.957,250.414 757.5,250C 768.674,249.83 779.674,249.33 790.5,248.5 Z"/></g>
+<g><path style="opacity:1" fill="#9c4df4" d="M 212.5,271.5 C 306.332,272.499 400.332,272.833 494.5,272.5C 490.341,282.151 485.675,291.484 480.5,300.5C 384.167,300.5 287.833,300.5 191.5,300.5C 197.346,289.989 204.346,280.322 212.5,271.5 Z"/></g>
+<g><path style="opacity:1" fill="#9b4df3" d="M 810.5,271.5 C 818.654,280.322 825.654,289.989 831.5,300.5C 822.143,300.168 812.81,300.502 803.5,301.5C 803.833,302.167 804.167,302.833 804.5,303.5C 794.183,304.332 783.849,304.832 773.5,305C 774.167,306 774.833,307 775.5,308C 770.467,308.171 765.467,308.671 760.5,309.5C 760.833,310.167 761.167,310.833 761.5,311.5C 756.533,312.329 751.533,312.829 746.5,313C 747.167,314 747.833,315 748.5,316C 738.816,316.168 729.149,316.668 719.5,317.5C 721.167,319.167 720.833,320.167 718.5,320.5C 710.578,314.916 703.245,308.583 696.5,301.5C 645.171,300.5 593.838,300.167 542.5,300.5C 537.325,291.484 532.659,282.151 528.5,272.5C 573.168,272.333 617.835,272.5 662.5,273C 671.348,279.592 680.015,286.426 688.5,293.5C 693.814,292.878 699.147,292.211 704.5,291.5C 704.023,290.522 703.357,289.689 702.5,289C 707.833,288.667 713.167,288.333 718.5,288C 717.643,287.311 716.977,286.478 716.5,285.5C 726.167,284.833 735.833,284.167 745.5,283.5C 745.167,282.833 744.833,282.167 744.5,281.5C 749.467,280.671 754.467,280.171 759.5,280C 758.833,279 758.167,278 757.5,277C 767.849,276.832 778.183,276.332 788.5,275.5C 788.023,274.522 787.357,273.689 786.5,273C 794.677,272.829 802.677,272.329 810.5,271.5 Z"/></g>
+<g><path style="opacity:1" fill="#9847f2" d="M 191.5,300.5 C 287.833,300.5 384.167,300.5 480.5,300.5C 476.737,309.024 472.737,317.358 468.5,325.5C 371.329,325.166 274.329,324.166 177.5,322.5C 181.681,314.792 186.348,307.458 191.5,300.5 Z"/></g>
+<g><path style="opacity:1" fill="#9847f2" d="M 542.5,300.5 C 593.838,300.167 645.171,300.5 696.5,301.5C 703.245,308.583 710.578,314.916 718.5,320.5C 720.833,320.167 721.167,319.167 719.5,317.5C 729.149,316.668 738.816,316.168 748.5,316C 747.833,315 747.167,314 746.5,313C 751.533,312.829 756.533,312.329 761.5,311.5C 761.167,310.833 760.833,310.167 760.5,309.5C 765.467,308.671 770.467,308.171 775.5,308C 774.833,307 774.167,306 773.5,305C 783.849,304.832 794.183,304.332 804.5,303.5C 804.167,302.833 803.833,302.167 803.5,301.5C 812.81,300.502 822.143,300.168 831.5,300.5C 836.652,307.458 841.319,314.792 845.5,322.5C 836.219,324.312 826.552,325.145 816.5,325C 817.357,325.689 818.023,326.522 818.5,327.5C 808.183,328.332 797.849,328.832 787.5,329C 788.293,330.085 788.96,331.252 789.5,332.5C 784.533,333.329 779.533,333.829 774.5,334C 775.916,336.835 777.583,339.502 779.5,342C 769.5,342.333 759.5,342.667 749.5,343C 750.357,343.689 751.023,344.522 751.5,345.5C 747.541,346.66 743.541,346.827 739.5,346C 733.171,338.671 726.504,331.671 719.5,325C 664.332,324.168 609.332,324.335 554.5,325.5C 550.263,317.358 546.263,309.024 542.5,300.5 Z"/></g>
+<g><path style="opacity:1" fill="#9441f0" d="M 177.5,322.5 C 274.329,324.166 371.329,325.166 468.5,325.5C 464.675,334.484 460.341,343.151 455.5,351.5C 358.335,350.501 261.001,350.167 163.5,350.5C 167.132,340.57 171.798,331.237 177.5,322.5 Z"/></g>
+<g><path style="opacity:1" fill="#9441f0" d="M 845.5,322.5 C 851.217,331.268 855.884,340.601 859.5,350.5C 850.161,350.334 840.827,350.5 831.5,351C 832.357,351.689 833.023,352.522 833.5,353.5C 828.5,354.167 823.5,354.833 818.5,355.5C 819.167,356.5 819.833,357.5 820.5,358.5C 810.183,359.332 799.849,359.832 789.5,360C 790.167,361 790.833,362 791.5,363C 786.467,363.171 781.467,363.671 776.5,364.5C 777.04,365.748 777.707,366.915 778.5,368C 773.833,368.333 769.167,368.667 764.5,369C 767.388,371.296 766.888,372.462 763,372.5C 761.564,372.441 760.231,372.108 759,371.5C 754.259,364.088 748.759,357.255 742.5,351C 683.999,350.168 625.665,350.335 567.5,351.5C 562.659,343.151 558.325,334.484 554.5,325.5C 609.332,324.335 664.332,324.168 719.5,325C 726.504,331.671 733.171,338.671 739.5,346C 743.541,346.827 747.541,346.66 751.5,345.5C 751.023,344.522 750.357,343.689 749.5,343C 759.5,342.667 769.5,342.333 779.5,342C 777.583,339.502 775.916,336.835 774.5,334C 779.533,333.829 784.533,333.329 789.5,332.5C 788.96,331.252 788.293,330.085 787.5,329C 797.849,328.832 808.183,328.332 818.5,327.5C 818.023,326.522 817.357,325.689 816.5,325C 826.552,325.145 836.219,324.312 845.5,322.5 Z"/></g>
+<g><path style="opacity:1" fill="#8f3bee" d="M 859.5,350.5 C 860.401,351.29 861.068,352.29 861.5,353.5C 865.09,360.937 868.09,368.603 870.5,376.5C 863.011,377.329 855.344,377.829 847.5,378C 848.167,379 848.833,380 849.5,381C 844.167,381.333 838.833,381.667 833.5,382C 834.743,383.154 835.743,384.488 836.5,386C 826.151,386.168 815.817,386.668 805.5,387.5C 806.167,388.5 806.833,389.5 807.5,390.5C 802.5,391.167 797.5,391.833 792.5,392.5C 792.977,393.478 793.643,394.311 794.5,395C 789.833,395.333 785.167,395.667 780.5,396C 782.631,397.888 782.631,399.388 780.5,400.5C 774.249,393.525 768.582,386.025 763.5,378C 702.501,377.5 641.501,377.333 580.5,377.5C 575.659,369.151 571.325,360.484 567.5,351.5C 625.665,350.335 683.999,350.168 742.5,351C 748.759,357.255 754.259,364.088 759,371.5C 760.231,372.108 761.564,372.441 763,372.5C 766.888,372.462 767.388,371.296 764.5,369C 769.167,368.667 773.833,368.333 778.5,368C 777.707,366.915 777.04,365.748 776.5,364.5C 781.467,363.671 786.467,363.171 791.5,363C 790.833,362 790.167,361 789.5,360C 799.849,359.832 810.183,359.332 820.5,358.5C 819.833,357.5 819.167,356.5 818.5,355.5C 823.5,354.833 828.5,354.167 833.5,353.5C 833.023,352.522 832.357,351.689 831.5,351C 840.827,350.5 850.161,350.334 859.5,350.5 Z"/></g>
+<g><path style="opacity:1" fill="#8f39ee" d="M 163.5,350.5 C 261.001,350.167 358.335,350.501 455.5,351.5C 450.341,363.151 444.675,374.484 438.5,385.5C 341.999,385.833 245.665,385.499 149.5,384.5C 152.713,373.859 156.713,363.526 161.5,353.5C 161.932,352.29 162.599,351.29 163.5,350.5 Z"/></g>
+<g><path style="opacity:1" fill="#8b34ec" d="M 149.5,384.5 C 245.665,385.499 341.999,385.833 438.5,385.5C 436.307,390.72 433.974,395.886 431.5,401C 408.863,404.756 386.197,408.256 363.5,411.5C 289.5,410.833 215.5,410.167 141.5,409.5C 143.393,400.825 146.059,392.492 149.5,384.5 Z"/></g>
+<g><path style="opacity:1" fill="#8c35ec" d="M 870.5,376.5 C 875.138,387.079 878.804,398.079 881.5,409.5C 871.145,409.168 860.812,409.501 850.5,410.5C 851.248,412.332 852.248,413.999 853.5,415.5C 843.183,416.332 832.849,416.832 822.5,417C 833.358,418.147 844.358,418.98 855.5,419.5C 845.183,420.332 834.849,420.832 824.5,421C 825.357,421.689 826.023,422.522 826.5,423.5C 816.833,424.167 807.167,424.833 797.5,425.5C 797.709,426.086 798.043,426.586 798.5,427C 803.5,427.333 808.5,427.667 813.5,428C 808.833,428.333 804.167,428.667 799.5,429C 800.627,430.753 801.627,432.587 802.5,434.5C 801.167,435.833 799.833,435.833 798.5,434.5C 794.43,426.275 789.764,418.441 784.5,411C 742.998,410.169 701.665,410.335 660.5,411.5C 637.79,408.658 615.123,405.491 592.5,402C 588.105,394.042 584.105,385.875 580.5,377.5C 641.501,377.333 702.501,377.5 763.5,378C 768.582,386.025 774.249,393.525 780.5,400.5C 782.631,399.388 782.631,397.888 780.5,396C 785.167,395.667 789.833,395.333 794.5,395C 793.643,394.311 792.977,393.478 792.5,392.5C 797.5,391.833 802.5,391.167 807.5,390.5C 806.833,389.5 806.167,388.5 805.5,387.5C 815.817,386.668 826.151,386.168 836.5,386C 835.743,384.488 834.743,383.154 833.5,382C 838.833,381.667 844.167,381.333 849.5,381C 848.833,380 848.167,379 847.5,378C 855.344,377.829 863.011,377.329 870.5,376.5 Z"/></g>
+<g><path style="opacity:1" fill="#872fea" d="M 141.5,409.5 C 215.5,410.167 289.5,410.833 363.5,411.5C 326.455,416.673 289.455,422.173 252.5,428C 256.704,432.036 260.704,436.202 264.5,440.5C 220.997,440.832 177.663,440.499 134.5,439.5C 135.915,429.179 138.249,419.179 141.5,409.5 Z"/></g>
+<g><path style="opacity:1" fill="#8830ea" d="M 881.5,409.5 C 884.57,419.55 886.904,429.883 888.5,440.5C 886.801,440.34 885.134,440.506 883.5,441C 884.743,442.154 885.743,443.488 886.5,445C 881.167,445.333 875.833,445.667 870.5,446C 871.872,447.242 872.872,448.742 873.5,450.5C 868.533,451.329 863.533,451.829 858.5,452C 859.293,453.085 859.96,454.252 860.5,455.5C 850.183,456.332 839.849,456.832 829.5,457C 830.872,458.242 831.872,459.742 832.5,461.5C 828.167,462.167 823.833,462.833 819.5,463.5C 820.04,464.748 820.707,465.915 821.5,467C 818.773,467.818 816.106,467.652 813.5,466.5C 809.805,457.61 805.472,449.11 800.5,441C 786.504,440.5 772.504,440.333 758.5,440.5C 762.296,436.202 766.296,432.036 770.5,428C 733.806,422.639 697.139,417.139 660.5,411.5C 701.665,410.335 742.998,410.169 784.5,411C 789.764,418.441 794.43,426.275 798.5,434.5C 799.833,435.833 801.167,435.833 802.5,434.5C 801.627,432.587 800.627,430.753 799.5,429C 804.167,428.667 808.833,428.333 813.5,428C 808.5,427.667 803.5,427.333 798.5,427C 798.043,426.586 797.709,426.086 797.5,425.5C 807.167,424.833 816.833,424.167 826.5,423.5C 826.023,422.522 825.357,421.689 824.5,421C 834.849,420.832 845.183,420.332 855.5,419.5C 844.358,418.98 833.358,418.147 822.5,417C 832.849,416.832 843.183,416.332 853.5,415.5C 852.248,413.999 851.248,412.332 850.5,410.5C 860.812,409.501 871.145,409.168 881.5,409.5 Z"/></g>
+<g><path style="opacity:1" fill="#8328e8" d="M 134.5,439.5 C 177.663,440.499 220.997,440.832 264.5,440.5C 275.86,451.527 287.193,462.527 298.5,473.5C 242.167,473.5 185.833,473.5 129.5,473.5C 130.162,461.889 131.829,450.556 134.5,439.5 Z"/></g>
+<g><path style="opacity:1" fill="#8228e8" d="M 758.5,440.5 C 772.504,440.333 786.504,440.5 800.5,441C 805.472,449.11 809.805,457.61 813.5,466.5C 816.106,467.652 818.773,467.818 821.5,467C 820.707,465.915 820.04,464.748 819.5,463.5C 823.833,462.833 828.167,462.167 832.5,461.5C 831.872,459.742 830.872,458.242 829.5,457C 839.849,456.832 850.183,456.332 860.5,455.5C 859.96,454.252 859.293,453.085 858.5,452C 863.533,451.829 868.533,451.329 873.5,450.5C 872.872,448.742 871.872,447.242 870.5,446C 875.833,445.667 881.167,445.333 886.5,445C 885.743,443.488 884.743,442.154 883.5,441C 885.134,440.506 886.801,440.34 888.5,440.5C 891.55,452.608 893.217,464.941 893.5,477.5C 892.391,478.29 891.058,478.79 889.5,479C 890.872,480.242 891.872,481.742 892.5,483.5C 887.533,484.329 882.533,484.829 877.5,485C 878.5,486.667 879.5,488.333 880.5,490C 870.167,490.333 859.833,490.667 849.5,491C 850.5,492.667 851.5,494.333 852.5,496C 847.833,496.333 843.167,496.667 838.5,497C 842.659,501.511 841.325,503.344 834.5,502.5C 831.911,502.473 829.411,502.139 827,501.5C 823.905,492.814 820.405,484.314 816.5,476C 785.168,475.5 753.835,475.333 722.5,475.5C 734.473,463.861 746.473,452.194 758.5,440.5 Z"/></g>
+<g><path style="opacity:0.967" fill="#6000cd" d="M 150.5,351.5 C 153.684,353.414 157.351,354.08 161.5,353.5C 156.713,363.526 152.713,373.859 149.5,384.5C 146.059,392.492 143.393,400.825 141.5,409.5C 138.249,419.179 135.915,429.179 134.5,439.5C 131.829,450.556 130.162,461.889 129.5,473.5C 127.987,486.116 127.32,498.782 127.5,511.5C 127.225,525.978 128.225,540.311 130.5,554.5C 131.184,565.251 132.517,575.917 134.5,586.5C 130.498,586.036 126.831,586.702 123.5,588.5C 109.33,512.205 116.163,437.872 144,365.5C 145.942,360.623 148.108,355.956 150.5,351.5 Z"/></g>
+<g><path style="opacity:0.968" fill="#6000cd" d="M 872.5,351.5 C 905.029,424.884 914.362,501.217 900.5,580.5C 896.936,581.423 893.269,581.756 889.5,581.5C 892.521,561.606 894.521,541.606 895.5,521.5C 895.817,506.633 895.15,491.966 893.5,477.5C 893.217,464.941 891.55,452.608 888.5,440.5C 886.904,429.883 884.57,419.55 881.5,409.5C 878.804,398.079 875.138,387.079 870.5,376.5C 868.09,368.603 865.09,360.937 861.5,353.5C 865.649,354.08 869.316,353.414 872.5,351.5 Z"/></g>
+<g><path style="opacity:1" fill="#7e22e6" d="M 129.5,473.5 C 185.833,473.5 242.167,473.5 298.5,473.5C 311.527,486.194 324.527,498.861 337.5,511.5C 267.5,511.5 197.5,511.5 127.5,511.5C 127.32,498.782 127.987,486.116 129.5,473.5 Z"/></g>
+<g><path style="opacity:1" fill="#7e22e5" d="M 722.5,475.5 C 753.835,475.333 785.168,475.5 816.5,476C 820.405,484.314 823.905,492.814 827,501.5C 829.411,502.139 831.911,502.473 834.5,502.5C 841.325,503.344 842.659,501.511 838.5,497C 843.167,496.667 847.833,496.333 852.5,496C 851.5,494.333 850.5,492.667 849.5,491C 859.833,490.667 870.167,490.333 880.5,490C 879.5,488.333 878.5,486.667 877.5,485C 882.533,484.829 887.533,484.329 892.5,483.5C 891.872,481.742 890.872,480.242 889.5,479C 891.058,478.79 892.391,478.29 893.5,477.5C 895.15,491.966 895.817,506.633 895.5,521.5C 894.532,523.607 894.198,525.941 894.5,528.5C 892.076,528.192 889.743,528.526 887.5,529.5C 888.167,530.5 888.833,531.5 889.5,532.5C 884.5,533.167 879.5,533.833 874.5,534.5C 874.709,535.086 875.043,535.586 875.5,536C 870.833,536.333 866.167,536.667 861.5,537C 866.689,538.121 872.022,538.955 877.5,539.5C 867.833,540.167 858.167,540.833 848.5,541.5C 850.043,544.086 851.709,546.586 853.5,549C 849.179,549.499 844.846,549.666 840.5,549.5C 837.496,538.149 834.496,526.816 831.5,515.5C 781.5,515.5 731.5,515.5 681.5,515.5C 695.14,502.194 708.807,488.861 722.5,475.5 Z"/></g>
+<g><path style="opacity:1" fill="#7a1be3" d="M 127.5,511.5 C 197.5,511.5 267.5,511.5 337.5,511.5C 351.827,525.66 366.327,539.66 381,553.5C 381.74,554.749 381.573,555.749 380.5,556.5C 297.507,554.503 214.173,553.836 130.5,554.5C 128.225,540.311 127.225,525.978 127.5,511.5 Z"/></g>
+<g><path style="opacity:1" fill="#791be2" d="M 681.5,515.5 C 731.5,515.5 781.5,515.5 831.5,515.5C 834.496,526.816 837.496,538.149 840.5,549.5C 844.846,549.666 849.179,549.499 853.5,549C 851.709,546.586 850.043,544.086 848.5,541.5C 858.167,540.833 867.833,540.167 877.5,539.5C 872.022,538.955 866.689,538.121 861.5,537C 866.167,536.667 870.833,536.333 875.5,536C 875.043,535.586 874.709,535.086 874.5,534.5C 879.5,533.833 884.5,533.167 889.5,532.5C 888.833,531.5 888.167,530.5 887.5,529.5C 889.743,528.526 892.076,528.192 894.5,528.5C 894.198,525.941 894.532,523.607 895.5,521.5C 894.521,541.606 892.521,561.606 889.5,581.5C 888.393,585.142 887.393,588.809 886.5,592.5C 873.816,592.832 861.149,592.499 848.5,591.5C 846.274,579.147 843.941,566.813 841.5,554.5C 774.825,553.837 708.492,554.503 642.5,556.5C 641.427,555.749 641.26,554.749 642,553.5C 655.339,540.994 668.506,528.327 681.5,515.5 Z"/></g>
+<g><path style="opacity:1" fill="#7414e0" d="M 130.5,554.5 C 214.173,553.836 297.507,554.503 380.5,556.5C 379.026,570.68 376.692,584.68 373.5,598.5C 294.833,598.5 216.167,598.5 137.5,598.5C 136.688,594.552 135.688,590.552 134.5,586.5C 132.517,575.917 131.184,565.251 130.5,554.5 Z"/></g>
+<g><path style="opacity:1" fill="#7415df" d="M 886.5,592.5 C 879.597,626.622 867.931,658.955 851.5,689.5C 852.099,681.514 852.432,673.514 852.5,665.5C 853.102,643.007 851.769,620.674 848.5,598.5C 782.167,598.5 715.833,598.5 649.5,598.5C 646.308,584.68 643.974,570.68 642.5,556.5C 708.492,554.503 774.825,553.837 841.5,554.5C 843.941,566.813 846.274,579.147 848.5,591.5C 861.149,592.499 873.816,592.832 886.5,592.5 Z"/></g>
+<g><path style="opacity:1" fill="#6f0edc" d="M 137.5,598.5 C 216.167,598.5 294.833,598.5 373.5,598.5C 370.02,621.718 366.02,644.718 361.5,667.5C 294.508,665.503 227.175,664.837 159.5,665.5C 150.164,643.824 142.83,621.491 137.5,598.5 Z"/></g>
+<g><path style="opacity:1" fill="#6f0edc" d="M 649.5,598.5 C 715.833,598.5 782.167,598.5 848.5,598.5C 851.769,620.674 853.102,643.007 852.5,665.5C 788.491,664.837 724.825,665.504 661.5,667.5C 656.98,644.718 652.98,621.718 649.5,598.5 Z"/></g>
+<g><path style="opacity:0.969" fill="#5a00c0" d="M 134.5,586.5 C 135.688,590.552 136.688,594.552 137.5,598.5C 142.83,621.491 150.164,643.824 159.5,665.5C 173.814,698.423 192.481,728.423 215.5,755.5C 226.153,768.485 237.487,780.819 249.5,792.5C 244.637,792.181 239.97,792.514 235.5,793.5C 177.143,737.155 139.81,668.821 123.5,588.5C 126.831,586.702 130.498,586.036 134.5,586.5 Z"/></g>
+<g><path style="opacity:0.971" fill="#5a00c0" d="M 900.5,580.5 C 885.439,663.639 848.106,734.639 788.5,793.5C 783.695,792.513 778.695,792.179 773.5,792.5C 785.57,780.767 796.903,768.433 807.5,755.5C 824.905,735.409 839.572,713.409 851.5,689.5C 867.931,658.955 879.597,626.622 886.5,592.5C 887.393,588.809 888.393,585.142 889.5,581.5C 893.269,581.756 896.936,581.423 900.5,580.5 Z"/></g>
+<g><path style="opacity:1" fill="#6907d6" d="M 661.5,667.5 C 724.825,665.504 788.491,664.837 852.5,665.5C 852.432,673.514 852.099,681.514 851.5,689.5C 839.572,713.409 824.905,735.409 807.5,755.5C 610.167,755.5 412.833,755.5 215.5,755.5C 192.481,728.423 173.814,698.423 159.5,665.5C 227.175,664.837 294.508,665.503 361.5,667.5C 358.332,688.343 354.999,709.176 351.5,730C 351.833,730.833 352.167,731.667 352.5,732.5C 405.5,704.5 458.5,676.5 511.5,648.5C 564.658,676.245 617.658,704.245 670.5,732.5C 670.833,731.667 671.167,730.833 671.5,730C 668.001,709.176 664.668,688.343 661.5,667.5 Z"/></g>
+<g><path style="opacity:1" fill="#6503d2" d="M 215.5,755.5 C 412.833,755.5 610.167,755.5 807.5,755.5C 796.903,768.433 785.57,780.767 773.5,792.5C 745.16,818.852 713.494,840.518 678.5,857.5C 677.893,857.376 677.56,857.043 677.5,856.5C 682.671,851.159 686.004,844.825 687.5,837.5C 688.648,833.019 688.815,828.352 688,823.5C 686.688,818.884 684.855,814.551 682.5,810.5C 669.58,795.183 653.58,784.016 634.5,777C 628.5,775 622.5,773 616.5,771C 546.5,770.333 476.5,770.333 406.5,771C 385.378,776.727 366.378,786.394 349.5,800C 346.137,803.252 343.137,806.752 340.5,810.5C 338.145,814.551 336.312,818.884 335,823.5C 334.185,828.352 334.352,833.019 335.5,837.5C 336.996,844.825 340.329,851.159 345.5,856.5C 345.44,857.043 345.107,857.376 344.5,857.5C 309.796,840.106 278.13,818.439 249.5,792.5C 237.487,780.819 226.153,768.485 215.5,755.5 Z"/></g>
+<g><path style="opacity:1" fill="#6709d1" d="M 682.5,810.5 C 568.5,810.5 454.5,810.5 340.5,810.5C 343.137,806.752 346.137,803.252 349.5,800C 366.378,786.394 385.378,776.727 406.5,771C 476.5,770.333 546.5,770.333 616.5,771C 622.5,773 628.5,775 634.5,777C 653.58,784.016 669.58,795.183 682.5,810.5 Z"/></g>
+<g><path style="opacity:1" fill="#5b05bc" d="M 249.5,792.5 C 278.13,818.439 309.796,840.106 344.5,857.5C 345.107,857.376 345.44,857.043 345.5,856.5C 456.167,855.167 566.833,855.167 677.5,856.5C 677.56,857.043 677.893,857.376 678.5,857.5C 713.494,840.518 745.16,818.852 773.5,792.5C 778.695,792.179 783.695,792.513 788.5,793.5C 735.361,845.249 672.361,879.582 599.5,896.5C 619.323,891.277 638.323,883.777 656.5,874C 662.736,870.433 668.403,866.1 673.5,861C 673,860.833 672.5,860.667 672,860.5C 659.298,865.938 646.465,870.938 633.5,875.5C 552.167,875.5 470.833,875.5 389.5,875.5C 375.525,870.833 361.858,865.666 348.5,860C 363.482,872.998 380.482,882.664 399.5,889C 410.834,892.498 422.168,895.664 433.5,898.5C 356.558,883.372 290.558,848.372 235.5,793.5C 239.97,792.514 244.637,792.181 249.5,792.5 Z"/></g>
+<g><path style="opacity:1" fill="#6209c4" d="M 687.5,837.5 C 686.004,844.825 682.671,851.159 677.5,856.5C 566.833,855.167 456.167,855.167 345.5,856.5C 340.329,851.159 336.996,844.825 335.5,837.5C 452.833,836.167 570.167,836.167 687.5,837.5 Z"/></g>
+<g><path style="opacity:1" fill="#650acb" d="M 340.5,810.5 C 454.5,810.5 568.5,810.5 682.5,810.5C 684.855,814.551 686.688,818.884 688,823.5C 688.815,828.352 688.648,833.019 687.5,837.5C 570.167,836.167 452.833,836.167 335.5,837.5C 334.352,833.019 334.185,828.352 335,823.5C 336.312,818.884 338.145,814.551 340.5,810.5 Z"/></g>
+<g><path style="opacity:1" fill="#4d03a0" d="M 389.5,875.5 C 470.821,902.166 552.155,902.166 633.5,875.5C 646.465,870.938 659.298,865.938 672,860.5C 672.5,860.667 673,860.833 673.5,861C 668.403,866.1 662.736,870.433 656.5,874C 638.323,883.777 619.323,891.277 599.5,896.5C 555.413,906.717 510.747,909.217 465.5,904C 454.57,902.901 443.903,901.068 433.5,898.5C 422.168,895.664 410.834,892.498 399.5,889C 380.482,882.664 363.482,872.998 348.5,860C 361.858,865.666 375.525,870.833 389.5,875.5 Z"/></g>
+<g><path style="opacity:1" fill="#5805b5" d="M 389.5,875.5 C 470.833,875.5 552.167,875.5 633.5,875.5C 552.155,902.166 470.821,902.166 389.5,875.5 Z"/></g>
+</svg>

website_product_customization/static/description/assets/icons/translate.svg

@@ -0,0 +1,10 @@
+<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_36_1835)">
+<path d="M5.41675 16.25V18.4167C5.41658 18.9633 5.62302 19.4898 5.9947 19.8906C6.36638 20.2914 6.87583 20.5369 7.42091 20.5779L7.58342 20.5833H10.8334V22.75H7.58342C6.43414 22.75 5.33194 22.2934 4.51929 21.4808C3.70663 20.6681 3.25008 19.5659 3.25008 18.4167V16.25H5.41675ZM19.5001 10.8333L24.2667 22.75H21.9322L20.6311 19.5H16.2002L14.9013 22.75H12.5678L17.3334 10.8333H19.5001ZM18.4167 13.9587L17.0658 17.3333H19.7655L18.4167 13.9587ZM8.66675 2.16666V4.33332H13.0001V11.9167H8.66675V15.1667H6.50008V11.9167H2.16675V4.33332H6.50008V2.16666H8.66675ZM18.4167 3.24999C19.566 3.24999 20.6682 3.70654 21.4809 4.51919C22.2935 5.33185 22.7501 6.43405 22.7501 7.58332V9.74999H20.5834V7.58332C20.5834 7.00869 20.3551 6.45759 19.9488 6.05126C19.5425 5.64493 18.9914 5.41666 18.4167 5.41666H15.1667V3.24999H18.4167ZM6.50008 6.49999H4.33341V9.74999H6.50008V6.49999ZM10.8334 6.49999H8.66675V9.74999H10.8334V6.49999Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_36_1835">
+<rect width="26" height="26" fill="white"/>
+</clipPath>
+</defs>
+</svg>

website_product_customization/static/description/assets/icons/wrench-icon.svg

@@ -0,0 +1,10 @@
+<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_48_827)">
+<path d="M34.5195 5.66404L27.6225 12.561C26.451 13.7325 24.552 13.7325 23.3805 12.561C22.209 11.3895 22.209 9.49054 23.3805 8.31904L30.258 1.43854L29.82 1.21654C28.227 0.408035 26.52 -0.00146484 24.7485 -0.00146484C18.5445 -0.00146484 13.4985 5.04454 13.4985 11.2485C13.4985 12.687 13.7655 14.0775 14.295 15.399L1.37699 28.3185C-0.375012 30.0735 -0.375012 32.9265 1.37699 34.6815C2.25449 35.559 3.40649 35.997 4.55849 35.997C5.71049 35.997 6.86399 35.559 7.74149 34.6815L20.688 21.735C21.9855 22.2435 23.3475 22.5 24.75 22.5C30.954 22.5 36 17.454 36 11.25C36 9.43804 35.5755 7.70104 34.7385 6.08704L34.5195 5.66404Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_48_827">
+<rect width="36" height="36" fill="white"/>
+</clipPath>
+</defs>
+</svg>

website_product_customization/static/description/index.html

@@ -0,0 +1,919 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+    <title>Website Product Customization</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css"
+          rel="stylesheet"/>
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap"
+          rel="stylesheet">
+    <link rel="stylesheet"
+          href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css"/>
+    <link rel="stylesheet"
+          href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css"/>
+    <style>
+        :root {
+            --primary-color: #7f54b3;
+            --bg-white: #fff;
+            --text-color: #121212;
+            --text-color-light: #64728f;
+        }
+
+        body {
+            font-family: "Montserrat", sans-serif;
+        }
+
+        .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
+            color: #121212;
+            font-family: Montserrat;
+            font-size: 16px !important;
+            font-weight: 500 !important;
+            border-radius: 30px;
+            line-height: normal;
+            text-transform: capitalize;
+            background-color: #F5F5F5;
+            border: none;
+            margin-bottom: 0;
+            padding: 12px 24px;
+        }
+
+        .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
+            border-color: transparent;
+            isolation: isolate;
+        }
+
+        .nav-tabs .nav-link:focus-visible {
+            border-color: transparent;
+            box-shadow: none;
+        }
+
+        /* owl-carosel */
+        .owl-carousel .owl-nav {
+            position: absolute;
+            top: 42%;
+            width: 100%;
+            display: flex;
+            justify-content: space-between;
+            transform: translateY(-42%);
+        }
+
+        .owl-carousel .owl-nav button.owl-prev {
+            position: absolute;
+            right: -36px;
+            font-size: 28px;
+            background-color: #e4e4e4;
+            border-radius: 20px;
+            width: 40px;
+            height: 40px;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+        }
+
+        .owl-carousel .owl-nav button.owl-next {
+            position: absolute;
+            left: -36px;
+            font-size: 28px;
+            background-color: #e4e4e4;
+            border-radius: 20px;
+            width: 40px;
+            height: 40px;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+
+        }
+
+    </style>
+</head>
+<body>
+<!-- overview -->
+<div class="container">
+    <div class="my-5">
+        <!-- button tab -->
+        <!--  -->
+        <!-- version support -->
+        <div class="my-3 d-flex align-items-center justify-content-end">
+            <div class="text-center"
+                 style="background-color:#017E84 !important; font-size:0.8rem !important; color:#fff !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:50px !important; min-width:120px !important">
+                Community
+            </div>
+            <div class="text-center"
+                 style="background-color:#875A7B !important; color:#fff !important; font-size:0.8rem !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:50px !important; min-width:120px !important">
+                Enterprise
+            </div>
+        </div>
+        <div class="tab-content" id="myTabContent">
+            <!-- description -->
+            <div class="tab-pane fade show active" id="home" role="tabpanel"
+                 aria-labelledby="home-tab">
+                <div class="position-relative"
+                     style="border-radius: 16px; background: #f8f8f8; padding: 20px 0;">
+                    <div class="row " style="
+          padding: 2rem 0rem 0 !important;
+        ">
+                        <div class="col-lg-8 mx-auto gap-4 d-flex flex-column align-items-center">
+                            <p class="my-1 text-center text-uppercase"
+                               style="
+              letter-spacing: 4px !important;
+              color: #7f54b3;
+              font-weight: bold;
+              text-align: center;
+              font-size: 14px;
+              font-weight: 600;
+              line-height: 15.96px;
+              text-transform: uppercase;
+            ">
+                                Customize Product Design From Website.
+                            </p>
+                            <h1 class="text-center text-uppercase my-0"
+                                style="
+              color: #121212;
+              font-size: 46px;
+              font-weight: 700;
+              line-height: normal;
+            ">Website Product Customization
+                            </h1>
+                        </div>
+                        <div class="col-lg-12 d-flex justify-content-center align-items-center"
+                             style="margin: 3rem 0;">
+                            <img src="./assets/icons/brand-pair.svg"
+                                 width="100%"
+                                 height="auto"
+                                 style="width: 50%"
+                                 class="img-responsive"/>
+                        </div>
+                        <div class="col-md-12 text-center">
+                            <a href="mailto:odoo@cybrosys.com"
+                               target="_blank"
+                               style="background-color: transparent;border-radius: 35px;
+              font-family: Montserrat;
+              display: inline-block;
+              padding: 7px 33px;
+              border: 1px solid #7f54b3;
+              color: #7f54b3;
+              text-decoration: none;
+            "
+                               class="mx-1 mb-2 deep-1 deep_hover">
+                                <img class="img"
+                                     style="width: 24px"
+                                     src="./assets/icons/mail.svg"/>
+                                <span class="pl-2"
+                                      style=" font-size: 16px; vertical-align: middle"
+                                >Email Us</span
+                                >
+                            </a>
+                            <a href="skype:cybroopenerp?chat"
+                               target="_blank"
+                               style="
+              background-color: #7f289b;
+              font-family: Montserrat;
+              display: inline-block;
+              padding: 7px 33px;
+              border: 1px solid #7f289b;
+              border-radius: 35px;
+              text-decoration: none;
+            "
+                               class="mx-1 mb-2 deep-1 deep_hover">
+                                <img
+                                        class="img"
+                                        style="width: 24px"
+                                        src="./assets/icons/skype-fill.svg"
+                                />
+                                <span
+                                        class="pl-2"
+                                        style="color: #fff; font-size: 16px; vertical-align: middle"
+                                >Skype Us</span
+                                >
+                            </a>
+                        </div>
+                        <div class="d-flex justify-content-center mt-2">
+                            <img src="./assets/screenshots/hero.gif"
+                                 class="w-100"
+                                 style="z-index: 3; height: auto;">
+                        </div>
+                    </div>
+                    <div class="position-absolute bottom-0"
+                         style="z-index: 1; width: 100%;">
+                        <img src="./assets/icons/banner-bg.svg"
+                             class="img-fluid w-100">
+                    </div>
+                    <div class="position-absolute bottom-0 end-0"
+                         style=" z-index: 2;">
+                        <img src="./assets/icons/patter.svg">
+                    </div>
+                </div>
+<!--                <section class="oe_container pb-5">-->
+<!--                    <div class="mt64 mb64">-->
+<!--                        <div class="col-sm-12 py-4">-->
+
+<!--                            <div class="alert alert-primary mt-4"-->
+<!--                                 style="color: #000;background-color: #f8f8f8;border: 1px solid #dcdcdc;border-radius: 16px;">-->
+<!--                                <hr style="color: #888;">-->
+<!--                                This module uses some external python dependencies :-->
+<!--                                dropbox, nextcloud , nextcloud-api-wrapper , boto3 and paramiko. Before-->
+<!--                                installing the module install the python-->
+<!--                                package-->
+<!--                                first. The required python packages can be installed using the-->
+<!--                                following commands.-->
+<!--                                <br>-->
+<!--                                <code class="d-block mt-2"-->
+<!--                                      style="background-color:#4e4e4e;color: #fff; border-radius: 5px; padding: 6px 8px;">pip-->
+<!--                                    install dropbox</code>-->
+<!--                                <code class="d-block mt-2"-->
+<!--                                      style="background-color:#4e4e4e;color: #fff;padding: 6px 8px; border-radius: 5px;">pip-->
+<!--                                    install nextcloud</code>-->
+<!--                                <code class="d-block mt-2"-->
+<!--                                      style="background-color:#4e4e4e;color: #fff;padding: 6px 8px; border-radius: 5px;">pip-->
+<!--                                    install nextcloud-api-wrapper</code>-->
+<!--                                <code class="d-block mt-2"-->
+<!--                                      style="background-color:#4e4e4e;color: #fff;padding: 6px 8px; border-radius: 5px;">pip-->
+<!--                                    install boto3</code>-->
+<!--                                <code class="d-block mt-2"-->
+<!--                                      style="background-color:#4e4e4e;color: #fff;padding: 6px 8px; border-radius: 5px;">pip-->
+<!--                                    install paramiko</code>-->
+<!--                            </div>-->
+<!--                        </div>-->
+<!--                    </div>-->
+<!--                </section>-->
+                <!-- key-highlight -->
+                <div class="" style="border-radius: 16px;
+     padding: 60px 40px;
+     border: 1px solid #EBEEF2;
+     background: #F5F5F7;
+     box-shadow: 0px 5px 20px -11px rgba(0, 0, 0, 0.25); ">
+                    <div class="row">
+                        <div class="col-lg-12 d-flex flex-column justify-content-center align-items-center">
+                            <h2 style=" color: #121212;
+            text-align: center;
+            font-size: 40px;
+            font-weight: 700;
+            text-transform: uppercase; padding-bottom: 50px;">Key
+                                Highlights</h2>
+                        </div>
+                        <div class="col-lg-4">
+                            <div class="mb-4 d-flex flex-column justify-content-center gap-3"
+                                 style="border-radius: 12px; border: 1px solid  #B6BCCD;
+            background:  #FFF;padding:32px ">
+                                <div class="d-flex justify-content-center align-items-center"
+                                     style="background-color:#7847D9 !important; border-radius:8px !important; height:42px; width:42px">
+                                    <img src="./assets/icons/feature-icon.svg"
+                                         class="img-responsive" height="26px"
+                                         width="26px">
+                                </div>
+                                <p class="m-0"
+                                   style="font-size:0.9rem; color:#64728f; font-size: 16px; font-weight: 400;">
+                                     Create customized designs.</p>
+                            </div>
+                        </div>
+                        <div class="col-lg-4">
+                            <div class="mb-4 d-flex flex-column justify-content-center gap-3"
+                                 style="border-radius: 12px;
+          border: 1px solid  #B6BCCD;
+          background:  #FFF;padding:32px ">
+                                <div class="d-flex justify-content-center align-items-center"
+                                     style="background-color:#7847D9 !important; border-radius:8px !important; height:42px; width:42px">
+                                    <img src="./assets/icons/feature-icon.svg"
+                                         class="img-responsive" height="26px"
+                                         width="26px">
+                                </div>
+                                <p class="m-0"
+                                   style="font-size:0.9rem; color:#64728f; font-size: 16px; font-weight: 400;">
+                                    Allows users to customize products by choosing
+                                the designs from front-end.
+                                </p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <!--code  -->
+                <div class="my-5">
+                    <div class="position-relative" style=" padding: 5rem 4rem 5rem 4rem; background-color: #0A1425; border-radius: 12px;">
+                        <div class="d-flex flex-column gap-4">
+                            <span class="wrapper-subtitle"
+                                  style="font-size: 40px; font-weight: 700; color: #fff;line-height: 60px; text-transform: capitalize; width: 450px;  font-family: Montserrat;">Website Product Customization</span>
+                            <h3 class="wrapper-details"
+                                style="font-size: 20px; font-weight: 400; color: #fff; line-height: 32px;  ">
+                                Are you ready to make your business more
+                                organized?
+                                <br> Improve now!
+                            </h3>
+                            <div class="d-flex gap-3">
+                                <a href="mailto:odoo@cybrosys.com"
+                                   class="shop-btn" style="cursor: pointer; border-radius: 16px; display: flex; justify-content: center; align-items: center; gap: 7px;
+            border: 1px solid  #ffffff33;
+            background-color: #ffffff14;
+            backdrop-filter: blur(10px); color: #fff; padding: 12px 16px 12px 16px; text-decoration: none;">
+             <span style="border-radius: 12px;
+             background-color: #ffffff1a;
+             backdrop-filter: blur(6px);padding: 12px;  ">
+              <img src="./assets/icons/banner-mail.svg">
+           </span>
+                                    <span style="font-weight: 500;font-family: Montserrat;">odoo@cybrosys.com</span>
+                                </a>
+                                <a href="tel:+91 9074270811" class="shop-btn"
+                                   style="cursor: pointer; border-radius: 16px; display: flex; justify-content: center; align-items: center; gap: 7px;
+             border: 1px solid  #ffffff33;
+             background-color: #ffffff14;
+            backdrop-filter: blur(10px); color: #fff; padding: 12px 22px 12px 18px; text-decoration: none;">
+             <span style="border-radius: 12px;
+             background-color: #ffffff1a;
+             backdrop-filter: blur(6px);padding: 12px;">
+              <img src="./assets/icons/banner-call.svg">
+           </span>
+                                    <span style="font-weight: 500;font-family: Montserrat;">+91 9074270811</span>
+                                </a>
+                            </div>
+                        </div>
+                        <div class="position-absolute bottom-0 end-0">
+                            <img src="./assets/icons/banner-pattern.svg"
+                                 style="width: 540px;">
+                        </div>
+                    </div>
+                </div>
+                <!-- end-code -->
+                <!--  -->
+                <!-- screenshot and other -->
+
+                <div class="mb-4 bg-white"
+                     style=" border: 1px solid #EBEEF2; border-radius: 6px; box-shadow: 0px 8px 20px -4px rgba(0, 0, 0, 0.10); border: 1px solid #EBEEF2;">
+                    <div>
+                        <ul class="nav nav-tabs justify-content-center bg-white py-2"
+                            id="myTab" role="tablist"
+                            style="border-radius: 6px 6px 0 0;">
+                            <li class="nav-item">
+                                <a aria-controls="overview"
+                                   aria-bs-selected="true"
+                                   class="nav-link active" data-bs-toggle="tab"
+                                   href="#overview" id="overview-tab" role="tab"
+                                   style="color:#121212; font-weight:500; font-size:16px">
+                                    Screenshots</a>
+                            </li>
+                            <li class="nav-item">
+                                <a aria-controls="feature"
+                                   aria-bs-selected="false"
+                                   class="nav-link py-2" data-bs-toggle="tab"
+                                   href="#feature" id="feature-tab" role="tab"
+                                   style="color:#121212; font-weight:500; font-size:16px">Features</a>
+                            </li>
+                            <li class="nav-item">
+                                <a aria-controls="releases"
+                                   aria-bs-selected="false" class="nav-link"
+                                   data-bs-toggle="tab" href="#releases"
+                                   id="releases-tab" role="tab"
+                                   style="color:#121212; font-weight:500; font-size:16px">Releases</a>
+                            </li>
+                        </ul>
+                    </div>
+                    <div class="tab-content p-md-5 p-2 py-3" id="myTabContent">
+                        <div aria-labelledby="overview-tab"
+                             class="tab-pane fade show active" id="overview"
+                             role="tabpanel">
+                            <div class="position-relative mb-4"
+                                 style="border-radius:10px">
+                                <img alt="acc_bg"
+                                     class="w-100 h-100 position-absolute img-fluid left_0"
+                                     loading="lazy"
+                                     src="//apps.odoocdn.com/apps/assets/17.0/ks_dashboard_ninja/ai-img/o3.png?007008f"
+                                     style="">
+                            </div>
+                            <!-- screenshots section-->
+                            <div class="position-relative mb-4"
+                                 style="border-radius:10px; background-color:#f4f4f4">
+                                <div class="p-md-5 p-3 position-relative">
+                                    <div class="row">
+                                        <div class="col-md-12">
+                                            <h1 style="font-weight:bold; font-size:calc(1.1rem + 1vw); line-height:120%; text-align:center; text-transform:capitalize; font-size: 40px;
+                              font-weight: 700;">
+                                                <span style="color:#121212; font-size:calc(1.1rem + 1vw)">Create designs in the back-end</span>
+                                            </h1>
+                                        </div>
+                                        <div class="col-md-12 mb-4">
+                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:#64728f">
+                                                For the design to be available to the
+                                    front-end customer, create the designs in
+                                    the backend first.
+                                            </p>
+                                        </div>
+                                        <div class="col-md-12 text-center">
+                                            <div class="d-inline-block p-3 shadow-sm"
+                                                 style="background-color:#fff; border-radius:10px">
+                                                <img alt="" class="img-fluid"
+                                                     loading="lazy"
+                                                     src="./assets/screenshots/web1.png"
+                                                     style="min-height: 1px;">
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="position-relative mb-4"
+                                 style="border-radius:10px; background-color:#f4f4f4">
+                                <div class="p-md-5 p-3 position-relative">
+                                    <div class="row">
+                                        <div class="col-md-12">
+                                            <h1 style="font-weight:bold; font-size:calc(1.1rem + 1vw); line-height:120%; text-align:center; text-transform:capitalize; font-size: 40px;
+                              font-weight: 700;">
+                                      <span style="color:#121212; font-size:calc(1.1rem + 1vw)">Click on the 'CUSTOMIZE PRODUCT'
+                                    button.
+                                      </span>
+                                            </h1>
+                                        </div>
+                                        <div class="col-md-12 mb-4">
+                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:#64728f">
+                                                Click on the 'CUSTOMIZE PRODUCT' button to
+                                    customize the design of the product.
+                                            </p>
+                                        </div>
+                                        <div class="col-md-12 text-center">
+                                            <div class="d-inline-block p-3 shadow-sm"
+                                                 style="background-color:#fff; border-radius:10px">
+                                                <img alt="" class="img-fluid"
+                                                     loading="lazy"
+                                                     src="./assets/screenshots/web2.png"
+                                                     style="min-height: 1px;">
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="position-relative mb-4"
+                                 style="border-radius:10px; background-color:#f4f4f4">
+                                <div class="p-md-5 p-3 position-relative">
+                                    <div class="row">
+                                        <div class="col-md-12">
+                                            <h1 style="font-weight:bold; font-size:calc(1.1rem + 1vw); line-height:120%; text-align:center; text-transform:capitalize; font-size: 40px;
+                              font-weight: 700;">
+                                      <span style="color:#121212; font-size:calc(1.1rem + 1vw)">Choose preferred design.
+                                      </span>
+                                            </h1>
+                                        </div>
+                                        <div class="col-md-12 mb-4">
+                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:#64728f">
+                                                Select the preferred design from the
+                                    available options.
+                                            </p>
+                                        </div>
+                                        <div class="col-md-12 text-center">
+                                            <div class="d-inline-block p-3 shadow-sm"
+                                                 style="background-color:#fff; border-radius:10px">
+                                                <img alt="" class="img-fluid"
+                                                     loading="lazy"
+                                                     src="./assets/screenshots/web3.png"
+                                                     style="min-height: 1px;">
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="position-relative mb-4"
+                                 style="border-radius:10px; background-color:#f4f4f4">
+                                <div class="p-md-5 p-3 position-relative">
+                                    <div class="row">
+                                        <div class="col-md-12">
+                                            <h1 style="font-weight:bold; font-size:calc(1.1rem + 1vw); line-height:120%; text-align:center; text-transform:capitalize; font-size: 40px;
+                              font-weight: 700;">
+                                      <span style="color:#121212; font-size:calc(1.1rem + 1vw)">Design appears on the product
+                                      </span>
+
+                                            </h1>
+                                        </div>
+                                        <div class="col-md-12 mb-4">
+                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:#64728f">
+                                                 After choosing appropriate design, the
+                                    design will automatically appear on the
+                                    product.
+                                            </p>
+                                        </div>
+                                        <div class="col-md-12 text-center">
+                                            <div class="d-inline-block p-3 shadow-sm"
+                                                 style="background-color:#fff; border-radius:10px">
+                                                <img alt="" class="img-fluid"
+                                                     loading="lazy"
+                                                     src="./assets/screenshots/web4.png"
+                                                     style="min-height: 1px;">
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="position-relative mb-4"
+                                 style="border-radius:10px; background-color:#f4f4f4">
+                                <div class="p-md-5 p-3 position-relative">
+                                    <div class="row">
+                                        <div class="col-md-12">
+                                            <h1 style="font-weight:bold; font-size:calc(1.1rem + 1vw); line-height:120%; text-align:center; text-transform:capitalize; font-size: 40px;
+                              font-weight: 700;">
+                                      <span style="color:#121212; font-size:calc(1.1rem + 1vw)">Save the design.
+
+                                      </span>
+
+                                            </h1>
+                                        </div>
+                                        <div class="col-md-12 mb-4">
+                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:#64728f">
+                                        After customizing the design by moving the
+                                    design, resizing the design, or rotating the
+                                    design etc., save the changes by clicking on
+                                    the 'Save' button.
+                                            </p>
+                                        </div>
+                                        <div class="col-md-12 text-center">
+                                            <div class="d-inline-block p-3 shadow-sm"
+                                                 style="background-color:#fff; border-radius:10px">
+                                                <img alt="" class="img-fluid"
+                                                     loading="lazy"
+                                                     src="./assets/screenshots/web5.png"
+                                                     style="min-height: 1px;">
+                                            </div>
+                                            <div class="d-inline-block p-3 shadow-sm"
+                                                 style="background-color:#fff; border-radius:10px">
+                                                <img alt="" class="img-fluid"
+                                                     loading="lazy"
+                                                     src="./assets/screenshots/web6.png"
+                                                     style="min-height: 1px;">
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="position-relative mb-4"
+                                 style="border-radius:10px; background-color:#f4f4f4">
+                                <div class="p-md-5 p-3 position-relative">
+                                    <div class="row">
+                                        <div class="col-md-12">
+                                            <h1 style="font-weight:bold; font-size:calc(1.1rem + 1vw); line-height:120%; text-align:center; text-transform:capitalize; font-size: 40px;
+                              font-weight: 700;">
+                                      <span style="color:#121212; font-size:calc(1.1rem + 1vw)">Updated product in the back-end.
+
+                                      </span>
+
+                                            </h1>
+                                        </div>
+                                        <div class="col-md-12 mb-4">
+                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:#64728f">
+                                       Product with design will appear on the associated
+                                    sale order in the back-end.
+                                            </p>
+                                        </div>
+                                        <div class="col-md-12 text-center">
+                                            <div class="d-inline-block p-3 shadow-sm"
+                                                 style="background-color:#fff; border-radius:10px">
+                                                <img alt="" class="img-fluid"
+                                                     loading="lazy"
+                                                     src="./assets/screenshots/web7.png"
+                                                     style="min-height: 1px;">
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+
+                        </div>
+                        <div aria-labelledby="feature-tab"
+                             class="tab-pane fade show py-1" id="feature"
+                             role="tabpanel">
+                            <div class="row py-4">
+                                <!-- Features Section -->
+                                <div class="col-md-6 col-sm-12 p-3">
+                                    <div class="d-flex flex-column align-items-start h-100"
+                                         style="padding:30px; border-radius:12px; background-color:#faf8ff">
+                                        <div class="d-flex align-items-center justify-content-center">
+                                            <div class="d-flex align-items-center justify-content-center "
+                                                 style="width:36px; height:36px; border-radius:50%; background-color:#7847D9 ; margin-right:10px">
+                                                <i class="fa fa-star  "
+                                                   style="color:#fff; font-size:14px"></i>
+                                            </div>
+                                            <p style="color:#1A202C; font-weight:600; font-size:1.2rem; margin-bottom:2px">Create customized designs</p>
+                                        </div>
+
+                                    </div>
+                                </div>
+                                <div class="col-md-6 col-sm-12 p-3">
+                                    <div class="d-flex flex-column align-items-start h-100"
+                                         style="padding:30px; border-radius:12px; background-color:#faf8ff">
+                                        <div class="d-flex align-items-center justify-content-center">
+                                            <div class="d-flex align-items-center justify-content-center "
+                                                 style="width:36px; height:36px; border-radius:50%; background-color:#7847D9 ; margin-right:10px">
+                                                <i class="fa fa-star  "
+                                                   style="color:#fff; font-size:14px"></i>
+                                            </div>
+                                            <p style="color:#1A202C; font-weight:600; font-size:1.2rem; margin-bottom:2px">Allows users to customize products by choosing
+                                                the designs from front-end</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div aria-labelledby="releases-tab"
+                             class="tab-pane fade show" id="releases"
+                             role="tabpanel">
+                            <!-- Release Notes -->
+                            <div class="row pt-5 m-0">
+                                <div class="col-md-3">
+                                    <h4 style="font-size:16px; font-weight:600; color:#514F4F; margin:0; line-height:26px;">
+                                        Latest Release 18.0.1.0.0
+                                    </h4>
+                                    <span style="font-size:14px; color:#7A7979; display:block; margin-bottom:20px;">
+                                          27th November, 2024
+                                    </span>
+                                </div>
+                                <div class="col-md-8">
+                                    <div style="padding:0 0 40px">
+                                        <div style="margin:0 0 10px">
+                                            <div style="display:inline-block; padding:0px 8px; color:#514F4F; background-color:#FFD8D8; border-radius:20px">
+                                                Add
+                                            </div>
+                                        </div>
+                                        <div class="d-flex m-0"
+                                             style="color:#7A7979;">
+                                            <ul class="pl-3 mb-0">
+                                                <li>
+                                                    Initial Commit
+                                                </li>
+
+                                            </ul>
+                                        </div>
+                                    </div>
+                                    <div style="padding:0 0 0; border-bottom:1px solid #E3E3E3">
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <!--  -->
+                <!-- related post -->
+                <!--  -->
+                <section class="oe_container mt32">
+                <h2 style="color: #091E42;font-family: &quot;Montserrat&quot;;text-align: center;margin: 25px auto;text-transform: uppercase;" class="oe_slogan">
+                    <b>Related Products</b>
+                </h2>
+                <div id="demo" class="row carousel slide mt64 mb32" data-bs-ride="carousel">
+                    <!-- The slideshow -->
+                    <div class="carousel-inner">
+                        <div class="carousel-item active">
+                            <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left; padding: 10px;">
+                                <a href="https://apps.odoo.com/apps/modules/17.0/base_accounting_kit" target="_blank" style="color: #000; text-decoration: none;">
+                                    <div style="border-radius: 6px; padding: 16px; border: 1px solid #cbcbcb;" class="shadow-sm">
+                                        <img class="img img-responsive center-block" style=" max-width: 100%;" src="./assets/modules/1.gif" />
+                                        <h4 class="mt0 text-truncate" style="text-align:center;width:100&#37; margin-bottom: 8px; font-weight: 600; padding-top: 16px; text-decoration:none;font-size: 18px; padding-bottom: 8px; margin-bottom: 0px">
+                                            Odoo 17 Full Accounting Kit</h4>
+                                    </div>
+                                </a>
+                            </div>
+                            <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left; padding: 10px;">
+                                <a href="https://apps.odoo.com/apps/modules/17.0/ohrms_core" target="_blank" style="color: #000; text-decoration: none;">
+                                    <div style="border-radius: 6px; padding: 16px; border: 1px solid #cbcbcb;" class="shadow-sm">
+                                        <img class="img img-responsive center-block" style=" max-width: 100%;" src="./assets/modules/2.gif" />
+                                        <h4 class="mt0 text-truncate" style="text-align:center;width:100&#37; margin-bottom: 8px; font-weight: 600; padding-top: 16px; text-decoration:none;font-size: 18px; padding-bottom: 8px; margin-bottom: 0px">
+                                             Open HRMS Core</h4>
+                                    </div>
+                                </a>
+                            </div>
+                            <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left; padding: 10px;">
+                                <a  href="https://apps.odoo.com/apps/modules/17.0/invoice_format_editor" target="_blank" style="color: #000; text-decoration: none;">
+                                    <div style="border-radius: 6px;padding: 16px; border: 1px solid #cbcbcb;" class="shadow-sm">
+                                        <img class="img img-responsive center-block" style=" max-width: 100%;" src="./assets/modules/3.png"/>
+                                        <h4 class="mt0 text-truncate" style="text-align:center;width:100&#37; margin-bottom: 8px; font-weight: 600; padding-top: 16px; text-decoration:none;font-size: 18px; padding-bottom: 8px; margin-bottom: 0px">
+                                            Odoo17 Invoice Format Editor </h4>
+                                    </div>
+                                </a>
+                            </div>
+                        </div>
+                        <div class="carousel-item">
+                            <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left; padding: 10px;">
+                                <a href="https://apps.odoo.com/apps/modules/17.0/login_user_detail" target="_blank" style="color: #000; text-decoration: none;">
+                                    <div style="border-radius: 6px; padding: 16px; border: 1px solid #cbcbcb;" class="shadow-sm">
+                                        <img class="img img-responsive center-block" style=" max-width: 100%;" src="./assets/modules/4.png" />
+                                        <h4 class="mt0 text-truncate" style="text-align:center;width:100&#37; margin-bottom: 8px; font-weight: 600; padding-top: 16px; text-decoration:none;font-size: 18px; padding-bottom: 8px; margin-bottom: 0px">
+                                            User Log Details</h4>
+                                    </div>
+                                </a>
+                            </div>
+                            <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left; padding: 10px;">
+                                <a href="https://apps.odoo.com/apps/modules/17.0/product_barcode" target="_blank" style="color: #000; text-decoration: none;">
+                                    <div style="border-radius: 6px; padding: 16px; border: 1px solid #cbcbcb;" class="shadow-sm">
+                                        <img class="img img-responsive center-block" style=" max-width: 100%;" src="./assets/modules/5.png" />
+                                        <h4 class="mt0 text-truncate" style="text-align:center;width:100&#37; margin-bottom: 8px; font-weight: 600; padding-top: 16px; text-decoration:none;font-size: 18px; padding-bottom: 8px; margin-bottom: 0px">
+                                             Odoo17 Product Barcode Generator </h4>
+                                    </div>
+                                </a>
+                            </div>
+                            <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left; padding: 10px;">
+                                <a href="https://apps.odoo.com/apps/modules/17.0/whatsapp_redirect" target="_blank" style="color: #000; text-decoration: none;">
+                                    <div style="border-radius: 6px; padding: 16px; border: 1px solid #cbcbcb;" class="shadow-sm">
+                                        <img class="img img-responsive center-block" style=" max-width: 100%;" src="./assets/modules/6.jpg" />
+                                        <h4 class="mt0 text-truncate" style="text-align:center;width:100&#37; margin-bottom: 8px; font-weight: 600; padding-top: 16px; text-decoration:none;font-size: 18px; padding-bottom: 8px; margin-bottom: 0px">
+                                            Send Whatsapp Message Odoo17</h4>
+                                    </div>
+                                </a>
+                            </div>
+                        </div>
+                    </div>
+                    <!-- Left and right controls -->
+                    <a class="carousel-control-prev" href="#demo" data-bs-slide="prev" style="margin-left: -30px;width: 35px;color: #000;">
+                        <span class="carousel-control-prev-icon">
+        <i class="fa fa-chevron-left" style="font-size:24px"></i>
+      </span>
+                    </a>
+                    <a class="carousel-control-next" href="#demo" data-bs-slide="next" style="margin-right: -30px;width: 35px;color: #000;">
+                        <span class="carousel-control-next-icon">
+        <i class="fa fa-chevron-right" style="font-size:24px"></i>
+      </span>
+                    </a>
+                </div>
+            </section>
+                <!-- service-section -->
+
+                <section id="services" class="mt-5" style="border-radius: 16px;
+                                                            border: 1px solid #EBEEF2;
+                                                            background: var(--Neutral-N0, #FFF);
+                                                            padding: 60px 40px;
+                                                            box-shadow: 0px 5px 20px -11px rgba(0, 0, 0, 0.25);">
+                    <div class="text-center mt-4"><h3 class="mb-0" style="color: #000;
+                                                                  text-align: center;
+                                                                  font-family: Montserrat;
+                                                                  font-size: 40px;
+                                                                  font-style: normal;
+                                                                  font-weight: 700;
+                                                                  line-height: normal;
+                                                                  text-transform: uppercase;
+                                                                  padding-bottom: 50px;">
+                        Our Services</h3></div>
+                    <div class="row mt-3">
+                        <div class="col-lg-3 col-sm-12 mb-3">
+                            <a href="#" style="text-decoration:none">
+                                <div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center"
+                                     style="font-size:25px; font-weight:bold;background-color:#FFE2E5; margin:auto; gap: 16px; border-radius: 8px;">
+                                    <div class="d-flex justify-content-center align-items-center"
+                                         style="background-color:#FA5A7D; border-radius:50%; height:56px; width:56px">
+                                        <img src="./assets/icons/gear.svg"
+                                             class="img-responsive"
+                                             height="28px" width="28px">
+                                    </div>
+                                    <span style="font-size: 18px;
+                                  color: var(--text-color);
+                                  font-weight: 600;"> Odoo Customization</span>
+                                </div>
+                            </a>
+                        </div>
+                        <div class="col-lg-3 col-sm-12 mb-3">
+                            <a href="#" style="text-decoration:none">
+                                <div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center"
+                                     style="font-size:25px; font-weight:bold;background-color:#FFF4DE; margin:auto; gap: 16px; border-radius: 8px;">
+                                    <div class="d-flex justify-content-center align-items-center"
+                                         style="background-color:#FF947A; border-radius:50%; height:56px; width:56px">
+                                        <img src="./assets/icons/wrench-icon.svg"
+                                             class="img-responsive"
+                                             height="28px" width="28px">
+                                    </div>
+                                    <span style="font-size: 18px;
+                    color: var(--text-color);
+                    font-weight: 600;"> Odoo Implementation</span>
+                                </div>
+                            </a>
+                        </div>
+                        <div class="col-lg-3 col-sm-12 mb-3">
+                            <a href="#" style="text-decoration:none">
+                                <div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center"
+                                     style="font-size:25px; font-weight:bold;background-color:#DCFCE7; margin:auto; gap: 16px; border-radius: 8px;">
+                                    <div class="d-flex justify-content-center align-items-center"
+                                         style="background-color:#3CD856; border-radius:50%; height:56px; width:56px">
+                                        <img src="./assets/icons/life-ring-icon.svg"
+                                             class="img-responsive"
+                                             height="28px" width="28px">
+                                    </div>
+                                    <span style="font-size: 18px;
+                  color: var(--text-color);
+                  font-weight: 600;">Odoo Support</span>
+                                </div>
+                            </a>
+                        </div>
+                        <div class="col-lg-3 col-sm-12 mb-3">
+                            <a href="#" style="text-decoration:none">
+                                <div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center"
+                                     style="font-size:25px; font-weight:bold;background-color:#F3E8FF; margin:auto; gap: 16px; border-radius: 8px;">
+                                    <div class="d-flex justify-content-center align-items-center"
+                                         style="background-color:#BF83FF; border-radius:50%; height:56px; width:56px">
+                                        <img src="./assets/icons/arrows-repeat.svg"
+                                             class="img-responsive"
+                                             height="28px" width="28px">
+                                    </div>
+                                    <span style="font-size: 18px;
+                color: var(--text-color);
+                font-weight: 600;">Odoo Migration</span>
+                                </div>
+                            </a>
+                        </div>
+                        <div class="col-lg-3 col-sm-12 mb-3">
+                            <a href="#" style="text-decoration:none">
+                                <div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center"
+                                     style="font-size:25px; font-weight:bold;background-color:#F1F9FF; margin:auto; gap: 16px; border-radius: 8px;">
+                                    <div class="d-flex justify-content-center align-items-center"
+                                         style="background-color:#01649C; border-radius:50%; height:56px; width:56px">
+                                        <img src="./assets/icons/puzzle-piece-icon.svg"
+                                             class="img-responsive"
+                                             height="28px" width="28px">
+                                    </div>
+                                    <span style="font-size: 18px;
+              color: var(--text-color);
+              font-weight: 600;">Odoo integration</span>
+                                </div>
+                            </a>
+                        </div>
+                        <div class="col-lg-3 col-sm-12 mb-3">
+                            <a href="#" style="text-decoration:none">
+                                <div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center"
+                                     style="font-size:25px; font-weight:bold;background-color:#EDF8ED; margin:auto; gap: 16px; border-radius: 8px;">
+
+                                    <div class="d-flex justify-content-center align-items-center"
+                                         style="background-color:#69CC70; border-radius:50%; height:56px; width:56px">
+                                        <img src="./assets/icons/odoo-consultancy.svg"
+                                             class="img-responsive"
+                                             height="28px" width="28px">
+                                    </div>
+                                    <span style="font-size: 18px;
+            color: var(--text-color);
+            font-weight: 600;">Odoo Consultancy</span>
+                                </div>
+                            </a>
+                        </div>
+                        <div class="col-lg-3 col-sm-12 mb-3">
+                            <a href="#" style="text-decoration:none">
+                                <div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center"
+                                     style="font-size:25px; font-weight:bold;background-color:#F1F6FF; margin:auto; gap: 16px; border-radius: 8px;">
+
+                                    <div class="d-flex justify-content-center align-items-center"
+                                         style="background-color:#2E4556; border-radius:50%; height:56px; width:56px">
+                                        <img src="./assets/icons/odoo-licencing.svg"
+                                             class="img-responsive"
+                                             height="28px" width="28px">
+                                    </div>
+                                    <span style="font-size: 18px;
+          color: var(--text-color);
+          font-weight: 600;">Odoo Licensing</span>
+                                </div>
+                            </a>
+                        </div>
+                        <div class="col-lg-3 col-sm-12 mb-3">
+                            <a href="#" style="text-decoration:none">
+                                <div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center"
+                                     style="font-size:25px; font-weight:bold;background-color:#FAF6EA; margin:auto; gap: 16px; border-radius: 8px;">
+
+                                    <div class="d-flex justify-content-center align-items-center"
+                                         style="background-color:#FCD12C; border-radius:50%; height:56px; width:56px">
+                                        <img src="./assets/icons/hire-odoo.svg"
+                                             class="img-responsive"
+                                             height="28px" width="28px">
+                                    </div>
+                                    <span style="font-size: 18px;
+          color: var(--text-color);
+          font-weight: 600;">Hire Odoo Developer</span>
+                                </div>
+                            </a>
+                        </div>
+                    </div>
+            </div>
+            <!-- licence -->
+            <div class="tab-pane fade" id="profile" role="tabpanel"
+                 aria-labelledby="profile-tab">
+                <div class="px-5">
+                    ....
+                </div>
+            </div>
+            <!--  -->
+        </div>
+        </section>
+        <!--  -->
+    </div>
+</div>
+</body>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"
+        integrity="sha512-v2CJ7UaYy4JwqLDIrZUI/4hqeoQieOmAZNXBeQyjo21dadnwR+8ZaIJVT8EE2iyI61OV8e6M8PP2/4hpQINQ/g=="
+        crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
+<script>
+    $('.owl-carousel').owlCarousel({
+        rtl: true,
+        loop: true,
+        margin: 10,
+        nav: true,
+        responsive: {
+            0: {
+                items: 1
+            },
+            600: {
+                items: 3
+            },
+            1000: {
+                items: 3
+            }
+        }
+    })
+</script>
+</html>