@dcodegroup-au/page-builder 0.7.0 → 0.7.3

package/dist/page-builder.umd.js

@@ -449,12 +449,12 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   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$j = { class: "text-sm text-gray-600" };
-  const _hoisted_11$h = ["disabled"];
-  const _hoisted_12$e = { class: "flex flex-col gap-3" };
+  const _hoisted_10$i = { class: "text-sm text-gray-600" };
+  const _hoisted_11$g = ["disabled"];
+  const _hoisted_12$d = { class: "flex flex-col gap-3" };
   const _hoisted_13$9 = ["onClick"];
   const _hoisted_14$9 = ["onClick"];
-  const _hoisted_15$8 = { class: "text-xs text-gray-600" };
+  const _hoisted_15$7 = { class: "text-xs text-gray-600" };
   const _hoisted_16$5 = { class: "text-sm font-medium text-gray-900" };
   const _sfc_main$Q = {
     __name: "Items",
@@ -515,7 +515,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                 vue.createElementVNode("div", _hoisted_7$q, [
                   vue.createElementVNode("div", _hoisted_8$o, [
                     vue.createElementVNode("div", _hoisted_9$n, vue.toDisplayString(vue.unref(parseName)(vue.unref(type))), 1),
-                    vue.createElementVNode("div", _hoisted_10$j, "This " + vue.toDisplayString(vue.unref(singularize)(vue.unref(type))) + " can contain up to " + vue.toDisplayString(dataRef.value.max_items) + " " + vue.toDisplayString(vue.unref(parseName)(vue.unref(type), false)), 1)
+                    vue.createElementVNode("div", _hoisted_10$i, "This " + vue.toDisplayString(vue.unref(singularize)(vue.unref(type))) + " can contain up to " + vue.toDisplayString(dataRef.value.max_items) + " " + vue.toDisplayString(vue.unref(parseName)(vue.unref(type), false)), 1)
                   ]),
                   vue.createElementVNode("div", null, [
                     vue.createElementVNode("button", {
@@ -526,10 +526,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                     }, [
                       vue.createVNode(vue.unref(PlusIcon), { class: "h-5 w-5" }),
                       _cache[0] || (_cache[0] = vue.createElementVNode("span", null, "Add", -1))
-                    ], 10, _hoisted_11$h)
+                    ], 10, _hoisted_11$g)
                   ])
                 ]),
