diff --git a/.git.save b/.git.save
new file mode 100644
index 0000000..8b13789
--- /dev/null
+++ b/.git.save
@@ -0,0 +1 @@
+
diff --git a/rangeldigital/fixtures/web_template_3_cards_section_1.json b/rangeldigital/fixtures/web_template_3_cards_section_1.json
deleted file mode 100644
index 5a33314..0000000
--- a/rangeldigital/fixtures/web_template_3_cards_section_1.json
+++ /dev/null
@@ -1,92 +0,0 @@
-
-{
- "__unsaved": 1,
- "creation": "2024-08-12 15:26:23.140620",
- "docstatus": 0,
- "doctype": "Web Template",
- "fields": [
-  {
-   "fieldname": "heading",
-   "fieldtype": "Data",
-   "label": "Heading",
-   "reqd": 0
-  },
-    {
-   "fieldname": "sub_heading",
-   "fieldtype": "Data",
-   "label": "Sub Heading",
-   "reqd": 0
-  },
-      {
-   "fieldname": "cta_text",
-   "fieldtype": "Data",
-   "label": "CTA Text",
-   "reqd": 0
-  },
-      {
-   "fieldname": "cta_url",
-   "fieldtype": "Data",
-   "label": "CTA URL",
-   "reqd": 0
-  },
-    {
-   "fieldname": "card_1_heading",
-   "fieldtype": "Data",
-   "label": "Card 1 Heading"
-  },
-
-      {
-   "fieldname": "card_1_text",
-   "fieldtype": "Text",
-   "label": "Card 1 Text"
-  },
-      {
-   "fieldname": "card_1_url",
-   "fieldtype": "Data",
-   "label": "Card 1 URL"
-  },
-    {
-   "fieldname": "card_2_heading",
-   "fieldtype": "Data",
-   "label": "Card 2 Heading"
-  },
-
-      {
-   "fieldname": "card_2_text",
-   "fieldtype": "Text",
-   "label": "Card 2 Text"
-  },
-      {
-   "fieldname": "card_2_url",
-   "fieldtype": "Data",
-   "label": "Card 2 URL"
-  },
-    {
-   "fieldname": "card_3_heading",
-   "fieldtype": "Data",
-   "label": "Card 3 Heading"
-  },
-      {
-   "fieldname": "card_3_text",
-   "fieldtype": "Text",
-   "label": "Card 3 Text"
-  },
-      {
-   "fieldname": "card_3_url",
-   "fieldtype": "Data",
-   "label": "Card 3 URL"
-  }
-     
-     
-
- ],
- "idx": 0,
- "modified": "2022-03-21 14:30:14.405261",
- "modified_by": "Administrator",
- "module": "Website",
- "name": "3 Cards Section - 1",
- "owner": "Administrator",
- "standard": 0,
-  "template":"<section class=\"service-area pt-120 pb-120\">\n\t<div class=\"service__shape wow slideInRight\">\n\t\t<img class=\"sway_Y__animation\" src=\"https://gratech.coevs.com/assets/general/images/pS7mPAStmiND1Ve9lyhJ.png\" alt=\"shape\">\n\t</div>\n\t<div class=\"container\">\n\t\t<div class=\"d-flex flex-wrap gap-4 align-items-center justify-content-between mb-60\">\n\t\t\t<div class=\"section-header\">\n\t\t\t\t<h5 class=\"wow fadeInLeft\" data-wow-delay=\"00ms\" data-wow-duration=\"1500ms\">\n\t\t\t\t\t<img class=\"me-1\" src=\"https://gratech.coevs.com/assets/general/images/4SyDa9CZNsdLzCr0qeip.png\" alt=\"icon\">\n\t\t\t\t\t{{sub_heading}}\n\t\t\t\t</h5>\n\t\t\t\t<h2 class=\"wow fadeInLeft\" data-wow-delay=\"200ms\" data-wow-duration=\"1500ms\"> {{heading}}</h2>\n\t\t\t</div>\n\t\t\t<a href=\"{{cta_url}}\" class=\"btn-one wow fadeInUp\" data-wow-delay=\"200ms\"\n\t\t\t   data-wow-duration=\"1500ms\">{{cta_text}} <i class=\"fa-regular fa-arrow-right-long\"></i></a>\n\t\t</div>\n\t\t<div class=\"row g-4\">\n\t\t\t\n\t\t\t\t<div class=\"col-lg-4 col-md-6 wow bounceInUp\" data-wow-delay=\"00ms\" data-wow-duration=\"1000ms\">\n\t\t\t\t\t<div class=\"service__item\">\n\t\t\t\t\t\t<div class=\"service-shape\">\n\t\t\t\t\t\t\t<img src=\"https://gratech.coevs.com/assets/general/images/rtHLHwS47ikrvM8funrY.png\" alt=\"shape\">\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class=\"service__icon\">\n\t\t\t\t\t\t\t<img src=\"https://gratech.coevs.com/assets/general/images/jHK351Y6PazLmAgmyGJY.png\" alt=\"icon\">\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<h4><a href=\"{{card_1_url}}\">{{card_1_heading}}</a></h4>\n\t\t\t\t\t\t<p>{{card_1_text}}</p>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t\n\t\t\t\t<div class=\"col-lg-4 col-md-6 wow bounceInUp\" data-wow-delay=\"00ms\" data-wow-duration=\"1000ms\">\n\t\t\t\t\t<div class=\"service__item\">\n\t\t\t\t\t\t<div class=\"service-shape\">\n\t\t\t\t\t\t\t<img src=\"https://gratech.coevs.com/assets/general/images/rtHLHwS47ikrvM8funrY.png\" alt=\"shape\">\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class=\"service__icon\">\n\t\t\t\t\t\t\t<img src=\"https://gratech.coevs.com/assets/general/images/jHK351Y6PazLmAgmyGJY.png\" alt=\"icon\">\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<h4><a href=\"{{card_2_url}}\">{{card_2_heading}}</a></h4>\n\t\t\t\t\t\t<p>{{card_2_text}}</p>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t\n\t\t\t\t<div class=\"col-lg-4 col-md-6 wow bounceInUp\" data-wow-delay=\"00ms\" data-wow-duration=\"1000ms\">\n\t\t\t\t\t<div class=\"service__item\">\n\t\t\t\t\t\t<div class=\"service-shape\">\n\t\t\t\t\t\t\t<img src=\"https://gratech.coevs.com/assets/general/images/rtHLHwS47ikrvM8funrY.png\" alt=\"shape\">\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class=\"service__icon\">\n\t\t\t\t\t\t\t<img src=\"https://gratech.coevs.com/assets/general/images/jHK351Y6PazLmAgmyGJY.png\" alt=\"icon\">\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<h4><a href=\"{{card_3_url}}\">{{card_3_heading}}</a></h4>\n\t\t\t\t\t\t<p>{{card_3_text}}</p>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t\n\t\t</div>\n\t</div>\n</section>",
- "type": "Component"
-}
\ No newline at end of file
diff --git a/rangeldigital/fixtures/web_template_50_50_accordion_1.json b/rangeldigital/fixtures/web_template_50_50_accordion_1.json
new file mode 100644
index 0000000..b4ec2ac
--- /dev/null
+++ b/rangeldigital/fixtures/web_template_50_50_accordion_1.json
@@ -0,0 +1,56 @@
+
+{
+    "__unsaved": 1,
+    "creation": "2024-08-12 15:26:23.140620",
+    "docstatus": 0,
+    "doctype": "Web Template",
+    "fields": [
+        {
+            "fieldname": "heading",
+            "fieldtype": "Data",
+            "label": "Heading",
+            "reqd": 0
+           },
+             {
+            "fieldname": "sub_heading",
+            "fieldtype": "Data",
+            "label": "Sub Heading",
+            "reqd": 0
+           },
+               {
+            "fieldname": "accordion_tabs",
+            "fieldtype": "Table Break",
+            "label": "Accordion Tabs",
+            "reqd": 0
+           },
+           {
+            "fieldname": "accordion_id",
+            "fieldtype": "Data",
+            "label": "Accordion ID",
+            "reqd": 1
+           },
+               {
+            "fieldname": "accordion_heading",
+            "fieldtype": "Data",
+            "label": "Accordion Heading",
+            "reqd": 0
+           },
+             {
+            "fieldname": "accordion_content",
+            "fieldtype": "Text",
+            "label": "According Content"
+           }
+        
+   
+    ],
+    "idx": 0,
+    "modified": "2022-03-21 14:30:14.405261",
+    "modified_by": "Administrator",
+    "module": "Website",
+    "name": "50-50 Accordion Section - 1",
+    "owner": "Administrator",
+    "standard": 0,
+    "template": "<section class=\"saas_faq_area_two sec_padding\"><div class=\"container\"><div class=\"row\"><div class=\"col-lg-5\"><div class=\"section_title_two pe-5\"><h2 class=\"wow fadeInUp\" data-wow-delay=\"0.1s\" style=\"visibility: visible; animation-delay: 0.1s; animation-name: fadeInUp;\">{{ heading }}</h2>{% if sub_heading %}<p class=\"wow fadeInUp\" data-wow-delay=\"0.2s\" style=\"visibility: visible; animation-delay: 0.2s; animation-name: fadeInUp;\">{{ sub_heading }}</p>{% endif %}</div></div><div class=\"col-lg-7\"><div class=\"accordion faq_inner ps-4\" id=\"accordionExample\">{% for accordion in accordion_tabs %}<div class=\"accordion-item wow fadeInUp\" data-wow-delay=\"0.5s\" style=\"visibility: visible; animation-delay: 0.5s; animation-name: fadeInUp;\"><h2 class=\"accordion-header\" id=\"heading{{ loop.index }}\"><button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#collapse{{ loop.index }}\" aria-expanded=\"false\" aria-controls=\"collapse{{ loop.index }}\">{{ accordion.accordion_heading }}</button></h2><div id=\"collapse{{ loop.index }}\" class=\"accordion-collapse collapse\" aria-labelledby=\"heading{{ loop.index }}\" data-bs-parent=\"#accordionExample\"><div class=\"accordion-body\">{{ accordion.accordion_content }}</div></div></div>{% endfor %}</div></div></div></div></section>"
+    ,
+    "type": "Component"
+   }
\ No newline at end of file
diff --git a/rangeldigital/fixtures/web_template_promo_tabs_section_1.json b/rangeldigital/fixtures/web_template_promo_tabs_section_1.json
index d9a6391..80969a3 100644
--- a/rangeldigital/fixtures/web_template_promo_tabs_section_1.json
+++ b/rangeldigital/fixtures/web_template_promo_tabs_section_1.json
@@ -66,6 +66,6 @@
     "name": "Promo Tabs Section - 1",
     "owner": "Administrator",
     "standard": 0,
