@dcodegroup-au/page-builder 0.7.5 → 0.7.7

package/dist/page-builder.es.js

@@ -446,10 +446,10 @@ const _hoisted_6$r = { class: "flex flex-col gap-3" };
 const _hoisted_7$q = { class: "flex justify-between" };
 const _hoisted_8$o = { class: "flex flex-col gap-1" };
 const _hoisted_9$n = { class: "font-semibold text-gray-900" };
-const _hoisted_10$i = { class: "text-sm text-gray-600" };
+const _hoisted_10$j = { class: "text-sm text-gray-600" };
 const _hoisted_11$g = ["disabled"];
 const _hoisted_12$d = { class: "flex flex-col gap-3" };
-const _hoisted_13$a = ["onClick"];
+const _hoisted_13$b = ["onClick"];
 const _hoisted_14$9 = ["onClick"];
 const _hoisted_15$7 = { class: "text-xs text-gray-600" };
 const _hoisted_16$5 = { class: "text-sm font-medium text-gray-900" };
@@ -512,7 +512,7 @@ const _sfc_main$Q = {
               createElementVNode("div", _hoisted_7$q, [
                 createElementVNode("div", _hoisted_8$o, [
                   createElementVNode("div", _hoisted_9$n, toDisplayString(unref(parseName)(unref(type))), 1),
-                  createElementVNode("div", _hoisted_10$i, "This " + toDisplayString(unref(singularize)(unref(type))) + " can contain up to " + toDisplayString(dataRef.value.max_items) + " " + toDisplayString(unref(parseName)(unref(type), false)), 1)
+                  createElementVNode("div", _hoisted_10$j, "This " + toDisplayString(unref(singularize)(unref(type))) + " can contain up to " + toDisplayString(dataRef.value.max_items) + " " + toDisplayString(unref(parseName)(unref(type), false)), 1)
                 ]),
                 createElementVNode("div", null, [
                   createElementVNode("button", {
@@ -549,7 +549,7 @@ const _sfc_main$Q = {
                         "enable-edit": true,
                         onEditItem: ($event) => edit(item, index)
                       }, null, 8, ["onRemoveItem", "onEditItem"])
-                    ], 8, _hoisted_13$a)
+                    ], 8, _hoisted_13$b)
                   ], 2);
                 }), 256))
               ])
