@dcodegroup-au/page-builder 0.6.9 → 0.7.1

package/dist/page-builder.es.js

@@ -446,12 +446,12 @@ 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$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",
@@ -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$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", _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", null, [
                   createElementVNode("button", {
@@ -523,10 +523,10 @@ const _sfc_main$Q = {
                   }, [
                     createVNode(unref(PlusIcon), { class: "h-5 w-5" }),
                     _cache[0] || (_cache[0] = createElementVNode("span", null, "Add", -1))
-                  ], 10, _hoisted_11$h)
+                  ], 10, _hoisted_11$g)
                 ])
               ]),
-              createElementVNode("div", _hoisted_12$e, [
+              createElementVNode("div", _hoisted_12$d, [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(dataRef.value.data, (item, index) => {
                   return openBlock(), createElementBlock("div", {
                     class: 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] }])
@@ -541,7 +541,7 @@ const _sfc_main$Q = {
                         class: "flex flex-1 flex-col cursor-pointer",
                         onClick: ($event) => edit(item, index)
                       }, [
-                        createElementVNode("div", _hoisted_15$8, toDisplayString(unref(singularize)(unref(parseName)(unref(type)))) + " #" + toDisplayString(index + 1), 1),
+                        createElementVNode("div", _hoisted_15$7, toDisplayString(unref(singularize)(unref(parseName)(unref(type)))) + " #" + toDisplayString(index + 1), 1),
                         createElementVNode("div", _hoisted_16$5, toDisplayString(item.title), 1)
                       ], 8, _hoisted_14$9),
                       createVNode(_sfc_main$S, {
@@ -11699,9 +11699,9 @@ 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$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: {
@@ -11805,9 +11805,9 @@ const _sfc_main$O = {
             target: "_blank",
             class: "link"
           }, [
-            createElementVNode("div", _hoisted_10$i, toDisplayString(file.value.file_name), 1)
+            createElementVNode("div", _hoisted_10$h, toDisplayString(file.value.file_name), 1)
           ], 8, _hoisted_9$m),
-          createElementVNode("a", _hoisted_11$g, [
+          createElementVNode("a", _hoisted_11$f, [
             createElementVNode("i", {
               class: "fal fa-times",
               onClick: _cache[0] || (_cache[0] = ($event) => deleteFile(file.value))
@@ -11822,7 +11822,7 @@ const _sfc_main$O = {
             ref_key: "dropzone",
             ref: dropzone2
           }, null, 512),
-          createElementVNode("div", _hoisted_12$d, [
+          createElementVNode("div", _hoisted_12$c, [
             createElementVNode("div", null, [
               createVNode(unref(UploadCloud), { class: "w-6 h-6" })
             ]),
@@ -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$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
@@ -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$h, [
+              createElementVNode("div", _hoisted_10$g, [
                 (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,25 +45222,29 @@ 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$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"
 };
 const _hoisted_16$4 = ["onUpdate:modelValue", "maxlength"];
 const _hoisted_17$3 = ["onUpdate:modelValue", "maxlength"];
-const _hoisted_18$2 = { key: 2 };
+const _hoisted_18$3 = { key: 2 };
 const _sfc_main$C = {
   __name: "Links",
   props: {
-    ...defaultProps
+    ...defaultProps,
+    forms: {
+      type: Array,
+      default: () => []
+    }
   },
   emits: ["update"],
   setup(__props, { emit: __emit }) {
@@ -45353,14 +45357,14 @@ const _sfc_main$C = {
               }, [
                 createElementVNode("div", _hoisted_8$k, [
                   createElementVNode("div", _hoisted_9$k, " Item #" + toDisplayString(index + 1), 1),
-                  createElementVNode("div", _hoisted_10$g, [
+                  createElementVNode("div", _hoisted_10$f, [
                     createVNode(_sfc_main$S, {
                       onRemoveItem: ($event) => handleDeleteItem(index)
                     }, null, 8, ["onRemoveItem"])
                   ])
                 ]),
-                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) ? (openBlock(), createElementBlock("div", _hoisted_12$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$8, [
                         withDirectives(createElementVNode("input", {
@@ -45377,7 +45381,7 @@ const _sfc_main$C = {
                       ]);
                     }), 64))
                   ])) : createCommentVNode("", true),
-                  !item.hasOwnProperty("content_type") || item.content_type === "content" ? (openBlock(), createElementBlock("div", _hoisted_15$7, [
+                  !item.hasOwnProperty("content_type") || item.content_type === "content" ? (openBlock(), createElementBlock("div", _hoisted_15$6, [
                     ["feature_items", "faqs", "pricing"].includes(componentData.value.type) ? (openBlock(), createBlock(_sfc_main$D, {
                       key: 0,
                       data: item
@@ -45429,9 +45433,10 @@ const _sfc_main$C = {
                       "onUpdate:url": ($event) => item.url = $event,
                       openInNewTab: item.open_in_new_tab,
                       "onUpdate:openInNewTab": ($event) => item.open_in_new_tab = $event,
-                      sites: _ctx.sites
-                    }, null, 8, ["name", "type", "onUpdate:type", "url", "onUpdate:url", "openInNewTab", "onUpdate:openInNewTab", "sites"])) : createCommentVNode("", true)
-                  ])) : (openBlock(), createElementBlock("div", _hoisted_18$2, [
+                      sites: _ctx.sites,
+                      forms: __props.forms
+                    }, null, 8, ["name", "type", "onUpdate:type", "url", "onUpdate:url", "openInNewTab", "onUpdate:openInNewTab", "sites", "forms"])) : createCommentVNode("", true)
+                  ])) : (openBlock(), createElementBlock("div", _hoisted_18$3, [
                     createVNode(_sfc_main$P, {
                       "is-vertical": "",
                       field: "image",
@@ -45472,9 +45477,9 @@ 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$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: {
@@ -45555,8 +45560,8 @@ const _sfc_main$B = {
                     }, null, 8, ["onRemoveItem"])
                   ])
                 ]),
-                createElementVNode("div", _hoisted_10$f, [
-                  createElementVNode("div", _hoisted_11$e, [
+                createElementVNode("div", _hoisted_10$e, [
+                  createElementVNode("div", _hoisted_11$d, [
                     createVNode(unref(VFileUpload), {
                       name: "image",
                       modelValue: item.logo,
@@ -45576,7 +45581,7 @@ const _sfc_main$B = {
                           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), [
                           [vModelText, item.url]
                         ])
                       ]),
@@ -45760,8 +45765,8 @@ 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$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: {
@@ -45836,8 +45841,8 @@ const _sfc_main$y = {
                     }, null, 8, ["onRemoveItem"])
                   ])
                 ]),
-                createElementVNode("div", _hoisted_10$e, [
-                  createElementVNode("div", _hoisted_11$d, [
+                createElementVNode("div", _hoisted_10$d, [
+                  createElementVNode("div", _hoisted_11$c, [
                     createVNode(unref(VFileUpload), {
                       name: "image",
                       type: "video",
@@ -46157,18 +46162,18 @@ const _hoisted_9$h = {
   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"
 };
 const _hoisted_16$3 = { class: "flex flex-col gap-1 pt-6 text-gray-600" };
 const _hoisted_17$2 = ["value"];
-const _hoisted_18$1 = {
+const _hoisted_18$2 = {
   key: 1,
   class: "rounded-xl bg-gray-50 px-6 py-5"
 };
@@ -46293,21 +46298,21 @@ const _sfc_main$t = {
                       onClick: ($event) => selectComponent(sectionIndex, component, index),
                       class: 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 = unref(selected)) == null ? void 0 : _a3.sectionIndex) === sectionIndex && ((_b2 = unref(selected)) == null ? void 0 : _b2.componentIndex) === index }])
                     }, [
-                      createElementVNode("div", _hoisted_11$c, [
+                      createElementVNode("div", _hoisted_11$b, [
                         _cache[1] || (_cache[1] = createElementVNode("div", { class: "text-xs text-gray-600" }, "Sub-module", -1)),
-                        createElementVNode("div", _hoisted_12$a, toDisplayString(component.name), 1)
+                        createElementVNode("div", _hoisted_12$9, toDisplayString(component.name), 1)
                       ]),
                       createElementVNode("div", _hoisted_13$7, [
                         createVNode(unref(ChevronRight), { class: "h-5 w-5" })
                       ])
-                    ], 10, _hoisted_10$d);
+                    ], 10, _hoisted_10$c);
                   }), 256))
                 ])) : createCommentVNode("", true)
               ]);
             }), 256))
           ]),
           createElementVNode("div", _hoisted_14$7, [
-            !unref(selected) ? (openBlock(), createElementBlock("div", _hoisted_15$6, [
+            !unref(selected) ? (openBlock(), createElementBlock("div", _hoisted_15$5, [
               _cache[3] || (_cache[3] = createElementVNode("div", { class: "text-lg pb-6 font-semibold text-gray-900 border-b border-gray-200" }, "Settings", -1)),
               createElementVNode("div", _hoisted_16$3, [
                 createVNode(_sfc_main$P, {
@@ -46333,7 +46338,7 @@ const _sfc_main$t = {
                 _cache[2] || (_cache[2] = createElementVNode("p", null, "This sets the section name shown in the breadcrumb (e.g. Home / Who We Are / Page). Leave blank to skip the section.", -1))
               ])
             ])) : createCommentVNode("", true),
-            !unref(selected) ? (openBlock(), createElementBlock("div", _hoisted_18$1, [
+            !unref(selected) ? (openBlock(), createElementBlock("div", _hoisted_18$2, [
               createVNode(Instructions)
             ])) : createCommentVNode("", true),
             (openBlock(), createBlock(resolveDynamicComponent(currentComponent.value), {
@@ -47821,18 +47826,18 @@ const Slide = defineComponent({
     };
   }
 });
-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
@@ -47896,7 +47901,7 @@ const _sfc_main$s = {
                         }, [
                           createTextVNode(toDisplayString(slide.primary_button.label) + " ", 1),
                           createVNode(unref(ArrowUpRight), { class: "w-5 h-5" })
-                        ], 8, _hoisted_10$c)) : createCommentVNode("", true)
+                        ], 8, _hoisted_10$b)) : createCommentVNode("", true)
                       ])
                     ]),
                     slide.featured_image ? (openBlock(), createElementBlock("img", {
@@ -47904,7 +47909,10 @@ const _sfc_main$s = {
                       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)) : (openBlock(), createElementBlock("img", _hoisted_12$9))
+                    }, 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-[40px] h-full" })
+                    ], -1))
                   ])
                 ]),
                 _: 2
@@ -47917,7 +47925,7 @@ const _sfc_main$s = {
     };
   }
 };
-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",
@@ -47953,7 +47961,7 @@ const _sfc_main$r = {
     };
   }
 };
-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",
@@ -48082,7 +48090,7 @@ const _sfc_main$o = {
       }, [
         ((_b = section.value) == null ? void 0 : _b.as_cta) ? (openBlock(), createBlock(unref(LeftVector), {
           key: 0,
-          class: "absolute left-0 top-0"
+          class: "absolute left-0 top-0 h-full max-w-full"
         })) : createCommentVNode("", true),
         createElementVNode("div", _hoisted_1$H, [
           createElementVNode("div", {
@@ -48206,7 +48214,7 @@ const _sfc_main$n = {
 };
 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: {
@@ -48426,15 +48434,15 @@ const _hoisted_8$e = {
   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]"
 };
@@ -48458,6 +48466,17 @@ const _sfc_main$j = {
     const props = __props;
     const currentSlide = ref(0);
     const slides = [...((_a = props.component.content) == null ? void 0 : _a.items) || []];
+    const windowWidth = ref(480);
+    onMounted(() => {
+      windowWidth.value = window.innerWidth;
+      window.addEventListener("resize", updateWidth);
+    });
+    onUnmounted(() => {
+      window.removeEventListener("resize", updateWidth);
+    });
+    const updateWidth = () => {
+      windowWidth.value = window.innerWidth;
+    };
     const nextSlide = () => {
       if (currentSlide.value <= slides.length - itemsToShow) {
         currentSlide.value++;
@@ -48473,15 +48492,15 @@ const _sfc_main$j = {
       return openBlock(), createElementBlock("div", _hoisted_1$y, [
         createElementVNode("div", {
           class: "slider-wrapper flex transition-transform duration-500 gap-0 mb-6",
-          style: normalizeStyle({ transform: `translateX(-${currentSlide.value * (480 + 24)}px)` })
+          style: normalizeStyle({ transform: `translateX(-${currentSlide.value * ((windowWidth.value >= 480 ? 480 : windowWidth.value) + 24)}px)` })
         }, [
           (openBlock(), createElementBlock(Fragment, null, renderList(slides, (slide, index) => {
             return createElementVNode("div", {
               key: index,
-              class: normalizeClass(["slider-item flex-shrink-0 flex-1 mr-6 min-w-[480px]", { "h-[318px]": !__props.hasBackground, "h-full": __props.hasBackground }])
+              class: normalizeClass(["slider-item flex-shrink-0 mr-6 w-[480px] max-w-full", { "h-[318px]": !__props.hasBackground, "h-full": __props.hasBackground }])
             }, [
               createElementVNode("div", {
-                class: normalizeClass(["w-full p-4 rounded-[16px]", { "bg-gray-50 h-full flex flex-col justify-between": !__props.hasBackground, "bg-white": __props.hasBackground }])
+                class: 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 }])
               }, [
                 createElementVNode("div", null, [
                   slide.image ? (openBlock(), createElementBlock("div", _hoisted_2$h, [
@@ -48517,15 +48536,15 @@ const _sfc_main$j = {
                       innerHTML: slide == null ? void 0 : slide.line_1
                     }, null, 8, _hoisted_9$e)
                   ])) : createCommentVNode("", true),
-                  slide.type === "event" ? (openBlock(), createElementBlock("div", _hoisted_10$b, [
+                  slide.type === "event" ? (openBlock(), createElementBlock("div", _hoisted_10$a, [
                     createVNode(unref(Ticket), { class: "w-4 h-4 mt-[3px]" }),
                     createElementVNode("div", {
                       class: "text-sm",
                       innerHTML: slide == null ? void 0 : slide.line_2
-                    }, null, 8, _hoisted_11$a)
+                    }, null, 8, _hoisted_11$9)
                   ])) : createCommentVNode("", true)
                 ]),
-                createElementVNode("div", _hoisted_12$8, [
+                createElementVNode("div", _hoisted_12$7, [
                   createVNode(unref(VCarouselPrimaryButton), {
                     button: slide.primary_button
                   }, null, 8, ["button"]),
@@ -48554,7 +48573,7 @@ const _sfc_main$j = {
             createVNode(unref(ChevronRight), { class: "w-6 h-6" })
           ])
         ]),
-        ((_a2 = __props.component) == null ? void 0 : _a2.button) ? (openBlock(), createElementBlock("div", _hoisted_15$5, [
+        ((_a2 = __props.component) == null ? void 0 : _a2.button) ? (openBlock(), createElementBlock("div", _hoisted_15$4, [
           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: unref(formatUrl)(__props.component.button.url),
@@ -48569,7 +48588,7 @@ const _sfc_main$j = {
   }
 };
 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: {
@@ -48636,7 +48655,7 @@ const _hoisted_4$f = ["src"];
 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
 };
@@ -48646,9 +48665,9 @@ const _hoisted_8$d = {
   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"
@@ -48706,7 +48725,7 @@ const _sfc_main$h = {
                   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"
@@ -48724,7 +48743,7 @@ const _sfc_main$h = {
                 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)) : (openBlock(), createElementBlock("img", _hoisted_6$f)),
               createElementVNode("div", _hoisted_7$e, [
                 card.categories && card.categories.length ? (openBlock(), createElementBlock("div", _hoisted_8$d, [
@@ -48746,15 +48765,15 @@ const _sfc_main$h = {
                   target: "_blank",
                   rel: "noopener noreferrer"
                 }, [
-                  createElementVNode("div", _hoisted_10$a, [
+                  createElementVNode("div", _hoisted_10$9, [
                     createElementVNode("span", {
                       class: "w-5/6 leading-[28px]",
                       innerHTML: card.title
-                    }, null, 8, _hoisted_11$9),
+                    }, null, 8, _hoisted_11$8),
                     createVNode(unref(ArrowUpRight), { class: "w-5 h-5 mt-1" })
                   ])
                 ], 8, _hoisted_9$d)) : createCommentVNode("", true),
-                createElementVNode("p", _hoisted_12$7, toDisplayString(card.dateTime), 1)
+                createElementVNode("p", _hoisted_12$6, toDisplayString(card.dateTime), 1)
               ])
             ]);
           }), 128))
@@ -48773,7 +48792,7 @@ const _sfc_main$h = {
     };
   }
 };
-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",
@@ -48831,8 +48850,8 @@ function render$d(_ctx, _cache) {
   ]));
 }
 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"
@@ -48867,7 +48886,7 @@ const _sfc_main$f = {
           class: normalizeClass(["md:px-[90px]", { "flex flex-col items-center text-center": (_a = headerComponent.value) == null ? void 0 : _a.center, "mb-[64px]": hasFeaturedImage.value }])
         }, [
           createElementVNode("div", {
-            class: 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: 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 }])
           }, [
             createElementVNode("h3", _hoisted_2$e, toDisplayString(headerComponent.value.title), 1),
             createElementVNode("h3", {
@@ -48896,7 +48915,7 @@ const _sfc_main$f = {
               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)) : createCommentVNode("", true)
           ], 2)
         ], 2)) : createCommentVNode("", true)
@@ -48963,11 +48982,11 @@ const _sfc_main$e = {
       var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
       return openBlock(), createElementBlock("div", _hoisted_1$r, [
         createElementVNode("div", {
-          class: 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: 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) ? (openBlock(), createElementBlock("div", {
+          ((_d = component.value) == null ? void 0 : _d.title) || ((_e = component.value) == null ? void 0 : _e.paragraph) ? (openBlock(), createElementBlock("div", {
             key: 0,
-            class: 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: 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
           }, [
@@ -48989,7 +49008,7 @@ const _sfc_main$e = {
           ], 2)) : createCommentVNode("", true),
           ((_i = component.value) == null ? void 0 : _i.featured_image) ? (openBlock(), 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
           }, [
@@ -49014,7 +49033,7 @@ const _sfc_main$e = {
               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)) : createCommentVNode("", true)
         ], 2)
@@ -49026,31 +49045,35 @@ 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"
+  class: "grid lg:grid-cols-[33%_auto] gap-1.5 lg:gap-4"
 };
 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 = {
+const _hoisted_6$c = {
+  key: 1,
+  class: "rounded-xl md:rounded-3xl overflow-hidden relative"
+};
+const _hoisted_7$c = ["src", "alt"];
+const _hoisted_8$b = ["innerHTML"];
+const _hoisted_9$b = {
   key: 1,
   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 = { class: "text-[36px] text-gray-900 font-semibold" };
+const _hoisted_11$7 = ["innerHTML"];
+const _hoisted_12$5 = {
   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_13$4 = ["innerHTML"];
-const _hoisted_14$4 = ["href", "target"];
-const _hoisted_15$4 = ["src"];
-const _hoisted_16$1 = {
+const _hoisted_13$4 = { class: "font-semibold text-[20px] text-gray-900" };
+const _hoisted_14$4 = ["innerHTML"];
+const _hoisted_15$3 = ["href", "target"];
+const _hoisted_16$1 = ["src"];
+const _hoisted_17$1 = {
   key: 0,
   class: "w-[560px]"
 };
-const _hoisted_17$1 = ["src", "alt"];
+const _hoisted_18$1 = ["src", "alt"];
 const _sfc_main$d = {
   __name: "TwoColumnsImageContent",
   props: {
@@ -49061,8 +49084,6 @@ const _sfc_main$d = {
   },
   setup(__props) {
     const props = __props;
-    const leftColumn = ref(null);
-    const rightColumn = ref(null);
     const section = ref(props.section);
     const paragraphComponent = computed(() => {
       return section.value.components.find((component) => component.type === "paragraph");
@@ -49088,12 +49109,6 @@ const _sfc_main$d = {
         return true;
       });
     });
-    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 openBlock(), createElementBlock("div", _hoisted_1$q, [
@@ -49101,9 +49116,7 @@ const _sfc_main$d = {
           paragraphComponent.value ? (openBlock(), createElementBlock("div", _hoisted_3$c, [
             paragraphComponent.value ? (openBlock(), createElementBlock("div", {
               key: 0,
-              class: 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: normalizeClass(["bg-gray-100 rounded-xl p-8", { "h-fit": (_a = section.value) == null ? void 0 : _a.minimum_height }])
             }, [
               createElementVNode("h3", _hoisted_4$c, toDisplayString(paragraphComponent.value.title), 1),
               createElementVNode("p", {
@@ -49111,50 +49124,45 @@ const _sfc_main$d = {
                 innerHTML: paragraphComponent.value.paragraph
               }, null, 8, _hoisted_5$c)
             ], 2)) : createCommentVNode("", true),
-            imageComponent.value ? (openBlock(), createElementBlock("div", {
-              key: 1,
-              class: "w-2/3 rounded-[24px] overflow-hidden",
-              ref_key: "rightColumn",
-              ref: rightColumn
-            }, [
+            imageComponent.value ? (openBlock(), createElementBlock("div", _hoisted_6$c, [
               createElementVNode("img", {
                 src: imageComponent.value.featured_image,
                 alt: imageComponent.value.caption,
-                class: "w-full h-full object-cover"
-              }, null, 8, _hoisted_6$c),
+                class: "lg:absolute inset-0 w-full h-full object-cover"
+              }, null, 8, _hoisted_7$c),
               createElementVNode("p", {
                 innerHTML: imageComponent.value.caption,
                 class: "mt-2 text-[13px]"
-              }, null, 8, _hoisted_7$c)
-            ], 512)) : createCommentVNode("", true)
-          ])) : (openBlock(), createElementBlock("div", _hoisted_8$b, [
+              }, null, 8, _hoisted_8$b)
+            ])) : createCommentVNode("", true)
+          ])) : (openBlock(), createElementBlock("div", _hoisted_9$b, [
             headerComponent.value ? (openBlock(), createElementBlock("div", {
               key: 0,
               class: normalizeClass(["w-full flex-col mb-6", { "text-center items-center flex": (_b = headerComponent.value) == null ? void 0 : _b.text_center }])
             }, [
-              createElementVNode("h3", _hoisted_9$b, toDisplayString(headerComponent.value.title), 1),
+              createElementVNode("h3", _hoisted_10$8, toDisplayString(headerComponent.value.title), 1),
               ((_c = headerComponent.value) == null ? void 0 : _c.supporting_text) ? (openBlock(), createElementBlock("p", {
                 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)) : createCommentVNode("", true)
+              }, null, 8, _hoisted_11$7)) : createCommentVNode("", true)
             ], 2)) : createCommentVNode("", true),
             createElementVNode("div", {
-              class: normalizeClass(featureItemsComponent.value.hasOwnProperty("grid_columns") ? "" : "flex flex-row gap-8")
+              class: normalizeClass(featureItemsComponent.value.hasOwnProperty("grid_columns") ? "" : "flex flex-col-reverse md:flex-row gap-8")
             }, [
               createElementVNode("div", {
-                class: normalizeClass(["grid gap-8", featureItemsComponent.value.hasOwnProperty("grid_columns") ? `grid-cols-${featureItemsComponent.value.grid_columns}` : "grid-cols-2 w-2/3"])
+                class: normalizeClass(["grid gap-8", featureItemsComponent.value.hasOwnProperty("grid_columns") ? `md:grid-cols-${featureItemsComponent.value.grid_columns}` : "lg:grid-cols-2 w-2/3"])
               }, [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(items.value, (item) => {
                   var _a2, _b2, _c2;
                   return openBlock(), createElementBlock("div", {
                     class: 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 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                      (item == null ? void 0 : item.icon) ? (openBlock(), createElementBlock("div", _hoisted_11$8, [
+                      (item == null ? void 0 : item.icon) ? (openBlock(), createElementBlock("div", _hoisted_12$5, [
                         createVNode(_sfc_main$H, {
                           icon: item.icon,
                           "icon-classes": "w-5 h-5 text-brand-600"
@@ -49163,11 +49171,11 @@ const _sfc_main$d = {
                       createElementVNode("div", {
                         class: normalizeClass(["max-w-[324px] ql-editor", { "max-w-full": (_b2 = featureItemsComponent.value) == null ? void 0 : _b2.has_background }])
                       }, [
-                        createElementVNode("h3", _hoisted_12$6, toDisplayString(item.title), 1),
+                        createElementVNode("h3", _hoisted_13$4, toDisplayString(item.title), 1),
                         createElementVNode("p", {
                           class: "mt-2 text-md font-normal text-gray-600 leading-[24px]",
                           innerHTML: item.supporting_text ?? item.description
-                        }, null, 8, _hoisted_13$4),
+                        }, null, 8, _hoisted_14$4),
                         ((_c2 = item == null ? void 0 : item.primary_button) == null ? void 0 : _c2.show) ? (openBlock(), createElementBlock("a", {
                           key: 0,
                           class: "cursor-pointer text-brand-700 inline-flex gap-1.5 items-center font-semibold text-base mt-4",
@@ -49176,23 +49184,23 @@ const _sfc_main$d = {
                         }, [
                           createTextVNode(toDisplayString(item.primary_button.label) + " ", 1),
                           createVNode(unref(ArrowUpRight), { class: "w-5 h-5" })
-                        ], 8, _hoisted_14$4)) : createCommentVNode("", true)
+                        ], 8, _hoisted_15$3)) : createCommentVNode("", true)
                       ], 2)
                     ], 64)) : (openBlock(), createElementBlock("img", {
                       key: 1,
                       src: item.image,
                       alt: "Feature Image",
                       class: "w-full h-full object-cover"
-                    }, null, 8, _hoisted_15$4))
+                    }, null, 8, _hoisted_16$1))
                   ], 2);
                 }), 256))
               ], 2),
-              imageComponent.value ? (openBlock(), createElementBlock("div", _hoisted_16$1, [
+              imageComponent.value ? (openBlock(), createElementBlock("div", _hoisted_17$1, [
                 createElementVNode("img", {
                   src: imageComponent.value.featured_image,
                   alt: ((_d = imageComponent.value) == null ? void 0 : _d.caption) ?? "Image",
                   class: "rounded-br-[24px] rounded-tl-[24px] w-full"
-                }, null, 8, _hoisted_17$1)
+                }, null, 8, _hoisted_18$1)
               ])) : createCommentVNode("", true)
             ], 2)
           ]))
@@ -49213,15 +49221,15 @@ const _hoisted_6$b = { key: 1 };
 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: {
@@ -49256,7 +49264,7 @@ const _sfc_main$c = {
               (openBlock(true), createElementBlock(Fragment, null, renderList(timelineComponent.value.data, (data2, index) => {
                 return openBlock(), createElementBlock("div", _hoisted_8$a, [
                   createElementVNode("div", _hoisted_9$a, [
-                    createElementVNode("h1", _hoisted_10$8, toDisplayString(data2.title), 1),
+                    createElementVNode("h1", _hoisted_10$7, toDisplayString(data2.title), 1),
                     _cache[0] || (_cache[0] = 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" }, [
                       createElementVNode("p", { class: "w-[16px] h-[16px] rounded-full bg-navy-600" })
                     ], -1)),
@@ -49265,18 +49273,18 @@ const _sfc_main$c = {
                       style: { "background": "repeating-linear-gradient(to bottom, transparent, transparent 10px, #A9B8C6 8px, #A9B8C6 20px)", "width": "2px" }
                     }, null, -1))
                   ]),
-                  createElementVNode("div", _hoisted_11$7, [
-                    data2.group_title ? (openBlock(), createElementBlock("p", _hoisted_12$5, toDisplayString(data2.group_title), 1)) : createCommentVNode("", true),
+                  createElementVNode("div", _hoisted_11$6, [
+                    data2.group_title ? (openBlock(), createElementBlock("p", _hoisted_12$4, toDisplayString(data2.group_title), 1)) : createCommentVNode("", true),
                     (openBlock(true), createElementBlock(Fragment, null, renderList(data2.lines, (line, index2) => {
                       return openBlock(), 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"
                       }, [
                         createElementVNode("h4", _hoisted_13$3, toDisplayString(line.title), 1),
                         createElementVNode("div", _hoisted_14$3, [
                           createElementVNode("p", {
                             innerHTML: line.description
-                          }, null, 8, _hoisted_15$3)
+                          }, null, 8, _hoisted_15$2)
                         ])
                       ]);
                     }), 128))
@@ -49332,7 +49340,7 @@ const _sfc_main$b = {
     return (_ctx, _cache) => {
       var _a, _b, _c, _d, _e, _f;
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["overflow-hidden", { "bg-aqua-100 mb-6": !((_a = section.value) == null ? void 0 : _a.no_background) }])
+        class: normalizeClass(["link-card overflow-hidden", { "bg-aqua-100 mb-6": !((_a = section.value) == null ? void 0 : _a.no_background) }])
       }, [
         createElementVNode("div", _hoisted_1$o, [
           headerComponent.value ? (openBlock(), createElementBlock("div", _hoisted_2$a, [
@@ -49345,7 +49353,7 @@ const _sfc_main$b = {
           ])) : createCommentVNode("", true),
           cardComponent.value ? (openBlock(), createElementBlock("div", {
             key: 1,
-            class: normalizeClass(["flex w-full", { "gap-8": (_c = headerComponent.value) == null ? void 0 : _c.featured_image }])
+            class: 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) ? (openBlock(), createElementBlock("div", {
               key: 0,
@@ -49360,14 +49368,14 @@ const _sfc_main$b = {
               }, null, 8, _hoisted_5$a)
             ], 512)) : createCommentVNode("", true),
             createElementVNode("div", {
-              class: normalizeClass(["flex gap-8 w-full", { "flex-col h-fit": (_f = headerComponent.value) == null ? void 0 : _f.featured_image }]),
+              class: 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
             }, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(cardComponent.value.data, (data2, index) => {
                 var _a2;
                 return openBlock(), createElementBlock("div", {
-                  class: normalizeClass(["relative bg-white p-8 rounded-[24px] w-full", { "!bg-gray-50": (_a2 = section.value) == null ? void 0 : _a2.no_background }])
+                  class: 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 ? (openBlock(), createElementBlock("div", _hoisted_6$a, [
                     (openBlock(), createBlock(_sfc_main$H, {
@@ -49400,6 +49408,7 @@ const _sfc_main$b = {
     };
   }
 };
+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",
@@ -49418,7 +49427,7 @@ function render$c(_ctx, _cache) {
 }
 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"
@@ -49432,8 +49441,8 @@ const _hoisted_7$9 = {
 };
 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: {
@@ -49456,7 +49465,7 @@ const _sfc_main$a = {
         createElementVNode("div", _hoisted_2$9, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(headerComponents.value, (header, index) => {
             return openBlock(), createElementBlock("div", {
-              class: normalizeClass(["gap-4", { "w-1/2": section.value.two_columns }])
+              class: normalizeClass(["gap-4", { "lg:w-1/2": section.value.two_columns }])
             }, [
               header ? (openBlock(), createElementBlock("div", _hoisted_3$9, [
                 createElementVNode("h3", _hoisted_4$9, toDisplayString(header.title), 1),
@@ -49469,12 +49478,12 @@ const _sfc_main$a = {
               (header == null ? void 0 : header.featured_image) ? (openBlock(), 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)) : createCommentVNode("", true),
               linkComponents.value[index] ? (openBlock(), createElementBlock("div", _hoisted_7$9, [
                 createElementVNode("div", {
-                  class: normalizeClass({ "grid grid-cols-2 gap-x-[100px]": !section.value.two_columns, "flex flex-col gap-4 w-full": section.value.two_columns })
+                  class: normalizeClass({ "grid lg:grid-cols-2 gap-x-[100px]": !section.value.two_columns, "flex flex-col gap-4 w-full": section.value.two_columns })
                 }, [
                   (openBlock(true), createElementBlock(Fragment, null, renderList(linkComponents.value[index].data, (link, index2) => {
                     return openBlock(), createElementBlock("div", _hoisted_8$8, [
@@ -49484,9 +49493,9 @@ const _sfc_main$a = {
                         href: unref(formatUrl)(link.url),
                         target: link.open_in_new_tab ? "_blank" : ""
                       }, [
-                        createElementVNode("div", _hoisted_10$7, [
+                        createElementVNode("div", _hoisted_10$6, [
                           createVNode(unref(LinkExternal), { class: "w-5 h-5" }),
-                          createElementVNode("span", _hoisted_11$6, toDisplayString(link.title), 1)
+                          createElementVNode("span", _hoisted_11$5, toDisplayString(link.title), 1)
                         ]),
                         createVNode(unref(ArrowUpRight), { class: "w-5 h-5" })
                       ], 8, _hoisted_9$8)) : createCommentVNode("", true)
@@ -49526,11 +49535,10 @@ const _hoisted_3$8 = {
 };
 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: {
@@ -49562,19 +49570,19 @@ const _sfc_main$9 = {
           class: 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 })
         }, [
           createElementVNode("div", {
-            class: 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: 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) ? (openBlock(), 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)) : createCommentVNode("", true),
             headerComponent.value ? (openBlock(), createElementBlock("div", {
               key: 1,
-              class: 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: 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
             }, [
@@ -49594,21 +49602,21 @@ const _sfc_main$9 = {
               ]),
               (openBlock(true), createElementBlock(Fragment, null, renderList(bulletPointsComponents.value, (bullet) => {
                 var _a2, _b2;
-                return openBlock(), createElementBlock("div", _hoisted_6$8, [
+                return openBlock(), createElementBlock("div", null, [
                   (bullet == null ? void 0 : bullet.title) ? (openBlock(), createElementBlock("p", {
                     key: 0,
                     textContent: toDisplayString(bullet.title),
                     class: "font-semibold text-[20px] mb-4"
-                  }, null, 8, _hoisted_7$8)) : createCommentVNode("", true),
+                  }, null, 8, _hoisted_6$8)) : createCommentVNode("", true),
                   createElementVNode("div", {
-                    class: 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: 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) }])
                   }, [
                     (openBlock(true), createElementBlock(Fragment, null, renderList(bullet.data, (item) => {
-                      return openBlock(), createElementBlock("div", _hoisted_8$7, [
-                        createElementVNode("div", _hoisted_9$7, [
+                      return openBlock(), createElementBlock("div", _hoisted_7$8, [
+                        createElementVNode("div", _hoisted_8$7, [
                           createVNode(unref(Check), { class: "w-4 h-4" })
                         ]),
-                        createElementVNode("p", _hoisted_10$6, toDisplayString(item.title), 1)
+                        createElementVNode("p", _hoisted_9$7, toDisplayString(item.title), 1)
                       ]);
                     }), 256))
                   ], 2)
@@ -49624,7 +49632,7 @@ const _sfc_main$9 = {
 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"];
@@ -49654,25 +49662,25 @@ const _sfc_main$8 = {
       var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v;
       return openBlock(), createElementBlock("div", _hoisted_1$j, [
         createElementVNode("div", {
-          class: 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: 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) ? (openBlock(), createElementBlock("div", _hoisted_2$7, [
             imageComponent.value && ((_e = section.value) == null ? void 0 : _e.acknowledgement_style) ? (openBlock(), 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)) : createCommentVNode("", true),
             ((_g = headerComponent.value) == null ? void 0 : _g.featured_image) && !((_h = section.value) == null ? void 0 : _h.acknowledgement_style) ? (openBlock(), 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)) : createCommentVNode("", true)
           ])) : createCommentVNode("", true),
           headerComponent.value ? (openBlock(), createElementBlock("div", {
             key: 1,
-            class: normalizeClass(["rounded-[24px] flex items-center justify-center flex-col", {
+            class: 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),
@@ -49760,7 +49768,7 @@ const _hoisted_1$f = { class: "overflow-hidden" };
 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]" };
@@ -49769,8 +49777,8 @@ const _hoisted_7$6 = { class: "w-[56px] h-[56px] border-[2px] border-white bg-gr
 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: {
@@ -49811,7 +49819,7 @@ const _sfc_main$7 = {
                 class: "text-[18px] font-normal mt-2 text-gray-600 leading-[30px] text-center",
                 innerHTML: headerComponent.value.supporting_text
               }, null, 8, _hoisted_10$5)) : createCommentVNode("", true),
-              createElementVNode("div", _hoisted_11$5, [
+              createElementVNode("div", _hoisted_11$4, [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(contactUs.value.data, (item) => {
                   return openBlock(), createElementBlock(Fragment, null, [
                     (item == null ? void 0 : item.show) ? (openBlock(), createElementBlock("a", {
@@ -49821,7 +49829,7 @@ const _sfc_main$7 = {
                     }, [
                       createTextVNode(toDisplayString(item.label) + " ", 1),
                       createVNode(unref(ArrowUpRight), { class: "w-5 h-5" })
-                    ], 10, _hoisted_12$4)) : createCommentVNode("", true)
+                    ], 10, _hoisted_12$3)) : createCommentVNode("", true)
                   ], 64);
                 }), 256))
               ])
@@ -49867,23 +49875,21 @@ function render$6(_ctx, _cache) {
 }
 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: {
@@ -49909,27 +49915,33 @@ const _sfc_main$6 = {
       show.value[index] = !show.value[index];
     };
     return (_ctx, _cache) => {
+      var _a;
       return openBlock(), createElementBlock("div", _hoisted_1$c, [
-        createElementVNode("div", _hoisted_2$5, [
+        createElementVNode("div", {
+          class: 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 }])
+        }, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(headerComponents.value, (header, index) => {
-            return openBlock(), createElementBlock("div", _hoisted_3$5, [
-              header ? (openBlock(), createElementBlock("div", _hoisted_4$5, [
-                createElementVNode("h3", _hoisted_5$5, toDisplayString(header.title), 1),
+            var _a2;
+            return openBlock(), createElementBlock("div", {
+              class: normalizeClass(["gap-4 max-w-[800px] w-full", { "!max-w-full": (_a2 = section.value) == null ? void 0 : _a2.align_left }])
+            }, [
+              header ? (openBlock(), createElementBlock("div", _hoisted_2$5, [
+                createElementVNode("h3", _hoisted_3$5, toDisplayString(header.title), 1),
                 (header == null ? void 0 : header.supporting_text) ? (openBlock(), 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)) : createCommentVNode("", true)
+                }, null, 8, _hoisted_4$5)) : createCommentVNode("", true)
               ])) : createCommentVNode("", true),
-              featureComponents.value[index] ? (openBlock(), createElementBlock("div", _hoisted_7$5, [
+              featureComponents.value[index] ? (openBlock(), createElementBlock("div", _hoisted_5$5, [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(featureComponents.value[index].data, (link, index2) => {
-                  return openBlock(), createElementBlock("div", _hoisted_8$4, [
-                    createElementVNode("a", _hoisted_9$4, [
+                  return openBlock(), createElementBlock("div", _hoisted_6$5, [
+                    createElementVNode("a", _hoisted_7$5, [
                       createElementVNode("span", {
                         class: "hover:underline",
                         onClick: ($event) => toggle(index2)
-                      }, toDisplayString(link.title), 9, _hoisted_10$4),
-                      createElementVNode("span", _hoisted_11$4, [
+                      }, toDisplayString(link.title), 9, _hoisted_8$4),
+                      createElementVNode("span", _hoisted_9$4, [
                         !show.value[index2] ? (openBlock(), createBlock(unref(Plus), {
                           key: 0,
                           class: "w-6 h-6 cursor-pointer text-gray-400 hover:text-gray-700",
@@ -49945,32 +49957,31 @@ const _sfc_main$6 = {
                       key: 0,
                       class: "mt-2 text-gray-600 leading-[24px] all-unset ql-editor",
                       innerHTML: link.supporting_text
-                    }, null, 8, _hoisted_12$3)) : createCommentVNode("", true)
+                    }, null, 8, _hoisted_10$4)) : createCommentVNode("", true)
                   ]);
                 }), 256))
               ])) : 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: {
@@ -49999,20 +50010,20 @@ const _sfc_main$5 = {
       var _a;
       return openBlock(), createElementBlock("div", _hoisted_1$b, [
         createElementVNode("div", _hoisted_2$4, [
-          createElementVNode("div", _hoisted_3$4, [
+          createElementVNode("div", null, [
             createElementVNode("p", {
               class: "text-[36px] font-semibold text-gray-900 mb-[48px]",
               textContent: toDisplayString(pricingComponent.value.title)
-            }, null, 8, _hoisted_4$4),
-            createElementVNode("div", _hoisted_5$4, [
+            }, null, 8, _hoisted_3$4),
+            createElementVNode("div", _hoisted_4$4, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(pricingComponent.value.data, (price, index) => {
-                return openBlock(), createElementBlock("div", _hoisted_6$4, [
-                  createElementVNode("a", _hoisted_7$4, [
+                return openBlock(), createElementBlock("div", _hoisted_5$4, [
+                  createElementVNode("a", _hoisted_6$4, [
                     createElementVNode("span", {
                       class: "hover:underline text-lg leading-[28px] text-gray-900",
                       onClick: ($event) => toggle(index)
-                    }, toDisplayString(price.title), 9, _hoisted_8$3),
-                    createElementVNode("span", _hoisted_9$3, [
+                    }, toDisplayString(price.title), 9, _hoisted_7$4),
+                    createElementVNode("span", _hoisted_8$3, [
                       !show.value[index] ? (openBlock(), createBlock(unref(Plus), {
                         key: 0,
                         class: "w-6 h-6 cursor-pointer text-gray-400 hover:text-gray-700",
@@ -50028,21 +50039,21 @@ const _sfc_main$5 = {
                     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)) : createCommentVNode("", true)
+                  }, null, 8, _hoisted_9$3)) : createCommentVNode("", true)
                 ]);
               }), 256))
             ])
           ]),
-          createElementVNode("div", _hoisted_11$3, [
-            paragraphComponent.value ? (openBlock(), createElementBlock("div", _hoisted_12$2, [
+          createElementVNode("div", _hoisted_10$3, [
+            paragraphComponent.value ? (openBlock(), createElementBlock("div", _hoisted_11$3, [
               createElementVNode("p", {
                 class: "text-[32px] font-semibold text-gray-900",
                 textContent: toDisplayString(paragraphComponent.value.title)
-              }, null, 8, _hoisted_13$2),
+              }, null, 8, _hoisted_12$2),
               createElementVNode("p", {
                 class: "text-[18px]text-gray-600 mt-2",
                 innerHTML: paragraphComponent.value.paragraph
-              }, null, 8, _hoisted_14$2)
+              }, null, 8, _hoisted_13$2)
             ])) : createCommentVNode("", true),
             ((_a = paragraphComponent.value) == null ? void 0 : _a.hasOwnProperty("button")) && paragraphComponent.value.button.show ? (openBlock(), createElementBlock("a", {
               key: 1,
@@ -50051,7 +50062,7 @@ const _sfc_main$5 = {
             }, [
               createTextVNode(toDisplayString(paragraphComponent.value.button.title) + " ", 1),
               createVNode(unref(ArrowUpRight), { class: "w-5 h-5" })
-            ], 8, _hoisted_15$2)) : createCommentVNode("", true)
+            ], 8, _hoisted_14$2)) : createCommentVNode("", true)
           ])
         ])
       ]);
@@ -50108,13 +50119,13 @@ function render$3(_ctx, _cache) {
 }
 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,
@@ -50201,7 +50212,7 @@ const _sfc_main$4 = {
                 return openBlock(), createElementBlock("button", {
                   key: membership.id,
                   onClick: ($event) => active.value = membership.id,
-                  class: 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: 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 }])
                 }, toDisplayString(membership.name), 11, _hoisted_9$2);
               }), 128))
             ])
@@ -50218,7 +50229,7 @@ const _sfc_main$4 = {
               return [
                 activeMembership.value ? (openBlock(), 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]"
                 }, [
                   createElementVNode("div", _hoisted_11$2, [
                     createElementVNode("div", _hoisted_12$1, [
@@ -50286,7 +50297,7 @@ const _sfc_main$4 = {
     };
   }
 };
-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",
@@ -50335,12 +50346,12 @@ function render(_ctx, _cache) {
 }
 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,
@@ -50349,7 +50360,7 @@ const _hoisted_9$1 = {
   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: {
@@ -50393,7 +50404,7 @@ const _sfc_main$3 = {
                       }), 64))
                     ]),
                     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),
                     createElementVNode("p", _hoisted_6$2, toDisplayString(feature.title), 1)
@@ -50454,7 +50465,7 @@ const _sfc_main$2 = {
       collection_grid: markRaw(_sfc_main$g),
       two_column_image_content: markRaw(_sfc_main$d),
       timeline: markRaw(_sfc_main$c),
-      link_card: markRaw(_sfc_main$b),
+      link_card: markRaw(LinkCard),
       link_list: markRaw(_sfc_main$a),
       bullet_points: markRaw(_sfc_main$9),
       callout: markRaw(_sfc_main$8),