-  "template": "<section class=\"promo_area sec_padding\">\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-lg-6\">\n                <div class=\"tab-content promo_tab_image wow fadeInLeft\" data-wow-delay=\"0.3s\" id=\"pills-tabContent-one\" style=\"visibility: visible; animation-delay: 0.3s; animation-name: fadeInLeft;\">\n                    {% for tab in tabs %}{% if loop.index == 1 %}<div class=\"tab-pane fade active show\" id=\"{{ tab.tab_id }}\" role=\"tabpanel\" aria-labelledby=\"pills-home-tab\" tabindex=\"0\">\n                        <img src=\"{{ tab.tab_image }}\" alt=\"\">\n                    </div>\n                    {% else %}\n                    <div class=\"tab-pane fade service_tab_image\" id=\"{{ tab.tab_id }}\" role=\"tabpanel\" aria-labelledby=\"pills-{{ tab.tab_id }}\" tabindex=\"0\">\n                        <img src=\"{{ tab.tab_image }}\" alt=\"\">\n                    </div>\n                    {% endif %}\n                    {% endfor %}\n\n                </div>\n            </div>\n            <div class=\"col-lg-6\">\n                <div class=\"promo_tab_box\">\n                    <div class=\"section_title_two wow fadeInUp\" data-wow-delay=\"0.2s\" style=\"visibility: visible; animation-delay: 0.2s; animation-name: fadeInUp;\">\n                        <h2>Why Choose Picmate</h2>\n                        <p> has more image rendering options than you'll ever need. Focus on the things\n                            that really matter to your users business.</p>\n                    </div>\n                    <ul class=\"nav nav-pills mb-3 flex-column\" id=\"pills-tab\" role=\"tablist\">\n                    {% for tab in tabs %}\n                    {% if loop.index == 1 %}\n                        <li class=\"nav-item wow fadeInUp\" data-wow-delay=\"0.3s\" role=\"presentation\" style=\"visibility: visible; animation-delay: 0.3s; animation-name: fadeInUp;\">\n                            <div class=\"nav-link active\" id=\"pills-home-tab\" data-bs-toggle=\"pill\" data-bs-target=\"#{{ tab.tab_id }}\" role=\"tab\" aria-controls=\"pills-home\" aria-selected=\"false\" tabindex=\"-1\">\n                                <img src=\"{{ tab.tab_icon }}\" alt=\"\">\n                                <div class=\"content\">\n                                    <h5>{{ tab.tab_heading}}</h5>\n                                    <p>{{ tab.tab_sub_heading }}</p>\n                                </div>\n                                <div class=\"tab_progress\">\n                                    <div class=\"progress-bar\" style=\"width: 0px;\"></div>\n                                </div>\n                            </div>\n                        </li>\n                    {% else %}\n                        <li class=\"nav-item wow fadeInUp\" data-wow-delay=\"0.4s\" role=\"presentation\" style=\"visibility: visible; animation-delay: 0.4s; animation-name: fadeInUp;\">\n                            <div class=\"nav-link\" id=\"pills-profile-tab\" data-bs-toggle=\"pill\" data-bs-target=\"#{{ tab.tab_id }}\" role=\"tab\" aria-controls=\"pills-profile\" aria-selected=\"false\" tabindex=\"-1\">\n                                <img src=\"{{ tab.tab_icon }}\" alt=\"\">\n                                <div class=\"content\">\n                                    <h5>{{ tab.tab_heading }}</h5>\n                                    <p>{{ tab.tab_sub_heading }}</p>\n                                </div>\n                                <div class=\"tab_progress\">\n                                    <div class=\"progress-bar\" style=\"width: 60.14%; overflow: hidden;\"></div>\n                                </div>\n                            </div>\n                        </li>\n                    {% endif %}\n                    {% endfor %}\n                    </ul>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>"
+  "template": "<section class=\"promo_area sec_padding\"><div class=\"container\"><div class=\"row\"><div class=\"col-lg-6\"><div class=\"tab-content promo_tab_image wow fadeInLeft\" data-wow-delay=\"0.3s\" id=\"pills-tabContent-one\" style=\"visibility: visible; animation-delay: 0.3s; animation-name: fadeInLeft;\">{% for tab in tabs %}{% if loop.index == 1 %}<div class=\"tab-pane fade active show\" id=\"{{ tab.tab_id }}\" role=\"tabpanel\" aria-labelledby=\"pills-home-tab\" tabindex=\"0\">\n                        <img src=\"{{ tab.tab_image }}\" alt=\"\">\n                    </div>\n                    {% else %}\n                    <div class=\"tab-pane fade service_tab_image\" id=\"{{ tab.tab_id }}\" role=\"tabpanel\" aria-labelledby=\"pills-{{ tab.tab_id }}\" tabindex=\"0\">\n                        <img src=\"{{ tab.tab_image }}\" alt=\"\">\n                    </div>\n                    {% endif %}\n                    {% endfor %}\n\n                </div>\n            </div>\n            <div class=\"col-lg-6\">\n                <div class=\"promo_tab_box\">\n                    <div class=\"section_title_two wow fadeInUp\" data-wow-delay=\"0.2s\" style=\"visibility: visible; animation-delay: 0.2s; animation-name: fadeInUp;\">{% if heading %}<h2>{{ heading }}</h2>{% endif %}{% if sub_heading %}<p>{{ sub_heading }}</p>{% endif %}                    </div>                    <ul class=\"nav nav-pills mb-3 flex-column\" id=\"pills-tab\" role=\"tablist\">\n                    {% for tab in tabs %}\n                    {% if loop.index == 1 %}\n                        <li class=\"nav-item wow fadeInUp\" data-wow-delay=\"0.3s\" role=\"presentation\" style=\"visibility: visible; animation-delay: 0.3s; animation-name: fadeInUp;\">\n                            <div class=\"nav-link active\" id=\"pills-home-tab\" data-bs-toggle=\"pill\" data-bs-target=\"#{{ tab.tab_id }}\" role=\"tab\" aria-controls=\"pills-home\" aria-selected=\"false\" tabindex=\"-1\">\n                                <img src=\"{{ tab.tab_icon }}\" alt=\"\">\n                                <div class=\"content\">\n                                    <h5>{{ tab.tab_heading}}</h5>\n                                    <p>{{ tab.tab_sub_heading }}</p>\n                                </div>\n                                <div class=\"tab_progress\">\n                                    <div class=\"progress-bar\" style=\"width: 0px;\"></div>\n                                </div>\n                            </div>\n                        </li>\n                    {% else %}\n                        <li class=\"nav-item wow fadeInUp\" data-wow-delay=\"0.4s\" role=\"presentation\" style=\"visibility: visible; animation-delay: 0.4s; animation-name: fadeInUp;\">\n                            <div class=\"nav-link\" id=\"pills-profile-tab\" data-bs-toggle=\"pill\" data-bs-target=\"#{{ tab.tab_id }}\" role=\"tab\" aria-controls=\"pills-profile\" aria-selected=\"false\" tabindex=\"-1\">\n                                <img src=\"{{ tab.tab_icon }}\" alt=\"\">\n                                <div class=\"content\">\n                                    <h5>{{ tab.tab_heading }}</h5>\n                                    <p>{{ tab.tab_sub_heading }}</p>\n                                </div>\n                                <div class=\"tab_progress\">\n                                    <div class=\"progress-bar\" style=\"width: 60.14%; overflow: hidden;\"></div>\n                                </div>\n                            </div>\n                        </li>\n                    {% endif %}\n                    {% endfor %}\n                    </ul>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>"
 ,    "type": "Component"
 }