-                vue.createElementVNode("div", _hoisted_12$e, [
+                vue.createElementVNode("div", _hoisted_12$d, [
                   (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(dataRef.value.data, (item, index) => {
                     return vue.openBlock(), vue.createElementBlock("div", {
                       class: vue.normalizeClass(["flex items-center gap-4 px-2 py-1 hover:bg-gray-100 rounded-lg", { "bg-gray-200 hover:bg-gray-200": openItemStates.value[index] }])
@@ -544,7 +544,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                           class: "flex flex-1 flex-col cursor-pointer",
                           onClick: ($event) => edit(item, index)
                         }, [
-                          vue.createElementVNode("div", _hoisted_15$8, vue.toDisplayString(vue.unref(singularize)(vue.unref(parseName)(vue.unref(type)))) + " #" + vue.toDisplayString(index + 1), 1),
+                          vue.createElementVNode("div", _hoisted_15$7, vue.toDisplayString(vue.unref(singularize)(vue.unref(parseName)(vue.unref(type)))) + " #" + vue.toDisplayString(index + 1), 1),
                           vue.createElementVNode("div", _hoisted_16$5, vue.toDisplayString(item.title), 1)
                         ], 8, _hoisted_14$9),
                         vue.createVNode(_sfc_main$S, {
@@ -11702,9 +11702,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   const _hoisted_7$p = { class: "file-upload-preview" };
   const _hoisted_8$n = ["src", "title"];
   const _hoisted_9$m = ["href"];
-  const _hoisted_10$i = { class: "file-upload-title" };
-  const _hoisted_11$g = { class: "file-upload-file-remove" };
-  const _hoisted_12$d = { 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 _hoisted_10$h = { 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 = {
     __name: "FileUpload",
     props: {
@@ -11808,9 +11808,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               target: "_blank",
               class: "link"
             }, [
-              vue.createElementVNode("div", _hoisted_10$i, vue.toDisplayString(file.value.file_name), 1)
+              vue.createElementVNode("div", _hoisted_10$h, vue.toDisplayString(file.value.file_name), 1)
             ], 8, _hoisted_9$m),
-            vue.createElementVNode("a", _hoisted_11$g, [
+            vue.createElementVNode("a", _hoisted_11$f, [
               vue.createElementVNode("i", {
                 class: "fal fa-times",
                 onClick: _cache[0] || (_cache[0] = ($event) => deleteFile(file.value))
@@ -11825,7 +11825,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               ref_key: "dropzone",
               ref: dropzone2
             }, null, 512),
-            vue.createElementVNode("div", _hoisted_12$d, [
+            vue.createElementVNode("div", _hoisted_12$c, [
               vue.createElementVNode("div", null, [
                 vue.createVNode(vue.unref(UploadCloud), { class: "w-6 h-6" })
               ]),
@@ -12040,8 +12040,6 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       const type = vue.useModel(__props, "type");
       const url = vue.useModel(__props, "url");
       const openInNewTab = vue.useModel(__props, "openInNewTab");
-      const props = __props;
-      console.log("LinkedTo", props);
       const toReadableWords = (input) => {
         return input.split("-").map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(" ");
       };
@@ -33929,7 +33927,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   const _hoisted_7$n = { key: 0 };
   const _hoisted_8$l = { key: 1 };
   const _hoisted_9$l = { key: 2 };
-  const _hoisted_10$h = { class: "flex max-h-[196px] flex-wrap gap-1.5 overflow-y-auto" };
+  const _hoisted_10$g = { class: "flex max-h-[196px] flex-wrap gap-1.5 overflow-y-auto" };
   const __default__ = {
     directives: {
       clickOutside: useClickOutside
@@ -34009,7 +34007,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                 vue.createElementVNode("p", _hoisted_6$o, [
                   icons2.value.length > 0 && search.value.length > 0 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7$n, " Search result ")) : icons2.value.length < 1 && search.value.length > 0 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_8$l, " No search result ")) : search.value.length < 1 && icons2.value.length > 0 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_9$l, " Frequently used icons ")) : vue.createCommentVNode("", true)
                 ]),
-                vue.createElementVNode("div", _hoisted_10$h, [
+                vue.createElementVNode("div", _hoisted_10$g, [
                   (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(icons2.value, (icon) => {
                     return vue.openBlock(), vue.createBlock(_sfc_main$H, {
                       class: "cursor-pointer rounded p-1 hover:bg-gray-100",
@@ -45227,15 +45225,15 @@ ${escapeText(this.code(index, length))}
   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$g = { class: "relative flex items-end" };
-  const _hoisted_11$f = { class: "flex flex-col gap-6" };
-  const _hoisted_12$c = {
+  const _hoisted_10$f = { 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$8 = { class: "flex items-center gap-2 cursor-pointer" };
   const _hoisted_14$8 = ["name", "value", "onUpdate:modelValue", "onChange"];
-  const _hoisted_15$7 = {
+  const _hoisted_15$6 = {
     key: 1,
     class: "flex flex-col gap-1.5"
   };
@@ -45256,7 +45254,6 @@ ${escapeText(this.code(index, length))}
       const VFileUpload = vue.inject("VFileUpload", _sfc_main$O);
       const emit = __emit;
       const props = __props;
-      console.log("Links", props);
       const options = [{ value: "content", label: "Content" }, { value: "image_only", label: "Image Only" }];
       const componentData = vue.ref(props.data.component);
       const modalRef = vue.ref(null);
@@ -45363,14 +45360,14 @@ ${escapeText(this.code(index, length))}
                 }, [
                   vue.createElementVNode("div", _hoisted_8$k, [
                     vue.createElementVNode("div", _hoisted_9$k, " Item #" + vue.toDisplayString(index + 1), 1),
-                    vue.createElementVNode("div", _hoisted_10$g, [
+                    vue.createElementVNode("div", _hoisted_10$f, [
                       vue.createVNode(_sfc_main$S, {
                         onRemoveItem: ($event) => handleDeleteItem(index)
                       }, null, 8, ["onRemoveItem"])
                     ])
                   ]),
-                  vue.createElementVNode("div", _hoisted_11$f, [
-                    !((_a2 = componentData.value) == null ? void 0 : _a2.hasOwnProperty("has_type_switcher")) || ((_b = componentData.value) == null ? void 0 : _b.has_type_switcher) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_12$c, [
+                  vue.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) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_12$b, [
                       (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(options, (option) => {
                         return vue.createElementVNode("label", _hoisted_13$8, [
                           vue.withDirectives(vue.createElementVNode("input", {
@@ -45387,7 +45384,7 @@ ${escapeText(this.code(index, length))}
                         ]);
                       }), 64))
                     ])) : vue.createCommentVNode("", true),
-                    !item.hasOwnProperty("content_type") || item.content_type === "content" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_15$7, [
+                    !item.hasOwnProperty("content_type") || item.content_type === "content" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_15$6, [
                       ["feature_items", "faqs", "pricing"].includes(componentData.value.type) ? (vue.openBlock(), vue.createBlock(_sfc_main$D, {
                         key: 0,
                         data: item
@@ -45483,9 +45480,9 @@ ${escapeText(this.code(index, length))}
   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$f = { class: "flex flex-col gap-6" };
-  const _hoisted_11$e = { class: "flex flex-col gap-1.5" };
-  const _hoisted_12$b = ["onUpdate:modelValue"];
+  const _hoisted_10$e = { 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 = {
     __name: "Logos",
     props: {
@@ -45566,8 +45563,8 @@ ${escapeText(this.code(index, length))}
                       }, null, 8, ["onRemoveItem"])
                     ])
                   ]),
-                  vue.createElementVNode("div", _hoisted_10$f, [
-                    vue.createElementVNode("div", _hoisted_11$e, [
+                  vue.createElementVNode("div", _hoisted_10$e, [
+                    vue.createElementVNode("div", _hoisted_11$d, [
                       vue.createVNode(vue.unref(VFileUpload), {
                         name: "image",
                         modelValue: item.logo,
@@ -45587,7 +45584,7 @@ ${escapeText(this.code(index, length))}
                             type: "text",
                             placeholder: "Enter your url",
                             class: "border-1 border-solid border-gray-300 rounded-lg bg-white w-full"
-                          }, null, 8, _hoisted_12$b), [
+                          }, null, 8, _hoisted_12$a), [
                             [vue.vModelText, item.url]
                           ])
                         ]),
@@ -45771,8 +45768,8 @@ ${escapeText(this.code(index, length))}
   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$e = { class: "flex flex-col gap-6" };
-  const _hoisted_11$d = { class: "flex flex-col gap-1.5" };
+  const _hoisted_10$d = { class: "flex flex-col gap-6" };
+  const _hoisted_11$c = { class: "flex flex-col gap-1.5" };
   const _sfc_main$y = {
     __name: "VideoGrid",
     props: {
@@ -45847,8 +45844,8 @@ ${escapeText(this.code(index, length))}
                       }, null, 8, ["onRemoveItem"])
                     ])
                   ]),
-                  vue.createElementVNode("div", _hoisted_10$e, [
-                    vue.createElementVNode("div", _hoisted_11$d, [
+                  vue.createElementVNode("div", _hoisted_10$d, [
+                    vue.createElementVNode("div", _hoisted_11$c, [
                       vue.createVNode(vue.unref(VFileUpload), {
                         name: "image",
                         type: "video",
@@ -46168,12 +46165,12 @@ ${escapeText(this.code(index, length))}
     key: 0,
     class: "flex flex-col gap-2"
   };
-  const _hoisted_10$d = ["onClick"];
-  const _hoisted_11$c = { class: "flex flex-col" };
-  const _hoisted_12$a = { class: "text-sm font-medium text-gray-900" };
+  const _hoisted_10$c = ["onClick"];
+  const _hoisted_11$b = { class: "flex flex-col" };
+  const _hoisted_12$9 = { class: "text-sm font-medium text-gray-900" };
   const _hoisted_13$7 = { 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$6 = {
+  const _hoisted_15$5 = {
     key: 0,
     class: "mb-4 px-6 py-5 rounded-xl bg-gray-50"
   };
@@ -46304,21 +46301,21 @@ ${escapeText(this.code(index, length))}
                         onClick: ($event) => selectComponent(sectionIndex, component, index),
                         class: vue.normalizeClass(["flex cursor-pointer items-center justify-between rounded-lg py-1.5 pl-6 pr-2 hover:bg-gray-100", { "bg-gray-200 hover:bg-gray-200": ((_a3 = vue.unref(selected)) == null ? void 0 : _a3.sectionIndex) === sectionIndex && ((_b2 = vue.unref(selected)) == null ? void 0 : _b2.componentIndex) === index }])
                       }, [
-                        vue.createElementVNode("div", _hoisted_11$c, [
+                        vue.createElementVNode("div", _hoisted_11$b, [
                           _cache[1] || (_cache[1] = vue.createElementVNode("div", { class: "text-xs text-gray-600" }, "Sub-module", -1)),
-                          vue.createElementVNode("div", _hoisted_12$a, vue.toDisplayString(component.name), 1)
+                          vue.createElementVNode("div", _hoisted_12$9, vue.toDisplayString(component.name), 1)
                         ]),
                         vue.createElementVNode("div", _hoisted_13$7, [
                           vue.createVNode(vue.unref(ChevronRight), { class: "h-5 w-5" })
                         ])
-                      ], 10, _hoisted_10$d);
+                      ], 10, _hoisted_10$c);
                     }), 256))
                   ])) : vue.createCommentVNode("", true)
                 ]);
               }), 256))
             ]),
             vue.createElementVNode("div", _hoisted_14$7, [
-              !vue.unref(selected) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_15$6, [
+              !vue.unref(selected) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_15$5, [
                 _cache[3] || (_cache[3] = vue.createElementVNode("div", { class: "text-lg pb-6 font-semibold text-gray-900 border-b border-gray-200" }, "Settings", -1)),
                 vue.createElementVNode("div", _hoisted_16$3, [
                   vue.createVNode(_sfc_main$P, {
@@ -47832,18 +47829,18 @@ ${escapeText(this.code(index, length))}
       };
     }
   });
-  const _hoisted_1$M = { class: "flex h-[872px] w-full bg-navy-800 relative rounded-[48px] z-10" };
+  const _hoisted_1$M = { class: "flex h-[872px] w-full bg-navy-800 relative rounded-3xl md:rounded-[48px] z-10" };
   const _hoisted_2$n = { 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" };
+  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_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$c = ["href", "target"];
-  const _hoisted_11$b = ["src"];
-  const _hoisted_12$9 = {
+  const _hoisted_10$b = ["href", "target"];
+  const _hoisted_11$a = ["src"];
+  const _hoisted_12$8 = {
     key: 1,
     class: "rounded-[40px] h-[674px] max-w-[882px] lg:w-1/2 w-full object-cover",
     src: _imports_0
@@ -47907,7 +47904,7 @@ ${escapeText(this.code(index, length))}
                           }, [
                             vue.createTextVNode(vue.toDisplayString(slide.primary_button.label) + " ", 1),
                             vue.createVNode(vue.unref(ArrowUpRight), { class: "w-5 h-5" })
-                          ], 8, _hoisted_10$c)) : vue.createCommentVNode("", true)
+                          ], 8, _hoisted_10$b)) : vue.createCommentVNode("", true)
                         ])
                       ]),
                       slide.featured_image ? (vue.openBlock(), vue.createElementBlock("img", {
@@ -47915,7 +47912,10 @@ ${escapeText(this.code(index, length))}
                         src: slide.featured_image,
                         alt: "Slide Image",
                         class: "rounded-[40px] h-[674px] max-w-[882px] lg:w-1/2 w-full object-cover"
-                      }, null, 8, _hoisted_11$b)) : (vue.openBlock(), vue.createElementBlock("img", _hoisted_12$9))
+                      }, null, 8, _hoisted_11$a)) : (vue.openBlock(), vue.createElementBlock("img", _hoisted_12$8)),
+                      _cache[1] || (_cache[1] = vue.createElementVNode("div", { class: "absolute inset-0 lg:hidden z-10 p-4" }, [
+                        vue.createElementVNode("div", { class: "bg-black opacity-60 rounded-[40px] h-full" })
+                      ], -1))
                     ])
                   ]),
                   _: 2
@@ -47928,7 +47928,7 @@ ${escapeText(this.code(index, length))}
       };
     }
   };
-  const VSliderPresenter = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-a06b7034"]]);
+  const VSliderPresenter = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-88d0c225"]]);
   const _hoisted_1$L = ["target", "href"];
   const _sfc_main$r = {
     __name: "LinkPresenter",
@@ -47964,7 +47964,7 @@ ${escapeText(this.code(index, length))}
       };
     }
   };
-  const _hoisted_1$K = { class: "rounded-[48px] 1xl:max-w-[1824px] mx-auto w-full" };
+  const _hoisted_1$K = { class: "rounded-3xl md:rounded-[48px] 1xl:max-w-[1824px] mx-auto w-full" };
   const _hoisted_2$m = { class: "md:px-[90px]" };
   const _sfc_main$q = {
     __name: "HeroHeader",
@@ -48093,7 +48093,7 @@ ${escapeText(this.code(index, length))}
         }, [
           ((_b = section.value) == null ? void 0 : _b.as_cta) ? (vue.openBlock(), vue.createBlock(vue.unref(LeftVector), {
             key: 0,
-            class: "absolute left-0 top-0"
+            class: "absolute left-0 top-0 h-full max-w-full"
           })) : vue.createCommentVNode("", true),
           vue.createElementVNode("div", _hoisted_1$H, [
             vue.createElementVNode("div", {
@@ -48217,7 +48217,7 @@ ${escapeText(this.code(index, length))}
   };
   const VVerticalTabPresenter = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-ef885607"]]);
   const _hoisted_1$F = { class: "max-w-[1640px] md:px-[120px] mx-auto w-full" };
-  const _hoisted_2$j = { class: "max-md:mx-[30px] 1xl:mx-0 bg-navy-25 rounded-[48px] p-16" };
+  const _hoisted_2$j = { class: "max-md:mx-[30px] 1xl:mx-0 bg-navy-25 rounded-3xl md:rounded-[48px] p-16" };
   const _sfc_main$m = {
     __name: "VTabs",
     props: {
@@ -48437,15 +48437,15 @@ ${escapeText(this.code(index, length))}
     class: "flex gap-2 text-gray-600 mt-6 font-semibold"
   };
   const _hoisted_9$e = ["innerHTML"];
-  const _hoisted_10$b = {
+  const _hoisted_10$a = {
     key: 3,
     class: "flex gap-2 text-gray-600 mt-2 font-semibold"
   };
-  const _hoisted_11$a = ["innerHTML"];
-  const _hoisted_12$8 = { class: "border-t border-gray-200 mt-4 pt-[17px] flex justify-between items-center" };
+  const _hoisted_11$9 = ["innerHTML"];
+  const _hoisted_12$7 = { class: "border-t border-gray-200 mt-4 pt-[17px] flex justify-between items-center" };
   const _hoisted_13$6 = ["href"];
   const _hoisted_14$6 = { class: "absolute top-[-65px] right-4 flex gap-4" };
-  const _hoisted_15$5 = {
+  const _hoisted_15$4 = {
     key: 0,
     class: "flex justify-center mb-[40px]"
   };
@@ -48469,6 +48469,17 @@ ${escapeText(this.code(index, length))}
       const props = __props;
       const currentSlide = vue.ref(0);
       const slides = [...((_a = props.component.content) == null ? void 0 : _a.items) || []];
+      const windowWidth = vue.ref(480);
+      vue.onMounted(() => {
+        windowWidth.value = window.innerWidth;
+        window.addEventListener("resize", updateWidth);
+      });
+      vue.onUnmounted(() => {
+        window.removeEventListener("resize", updateWidth);
+      });
+      const updateWidth = () => {
+        windowWidth.value = window.innerWidth;
+      };
       const nextSlide = () => {
         if (currentSlide.value <= slides.length - itemsToShow) {
           currentSlide.value++;
@@ -48484,15 +48495,15 @@ ${escapeText(this.code(index, length))}
         return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$y, [
           vue.createElementVNode("div", {
             class: "slider-wrapper flex transition-transform duration-500 gap-0 mb-6",
-            style: vue.normalizeStyle({ transform: `translateX(-${currentSlide.value * (480 + 24)}px)` })
+            style: vue.normalizeStyle({ transform: `translateX(-${currentSlide.value * ((windowWidth.value >= 480 ? 480 : windowWidth.value) + 24)}px)` })
           }, [
             (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(slides, (slide, index) => {
               return vue.createElementVNode("div", {
                 key: index,
-                class: vue.normalizeClass(["slider-item flex-shrink-0 flex-1 mr-6 min-w-[480px]", { "h-[318px]": !__props.hasBackground, "h-full": __props.hasBackground }])
+                class: vue.normalizeClass(["slider-item flex-shrink-0 mr-6 w-[480px] max-w-full", { "h-[318px]": !__props.hasBackground, "h-full": __props.hasBackground }])
               }, [
                 vue.createElementVNode("div", {
-                  class: vue.normalizeClass(["w-full p-4 rounded-[16px]", { "bg-gray-50 h-full flex flex-col justify-between": !__props.hasBackground, "bg-white": __props.hasBackground }])
+                  class: vue.normalizeClass(["w-full p-4 rounded-lg md:rounded-2xl", { "bg-gray-50 h-full flex flex-col justify-between": !__props.hasBackground, "bg-white": __props.hasBackground }])
                 }, [
                   vue.createElementVNode("div", null, [
                     slide.image ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$h, [
@@ -48528,15 +48539,15 @@ ${escapeText(this.code(index, length))}
                         innerHTML: slide == null ? void 0 : slide.line_1
                       }, null, 8, _hoisted_9$e)
                     ])) : vue.createCommentVNode("", true),
-                    slide.type === "event" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10$b, [
+                    slide.type === "event" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10$a, [
                       vue.createVNode(vue.unref(Ticket), { class: "w-4 h-4 mt-[3px]" }),
                       vue.createElementVNode("div", {
                         class: "text-sm",
                         innerHTML: slide == null ? void 0 : slide.line_2
-                      }, null, 8, _hoisted_11$a)
+                      }, null, 8, _hoisted_11$9)
                     ])) : vue.createCommentVNode("", true)
                   ]),
-                  vue.createElementVNode("div", _hoisted_12$8, [
+                  vue.createElementVNode("div", _hoisted_12$7, [
                     vue.createVNode(vue.unref(VCarouselPrimaryButton), {
                       button: slide.primary_button
                     }, null, 8, ["button"]),
@@ -48565,7 +48576,7 @@ ${escapeText(this.code(index, length))}
               vue.createVNode(vue.unref(ChevronRight), { class: "w-6 h-6" })
             ])
           ]),
-          ((_a2 = __props.component) == null ? void 0 : _a2.button) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_15$5, [
+          ((_a2 = __props.component) == null ? void 0 : _a2.button) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_15$4, [
             vue.createElementVNode("a", {
               class: "border-brand-300 hover:border-brand-700 border text-brand-700 h-[44px] rounded-full px-[14px] py-[10px] inline-flex gap-1.5 items-center font-semibold text-base",
               href: vue.unref(formatUrl)(__props.component.button.url),
@@ -48580,7 +48591,7 @@ ${escapeText(this.code(index, length))}
     }
   };
   const _hoisted_1$x = { class: "max-w-[1640px] md:px-[120px] mx-auto w-full" };
-  const _hoisted_2$g = { class: "max-md:mx-[30px] 1xl:mx-0 rounded-[48px] pt-[40px]" };
+  const _hoisted_2$g = { class: "max-md:mx-[30px] 1xl:mx-0 rounded-3xl md:rounded-[48px] pt-[40px]" };
   const _sfc_main$i = {
     __name: "CollectionCarousel",
     props: {
@@ -48647,7 +48658,7 @@ ${escapeText(this.code(index, length))}
   const _hoisted_5$f = ["src"];
   const _hoisted_6$f = {
     key: 2,
-    class: "w-full h-[281px] object-cover rounded-[16px] mb-4",
+    class: "w-full h-[281px] object-cover rounded-lg md:rounded-2xl mb-4",
     alt: "No Available",
     src: _imports_0
   };
@@ -48657,9 +48668,9 @@ ${escapeText(this.code(index, length))}
     class: "flex gap-2"
   };
   const _hoisted_9$d = ["href"];
-  const _hoisted_10$a = { class: "flex justify-between" };
-  const _hoisted_11$9 = ["innerHTML"];
-  const _hoisted_12$7 = { class: "text-gray-500 text-sm mb-4" };
+  const _hoisted_10$9 = { class: "flex justify-between" };
+  const _hoisted_11$8 = ["innerHTML"];
+  const _hoisted_12$6 = { class: "text-gray-500 text-sm mb-4" };
   const _hoisted_13$5 = {
     key: 0,
     class: "flex justify-center"
@@ -48717,7 +48728,7 @@ ${escapeText(this.code(index, length))}
                     onClick: ($event) => togglePlayPause(index),
                     ref_for: true,
                     ref: (el) => setVideoRef(el, index),
-                    class: "w-full h-[281px] object-cover rounded-[16px]",
+                    class: "w-full h-[281px] object-cover rounded-lg md:rounded-2xl",
                     width: "640",
                     height: "360",
                     preload: "metadata"
@@ -48735,7 +48746,7 @@ ${escapeText(this.code(index, length))}
                   key: 1,
                   src: card.image,
                   alt: "Card Image",
-                  class: "w-full h-[281px] object-cover rounded-[16px] mb-4"
+                  class: "w-full h-[281px] object-cover rounded-lg md:rounded-2xl mb-4"
                 }, null, 8, _hoisted_5$f)) : (vue.openBlock(), vue.createElementBlock("img", _hoisted_6$f)),
                 vue.createElementVNode("div", _hoisted_7$e, [
                   card.categories && card.categories.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$d, [
@@ -48757,15 +48768,15 @@ ${escapeText(this.code(index, length))}
                     target: "_blank",
                     rel: "noopener noreferrer"
                   }, [
-                    vue.createElementVNode("div", _hoisted_10$a, [
+                    vue.createElementVNode("div", _hoisted_10$9, [
                       vue.createElementVNode("span", {
                         class: "w-5/6 leading-[28px]",
                         innerHTML: card.title
-                      }, null, 8, _hoisted_11$9),
+                      }, null, 8, _hoisted_11$8),
                       vue.createVNode(vue.unref(ArrowUpRight), { class: "w-5 h-5 mt-1" })
                     ])
                   ], 8, _hoisted_9$d)) : vue.createCommentVNode("", true),
-                  vue.createElementVNode("p", _hoisted_12$7, vue.toDisplayString(card.dateTime), 1)
+                  vue.createElementVNode("p", _hoisted_12$6, vue.toDisplayString(card.dateTime), 1)
                 ])
               ]);
             }), 128))
@@ -48784,7 +48795,7 @@ ${escapeText(this.code(index, length))}
       };
     }
   };
-  const CollectionGridPresenter = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-0fff82fb"]]);
+  const CollectionGridPresenter = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-b6625ed3"]]);
   const _hoisted_1$u = { class: "overflow-hidden" };
   const _sfc_main$g = {
     __name: "CollectionGrid",
@@ -48842,8 +48853,8 @@ ${escapeText(this.code(index, length))}
     ]));
   }
   const ArrowDownRight = { render: render$d };
-  const _hoisted_1$s = { class: "rounded-[48px] 1xl:max-w-[1824px] mx-auto w-full" };
-  const _hoisted_2$e = { class: "text-[48px] font-semibold text-gray-900 w-full max-w-[800px] leading-[60px] tracking-[-1px]" };
+  const _hoisted_1$s = { class: "rounded-3xl md:rounded-[48px] 1xl:max-w-[1824px] mx-auto w-full" };
+  const _hoisted_2$e = { class: "text-4xl md:text-5xl lg:text-[48px] lg:leading-[60px] font-semibold text-gray-900 w-full max-w-[800px] tracking-[-1px]" };
   const _hoisted_3$e = {
     key: 0,
     class: "flex gap-3 mt-8 flex-col lg:flex-row"
@@ -48878,7 +48889,7 @@ ${escapeText(this.code(index, length))}
             class: vue.normalizeClass(["md:px-[90px]", { "flex flex-col items-center text-center": (_a = headerComponent.value) == null ? void 0 : _a.center, "mb-[64px]": hasFeaturedImage.value }])
           }, [
             vue.createElementVNode("div", {
-              class: vue.normalizeClass(["bg-navy-50 rounded-[48px] relative pt-[164px] px-[120px]", { "flex flex-col items-center text-center": (_b = headerComponent.value) == null ? void 0 : _b.text_center }])
+              class: vue.normalizeClass(["bg-navy-50 rounded-3xl md:rounded-[48px] relative pt-16 md:pt-28 lg:pt-[164px] px-8 md:px-24 lg:px-[120px]", { "flex flex-col items-center text-center": (_b = headerComponent.value) == null ? void 0 : _b.text_center }])
             }, [
               vue.createElementVNode("h3", _hoisted_2$e, vue.toDisplayString(headerComponent.value.title), 1),
               vue.createElementVNode("h3", {
@@ -48907,7 +48918,7 @@ ${escapeText(this.code(index, length))}
                 key: 1,
                 src: (_g = section.value.components[0]) == null ? void 0 : _g.featured_image,
                 alt: "Card Image",
-                class: "w-full max-w-[1632px] h-[480px] object-cover rounded-[48px] relative top-[64px]"
+                class: "w-full max-w-[1632px] h-[480px] object-cover rounded-3xl md:rounded-[48px] relative top-[64px]"
               }, null, 8, _hoisted_6$e)) : vue.createCommentVNode("", true)
             ], 2)
           ], 2)) : vue.createCommentVNode("", true)
@@ -48974,11 +48985,11 @@ ${escapeText(this.code(index, length))}
         var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
         return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$r, [
           vue.createElementVNode("div", {
-            class: vue.normalizeClass(["max-w-[1640px] md:px-[120px] mx-auto w-full pt-4 mb-4 flex gap-16 items-center", { "flex-row-reverse mt-6 !mb-10": (_a = section.value) == null ? void 0 : _a.revert, "justify-center": (_b = section.value) == null ? void 0 : _b.center }])
+            class: vue.normalizeClass(["max-w-[1640px] md:px-[120px] mx-auto w-full pt-4 mb-4 flex gap-8 lg:gap-16 items-center flex-col-reverse lg:flex-row", { "[&]:flex-col [&]:lg:flex-row-reverse mt-6 !mb-10": (_a = section.value) == null ? void 0 : _a.revert, "justify-center": (_b = section.value) == null ? void 0 : _b.center, "md:!px-0 !ml-0 justify-end": (_c = section.value) == null ? void 0 : _c.align_left }])
           }, [
-            ((_c = component.value) == null ? void 0 : _c.title) || ((_d = component.value) == null ? void 0 : _d.paragraph) ? (vue.openBlock(), vue.createElementBlock("div", {
+            ((_d = component.value) == null ? void 0 : _d.title) || ((_e = component.value) == null ? void 0 : _e.paragraph) ? (vue.openBlock(), vue.createElementBlock("div", {
               key: 0,
-              class: vue.normalizeClass(["max-w-[800px] py-4", { "!max-w-full w-full": (_e = section.value) == null ? void 0 : _e.is_full_width, "!py-8": (_f = component.value) == null ? void 0 : _f.featured_image }]),
+              class: vue.normalizeClass(["max-w-[800px] lg:py-4", { "!max-w-full w-full": (_f = section.value) == null ? void 0 : _f.is_full_width }]),
               ref_key: "leftColumn",
               ref: leftColumn
             }, [
@@ -49000,7 +49011,7 @@ ${escapeText(this.code(index, length))}
             ], 2)) : vue.createCommentVNode("", true),
             ((_i = component.value) == null ? void 0 : _i.featured_image) ? (vue.openBlock(), vue.createElementBlock("div", {
               key: 1,
-              class: "w-full max-w-[536px] rounded-[24px] overflow-hidden",
+              class: "w-full min-w-[300px] max-w-[536px] rounded-xl md:rounded-3xl overflow-hidden",
               ref_key: "rightColumn",
               ref: rightColumn
             }, [
@@ -49025,7 +49036,7 @@ ${escapeText(this.code(index, length))}
                 key: 1,
                 src: (_l = component.value) == null ? void 0 : _l.featured_image,
                 alt: "Feature Image",
-                class: "w-full h-full object-cover rounded-[24px]"
+                class: "w-full h-full object-cover rounded-xl md:rounded-3xl"
               }, null, 8, _hoisted_9$c))
             ], 512)) : vue.createCommentVNode("", true)
           ], 2)
@@ -49035,12 +49046,12 @@ ${escapeText(this.code(index, length))}
   };
   const _hoisted_1$q = { class: "overflow-hidden" };
   const _hoisted_2$c = { class: "max-w-[1640px] md:px-[120px] mx-auto w-full mt-4 px-4" };
-  const _hoisted_3$c = {
-    key: 0,
-    class: "flex gap-4"
+  const _hoisted_3$c = { class: "text-[20px] text-gray-900 font-semibold" };
+  const _hoisted_4$c = ["innerHTML"];
+  const _hoisted_5$c = {
+    key: 1,
+    class: "rounded-xl md:rounded-3xl overflow-hidden relative"
   };
-  const _hoisted_4$c = { class: "text-[20px] text-gray-900 font-semibold" };
-  const _hoisted_5$c = ["innerHTML"];
   const _hoisted_6$c = ["src", "alt"];
   const _hoisted_7$c = ["innerHTML"];
   const _hoisted_8$b = {
@@ -49048,15 +49059,15 @@ ${escapeText(this.code(index, length))}
     class: "my-[44px]"
   };
   const _hoisted_9$b = { class: "text-[36px] text-gray-900 font-semibold" };
-  const _hoisted_10$9 = ["innerHTML"];
-  const _hoisted_11$8 = {
+  const _hoisted_10$8 = ["innerHTML"];
+  const _hoisted_11$7 = {
     key: 0,
     class: "max-w-[48px] min-w-[48px] w-full max-h-[48px] min-h-[48px] h-full bg-brand-100 border-[8px] border-brand-50 rounded-full flex items-center justify-center"
   };
-  const _hoisted_12$6 = { class: "font-semibold text-[20px] text-gray-900" };
+  const _hoisted_12$5 = { class: "font-semibold text-[20px] text-gray-900" };
   const _hoisted_13$4 = ["innerHTML"];
   const _hoisted_14$4 = ["href", "target"];
-  const _hoisted_15$4 = ["src"];
+  const _hoisted_15$3 = ["src"];
   const _hoisted_16$1 = {
     key: 0,
     class: "w-[560px]"
@@ -49072,9 +49083,8 @@ ${escapeText(this.code(index, length))}
     },
     setup(__props) {
       const props = __props;
-      const leftColumn = vue.ref(null);
-      const rightColumn = vue.ref(null);
       const section = vue.ref(props.section);
+      const innerWidth = vue.ref(window.innerWidth);
       const paragraphComponent = vue.computed(() => {
         return section.value.components.find((component) => component.type === "paragraph");
       });
@@ -49099,35 +49109,26 @@ ${escapeText(this.code(index, length))}
           return true;
         });
       });
-      vue.onMounted(() => {
-        var _a;
-        if (leftColumn.value && rightColumn.value && ((_a = section.value) == null ? void 0 : _a.minimum_height)) {
-          rightColumn.value.style.height = `${leftColumn.value.offsetHeight}px`;
-        }
-      });
       return (_ctx, _cache) => {
         var _a, _b, _c, _d;
         return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$q, [
           vue.createElementVNode("div", _hoisted_2$c, [
-            paragraphComponent.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$c, [
+            paragraphComponent.value ? (vue.openBlock(), vue.createElementBlock("div", {
+              key: 0,
+              class: "grid gap-1.5 lg:gap-4",
+              style: vue.normalizeStyle(innerWidth.value >= 1024 ? "grid-template-columns: 33% auto;" : "")
+            }, [
               paragraphComponent.value ? (vue.openBlock(), vue.createElementBlock("div", {
                 key: 0,
-                class: vue.normalizeClass(["w-1/3 bg-gray-100 rounded-xl p-8", { "h-fit": (_a = section.value) == null ? void 0 : _a.minimum_height }]),
-                ref_key: "leftColumn",
-                ref: leftColumn
+                class: vue.normalizeClass(["bg-gray-100 rounded-xl p-8", { "h-fit": (_a = section.value) == null ? void 0 : _a.minimum_height }])
               }, [
-                vue.createElementVNode("h3", _hoisted_4$c, vue.toDisplayString(paragraphComponent.value.title), 1),
+                vue.createElementVNode("h3", _hoisted_3$c, vue.toDisplayString(paragraphComponent.value.title), 1),
                 vue.createElementVNode("p", {
                   class: "text-md font-normal mt-2 text-gray-600 leading-6",
                   innerHTML: paragraphComponent.value.paragraph
-                }, null, 8, _hoisted_5$c)
+                }, null, 8, _hoisted_4$c)
               ], 2)) : vue.createCommentVNode("", true),
-              imageComponent.value ? (vue.openBlock(), vue.createElementBlock("div", {
-                key: 1,
-                class: "w-2/3 rounded-[24px] overflow-hidden",
-                ref_key: "rightColumn",
-                ref: rightColumn
-              }, [
+              imageComponent.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$c, [
                 vue.createElementVNode("img", {
                   src: imageComponent.value.featured_image,
                   alt: imageComponent.value.caption,
@@ -49137,8 +49138,8 @@ ${escapeText(this.code(index, length))}
                   innerHTML: imageComponent.value.caption,
                   class: "mt-2 text-[13px]"
                 }, null, 8, _hoisted_7$c)
-              ], 512)) : vue.createCommentVNode("", true)
-            ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$b, [
+              ])) : vue.createCommentVNode("", true)
+            ], 4)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$b, [
               headerComponent.value ? (vue.openBlock(), vue.createElementBlock("div", {
                 key: 0,
                 class: vue.normalizeClass(["w-full flex-col mb-6", { "text-center items-center flex": (_b = headerComponent.value) == null ? void 0 : _b.text_center }])
@@ -49148,24 +49149,24 @@ ${escapeText(this.code(index, length))}
                   key: 0,
                   class: "text-[20px] font-normal mt-4 text-gray-600 leading-[30px] max-w-[800px]",
                   innerHTML: headerComponent.value.supporting_text
-                }, null, 8, _hoisted_10$9)) : vue.createCommentVNode("", true)
+                }, null, 8, _hoisted_10$8)) : vue.createCommentVNode("", true)
               ], 2)) : vue.createCommentVNode("", true),
               vue.createElementVNode("div", {
-                class: vue.normalizeClass(featureItemsComponent.value.hasOwnProperty("grid_columns") ? "" : "flex flex-row gap-8")
+                class: vue.normalizeClass(featureItemsComponent.value.hasOwnProperty("grid_columns") ? "" : "flex flex-col-reverse md:flex-row gap-8")
               }, [
                 vue.createElementVNode("div", {
-                  class: vue.normalizeClass(["grid gap-8", featureItemsComponent.value.hasOwnProperty("grid_columns") ? `grid-cols-${featureItemsComponent.value.grid_columns}` : "grid-cols-2 w-2/3"])
+                  class: vue.normalizeClass(["grid gap-8", featureItemsComponent.value.hasOwnProperty("grid_columns") ? `md:grid-cols-${featureItemsComponent.value.grid_columns}` : "lg:grid-cols-2 w-2/3"])
                 }, [
                   (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(items.value, (item) => {
                     var _a2, _b2, _c2;
                     return vue.openBlock(), vue.createElementBlock("div", {
                       class: vue.normalizeClass(["flex gap-3 w-full", {
-                        "bg-gray-50 p-8 rounded-[24px] overflow-hidden flex-col": featureItemsComponent.value.hasOwnProperty("grid_columns") && (featureItemsComponent.value.grid_columns > 2 || ((_a2 = featureItemsComponent.value) == null ? void 0 : _a2.has_background)),
+                        "bg-gray-50 p-8 rounded-xl md:rounded-3xl overflow-hidden flex-col": featureItemsComponent.value.hasOwnProperty("grid_columns") && (featureItemsComponent.value.grid_columns > 2 || ((_a2 = featureItemsComponent.value) == null ? void 0 : _a2.has_background)),
                         "!p-0 rounded-tr-[0px] rounded-bl-[0px]": item == null ? void 0 : item.image
                       }])
                     }, [
                       item.title ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-                        (item == null ? void 0 : item.icon) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_11$8, [
+                        (item == null ? void 0 : item.icon) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_11$7, [
                           vue.createVNode(_sfc_main$H, {
                             icon: item.icon,
                             "icon-classes": "w-5 h-5 text-brand-600"
@@ -49174,7 +49175,7 @@ ${escapeText(this.code(index, length))}
                         vue.createElementVNode("div", {
                           class: vue.normalizeClass(["max-w-[324px] ql-editor", { "max-w-full": (_b2 = featureItemsComponent.value) == null ? void 0 : _b2.has_background }])
                         }, [
-                          vue.createElementVNode("h3", _hoisted_12$6, vue.toDisplayString(item.title), 1),
+                          vue.createElementVNode("h3", _hoisted_12$5, vue.toDisplayString(item.title), 1),
                           vue.createElementVNode("p", {
                             class: "mt-2 text-md font-normal text-gray-600 leading-[24px]",
                             innerHTML: item.supporting_text ?? item.description
@@ -49194,7 +49195,7 @@ ${escapeText(this.code(index, length))}
                         src: item.image,
                         alt: "Feature Image",
                         class: "w-full h-full object-cover"
-                      }, null, 8, _hoisted_15$4))
+                      }, null, 8, _hoisted_15$3))
                     ], 2);
                   }), 256))
                 ], 2),
@@ -49224,15 +49225,15 @@ ${escapeText(this.code(index, length))}
   const _hoisted_7$b = { class: "mt-4" };
   const _hoisted_8$a = { class: "flex flex-row" };
   const _hoisted_9$a = { class: "w-1/5 mr-[40px] relative" };
-  const _hoisted_10$8 = { class: "text-[24px] font-semibold text-navy-800" };
-  const _hoisted_11$7 = { class: "w-4/5" };
-  const _hoisted_12$5 = {
+  const _hoisted_10$7 = { class: "text-[24px] font-semibold text-navy-800 pr-5" };
+  const _hoisted_11$6 = { class: "w-4/5" };
+  const _hoisted_12$4 = {
     key: 0,
     class: "text-[24px] mb-6 font-semibold text-navy-800"
   };
   const _hoisted_13$3 = { class: "text-xl font-semibold text-gray-900" };
   const _hoisted_14$3 = { class: "all-unset ql-editor" };
-  const _hoisted_15$3 = ["innerHTML"];
+  const _hoisted_15$2 = ["innerHTML"];
   const _sfc_main$c = {
     __name: "Timeline",
     props: {
@@ -49267,7 +49268,7 @@ ${escapeText(this.code(index, length))}
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(timelineComponent.value.data, (data2, index) => {
                   return vue.openBlock(), vue.createElementBlock("div", _hoisted_8$a, [
                     vue.createElementVNode("div", _hoisted_9$a, [
-                      vue.createElementVNode("h1", _hoisted_10$8, vue.toDisplayString(data2.title), 1),
+                      vue.createElementVNode("h1", _hoisted_10$7, vue.toDisplayString(data2.title), 1),
                       _cache[0] || (_cache[0] = vue.createElementVNode("div", { class: "w-[32px] h-[32px] flex items-center justify-center border-2 border-navy-100 rounded-full absolute right-[-17px] bg-white top-0" }, [
                         vue.createElementVNode("p", { class: "w-[16px] h-[16px] rounded-full bg-navy-600" })
                       ], -1)),
@@ -49276,18 +49277,18 @@ ${escapeText(this.code(index, length))}
                         style: { "background": "repeating-linear-gradient(to bottom, transparent, transparent 10px, #A9B8C6 8px, #A9B8C6 20px)", "width": "2px" }
                       }, null, -1))
                     ]),
-                    vue.createElementVNode("div", _hoisted_11$7, [
-                      data2.group_title ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_12$5, vue.toDisplayString(data2.group_title), 1)) : vue.createCommentVNode("", true),
+                    vue.createElementVNode("div", _hoisted_11$6, [
+                      data2.group_title ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_12$4, vue.toDisplayString(data2.group_title), 1)) : vue.createCommentVNode("", true),
                       (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(data2.lines, (line, index2) => {
                         return vue.openBlock(), vue.createElementBlock("div", {
                           key: index2,
-                          class: "bg-pale-orange-100 p-6 mb-6 rounded-[16px]"
+                          class: "bg-pale-orange-100 p-6 mb-6 rounded-lg md:rounded-2xl"
                         }, [
                           vue.createElementVNode("h4", _hoisted_13$3, vue.toDisplayString(line.title), 1),
                           vue.createElementVNode("div", _hoisted_14$3, [
                             vue.createElementVNode("p", {
                               innerHTML: line.description
-                            }, null, 8, _hoisted_15$3)
+                            }, null, 8, _hoisted_15$2)
                           ])
                         ]);
                       }), 128))
@@ -49343,7 +49344,7 @@ ${escapeText(this.code(index, length))}
       return (_ctx, _cache) => {
         var _a, _b, _c, _d, _e, _f;
         return vue.openBlock(), vue.createElementBlock("div", {
-          class: vue.normalizeClass(["overflow-hidden", { "bg-aqua-100 mb-6": !((_a = section.value) == null ? void 0 : _a.no_background) }])
+          class: vue.normalizeClass(["link-card overflow-hidden", { "bg-aqua-100 mb-6": !((_a = section.value) == null ? void 0 : _a.no_background) }])
         }, [
           vue.createElementVNode("div", _hoisted_1$o, [
             headerComponent.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$a, [
@@ -49356,7 +49357,7 @@ ${escapeText(this.code(index, length))}
             ])) : vue.createCommentVNode("", true),
             cardComponent.value ? (vue.openBlock(), vue.createElementBlock("div", {
               key: 1,
-              class: vue.normalizeClass(["flex w-full", { "gap-8": (_c = headerComponent.value) == null ? void 0 : _c.featured_image }])
+              class: vue.normalizeClass(["flex flex-col md:flex-row w-full", { "gap-8": (_c = headerComponent.value) == null ? void 0 : _c.featured_image }])
             }, [
               ((_d = headerComponent.value) == null ? void 0 : _d.featured_image) ? (vue.openBlock(), vue.createElementBlock("div", {
                 key: 0,
@@ -49371,14 +49372,14 @@ ${escapeText(this.code(index, length))}
                 }, null, 8, _hoisted_5$a)
               ], 512)) : vue.createCommentVNode("", true),
               vue.createElementVNode("div", {
-                class: vue.normalizeClass(["flex gap-8 w-full", { "flex-col h-fit": (_f = headerComponent.value) == null ? void 0 : _f.featured_image }]),
+                class: vue.normalizeClass(["grid gap-8 w-full", `${((_f = headerComponent.value) == null ? void 0 : _f.featured_image) ? "link-card__columns--with-featured-image" : ""} ${"link-card__columns--" + cardComponent.value.data.length}`]),
                 ref_key: "rightColumn",
                 ref: rightColumn
               }, [
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(cardComponent.value.data, (data2, index) => {
                   var _a2;
                   return vue.openBlock(), vue.createElementBlock("div", {
-                    class: vue.normalizeClass(["relative bg-white p-8 rounded-[24px] w-full", { "!bg-gray-50": (_a2 = section.value) == null ? void 0 : _a2.no_background }])
+                    class: vue.normalizeClass(["relative bg-white p-8 rounded-xl md:rounded-3xl w-full", { "!bg-gray-50": (_a2 = section.value) == null ? void 0 : _a2.no_background }])
                   }, [
                     data2.icon ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$a, [
                       (vue.openBlock(), vue.createBlock(_sfc_main$H, {
@@ -49411,6 +49412,7 @@ ${escapeText(this.code(index, length))}
       };
     }
   };
+  const LinkCard = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-c340ea5c"]]);
   const _hoisted_1$n = {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -49429,7 +49431,7 @@ ${escapeText(this.code(index, length))}
   }
   const LinkExternal = { render: render$c };
   const _hoisted_1$m = { class: "overflow-hidden" };
-  const _hoisted_2$9 = { class: "max-w-[1640px] md:px-[120px] mx-auto w-full bg-white py-[40px] flex gap-[10%]" };
+  const _hoisted_2$9 = { class: "max-w-[1640px] md:px-[120px] mx-auto w-full bg-white py-[40px] flex flex-col lg:flex-row gap-8 xl:gap-[10%]" };
   const _hoisted_3$9 = {
     key: 0,
     class: "rounded-xl px-[40px] text-center mb-6 max-w-[1280px] mx-auto"
@@ -49443,8 +49445,8 @@ ${escapeText(this.code(index, length))}
   };
   const _hoisted_8$8 = { class: "relative bg-white hover:bg-gray-100 p-2 rounded-lg w-full" };
   const _hoisted_9$8 = ["href", "target"];
-  const _hoisted_10$7 = { class: "flex gap-4 items-center max-w-[94%] w-full" };
-  const _hoisted_11$6 = { class: "w-full" };
+  const _hoisted_10$6 = { class: "flex gap-4 items-center max-w-[94%] w-full" };
+  const _hoisted_11$5 = { class: "w-full" };
   const _sfc_main$a = {
     __name: "LinkList",
     props: {
@@ -49467,7 +49469,7 @@ ${escapeText(this.code(index, length))}
           vue.createElementVNode("div", _hoisted_2$9, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(headerComponents.value, (header, index) => {
               return vue.openBlock(), vue.createElementBlock("div", {
-                class: vue.normalizeClass(["gap-4", { "w-1/2": section.value.two_columns }])
+                class: vue.normalizeClass(["gap-4", { "lg:w-1/2": section.value.two_columns }])
               }, [
                 header ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$9, [
                   vue.createElementVNode("h3", _hoisted_4$9, vue.toDisplayString(header.title), 1),
@@ -49480,12 +49482,12 @@ ${escapeText(this.code(index, length))}
                 (header == null ? void 0 : header.featured_image) ? (vue.openBlock(), vue.createElementBlock("img", {
                   key: 1,
                   src: header == null ? void 0 : header.featured_image,
-                  class: "rounded-[24px] w-full h-[480px] object-cover mb-6",
+                  class: "rounded-xl md:rounded-3xl w-full h-[300px] lg:h-[480px] object-cover mb-6",
                   alt: "Feature"
                 }, null, 8, _hoisted_6$9)) : vue.createCommentVNode("", true),
                 linkComponents.value[index] ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$9, [
                   vue.createElementVNode("div", {
-                    class: vue.normalizeClass({ "grid grid-cols-2 gap-x-[100px]": !section.value.two_columns, "flex flex-col gap-4 w-full": section.value.two_columns })
+                    class: vue.normalizeClass({ "grid lg:grid-cols-2 gap-x-[100px]": !section.value.two_columns, "flex flex-col gap-4 w-full": section.value.two_columns })
                   }, [
                     (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(linkComponents.value[index].data, (link, index2) => {
                       return vue.openBlock(), vue.createElementBlock("div", _hoisted_8$8, [
@@ -49495,9 +49497,9 @@ ${escapeText(this.code(index, length))}
                           href: vue.unref(formatUrl)(link.url),
                           target: link.open_in_new_tab ? "_blank" : ""
                         }, [
-                          vue.createElementVNode("div", _hoisted_10$7, [
+                          vue.createElementVNode("div", _hoisted_10$6, [
                             vue.createVNode(vue.unref(LinkExternal), { class: "w-5 h-5" }),
-                            vue.createElementVNode("span", _hoisted_11$6, vue.toDisplayString(link.title), 1)
+                            vue.createElementVNode("span", _hoisted_11$5, vue.toDisplayString(link.title), 1)
                           ]),
                           vue.createVNode(vue.unref(ArrowUpRight), { class: "w-5 h-5" })
                         ], 8, _hoisted_9$8)) : vue.createCommentVNode("", true)
@@ -49537,11 +49539,10 @@ ${escapeText(this.code(index, length))}
   };
   const _hoisted_4$8 = { class: "text-[36px] text-gray-900 font-semibold" };
   const _hoisted_5$8 = ["innerHTML"];
-  const _hoisted_6$8 = { class: "mt-8" };
-  const _hoisted_7$8 = ["textContent"];
-  const _hoisted_8$7 = { class: "flex" };
-  const _hoisted_9$7 = { class: "bg-gray-100 rounded-full w-[28px] h-[28px] flex items-center justify-center text-gray-500 mr-2" };
-  const _hoisted_10$6 = { class: "text-lg text-gray-600 w-[97%]" };
+  const _hoisted_6$8 = ["textContent"];
+  const _hoisted_7$8 = { class: "flex" };
+  const _hoisted_8$7 = { class: "bg-gray-100 rounded-full w-[28px] h-[28px] flex items-center justify-center text-gray-500 mr-2" };
+  const _hoisted_9$7 = { class: "text-lg text-gray-600 w-[97%]" };
   const _sfc_main$9 = {
     __name: "BulletPoints",
     props: {
@@ -49573,19 +49574,19 @@ ${escapeText(this.code(index, length))}
             class: vue.normalizeClass({ "bg-gray-50 py-2 my-6": (_a = section.value) == null ? void 0 : _a.has_background, "my-8": (_b = section.value) == null ? void 0 : _b.margin })
           }, [
             vue.createElementVNode("div", {
-              class: vue.normalizeClass(["max-w-[1640px] md:px-[120px] mx-auto w-full my-[40px]", { "flex gap-8": (_c = headerComponent.value) == null ? void 0 : _c.featured_image, "flex-row-reverse justify-between": (_d = headerComponent.value) == null ? void 0 : _d.revert }])
+              class: vue.normalizeClass(["max-w-[1640px] md:px-[120px] mx-auto w-full my-[40px]", { "flex gap-8 flex-col lg:flex-row": (_c = headerComponent.value) == null ? void 0 : _c.featured_image, "flex-col-reverse lg:flex-row-reverse justify-between": (_d = headerComponent.value) == null ? void 0 : _d.revert }])
             }, [
               ((_e = headerComponent.value) == null ? void 0 : _e.featured_image) ? (vue.openBlock(), vue.createElementBlock("img", {
                 key: 0,
                 src: (_f = headerComponent.value) == null ? void 0 : _f.featured_image,
-                class: "max-w-[480px] w-full object-cover rounded-[24px]",
+                class: "max-w-[480px] w-full object-cover rounded-xl md:rounded-3xl",
                 ref_key: "leftColumn",
                 ref: leftColumn,
                 alt: "Feature"
               }, null, 8, _hoisted_2$8)) : vue.createCommentVNode("", true),
               headerComponent.value ? (vue.openBlock(), vue.createElementBlock("div", {
                 key: 1,
-                class: vue.normalizeClass(["h-fit", { "py-[48px]": (_g = headerComponent.value) == null ? void 0 : _g.featured_image, "grid grid-cols-2 gap-8": (_h = section.value) == null ? void 0 : _h.two_column }]),
+                class: vue.normalizeClass(["h-fit flex flex-col gap-4 lg:gap-8", { "xl:py-[48px]": (_g = headerComponent.value) == null ? void 0 : _g.featured_image, "[&]:grid lg:grid-cols-2": (_h = section.value) == null ? void 0 : _h.two_column }]),
                 ref_key: "rightColumn",
                 ref: rightColumn
               }, [
@@ -49605,21 +49606,21 @@ ${escapeText(this.code(index, length))}
                 ]),
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(bulletPointsComponents.value, (bullet) => {
                   var _a2, _b2;
-                  return vue.openBlock(), vue.createElementBlock("div", _hoisted_6$8, [
+                  return vue.openBlock(), vue.createElementBlock("div", null, [
                     (bullet == null ? void 0 : bullet.title) ? (vue.openBlock(), vue.createElementBlock("p", {
                       key: 0,
                       textContent: vue.toDisplayString(bullet.title),
                       class: "font-semibold text-[20px] mb-4"
-                    }, null, 8, _hoisted_7$8)) : vue.createCommentVNode("", true),
+                    }, null, 8, _hoisted_6$8)) : vue.createCommentVNode("", true),
                     vue.createElementVNode("div", {
-                      class: vue.normalizeClass(["flex flex-col gap-4", { "!grid grid-cols-3": !((_a2 = headerComponent.value) == null ? void 0 : _a2.featured_image) && !((_b2 = section.value) == null ? void 0 : _b2.two_column) }])
+                      class: vue.normalizeClass(["flex flex-col gap-4", { "[&]:grid sm:grid-cols-2 lg:grid-cols-3": !((_a2 = headerComponent.value) == null ? void 0 : _a2.featured_image) && !((_b2 = section.value) == null ? void 0 : _b2.two_column) }])
                     }, [
                       (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(bullet.data, (item) => {
-                        return vue.openBlock(), vue.createElementBlock("div", _hoisted_8$7, [
-                          vue.createElementVNode("div", _hoisted_9$7, [
+                        return vue.openBlock(), vue.createElementBlock("div", _hoisted_7$8, [
+                          vue.createElementVNode("div", _hoisted_8$7, [
                             vue.createVNode(vue.unref(Check), { class: "w-4 h-4" })
                           ]),
-                          vue.createElementVNode("p", _hoisted_10$6, vue.toDisplayString(item.title), 1)
+                          vue.createElementVNode("p", _hoisted_9$7, vue.toDisplayString(item.title), 1)
                         ]);
                       }), 256))
                     ], 2)
@@ -49635,7 +49636,7 @@ ${escapeText(this.code(index, length))}
   const _hoisted_1$j = { class: "overflow-hidden" };
   const _hoisted_2$7 = {
     key: 0,
-    class: "max-w-[33.3%] w-full min-h-[320px]"
+    class: "lg:max-w-[33.3%] w-full sm:min-h-[320px]"
   };
   const _hoisted_3$7 = ["src", "alt"];
   const _hoisted_4$7 = ["src"];
@@ -49665,25 +49666,25 @@ ${escapeText(this.code(index, length))}
         var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v;
         return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$j, [
           vue.createElementVNode("div", {
-            class: vue.normalizeClass(["max-w-[1640px] md:px-[120px] mx-auto w-full mt-[40px]", { "flex gap-8": (_a = headerComponent.value) == null ? void 0 : _a.featured_image }])
+            class: vue.normalizeClass(["max-w-[1640px] md:px-[120px] mx-auto w-full mt-[40px]", { "flex gap-4 lg:gap-8 flex-col lg:flex-row": (_a = headerComponent.value) == null ? void 0 : _a.featured_image }])
           }, [
             imageComponent.value && ((_b = section.value) == null ? void 0 : _b.acknowledgement_style) || ((_c = headerComponent.value) == null ? void 0 : _c.featured_image) && !((_d = section.value) == null ? void 0 : _d.acknowledgement_style) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$7, [
               imageComponent.value && ((_e = section.value) == null ? void 0 : _e.acknowledgement_style) ? (vue.openBlock(), vue.createElementBlock("img", {
                 key: 0,
                 src: imageComponent.value.featured_image,
                 alt: ((_f = imageComponent.value) == null ? void 0 : _f.caption) ?? "Image",
-                class: "w-[560px] object-cover rounded-[24px] h-full"
+                class: "w-[560px] object-cover rounded-xl md:rounded-3xl h-full mx-auto"
               }, null, 8, _hoisted_3$7)) : vue.createCommentVNode("", true),
               ((_g = headerComponent.value) == null ? void 0 : _g.featured_image) && !((_h = section.value) == null ? void 0 : _h.acknowledgement_style) ? (vue.openBlock(), vue.createElementBlock("img", {
                 key: 1,
                 src: (_i = headerComponent.value) == null ? void 0 : _i.featured_image,
-                class: "w-[560px] object-cover rounded-[24px] h-full",
+                class: "w-[560px] object-cover rounded-xl md:rounded-3xl h-full mx-auto",
                 alt: "Feature"
               }, null, 8, _hoisted_4$7)) : vue.createCommentVNode("", true)
             ])) : vue.createCommentVNode("", true),
             headerComponent.value ? (vue.openBlock(), vue.createElementBlock("div", {
               key: 1,
-              class: vue.normalizeClass(["rounded-[24px] flex items-center justify-center flex-col", {
+              class: vue.normalizeClass(["rounded-xl md:rounded-3xl flex items-center justify-center flex-col", {
                 "bg-pale-100 min-h-[320px] w-full": !((_j = headerComponent.value) == null ? void 0 : _j.featured_image),
                 "border border-brand-400 w-full py-8": (_k = headerComponent.value) == null ? void 0 : _k.featured_image,
                 "w-full ": !((_l = section.value) == null ? void 0 : _l.acknowledgement_style),
@@ -49771,7 +49772,7 @@ ${escapeText(this.code(index, length))}
   const _hoisted_2$6 = { class: "max-w-[1640px] md:px-[120px] mx-auto w-full my-[40px] flex justify-center" };
   const _hoisted_3$6 = {
     key: 0,
-    class: "bg-gray-100 rounded-[16px] flex justify-center w-full"
+    class: "bg-gray-100 rounded-lg md:rounded-2xl flex justify-center w-full"
   };
   const _hoisted_4$6 = { class: "flex items-center justify-center flex-col py-[40px] max-w-[820px]" };
   const _hoisted_5$6 = { class: "flex justify-between relative w-[150px]" };
@@ -49780,8 +49781,8 @@ ${escapeText(this.code(index, length))}
   const _hoisted_8$5 = { class: "w-[56px] h-[56px] border-[2px] border-white bg-gray-200 rounded-full flex justify-center items-center" };
   const _hoisted_9$5 = { class: "text-[24px] text-gray-900 font-semibold mt-4" };
   const _hoisted_10$5 = ["innerHTML"];
-  const _hoisted_11$5 = { class: "flex gap-2" };
-  const _hoisted_12$4 = ["href"];
+  const _hoisted_11$4 = { class: "flex gap-2" };
+  const _hoisted_12$3 = ["href"];
   const _sfc_main$7 = {
     __name: "ContactUs",
     props: {
@@ -49822,7 +49823,7 @@ ${escapeText(this.code(index, length))}
                   class: "text-[18px] font-normal mt-2 text-gray-600 leading-[30px] text-center",
                   innerHTML: headerComponent.value.supporting_text
                 }, null, 8, _hoisted_10$5)) : vue.createCommentVNode("", true),
-                vue.createElementVNode("div", _hoisted_11$5, [
+                vue.createElementVNode("div", _hoisted_11$4, [
                   (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(contactUs.value.data, (item) => {
                     return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
                       (item == null ? void 0 : item.show) ? (vue.openBlock(), vue.createElementBlock("a", {
@@ -49832,7 +49833,7 @@ ${escapeText(this.code(index, length))}
                       }, [
                         vue.createTextVNode(vue.toDisplayString(item.label) + " ", 1),
                         vue.createVNode(vue.unref(ArrowUpRight), { class: "w-5 h-5" })
-                      ], 10, _hoisted_12$4)) : vue.createCommentVNode("", true)
+                      ], 10, _hoisted_12$3)) : vue.createCommentVNode("", true)
                     ], 64);
                   }), 256))
                 ])
@@ -49878,23 +49879,21 @@ ${escapeText(this.code(index, length))}
   }
   const Minus = { render: render$6 };
   const _hoisted_1$c = { class: "overflow-hidden" };
-  const _hoisted_2$5 = { class: "max-w-[1640px] md:px-[120px] mx-auto w-full bg-white py-[40px] flex justify-center gap-[10%]" };
-  const _hoisted_3$5 = { class: "gap-4 max-w-[800px] w-full" };
-  const _hoisted_4$5 = {
+  const _hoisted_2$5 = {
     key: 0,
     class: "px-[40px] text-center mb-6 mx-auto"
   };
-  const _hoisted_5$5 = { class: "text-[36px] text-gray-900 font-semibold" };
-  const _hoisted_6$5 = ["innerHTML"];
-  const _hoisted_7$5 = {
+  const _hoisted_3$5 = { class: "text-[36px] text-gray-900 font-semibold" };
+  const _hoisted_4$5 = ["innerHTML"];
+  const _hoisted_5$5 = {
     key: 1,
     class: "flex flex-col divide-y gap-8"
   };
-  const _hoisted_8$4 = { class: "relative bg-white w-full pt-6" };
-  const _hoisted_9$4 = { class: "text-gray-900 cursor-pointer w-full inline-flex justify-between gap-1.5 items-center leading-[28px] font-semibold text-lg" };
-  const _hoisted_10$4 = ["onClick"];
-  const _hoisted_11$4 = { class: "min-w-[24px]" };
-  const _hoisted_12$3 = ["innerHTML"];
+  const _hoisted_6$5 = { class: "relative bg-white w-full pt-6" };
+  const _hoisted_7$5 = { class: "text-gray-900 cursor-pointer w-full inline-flex justify-between gap-1.5 items-center leading-[28px] font-semibold text-lg" };
+  const _hoisted_8$4 = ["onClick"];
+  const _hoisted_9$4 = { class: "min-w-[24px]" };
+  const _hoisted_10$4 = ["innerHTML"];
   const _sfc_main$6 = {
     __name: "FAQ",
     props: {
@@ -49920,27 +49919,33 @@ ${escapeText(this.code(index, length))}
         show.value[index] = !show.value[index];
       };
       return (_ctx, _cache) => {
+        var _a;
         return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$c, [
-          vue.createElementVNode("div", _hoisted_2$5, [
+          vue.createElementVNode("div", {
+            class: vue.normalizeClass(["max-w-[1640px] md:px-[120px] mx-auto w-full bg-white py-[40px] flex justify-center gap-[10%]", { "justify-start md:!px-0 !ml-0": (_a = section.value) == null ? void 0 : _a.align_left }])
+          }, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(headerComponents.value, (header, index) => {
-              return vue.openBlock(), vue.createElementBlock("div", _hoisted_3$5, [
-                header ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$5, [
-                  vue.createElementVNode("h3", _hoisted_5$5, vue.toDisplayString(header.title), 1),
+              var _a2;
+              return vue.openBlock(), vue.createElementBlock("div", {
+                class: vue.normalizeClass(["gap-4 max-w-[800px] w-full", { "!max-w-full": (_a2 = section.value) == null ? void 0 : _a2.align_left }])
+              }, [
+                header ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$5, [
+                  vue.createElementVNode("h3", _hoisted_3$5, vue.toDisplayString(header.title), 1),
                   (header == null ? void 0 : header.supporting_text) ? (vue.openBlock(), vue.createElementBlock("p", {
                     key: 0,
                     class: "text-[20px] font-normal mt-2 text-gray-600 leading-[30px] max-w-[768px] mx-auto",
                     innerHTML: header.supporting_text
-                  }, null, 8, _hoisted_6$5)) : vue.createCommentVNode("", true)
+                  }, null, 8, _hoisted_4$5)) : vue.createCommentVNode("", true)
                 ])) : vue.createCommentVNode("", true),
-                featureComponents.value[index] ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$5, [
+                featureComponents.value[index] ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$5, [
                   (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(featureComponents.value[index].data, (link, index2) => {
-                    return vue.openBlock(), vue.createElementBlock("div", _hoisted_8$4, [
-                      vue.createElementVNode("a", _hoisted_9$4, [
+                    return vue.openBlock(), vue.createElementBlock("div", _hoisted_6$5, [
+                      vue.createElementVNode("a", _hoisted_7$5, [
                         vue.createElementVNode("span", {
                           class: "hover:underline",
                           onClick: ($event) => toggle(index2)
-                        }, vue.toDisplayString(link.title), 9, _hoisted_10$4),
-                        vue.createElementVNode("span", _hoisted_11$4, [
+                        }, vue.toDisplayString(link.title), 9, _hoisted_8$4),
+                        vue.createElementVNode("span", _hoisted_9$4, [
                           !show.value[index2] ? (vue.openBlock(), vue.createBlock(vue.unref(Plus), {
                             key: 0,
                             class: "w-6 h-6 cursor-pointer text-gray-400 hover:text-gray-700",
@@ -49956,32 +49961,31 @@ ${escapeText(this.code(index, length))}
                         key: 0,
                         class: "mt-2 text-gray-600 leading-[24px] all-unset ql-editor",
                         innerHTML: link.supporting_text
-                      }, null, 8, _hoisted_12$3)) : vue.createCommentVNode("", true)
+                      }, null, 8, _hoisted_10$4)) : vue.createCommentVNode("", true)
                     ]);
                   }), 256))
                 ])) : vue.createCommentVNode("", true)
-              ]);
+              ], 2);
             }), 256))
-          ])
+          ], 2)
         ]);
       };
     }
   };
   const _hoisted_1$b = { class: "max-w-[1640px] md:px-[120px] mx-auto w-full py-[40px] flex justify-center gap-[10%]" };
-  const _hoisted_2$4 = { class: "bg-pale-100 flex w-full rounded-[20px] p-8 gap-6" };
-  const _hoisted_3$4 = { class: "w-1/2" };
-  const _hoisted_4$4 = ["textContent"];
-  const _hoisted_5$4 = { class: "flex flex-col divide-y divide-gray-200 px-6 bg-white rounded-[16px] overflow-hidden" };
-  const _hoisted_6$4 = { class: "relative w-full py-6" };
-  const _hoisted_7$4 = { class: "text-gray-900 cursor-pointer w-full inline-flex justify-between gap-1.5 items-center leading-[28px] font-semibold text-lg" };
-  const _hoisted_8$3 = ["onClick"];
-  const _hoisted_9$3 = { class: "min-w-[24px]" };
-  const _hoisted_10$3 = ["innerHTML"];
-  const _hoisted_11$3 = { class: "w-1/2 bg-white rounded-[16px] overflow-hidden flex flex-col items-center justify-center px-12" };
-  const _hoisted_12$2 = { key: 0 };
-  const _hoisted_13$2 = ["textContent"];
-  const _hoisted_14$2 = ["innerHTML"];
-  const _hoisted_15$2 = ["href"];
+  const _hoisted_2$4 = { class: "bg-pale-100 w-full rounded-[20px] p-8 gap-6 grid lg:grid-cols-2" };
+  const _hoisted_3$4 = ["textContent"];
+  const _hoisted_4$4 = { class: "flex flex-col divide-y divide-gray-200 px-6 bg-white rounded-lg md:rounded-2xl overflow-hidden" };
+  const _hoisted_5$4 = { class: "relative w-full py-6" };
+  const _hoisted_6$4 = { class: "text-gray-900 cursor-pointer w-full inline-flex justify-between gap-1.5 items-center leading-[28px] font-semibold text-lg" };
+  const _hoisted_7$4 = ["onClick"];
+  const _hoisted_8$3 = { class: "min-w-[24px]" };
+  const _hoisted_9$3 = ["innerHTML"];
+  const _hoisted_10$3 = { class: "bg-white rounded-lg md:rounded-2xl overflow-hidden flex flex-col items-center justify-center py-8 px-12" };
+  const _hoisted_11$3 = { key: 0 };
+  const _hoisted_12$2 = ["textContent"];
+  const _hoisted_13$2 = ["innerHTML"];
+  const _hoisted_14$2 = ["href"];
   const _sfc_main$5 = {
     __name: "AccordionPricing",
     props: {
@@ -50010,20 +50014,20 @@ ${escapeText(this.code(index, length))}
         var _a;
         return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$b, [
           vue.createElementVNode("div", _hoisted_2$4, [
-            vue.createElementVNode("div", _hoisted_3$4, [
+            vue.createElementVNode("div", null, [
               vue.createElementVNode("p", {
                 class: "text-[36px] font-semibold text-gray-900 mb-[48px]",
                 textContent: vue.toDisplayString(pricingComponent.value.title)
-              }, null, 8, _hoisted_4$4),
-              vue.createElementVNode("div", _hoisted_5$4, [
+              }, null, 8, _hoisted_3$4),
+              vue.createElementVNode("div", _hoisted_4$4, [
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(pricingComponent.value.data, (price, index) => {
-                  return vue.openBlock(), vue.createElementBlock("div", _hoisted_6$4, [
-                    vue.createElementVNode("a", _hoisted_7$4, [
+                  return vue.openBlock(), vue.createElementBlock("div", _hoisted_5$4, [
+                    vue.createElementVNode("a", _hoisted_6$4, [
                       vue.createElementVNode("span", {
                         class: "hover:underline text-lg leading-[28px] text-gray-900",
                         onClick: ($event) => toggle(index)
-                      }, vue.toDisplayString(price.title), 9, _hoisted_8$3),
-                      vue.createElementVNode("span", _hoisted_9$3, [
+                      }, vue.toDisplayString(price.title), 9, _hoisted_7$4),
+                      vue.createElementVNode("span", _hoisted_8$3, [
                         !show.value[index] ? (vue.openBlock(), vue.createBlock(vue.unref(Plus), {
                           key: 0,
                           class: "w-6 h-6 cursor-pointer text-gray-400 hover:text-gray-700",
@@ -50039,21 +50043,21 @@ ${escapeText(this.code(index, length))}
                       key: 0,
                       class: "mt-2 text-gray-600 leading-[24px] all-unset ql-editor",
                       innerHTML: price == null ? void 0 : price.supporting_text
-                    }, null, 8, _hoisted_10$3)) : vue.createCommentVNode("", true)
+                    }, null, 8, _hoisted_9$3)) : vue.createCommentVNode("", true)
                   ]);
                 }), 256))
               ])
             ]),
-            vue.createElementVNode("div", _hoisted_11$3, [
-              paragraphComponent.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_12$2, [
+            vue.createElementVNode("div", _hoisted_10$3, [
+              paragraphComponent.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_11$3, [
                 vue.createElementVNode("p", {
                   class: "text-[32px] font-semibold text-gray-900",
                   textContent: vue.toDisplayString(paragraphComponent.value.title)
-                }, null, 8, _hoisted_13$2),
+                }, null, 8, _hoisted_12$2),
                 vue.createElementVNode("p", {
                   class: "text-[18px]text-gray-600 mt-2",
                   innerHTML: paragraphComponent.value.paragraph
-                }, null, 8, _hoisted_14$2)
+                }, null, 8, _hoisted_13$2)
               ])) : vue.createCommentVNode("", true),
               ((_a = paragraphComponent.value) == null ? void 0 : _a.hasOwnProperty("button")) && paragraphComponent.value.button.show ? (vue.openBlock(), vue.createElementBlock("a", {
                 key: 1,
@@ -50062,7 +50066,7 @@ ${escapeText(this.code(index, length))}
               }, [
                 vue.createTextVNode(vue.toDisplayString(paragraphComponent.value.button.title) + " ", 1),
                 vue.createVNode(vue.unref(ArrowUpRight), { class: "w-5 h-5" })
-              ], 8, _hoisted_15$2)) : vue.createCommentVNode("", true)
+              ], 8, _hoisted_14$2)) : vue.createCommentVNode("", true)
             ])
           ])
         ]);
@@ -50119,13 +50123,13 @@ ${escapeText(this.code(index, length))}
   }
   const StarIcon = { render: render$3 };
   const _hoisted_1$7 = { class: "px-6 mt-4 mb-36" };
-  const _hoisted_2$3 = { class: "bg-navy-800 p-10 rounded-[48px]" };
+  const _hoisted_2$3 = { class: "bg-navy-800 p-10 rounded-3xl md:rounded-[48px]" };
   const _hoisted_3$3 = { class: "max-w-[51.25rem] text-center mx-auto" };
   const _hoisted_4$3 = { class: "mb-10" };
   const _hoisted_5$3 = ["textContent"];
   const _hoisted_6$3 = ["textContent"];
   const _hoisted_7$3 = ["textContent"];
-  const _hoisted_8$2 = { class: "h-14 border border-white rounded-[48px] flex items-center justify-stretch px-1.5 space-x-1 mb-8" };
+  const _hoisted_8$2 = { class: "h-14 border border-white rounded-3xl md:rounded-[48px] flex items-center justify-stretch px-1.5 space-x-1 mb-8" };
   const _hoisted_9$2 = ["onClick"];
   const _hoisted_10$2 = {
     key: 0,
@@ -50212,7 +50216,7 @@ ${escapeText(this.code(index, length))}
                   return vue.openBlock(), vue.createElementBlock("button", {
                     key: membership.id,
                     onClick: ($event) => active.value = membership.id,
-                    class: vue.normalizeClass(["h-11 rounded-[48px] flex-1 text-white transition-colors text-md font-semibold", { "bg-white !text-gray-700": active.value === membership.id }])
+                    class: vue.normalizeClass(["h-11 rounded-3xl md:rounded-[48px] flex-1 text-white transition-colors text-md font-semibold", { "bg-white !text-gray-700": active.value === membership.id }])
                   }, vue.toDisplayString(membership.name), 11, _hoisted_9$2);
                 }), 128))
               ])
@@ -50229,7 +50233,7 @@ ${escapeText(this.code(index, length))}
                 return [
                   activeMembership.value ? (vue.openBlock(), vue.createElementBlock("div", {
                     key: activeMembership.value.id,
-                    class: "bg-white py-8 rounded-3xl shadow-sm border border-gray-200 flex max-w-[1400px] mx-auto -mb-[140px]"
+                    class: "bg-white py-8 rounded-xl md:rounded-3xl shadow-sm border border-gray-200 flex max-w-[1400px] mx-auto -mb-[140px]"
                   }, [
                     vue.createElementVNode("div", _hoisted_11$2, [
                       vue.createElementVNode("div", _hoisted_12$1, [
@@ -50297,7 +50301,7 @@ ${escapeText(this.code(index, length))}
       };
     }
   };
-  const HorizontalTabs = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-936f7e6f"]]);
+  const HorizontalTabs = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-9e6ed7b6"]]);
   const _hoisted_1$6 = {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -50346,12 +50350,12 @@ ${escapeText(this.code(index, length))}
   }
   const Star = { render };
   const _hoisted_1$3 = { class: "relative overflow-hidden bg-gray-50" };
-  const _hoisted_2$2 = { class: "flex space-x-16 max-w-[1640px] md:px-[120px] mx-auto w-full" };
+  const _hoisted_2$2 = { class: "flex flex-col-reverse lg:flex-row gap-8 xl:gap-x-16 max-w-[1640px] md:px-[120px] mx-auto w-full" };
   const _hoisted_3$2 = { class: "flex-1 flex flex-col justify-center gap-8" };
   const _hoisted_4$2 = { class: "flex items-center gap-1" };
   const _hoisted_5$2 = ["innerHTML"];
   const _hoisted_6$2 = { class: "text-gray-600" };
-  const _hoisted_7$2 = { class: "h-[480px] w-[560px]" };
+  const _hoisted_7$2 = { class: "h-[480px] w-full md:w-[560px] lg:h-[300px] lg:w-[350px] xl:h-[480px] xl:w-[560px]" };
   const _hoisted_8$1 = ["src"];
   const _hoisted_9$1 = {
     key: 1,
@@ -50360,7 +50364,7 @@ ${escapeText(this.code(index, length))}
     alt: "No Image Available"
   };
   const _hoisted_10$1 = { class: "flex max-w-[1640px] md:px-[120px] mx-auto w-full gap-4 relative" };
-  const _hoisted_11$1 = { class: "absolute bottom-[40px] left-[120px] w-full gap-4 flex" };
+  const _hoisted_11$1 = { class: "absolute bottom-[40px] right-0 md:right-[120px] xl:left-[120px] gap-4 flex" };
   const _sfc_main$3 = {
     __name: "TestimonialSlider",
     props: {
@@ -50404,7 +50408,7 @@ ${escapeText(this.code(index, length))}
                         }), 64))
                       ]),
                       vue.createElementVNode("h3", {
-                        class: "font-medium text-3xl leading-[38px]",
+                        class: "font-medium text-2xl md:text-3xl md:leading-[38px]",
                         innerHTML: feature.description
                       }, null, 8, _hoisted_5$2),
                       vue.createElementVNode("p", _hoisted_6$2, vue.toDisplayString(feature.title), 1)
@@ -50465,7 +50469,7 @@ ${escapeText(this.code(index, length))}
         collection_grid: vue.markRaw(_sfc_main$g),
         two_column_image_content: vue.markRaw(_sfc_main$d),
         timeline: vue.markRaw(_sfc_main$c),
-        link_card: vue.markRaw(_sfc_main$b),
+        link_card: vue.markRaw(LinkCard),
         link_list: vue.markRaw(_sfc_main$a),
         bullet_points: vue.markRaw(_sfc_main$9),
         callout: vue.markRaw(_sfc_main$8),