@@ -11699,7 +11699,7 @@ const _hoisted_6$q = {
 const _hoisted_7$p = { class: "file-upload-preview" };
 const _hoisted_8$n = ["src", "title"];
 const _hoisted_9$m = ["href"];
-const _hoisted_10$h = { class: "file-upload-title" };
+const _hoisted_10$i = { class: "file-upload-title" };
 const _hoisted_11$f = { class: "file-upload-file-remove" };
 const _hoisted_12$c = { class: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 p-4 rounded-lg flex flex-col justify-center items-center w-full" };
 const _sfc_main$O = {
@@ -11805,7 +11805,7 @@ const _sfc_main$O = {
             target: "_blank",
             class: "link"
           }, [
-            createElementVNode("div", _hoisted_10$h, toDisplayString(file.value.file_name), 1)
+            createElementVNode("div", _hoisted_10$i, toDisplayString(file.value.file_name), 1)
           ], 8, _hoisted_9$m),
           createElementVNode("a", _hoisted_11$f, [
             createElementVNode("i", {
@@ -33924,7 +33924,7 @@ const _hoisted_6$o = { class: "text-sm font-medium text-gray-900" };
 const _hoisted_7$n = { key: 0 };
 const _hoisted_8$l = { key: 1 };
 const _hoisted_9$l = { key: 2 };
-const _hoisted_10$g = { class: "flex max-h-[196px] flex-wrap gap-1.5 overflow-y-auto" };
+const _hoisted_10$h = { class: "flex max-h-[196px] flex-wrap gap-1.5 overflow-y-auto" };
 const __default__ = {
   directives: {
     clickOutside: useClickOutside
@@ -34004,7 +34004,7 @@ const _sfc_main$G = /* @__PURE__ */ Object.assign(__default__, {
               createElementVNode("p", _hoisted_6$o, [
                 icons2.value.length > 0 && search.value.length > 0 ? (openBlock(), createElementBlock("span", _hoisted_7$n, " Search result ")) : icons2.value.length < 1 && search.value.length > 0 ? (openBlock(), createElementBlock("span", _hoisted_8$l, " No search result ")) : search.value.length < 1 && icons2.value.length > 0 ? (openBlock(), createElementBlock("span", _hoisted_9$l, " Frequently used icons ")) : createCommentVNode("", true)
               ]),
-              createElementVNode("div", _hoisted_10$g, [
+              createElementVNode("div", _hoisted_10$h, [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(icons2.value, (icon) => {
                   return openBlock(), createBlock(_sfc_main$H, {
                     class: "cursor-pointer rounded p-1 hover:bg-gray-100",
@@ -45222,13 +45222,13 @@ const _hoisted_6$n = { class: "text-sm text-gray-600 mt-1" };
 const _hoisted_7$m = { class: "flex flex-col gap-3" };
 const _hoisted_8$k = { class: "flex items-center justify-between" };
 const _hoisted_9$k = { class: "text-lg font-semibold text-gray-900" };
-const _hoisted_10$f = { class: "relative flex items-end" };
+const _hoisted_10$g = { class: "relative flex items-end" };
 const _hoisted_11$e = { class: "flex flex-col gap-6" };
 const _hoisted_12$b = {
   key: 0,
   class: "flex gap-4"
 };
-const _hoisted_13$9 = { class: "flex items-center gap-2 cursor-pointer" };
+const _hoisted_13$a = { class: "flex items-center gap-2 cursor-pointer" };
 const _hoisted_14$8 = ["name", "value", "onUpdate:modelValue", "onChange"];
 const _hoisted_15$6 = {
   key: 1,
@@ -45357,7 +45357,7 @@ const _sfc_main$C = {
               }, [
                 createElementVNode("div", _hoisted_8$k, [
                   createElementVNode("div", _hoisted_9$k, " Item #" + toDisplayString(index + 1), 1),
-                  createElementVNode("div", _hoisted_10$f, [
+                  createElementVNode("div", _hoisted_10$g, [
                     createVNode(_sfc_main$S, {
                       onRemoveItem: ($event) => handleDeleteItem(index)
                     }, null, 8, ["onRemoveItem"])
@@ -45366,7 +45366,7 @@ const _sfc_main$C = {
                 createElementVNode("div", _hoisted_11$e, [
                   !((_a2 = componentData.value) == null ? void 0 : _a2.hasOwnProperty("has_type_switcher")) || ((_b = componentData.value) == null ? void 0 : _b.has_type_switcher) ? (openBlock(), createElementBlock("div", _hoisted_12$b, [
                     (openBlock(), createElementBlock(Fragment, null, renderList(options, (option) => {
-                      return createElementVNode("label", _hoisted_13$9, [
+                      return createElementVNode("label", _hoisted_13$a, [
                         withDirectives(createElementVNode("input", {
                           name: `content_type${index}`,
                           type: "radio",
@@ -45477,7 +45477,7 @@ const _hoisted_6$m = { class: "flex flex-col gap-3" };
 const _hoisted_7$l = { class: "flex items-center justify-between" };
 const _hoisted_8$j = { class: "text-lg font-semibold text-gray-900" };
 const _hoisted_9$j = { class: "relative flex items-end" };
-const _hoisted_10$e = { class: "flex flex-col gap-6" };
+const _hoisted_10$f = { class: "flex flex-col gap-6" };
 const _hoisted_11$d = { class: "flex flex-col gap-1.5" };
 const _hoisted_12$a = ["onUpdate:modelValue"];
 const _sfc_main$B = {
@@ -45560,7 +45560,7 @@ const _sfc_main$B = {
                     }, null, 8, ["onRemoveItem"])
                   ])
                 ]),
-                createElementVNode("div", _hoisted_10$e, [
+                createElementVNode("div", _hoisted_10$f, [
                   createElementVNode("div", _hoisted_11$d, [
                     createVNode(unref(VFileUpload), {
                       name: "image",
@@ -45765,7 +45765,7 @@ const _hoisted_6$k = { class: "flex flex-col gap-3" };
 const _hoisted_7$j = { class: "flex items-center justify-between" };
 const _hoisted_8$i = { class: "text-lg font-semibold text-gray-900" };
 const _hoisted_9$i = { class: "relative flex items-end" };
-const _hoisted_10$d = { class: "flex flex-col gap-6" };
+const _hoisted_10$e = { class: "flex flex-col gap-6" };
 const _hoisted_11$c = { class: "flex flex-col gap-1.5" };
 const _sfc_main$y = {
   __name: "VideoGrid",
@@ -45841,7 +45841,7 @@ const _sfc_main$y = {
                     }, null, 8, ["onRemoveItem"])
                   ])
                 ]),
-                createElementVNode("div", _hoisted_10$d, [
+                createElementVNode("div", _hoisted_10$e, [
                   createElementVNode("div", _hoisted_11$c, [
                     createVNode(unref(VFileUpload), {
                       name: "image",
@@ -46162,10 +46162,10 @@ const _hoisted_9$h = {
   key: 0,
   class: "flex flex-col gap-2"
 };
-const _hoisted_10$c = ["onClick"];
+const _hoisted_10$d = ["onClick"];
 const _hoisted_11$b = { class: "flex flex-col" };
 const _hoisted_12$9 = { class: "text-sm font-medium text-gray-900" };
-const _hoisted_13$8 = { class: "flex items-center justify-between gap-3 px-[10px]" };
+const _hoisted_13$9 = { class: "flex items-center justify-between gap-3 px-[10px]" };
 const _hoisted_14$7 = { class: "flex h-full flex-1 flex-col mb-20" };
 const _hoisted_15$5 = {
   key: 0,
@@ -46302,10 +46302,10 @@ const _sfc_main$t = {
                         _cache[1] || (_cache[1] = createElementVNode("div", { class: "text-xs text-gray-600" }, "Sub-module", -1)),
                         createElementVNode("div", _hoisted_12$9, toDisplayString(component.name), 1)
                       ]),
-                      createElementVNode("div", _hoisted_13$8, [
+                      createElementVNode("div", _hoisted_13$9, [
                         createVNode(unref(ChevronRight), { class: "h-5 w-5" })
                       ])
-                    ], 10, _hoisted_10$c);
+                    ], 10, _hoisted_10$d);
                   }), 256))
                 ])) : createCommentVNode("", true)
               ]);
@@ -47826,20 +47826,21 @@ const Slide = defineComponent({
     };
   }
 });
-const _hoisted_1$M = { class: "flex h-[708px] lg:h-[872px] w-full bg-navy-800 relative rounded-3xl md:rounded-[48px] z-10" };
-const _hoisted_2$m = { class: "lg:p-8 p-4 flex relative w-full" };
-const _hoisted_3$j = { class: "lg:w-1/2 lg:pl-8 lg:pr-16 pl-4 pr-8 flex flex-col lg:mt-[218px] mt-[100px] absolute top-0 left-5 lg:relative z-20" };
+const _hoisted_1$M = { class: "flex h-[614px] sm:h-[550px] md:h-[806px] lg:h-[872px] w-full bg-navy-800 relative rounded-3xl lg:rounded-[48px] z-10" };
+const _hoisted_2$m = { class: "flex-1 lg:p-8 px-4 lg:py-4 flex max-lg:flex-col-reverse relative w-full" };
+const _hoisted_3$j = { class: "flex-1 lg:w-1/2 lg:pl-8 lg:pr-16 flex flex-col mt-8 sm:mt-14 lg:mt-[218px]" };
 const _hoisted_4$j = { class: "gap-2 flex z-10 mb-4" };
 const _hoisted_5$i = ["onClick"];
-const _hoisted_6$i = { class: "lg:text-[48px] text-[40px] font-semibold text-white mb-3 lg:leading-normal leading-[48px]" };
-const _hoisted_7$h = ["innerHTML"];
-const _hoisted_8$g = { class: "flex gap-3 mt-8 flex-col lg:flex-row" };
-const _hoisted_9$g = ["href", "target"];
-const _hoisted_10$b = ["href", "target"];
-const _hoisted_11$a = ["src"];
-const _hoisted_12$8 = {
+const _hoisted_6$i = { class: "text-[30px] lg:text-[48px] font-semibold text-white mb-3 lg:leading-normal leading-[48px]" };
+const _hoisted_7$h = { class: "max-md:flex-1" };
+const _hoisted_8$g = ["innerHTML"];
+const _hoisted_9$g = { class: "flex gap-3 md:mt-8 max-sm:flex-col" };
+const _hoisted_10$c = ["href", "target"];
+const _hoisted_11$a = ["href", "target"];
+const _hoisted_12$8 = ["src"];
+const _hoisted_13$8 = {
   key: 1,
-  class: "rounded-3xl md:rounded-[48px] h-[674px] max-w-[882px] lg:w-1/2 w-full object-cover",
+  class: "rounded-[20px] lg:rounded-[48px] h-[674px] max-w-[882px] lg:w-1/2 w-full object-cover",
   src: _imports_0
 };
 const _sfc_main$s = {
@@ -47880,11 +47881,13 @@ const _sfc_main$s = {
                         }), 256)) : createCommentVNode("", true)
                       ]),
                       createElementVNode("h3", _hoisted_6$i, toDisplayString(slide == null ? void 0 : slide.title), 1),
-                      createElementVNode("p", {
-                        class: "text-lg font-normal text-navy-50",
-                        innerHTML: slide == null ? void 0 : slide.description
-                      }, null, 8, _hoisted_7$h),
-                      createElementVNode("div", _hoisted_8$g, [
+                      createElementVNode("div", _hoisted_7$h, [
+                        createElementVNode("p", {
+                          class: "lg:text-lg font-normal text-navy-50 overflow-hidden line-clamp-6 sm:line-clamp-3",
+                          innerHTML: slide == null ? void 0 : slide.description
+                        }, null, 8, _hoisted_8$g)
+                      ]),
+                      createElementVNode("div", _hoisted_9$g, [
                         slide.secondary_button.show ? (openBlock(), createElementBlock("a", {
                           key: 0,
                           class: "text-white text-base font-semibold border border-white px-6 py-2 rounded-full hover:bg-navy-800 hover:opacity-60",
@@ -47892,7 +47895,7 @@ const _sfc_main$s = {
                           target: slide.secondary_button.open_in_new_tab ? "_blank" : ""
                         }, [
                           createElementVNode("span", null, toDisplayString(slide.secondary_button.label), 1)
-                        ], 8, _hoisted_9$g)) : createCommentVNode("", true),
+                        ], 8, _hoisted_10$c)) : createCommentVNode("", true),
                         slide.primary_button.show ? (openBlock(), createElementBlock("a", {
                           key: 1,
                           class: "flex items-center gap-2 text-navy-800 bg-white text-base font-semibold border border-white px-6 py-2 rounded-full hover:bg-navy-50",
@@ -47901,17 +47904,17 @@ const _sfc_main$s = {
                         }, [
                           createTextVNode(toDisplayString(slide.primary_button.label) + " ", 1),
                           createVNode(unref(ArrowUpRight), { class: "w-5 h-5" })
-                        ], 8, _hoisted_10$b)) : createCommentVNode("", true)
+                        ], 8, _hoisted_11$a)) : createCommentVNode("", true)
                       ])
                     ]),
                     slide.featured_image ? (openBlock(), createElementBlock("img", {
                       key: 0,
                       src: slide.featured_image,
                       alt: "Slide Image",
-                      class: "rounded-3xl md:rounded-[48px] h-[674px] max-w-[882px] lg:w-1/2 w-full object-cover"
-                    }, null, 8, _hoisted_11$a)) : (openBlock(), createElementBlock("img", _hoisted_12$8)),
-                    _cache[1] || (_cache[1] = createElementVNode("div", { class: "absolute inset-0 lg:hidden z-10 p-4" }, [
-                      createElementVNode("div", { class: "bg-black opacity-60 rounded-3xl md:rounded-[48px] h-full" })
+                      class: "rounded-[20px] lg:rounded-[48px] h-[200px] sm:h-[240px] md:h-[480px] lg:h-[674px] lg:max-w-[882px] lg:w-1/2 w-full object-cover"
+                    }, null, 8, _hoisted_12$8)) : (openBlock(), createElementBlock("img", _hoisted_13$8)),
+                    _cache[1] || (_cache[1] = createElementVNode("div", { class: "max-lg:hidden absolute inset-0 lg:hidden z-10 p-4" }, [
+                      createElementVNode("div", { class: "bg-black opacity-60 rounded-3xl lg:rounded-[48px] h-full" })
                     ], -1))
                   ])
                 ]),
@@ -47925,7 +47928,7 @@ const _sfc_main$s = {
     };
   }
 };
-const VSliderPresenter = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-15563c74"]]);
+const VSliderPresenter = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-29ca6047"]]);
 const _hoisted_1$L = ["target", "href"];
 const _sfc_main$r = {
   __name: "LinkPresenter",
@@ -47941,7 +47944,7 @@ const _sfc_main$r = {
     const isLinkGrid = component.value.type === "link_grid";
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["flex flex-wrap justify-center min-h-[136px] w-full relative rounded-b-3xl md:rounded-b-[48px] bg-navy-600 -mt-12 pt-20 md:pt-12 max-md:pb-4 px-4 gap-y-2 gap-x-[60px]", { "bg-transparent !justify-start !mt-0 !h-auto !gap-4 !px-0 max-md:!pb-0 max-md:!pt-4": isLinkGrid }])
+        class: normalizeClass(["flex flex-wrap justify-center lg:min-h-[136px] w-full relative rounded-b-3xl lg:rounded-b-[48px] bg-navy-600 -mt-6 lg:-mt-12 pt-12 sm:pt-10 md:pt-12 max-sm:pb-4 max-lg:pb-6 px-4 gap-8 lg:gap-y-2 lg:gap-x-[60px]", { "bg-transparent !justify-start !mt-0 !h-auto !gap-4 !px-0 max-lg:!pb-0 max-md:!pt-4": isLinkGrid }])
       }, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(component.value.data, (link) => {
           return openBlock(), createElementBlock("div", {
@@ -47950,7 +47953,7 @@ const _sfc_main$r = {
             createElementVNode("a", {
               target: link.open_in_new_tab ? "_blank" : "",
               href: link.url.startsWith("http") ? link.url : `//${link.url}`,
-              class: normalizeClass(["text-white flex gap-1.5 items-center cursor-pointer text-sm font-semibold hover:text-gray-300 h-9", { "bg-white border border-gray-300 rounded-full !text-gray-700  px-4 py-2 h-auto w-max max-w-full !mt-0 !text-base hover:bg-gray-100": isLinkGrid }])
+              class: normalizeClass(["text-white flex gap-1.5 items-center cursor-pointer text-sm font-semibold hover:text-gray-300", { "bg-white border border-gray-300 rounded-full !text-gray-700  px-4 py-2 h-auto w-max max-w-full !mt-0 !text-base hover:bg-gray-100": isLinkGrid }])
             }, [
               createElementVNode("span", null, toDisplayString(link.title), 1),
               createVNode(unref(ArrowUpRight), { class: "shrink-0 w-5 h-5" })
@@ -48011,15 +48014,15 @@ const _sfc_main$p = {
     return (_ctx, _cache) => {
       var _a, _b, _c, _d, _e, _f, _g;
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["flex flex-col sm:px-0 px-4", { "items-center": (_a = component.value) == null ? void 0 : _a.center }])
+        class: normalizeClass(["flex flex-col gap-4 sm:px-0 px-4", { "items-center": (_a = component.value) == null ? void 0 : _a.center }])
       }, [
         ((_b = component.value) == null ? void 0 : _b.title) ? (openBlock(), createElementBlock("p", {
           key: 0,
-          class: normalizeClass(["pb-4 text-4xl font-semibold text-white", { "!text-gray-900": (_c = component.value) == null ? void 0 : _c.dark }])
+          class: normalizeClass(["text-2xl sm:text-3xl lg:text-4xl font-semibold text-white", { "!text-gray-900": (_c = component.value) == null ? void 0 : _c.dark }])
         }, toDisplayString((_d = component.value) == null ? void 0 : _d.title), 3)) : createCommentVNode("", true),
         ((_e = component.value) == null ? void 0 : _e.supporting_text) ? (openBlock(), createElementBlock("p", {
           key: 1,
-          class: normalizeClass(["text-navy-25 text-xl font-normal leading-[30px]", { "!text-gray-600": (_f = component.value) == null ? void 0 : _f.dark }])
+          class: normalizeClass(["text-navy-25 text-sm sm:text-base lg:text-xl", { "!text-gray-600": (_f = component.value) == null ? void 0 : _f.dark }])
         }, toDisplayString((_g = component.value) == null ? void 0 : _g.supporting_text), 3)) : createCommentVNode("", true)
       ], 2);
     };
@@ -48115,20 +48118,21 @@ const _sfc_main$o = {
     };
   }
 };
-const _hoisted_1$G = { class: "flex flex-col md:flex-row justify-center gap-4 items-stretch mt-6" };
-const _hoisted_2$k = { class: "flex-1 w-full md:w-1/2 flex flex-col" };
+const _hoisted_1$G = { class: "grid sm:grid-cols-[auto_240px] lg:grid-cols-2 justify-center gap-4 items-stretch mt-6 text-left" };
+const _hoisted_2$k = { class: "grid max-sm:grid-cols-2 gap-4" };
 const _hoisted_3$i = ["onClick"];
-const _hoisted_4$i = { class: "py-4 pl-4 md:pl-6" };
-const _hoisted_5$h = ["innerHTML"];
-const _hoisted_6$h = { class: "flex-1 w-full md:w-1/2 bg-transparent flex flex-col items-center" };
-const _hoisted_7$g = ["src"];
-const _hoisted_8$f = {
+const _hoisted_4$i = { class: "sm:py-4 sm:pl-4 md:pl-6" };
+const _hoisted_5$h = ["target", "href"];
+const _hoisted_6$h = ["innerHTML"];
+const _hoisted_7$g = { class: "max-sm:hidden bg-transparent flex flex-col items-center" };
+const _hoisted_8$f = ["src"];
+const _hoisted_9$f = {
   key: 1,
-  class: "rounded-[20px] md:rounded-[40px] object-contain max-h-[200px] md:max-h-[387px] w-full",
+  class: "rounded-[20px] md:rounded-[40px] object-contain lg:max-h-[387px] w-full",
   src: _imports_0,
   alt: "No Image Available"
 };
-const _hoisted_9$f = ["target", "href"];
+const _hoisted_10$b = ["target", "href"];
 const _sfc_main$n = {
   __name: "VerticalTabPresenter",
   props: {
@@ -48154,27 +48158,37 @@ const _sfc_main$n = {
       return openBlock(), createElementBlock("div", _hoisted_1$G, [
         createElementVNode("div", _hoisted_2$k, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(publicTabs.value, (item) => {
+            var _a, _b, _c, _d, _e, _f;
             return openBlock(), createElementBlock("div", {
               key: item.title
             }, [
               createElementVNode("div", {
-                class: normalizeClass(["flex-col flex gap-1.5 cursor-pointer mb-4 group", { "border-l-4 border-brand-600": selectedItem.value === item, "border-l-4  border-gray-100": selectedItem.value !== item }]),
-                onClick: withModifiers(($event) => selectItem(item), ["prevent"])
+                class: normalizeClass(["flex-col flex gap-1.5 cursor-pointer group", { "sm:border-l-4 border-brand-600": selectedItem.value === item, "sm:border-l-4  border-navy-25": selectedItem.value !== item }]),
+                onClick: ($event) => selectItem(item)
               }, [
                 createElementVNode("div", _hoisted_4$i, [
+                  createElementVNode("div", {
+                    class: normalizeClass([{ "text-gray-900": selectedItem.value === item, "text-gray-600": selectedItem.value !== item }, "max-sm:text-gray-900 max-sm:bg-white max-sm:p-3 max-sm:rounded-lg max-sm:min-h-[84px] text-sm relative sm:text-lg md:text-xl font-semibold sm:mb-2 group-hover:text-gray-900 grid max-sm:grid-cols-[auto_20px] gap-2"])
+                  }, [
+                    createTextVNode(toDisplayString(item.title) + " ", 1),
+                    createVNode(unref(ArrowUpRight), { class: "sm:hidden" }),
+                    ((_b = (_a = selectedItem.value) == null ? void 0 : _a.primary_button) == null ? void 0 : _b.show) ? (openBlock(), createElementBlock("a", {
+                      key: 0,
+                      target: ((_d = (_c = selectedItem.value) == null ? void 0 : _c.primary_button) == null ? void 0 : _d.open_in_new_tab) ? "_blank" : "",
+                      href: ((_f = (_e = selectedItem.value) == null ? void 0 : _e.primary_button) == null ? void 0 : _f.url.startsWith("http")) ? selectedItem.value.primary_button.url : `//${selectedItem.value.primary_button.url}`,
+                      class: "absolute inset-0 sm:hidden z-10"
+                    }, null, 8, _hoisted_5$h)) : createCommentVNode("", true)
+                  ], 2),
                   createElementVNode("p", {
-                    class: normalizeClass([{ "text-gray-900": selectedItem.value === item, "text-gray-600": selectedItem.value !== item }, "text-lg md:text-xl font-semibold mb-2 group-hover:text-gray-900"])
-                  }, toDisplayString(item.title), 3),
-                  createElementVNode("p", {
-                    class: normalizeClass([{ "text-gray-700": selectedItem.value === item, "text-gray-400": selectedItem.value !== item }, "text-sm md:text-md font-normal group-hover:text-gray-700"]),
+                    class: normalizeClass([{ "text-gray-700": selectedItem.value === item, "text-gray-400": selectedItem.value !== item }, "max-sm:hidden text-sm md:text-md font-normal group-hover:text-gray-700"]),
                     innerHTML: item.description
-                  }, null, 10, _hoisted_5$h)
+                  }, null, 10, _hoisted_6$h)
                 ])
               ], 10, _hoisted_3$i)
             ]);
           }), 128))
         ]),
-        createElementVNode("div", _hoisted_6$h, [
+        createElementVNode("div", _hoisted_7$g, [
           createVNode(Transition, {
             name: "fade",
             mode: "out-in"
@@ -48190,8 +48204,8 @@ const _sfc_main$n = {
                     key: 0,
                     src: selectedItem.value.featured_image,
                     alt: "Selected Item Image",
-                    class: "rounded-[20px] md:rounded-[40px] object-contain max-h-[200px] md:max-h-[387px] w-full"
-                  }, null, 8, _hoisted_7$g)) : (openBlock(), createElementBlock("img", _hoisted_8$f)),
+                    class: "rounded-[20px] md:rounded-[40px] object-contain lg:max-h-[387px] w-full"
+                  }, null, 8, _hoisted_8$f)) : (openBlock(), createElementBlock("img", _hoisted_9$f)),
                   ((_d = (_c = selectedItem.value) == null ? void 0 : _c.primary_button) == null ? void 0 : _d.show) ? (openBlock(), createElementBlock("a", {
                     key: 2,
                     class: "text-sm md:text-md font-semibold text-brand-600 flex items-center gap-2 mt-4",
@@ -48200,7 +48214,7 @@ const _sfc_main$n = {
                   }, [
                     createTextVNode(toDisplayString(((_j = (_i = selectedItem.value) == null ? void 0 : _i.primary_button) == null ? void 0 : _j.label) ?? "N/A") + " ", 1),
                     createVNode(unref(ArrowUpRight), { class: "w-4 h-4 md:w-5 md:h-5" })
-                  ], 8, _hoisted_9$f)) : createCommentVNode("", true)
+                  ], 8, _hoisted_10$b)) : createCommentVNode("", true)
                 ]))
               ];
             }),
@@ -48211,9 +48225,9 @@ const _sfc_main$n = {
     };
   }
 };
-const VVerticalTabPresenter = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-ef885607"]]);
+const VVerticalTabPresenter = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-85226fd9"]]);
 const _hoisted_1$F = { class: "pb-container" };
-const _hoisted_2$j = { class: "max-md:mx-[30px] 1xl:mx-0 bg-navy-25 rounded-3xl md:rounded-[48px] p-16" };
+const _hoisted_2$j = { class: "bg-navy-25 rounded-3xl md:rounded-[48px] py-6 px-4 lg:p-16 text-center" };
 const _sfc_main$m = {
   __name: "VTabs",
   props: {
@@ -48925,7 +48939,7 @@ const _sfc_main$f = {
 const _hoisted_1$r = { class: "overflow-hidden mt-4" };
 const _hoisted_2$d = {
   key: 0,
-  class: "text-[36px] text-gray-900 font-semibold"
+  class: "text-2xl sm:text-3xl lg:text-4xl font-semibold text-gray-900"
 };
 const _hoisted_3$d = { class: "all-unset ql-editor" };
 const _hoisted_4$d = ["innerHTML"];
@@ -49041,7 +49055,7 @@ const _sfc_main$e = {
   }
 };
 const _hoisted_1$q = { class: "overflow-hidden" };
-const _hoisted_2$c = { class: "pb-container mt-4 px-4" };
+const _hoisted_2$c = { class: "pb-container mt-4" };
 const _hoisted_3$c = { class: "text-[20px] text-gray-900 font-semibold" };
 const _hoisted_4$c = ["innerHTML"];
 const _hoisted_5$c = {
@@ -49054,7 +49068,7 @@ const _hoisted_8$b = {
   key: 1,
   class: "my-[44px]"
 };
-const _hoisted_9$b = { class: "text-[36px] text-gray-900 font-semibold" };
+const _hoisted_9$b = { class: "text-2xl sm:text-3xl lg:text-4xl font-semibold text-gray-900" };
 const _hoisted_10$8 = ["innerHTML"];
 const _hoisted_11$7 = {
   key: 0,
@@ -49215,7 +49229,7 @@ const _hoisted_3$b = {
   key: 0,
   class: "rounded-xl px-[40px] text-center mb-1 max-w-[1280px] mx-auto"
 };
-const _hoisted_4$b = { class: "text-[36px] text-gray-900 font-semibold" };
+const _hoisted_4$b = { class: "text-2xl sm:text-3xl lg:text-4xl font-semibold text-gray-900" };
 const _hoisted_5$b = ["innerHTML"];
 const _hoisted_6$b = { key: 1 };
 const _hoisted_7$b = { class: "mt-4" };
@@ -49303,7 +49317,7 @@ const _hoisted_2$a = {
   key: 0,
   class: "rounded-xl px-[40px] text-center mb-6 max-w-[1280px] mx-auto"
 };
-const _hoisted_3$a = { class: "text-[36px] text-gray-900 font-semibold" };
+const _hoisted_3$a = { class: "text-2xl sm:text-3xl lg:text-4xl font-semibold text-gray-900" };
 const _hoisted_4$a = ["innerHTML"];
 const _hoisted_5$a = ["src"];
 const _hoisted_6$a = {
@@ -49408,7 +49422,7 @@ const _sfc_main$b = {
     };
   }
 };
-const LinkCard = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-a7422ac9"]]);
+const LinkCard = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-af7a1782"]]);
 const _hoisted_1$n = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
@@ -49432,7 +49446,7 @@ const _hoisted_3$9 = {
   key: 0,
   class: "rounded-xl px-[40px] text-center mb-6 max-w-[1280px] mx-auto"
 };
-const _hoisted_4$9 = { class: "text-[36px] text-gray-900 font-semibold" };
+const _hoisted_4$9 = { class: "text-2xl sm:text-3xl lg:text-4xl font-semibold text-gray-900" };
 const _hoisted_5$9 = ["innerHTML"];
 const _hoisted_6$9 = ["src"];
 const _hoisted_7$9 = {
@@ -49533,7 +49547,7 @@ const _hoisted_3$8 = {
   key: 0,
   class: "w-[48px] h-[48px] bg-brand-100 border-[8px] border-brand-50 rounded-full flex items-center justify-center"
 };
-const _hoisted_4$8 = { class: "text-[36px] text-gray-900 font-semibold" };
+const _hoisted_4$8 = { class: "text-2xl sm:text-3xl lg:text-4xl font-semibold text-gray-900" };
 const _hoisted_5$8 = ["innerHTML"];
 const _hoisted_6$8 = ["textContent"];
 const _hoisted_7$8 = { class: "flex" };
@@ -49882,7 +49896,7 @@ const _hoisted_2$5 = {
   key: 0,
   class: "px-[40px] text-center mb-6 mx-auto"
 };
-const _hoisted_3$5 = { class: "text-[36px] text-gray-900 font-semibold" };
+const _hoisted_3$5 = { class: "text-2xl sm:text-3xl lg:text-4xl font-semibold text-gray-900" };
 const _hoisted_4$5 = ["innerHTML"];
 const _hoisted_5$5 = {
   key: 1,
@@ -50015,7 +50029,7 @@ const _sfc_main$5 = {
         createElementVNode("div", _hoisted_2$4, [
           createElementVNode("div", null, [
             createElementVNode("p", {
-              class: "text-[36px] font-semibold text-gray-900 mb-[48px]",
+              class: "text-2xl sm:text-3xl lg:text-4xl font-semibold text-gray-900 mb-[48px]",
               textContent: toDisplayString(pricingComponent.value.title)
             }, null, 8, _hoisted_3$4),
             createElementVNode("div", _hoisted_4$4, [