\ No newline at end of file
diff --git a/rangeldigital/fixtures/web_template_service_category_section.json b/rangeldigital/fixtures/web_template_service_category_section.json
new file mode 100644
index 0000000..4b9a743
--- /dev/null
+++ b/rangeldigital/fixtures/web_template_service_category_section.json
@@ -0,0 +1,61 @@
+{
+    "__unsaved": 1,
+    "creation": "2024-08-12 15:26:23.140620",
+    "docstatus": 0,
+    "doctype": "Web Template",
+    "fields": [
+     {
+      "fieldname": "heading",
+      "fieldtype": "Data",
+      "label": "Heading",
+      "reqd": 0
+     },
+       {
+      "fieldname": "sub_heading",
+      "fieldtype": "Data",
+      "label": "Sub Heading",
+      "reqd": 0
+     },
+         {
+      "fieldname": "cards",
+      "fieldtype": "Table Break",
+      "label": "Cards",
+      "reqd": 0
+     },
+         {
+      "fieldname": "card_heading",
+      "fieldtype": "Data",
+      "label": "Card Heading",
+      "reqd": 0
+     },
+           {
+      "fieldname": "card_sub_heading",
+      "fieldtype": "Data",
+      "label": "Card Sub-Heading",
+      "reqd": 0
+     },
+           {
+      "fieldname": "card_image",
+      "fieldtype": "Attach Image",
+      "label": "Card Image",
+      "reqd": 0
+     },
+             {
+      "fieldname": "card_url",
+      "fieldtype": "Data",
+      "label": "Card URL",
+      "reqd": 0
+     }
+   
+    ],
+    "idx": 0,
+    "modified": "2022-03-21 14:30:14.405261",
+    "modified_by": "Administrator",
+    "module": "Website",
+    "name": "Service Cards Section - 1",
+    "owner": "Administrator",
+    "standard": 0,
+  "template": "<div class=\"features_area_two sec_padding\"><div class=\"service_category_area\">\n    <div class=\"container\">\n        <div class=\"section_title text-center wow fadeInUp\" data-wow-delay=\"0.2s\" style=\"visibility: visible; animation-delay: 0.2s; animation-name: fadeInUp;\">{% if heading %}<h2>{{heading}}</h2>{% endif %}{% if sub_heading %}<p>{{sub_heading}}</p>{% endif %}</div><div class=\"row\">{% for card in cards %}<div class=\"col-lg-4 col-md-6\"><div class=\"service_item wow fadeInUp\" data-wow-delay=\"0.2s\" style=\"visibility: visible; animation-delay: 0.2s; animation-name: fadeInUp;\"><div class=\"icon\"><img src=\"assets/img/home-two/mood.png\" alt=\"\"></div>{% if card.card_heading %}<h4>{{card.card_heading }}</h4>{% endif %}{% if card.card_sub_heading %}<p>{{card.card_sub_heading}}</p>{% endif %}</div></div>{% endfor %}</div>\n        </div>\n    </div>\n</div></div>"
+   ,
+    "type": "Component"
+   }
\ No newline at end of file