{"id":8556,"date":"2026-02-12T16:07:56","date_gmt":"2026-02-12T10:07:56","guid":{"rendered":"https:\/\/avemedia.net\/?page_id=8556"},"modified":"2026-04-01T16:37:05","modified_gmt":"2026-04-01T10:37:05","slug":"ave-media-video-editing-agency","status":"publish","type":"page","link":"https:\/\/avemedia.net\/","title":{"rendered":"AVE Media- Video editing agency"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8556\" class=\"elementor elementor-8556\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6695809 e-transform e-flex e-con-boxed e-con e-parent\" data-id=\"6695809\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_transform_scale_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.2,&quot;sizes&quot;:[]},&quot;background_background&quot;:&quot;classic&quot;,&quot;_transform_scale_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-3e97790 e-transform animated-slow e-flex e-con-boxed e-con e-child\" data-id=\"3e97790\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;,&quot;_transform_scale_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0.9,&quot;sizes&quot;:[]},&quot;animation&quot;:&quot;none&quot;,&quot;_transform_scale_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c7e5d54 elementor-widget-mobile__width-initial e-transform elementor-widget elementor-widget-image\" data-id=\"c7e5d54\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_transform_translateX_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:7,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:13,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"512\" height=\"512\" src=\"https:\/\/avemedia.net\/wp-content\/uploads\/2026\/02\/cropped-fgg-removebg-preview.webp\" class=\"attachment-large size-large wp-image-7219\" alt=\"\" srcset=\"https:\/\/avemedia.net\/wp-content\/uploads\/2026\/02\/cropped-fgg-removebg-preview.webp 512w, https:\/\/avemedia.net\/wp-content\/uploads\/2026\/02\/cropped-fgg-removebg-preview-300x300.webp 300w, https:\/\/avemedia.net\/wp-content\/uploads\/2026\/02\/cropped-fgg-removebg-preview-150x150.webp 150w, https:\/\/avemedia.net\/wp-content\/uploads\/2026\/02\/cropped-fgg-removebg-preview-270x270.webp 270w, https:\/\/avemedia.net\/wp-content\/uploads\/2026\/02\/cropped-fgg-removebg-preview-192x192.webp 192w, https:\/\/avemedia.net\/wp-content\/uploads\/2026\/02\/cropped-fgg-removebg-preview-180x180.webp 180w, https:\/\/avemedia.net\/wp-content\/uploads\/2026\/02\/cropped-fgg-removebg-preview-32x32.webp 32w\" sizes=\"(max-width: 512px) 100vw, 512px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-88f6380 hfe-nav-menu__breakpoint-mobile elementor-widget__width-auto hfe-nav-menu__align-center hfe-link-redirect-self_link hfe-submenu-animation-slide_up hfe-submenu-icon-arrow elementor-widget elementor-widget-navigation-menu\" data-id=\"88f6380\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;padding_horizontal_menu_item&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:17,&quot;sizes&quot;:[]},&quot;menu_space_between&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0,&quot;sizes&quot;:[]},&quot;menu_row_space&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0,&quot;sizes&quot;:[]},&quot;width_dropdown_item_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:42,&quot;sizes&quot;:[]},&quot;padding_horizontal_dropdown_item_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:43,&quot;sizes&quot;:[]},&quot;padding_vertical_dropdown_item_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:4,&quot;sizes&quot;:[]},&quot;distance_from_menu_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:3,&quot;sizes&quot;:[]},&quot;toggle_border_width_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0,&quot;sizes&quot;:[]},&quot;toggle_border_radius_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0,&quot;sizes&quot;:[]},&quot;padding_vertical_menu_item&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]},&quot;toggle_size_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:26,&quot;sizes&quot;:[]},&quot;padding_horizontal_menu_item_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:14,&quot;sizes&quot;:[]},&quot;padding_horizontal_menu_item_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;padding_vertical_menu_item_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;padding_vertical_menu_item_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;menu_space_between_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;menu_space_between_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;menu_row_space_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;menu_row_space_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;dropdown_border_radius&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;dropdown_border_radius_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;dropdown_border_radius_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;width_dropdown_item&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;220&quot;,&quot;sizes&quot;:[]},&quot;width_dropdown_item_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;padding_horizontal_dropdown_item&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;padding_horizontal_dropdown_item_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;padding_vertical_dropdown_item&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:15,&quot;sizes&quot;:[]},&quot;padding_vertical_dropdown_item_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;distance_from_menu&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;distance_from_menu_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;toggle_size&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;toggle_size_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;toggle_border_width&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;toggle_border_width_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;toggle_border_radius&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;toggle_border_radius_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"navigation-menu.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<div class=\"hfe-nav-menu hfe-layout-horizontal hfe-nav-menu-layout horizontal hfe-pointer__text hfe-animation__grow\" data-layout=\"horizontal\">\n\t\t\t\t<div role=\"button\" class=\"hfe-nav-menu__toggle elementor-clickable\" tabindex=\"0\" aria-label=\"Menu Toggle\">\n\t\t\t\t\t<span class=\"screen-reader-text\">Menu<\/span>\n\t\t\t\t\t<div class=\"hfe-nav-menu-icon\">\n\t\t\t\t\t\t<svg aria-hidden=\"true\"  class=\"e-font-icon-svg e-fas-align-justify\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M432 416H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0-128H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0-128H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0-128H16A16 16 0 0 0 0 48v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16z\"><\/path><\/svg>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<nav itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/SiteNavigationElement\" class=\"hfe-nav-menu__layout-horizontal hfe-nav-menu__submenu-arrow\" data-toggle-icon=\"&lt;svg aria-hidden=&quot;true&quot; tabindex=&quot;0&quot; class=&quot;e-font-icon-svg e-fas-align-justify&quot; viewBox=&quot;0 0 448 512&quot; xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot;&gt;&lt;path d=&quot;M432 416H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0-128H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0-128H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0-128H16A16 16 0 0 0 0 48v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;\" data-close-icon=\"&lt;svg aria-hidden=&quot;true&quot; tabindex=&quot;0&quot; class=&quot;e-font-icon-svg e-far-window-close&quot; viewBox=&quot;0 0 512 512&quot; xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot;&gt;&lt;path d=&quot;M464 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h416c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm0 394c0 3.3-2.7 6-6 6H54c-3.3 0-6-2.7-6-6V86c0-3.3 2.7-6 6-6h404c3.3 0 6 2.7 6 6v340zM356.5 194.6L295.1 256l61.4 61.4c4.6 4.6 4.6 12.1 0 16.8l-22.3 22.3c-4.6 4.6-12.1 4.6-16.8 0L256 295.1l-61.4 61.4c-4.6 4.6-12.1 4.6-16.8 0l-22.3-22.3c-4.6-4.6-4.6-12.1 0-16.8l61.4-61.4-61.4-61.4c-4.6-4.6-4.6-12.1 0-16.8l22.3-22.3c4.6-4.6 12.1-4.6 16.8 0l61.4 61.4 61.4-61.4c4.6-4.6 12.1-4.6 16.8 0l22.3 22.3c4.7 4.6 4.7 12.1 0 16.8z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;\" data-full-width=\"\">\n\t\t\t\t\t<ul id=\"menu-1-88f6380\" class=\"hfe-nav-menu\"><li id=\"menu-item-7522\" itemprop=\"name\" class=\"menu-item menu-item-type-custom menu-item-object-custom parent hfe-creative-menu\"><a href=\"#ourwork\" itemprop=\"url\" class = \"hfe-menu-item\">Our Work<\/a><\/li>\n<li id=\"menu-item-7524\" itemprop=\"name\" class=\"menu-item menu-item-type-custom menu-item-object-custom parent hfe-creative-menu\"><a href=\"#Services\" itemprop=\"url\" class = \"hfe-menu-item\">Services<\/a><\/li>\n<li id=\"menu-item-7523\" itemprop=\"name\" class=\"menu-item menu-item-type-custom menu-item-object-custom parent hfe-creative-menu\"><a href=\"#Process\" itemprop=\"url\" class = \"hfe-menu-item\">Process<\/a><\/li>\n<li id=\"menu-item-7525\" itemprop=\"name\" class=\"menu-item menu-item-type-custom menu-item-object-custom parent hfe-creative-menu\"><a href=\"#Message\" itemprop=\"url\" class = \"hfe-menu-item\">Message<\/a><\/li>\n<li id=\"menu-item-7526\" itemprop=\"name\" class=\"menu-item menu-item-type-custom menu-item-object-custom parent hfe-creative-menu\"><a href=\"#Results\" itemprop=\"url\" class = \"hfe-menu-item\">Results<\/a><\/li>\n<\/ul> \n\t\t\t\t<\/nav>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2740712 e-transform elementor-widget elementor-widget-html\" data-id=\"2740712\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_transform_translateX_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-13,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* Button Styling *\/\r\n    .book-call-btn {\r\n        background-color: #2B4178; \/* Button color kept as is *\/\r\n        color: #ffffff;            \r\n        font-size: 18px;           \r\n        font-weight: 600;\r\n        padding: 12px 28px;        \r\n        border: none;\r\n        border-radius: 6px;\r\n        cursor: pointer;\r\n        font-family: inherit;      \r\n        transition: background-color 0.3s ease, transform 0.2s ease;\r\n        display: inline-block;\r\n        line-height: 1;\r\n    }\r\n\r\n    \/* Hover State *\/\r\n    .book-call-btn:hover {\r\n        background-color: #0056b3; \r\n        transform: translateY(-1px);\r\n    }\r\n\r\n    \/* Active State *\/\r\n    .book-call-btn:active {\r\n        transform: translateY(0);\r\n    }\r\n<\/style>\r\n\r\n<script type=\"text\/javascript\">\r\n  (function (C, A, L) { \r\n    let p = function (a, ar) { a.q.push(ar); }; \r\n    let d = C.document; \r\n    C.Cal = C.Cal || function () { \r\n      let cal = C.Cal; \r\n      let ar = arguments; \r\n      if (!cal.loaded) { \r\n        cal.ns = {}; \r\n        cal.q = cal.q || []; \r\n        d.head.appendChild(d.createElement(\"script\")).src = A; \r\n        cal.loaded = true; \r\n      } \r\n      if (ar[0] === L) { \r\n        const api = function () { p(api, arguments); }; \r\n        const namespace = ar[1]; \r\n        api.q = api.q || []; \r\n        if(typeof namespace === \"string\"){\r\n          cal.ns[namespace] = cal.ns[namespace] || api;\r\n          p(cal.ns[namespace], ar);\r\n          p(cal, [\"initNamespace\", namespace]);\r\n        } else p(cal, ar); \r\n        return;\r\n      } \r\n      p(cal, ar); \r\n    }; \r\n  })(window, \"https:\/\/app.cal.com\/embed\/embed.js\", \"init\");\r\n  \r\n  Cal(\"init\", \"30min\", {origin:\"https:\/\/app.cal.com\"});\r\n\r\n  \/\/ Updated styling to match your preferred theme\r\n  Cal.ns[\"30min\"](\"ui\", {\r\n    \"theme\": \"dark\",\r\n    \"cssVarsPerTheme\": {\r\n      \"light\": {\"cal-brand\": \"#2f365e\"},\r\n      \"dark\": {\r\n        \"cal-brand\": \"#b4b4b4\",   \/* Changed to match your previous code preference *\/\r\n        \"cal-bg\": \"#000000\", \r\n        \"cal-text\": \"#ffffff\",\r\n        \"cal-border\": \"#1a1a1a\"\r\n      }\r\n    },\r\n    \"hideEventTypeDetails\": false,\r\n    \"layout\": \"month_view\"\r\n  });\r\n<\/script>\r\n\r\n<button class=\"book-call-btn\" \r\n        data-cal-link=\"anickchy\/30min\" \r\n        data-cal-namespace=\"30min\" \r\n        data-cal-config='{\"layout\":\"month_view\",\"useSlotsViewOnSmallScreen\":\"true\",\"theme\":\"dark\"}'>\r\n    Book A Call\r\n<\/button>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cb32af2 e-transform e-flex e-con-boxed e-con e-parent\" data-id=\"cb32af2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;,&quot;_transform_translateY_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-40,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-24e4c19 e-transform elementor-widget__width-auto elementor-widget elementor-widget-heading\" data-id=\"24e4c19\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_transform_translateX_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:74,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:58,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Grow Faster &amp; Get Leads<br> with Video Content<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b0fcdd6 e-transform e-transform elementor-widget-mobile__width-auto elementor-widget__width-auto elementor-widget elementor-widget-text-editor\" data-id=\"b0fcdd6\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_transform_translateY_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-53,&quot;sizes&quot;:[]},&quot;_transform_scale_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.3,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:41,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.2,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Helping Influencers, Consultants, Agencies, and Companies grow\u00a0<\/p><p><span style=\"font-style: inherit; font-weight: inherit; background-color: transparent;\">through\u00a0<\/span><span style=\"font-style: inherit; font-weight: inherit; background-color: transparent;\">strategic video content and social media funnels.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0901d3b elementor-widget__width-auto elementor-widget elementor-widget-html\" data-id=\"0901d3b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* --- Button Container --- *\/\r\n  .popup-buttons-container {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    gap: 1in;\r\n    padding: 40px 20px;\r\n    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n  }\r\n\r\n  \/* --- Base Button Styles --- *\/\r\n  .popup-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 12px;\r\n    padding: 16px 40px;\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    color: #ffffff !important;  \/* Force white text *\/\r\n    border: none;\r\n    border-radius: 50px;\r\n    cursor: pointer;\r\n    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    letter-spacing: 0.5px;\r\n    background: linear-gradient(135deg, #0a0f1d 0%, #1a1f35 50%, #0a0f1d 100%);\r\n    border: 1px solid rgba(59, 130, 246, 0.3);\r\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(25, 35, 70, 0.5);\r\n    text-decoration: none;\r\n  }\r\n\r\n  .popup-btn:hover {\r\n    background: linear-gradient(135deg, #131929 0%, #1e3a5f 50%, #131929 100%);\r\n    border-color: rgba(59, 130, 246, 0.6);\r\n    transform: translateY(-4px) scale(1.02);\r\n    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5), 0 0 20px rgba(59, 130, 246, 0.15);\r\n  }\r\n\r\n  .popup-btn svg {\r\n    width: 20px;\r\n    height: 20px;\r\n    fill: currentColor;\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .popup-buttons-container { flex-direction: column; gap: 20px; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"popup-buttons-container\">\r\n  \r\n  <a href=\"https:\/\/avemedia.net\/?page_id=8935\" class=\"popup-btn\">\r\n    <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n      <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1.41 16.09V20h-2.67v-1.93c-1.71-.36-3.16-1.46-3.27-3.4h1.96c.1 1.05.82 1.87 2.65 1.87 1.96 0 2.4-.98 2.4-1.59 0-.83-.44-1.61-2.67-2.14-2.48-.6-4.18-1.62-4.18-3.67 0-1.72 1.39-2.84 3.11-3.21V4h2.67v1.95c1.86.45 2.79 1.86 2.85 3.39H14.3c-.05-1.11-.64-1.87-2.22-1.87-1.5 0-2.4.68-2.4 1.64 0 .84.65 1.39 2.67 1.91s4.18 1.39 4.18 3.91c-.01 1.83-1.38 2.83-3.12 3.16z\"\/>\r\n    <\/svg>\r\n    See Price\r\n  <\/a>\r\n\r\n  <button \r\n    class=\"popup-btn\" \r\n    data-cal-link=\"anickchy\/30min\" \r\n    data-cal-namespace=\"30min\" \r\n    data-cal-config='{\"layout\":\"month_view\",\"useSlotsViewOnSmallScreen\":\"true\",\"theme\":\"dark\"}'>\r\n    <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n      <path d=\"M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM9 10H7v2h2v-2zm4 0h-2v2h2v-2zm4 0h-2v2h2v-2zm-8 4H7v2h2v-2zm4 0h-2v2h2v-2zm4 0h-2v2h2v-2z\"\/>\r\n    <\/svg>\r\n    Book A Call\r\n  <\/button>\r\n\r\n<\/div>\r\n\r\n<script type=\"text\/javascript\">\r\n  (function (C, A, L) { \r\n    let p = function (a, ar) { a.q.push(ar); }; \r\n    let d = C.document; \r\n    C.Cal = C.Cal || function () { \r\n      let cal = C.Cal; \r\n      let ar = arguments; \r\n      if (!cal.loaded) { \r\n        cal.ns = {}; \r\n        cal.q = cal.q || []; \r\n        d.head.appendChild(d.createElement(\"script\")).src = A; \r\n        cal.loaded = true; \r\n      } \r\n      if (ar[0] === L) { \r\n        const api = function () { p(api, arguments); }; \r\n        const namespace = ar[1]; \r\n        api.q = api.q || []; \r\n        if(typeof namespace === \"string\"){\r\n          cal.ns[namespace] = cal.ns[namespace] || api;\r\n          p(cal.ns[namespace], ar);\r\n          p(cal, [\"initNamespace\", namespace]);\r\n        } else p(cal, ar); \r\n        return;\r\n      } \r\n      p(cal, ar); \r\n    }; \r\n  })(window, \"https:\/\/app.cal.com\/embed\/embed.js\", \"init\");\r\n\r\n  Cal(\"init\", \"30min\", {origin:\"https:\/\/app.cal.com\"});\r\n\r\n  Cal.ns[\"30min\"](\"ui\", {\r\n    \"cssVarsPerTheme\": {\r\n      \"light\": {\"cal-brand\": \"#2f365e\"},\r\n      \"dark\": {\"cal-brand\": \"#b4b4b4\"}\r\n    },\r\n    \"hideEventTypeDetails\": false,\r\n    \"layout\": \"month_view\",\r\n    \"theme\": \"dark\"\r\n  });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a83e4b9 e-flex e-con-boxed e-con e-parent\" data-id=\"a83e4b9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d9adf0c elementor-widget elementor-widget-video\" data-id=\"d9adf0c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;vimeo&quot;,&quot;loop&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<iframe class=\"elementor-video-iframe\" allowfullscreen allow=\"clipboard-write\" title=\"vimeo Video Player\" src=\"https:\/\/player.vimeo.com\/video\/1173429850?color&amp;autopause=0&amp;loop=1&amp;muted=0&amp;title=0&amp;portrait=0&amp;byline=0#t=\"><\/iframe>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d01bc97 e-flex e-con-boxed e-con e-parent\" data-id=\"d01bc97\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-e277fb6 e-con-full e-flex e-con e-child\" data-id=\"e277fb6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a61c7bc elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"a61c7bc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-star\" viewBox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f43dac1 elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"f43dac1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-star\" viewBox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-360ba38 elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"360ba38\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-star\" viewBox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-927b253 elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"927b253\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-star\" viewBox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e70a0cf elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"e70a0cf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-star\" viewBox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c468229 e-con-full e-flex e-con e-child\" data-id=\"c468229\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-83e2a46 elementor-widget elementor-widget-text-editor\" data-id=\"83e2a46\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>We create captivating, dynamic video content.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0f3fa93 e-flex e-con-boxed e-con e-parent\" data-id=\"0f3fa93\" data-element_type=\"container\" data-e-type=\"container\" id=\"ourwork\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0865232 elementor-widget elementor-widget-html\" data-id=\"0865232\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"Ourwork\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Our Work | Video Editing Agency<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <style>\n        \/* Custom Scrollbar for the tab container *\/\n        .no-scrollbar::-webkit-scrollbar {\n            display: none;\n        }\n        .no-scrollbar {\n            -ms-overflow-style: none;\n            scrollbar-width: none;\n        }\n        \n        \/* Fade In Animation *\/\n        @keyframes fadeIn {\n            from { opacity: 0; transform: translateY(10px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n        .animate-fade-in {\n            animation: fadeIn 0.5s ease-out forwards;\n        }\n\n        \/* Vimeo Container Aspect Ratio *\/\n        .vimeo-wrapper {\n            position: relative;\n            padding-bottom: 56.25%; \/* 16:9 *\/\n            height: 0;\n            overflow: hidden;\n            background-color: #0f172a; \/* Fallback color *\/\n        }\n        .vimeo-wrapper iframe {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n        }\n    <\/style>\n<base target=\"_blank\">\n<\/head>\n<body class=\"bg-[#02040a] text-white min-h-screen font-sans antialiased selection:bg-blue-500 selection:text-white\">\n\n    <!-- Main Container -->\n    <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12\">\n        \n        <!-- Header -->\n        <div class=\"text-center mb-12\">\n            <h1 class=\"text-4xl md:text-5xl font-bold tracking-tight text-white mb-4\">Our Work<\/h1>\n            <div class=\"h-1 w-24 bg-blue-600 mx-auto rounded-full\"><\/div>\n        <\/div>\n\n        <!-- Tab Navigation - 4 Tabs Only -->\n        <div class=\"flex flex-wrap justify-center gap-2 md:gap-4 mb-12 border-b border-slate-800 pb-4\">\n            <button onclick=\"switchTab('long')\" id=\"tab-long\" class=\"tab-btn px-6 py-3 text-sm md:text-base font-medium rounded-lg transition-all duration-300 hover:bg-slate-800 focus:outline-none\">\n                Long Video Edits\n            <\/button>\n            <button onclick=\"switchTab('short')\" id=\"tab-short\" class=\"tab-btn px-6 py-3 text-sm md:text-base font-medium rounded-lg transition-all duration-300 hover:bg-slate-800 focus:outline-none\">\n                Short Video Edits\n            <\/button>\n            <button onclick=\"switchTab('podcast')\" id=\"tab-podcast\" class=\"tab-btn px-6 py-3 text-sm md:text-base font-medium rounded-lg transition-all duration-300 hover:bg-slate-800 focus:outline-none\">\n                Podcasts Edits\n            <\/button>\n            <button onclick=\"switchTab('realestate')\" id=\"tab-realestate\" class=\"tab-btn px-6 py-3 text-sm md:text-base font-medium rounded-lg transition-all duration-300 hover:bg-slate-800 focus:outline-none\">\n                Real Estates Edits\n            <\/button>\n        <\/div>\n\n        <!-- Content Area - 3 Rows x 2 Columns -->\n        <div id=\"content-area\" class=\"grid grid-cols-1 md:grid-cols-2 gap-8 max-w-5xl mx-auto\">\n            <!-- Content injected via JS -->\n        <\/div>\n\n    <\/div>\n\n    <script>\n        \/\/ Extract Video ID from Vimeo URL\n        function extractVimeoId(url) {\n            const match = url.match(\/vimeo\\.com\\\/(\\d+)\/);\n            return match ? match[1] : null;\n        }\n\n        \/\/ Data Structure for Videos - 4 Tabs with Real Links\n        const portfolioData = {\n            long: [\n                \"https:\/\/vimeo.com\/1174558788?fl=pl&fe=sh\",\n                \"https:\/\/vimeo.com\/1153387552?fl=pl&fe=cm\",\n                \"https:\/\/vimeo.com\/1037927453?fl=pl&fe=cm\",\n                \"https:\/\/vimeo.com\/1116928440?fl=pl&fe=cm\",\n                \"https:\/\/vimeo.com\/1164081200?fl=pl&fe=cm\",\n                \"https:\/\/vimeo.com\/1174561009?fl=pl&fe=sh\"\n            ],\n            short: [\n                \"https:\/\/vimeo.com\/1070869344?fl=pl&fe=cm\",\n                \"https:\/\/vimeo.com\/1148458577?fl=pl&fe=cm\",\n                \"https:\/\/vimeo.com\/1020391905?fl=pl&fe=cm\",\n                \"https:\/\/vimeo.com\/1168418461?fl=pl&fe=cm\",\n                \"https:\/\/vimeo.com\/1168418237?fl=ip&fe=ec\",\n                \"https:\/\/vimeo.com\/1168418158?fl=pl&fe=cm\"\n            ],\n            podcast: [\n                \"https:\/\/vimeo.com\/1162820283?fl=pl&fe=cm\",\n                \"https:\/\/vimeo.com\/1162822775?fl=pl&fe=cm\",\n                \"https:\/\/vimeo.com\/1162503282?fl=pl&fe=cm\",\n                \"https:\/\/vimeo.com\/1162504513?fl=pl&fe=cm\",\n                \"https:\/\/vimeo.com\/1163877389?fl=pl&fe=cm\",\n                \"https:\/\/vimeo.com\/1163141250?fl=pl&fe=cm\"\n            ],\n            realestate: [\n                \"https:\/\/vimeo.com\/1169478855?fl=pl&fe=cm\",\n                \"https:\/\/vimeo.com\/1169069205?fl=pl&fe=cm\",\n                \"https:\/\/vimeo.com\/1170935736?fl=pl&fe=cm\",\n                \"https:\/\/vimeo.com\/1168980959?fl=pl&fe=cm\",\n                \"https:\/\/vimeo.com\/1169063381?fl=pl&fe=cm\",\n                \"https:\/\/vimeo.com\/1074445133?fl=pl&fe=cm\"\n            ]\n        };\n\n        \/\/ Function to generate HTML for a single video card\n        function createVideoCard(videoUrl) {\n            const videoId = extractVimeoId(videoUrl);\n            if (!videoId) return '';\n            \n            return `\n                <div class=\"group relative bg-slate-900\/50 rounded-xl overflow-hidden border border-slate-800 hover:border-blue-500\/50 transition-all duration-300 hover:shadow-2xl hover:shadow-blue-900\/20 animate-fade-in\">\n                    <div class=\"vimeo-wrapper rounded-xl\">\n                        <iframe \n                            src=\"https:\/\/player.vimeo.com\/video\/${videoId}?badge=0&autopause=0&player_id=0&app_id=58479&title=0&byline=0&portrait=0\" \n                            frameborder=\"0\" \n                            allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media\" \n                            style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" \n                            title=\"Vimeo Video Player\">\n                        <\/iframe>\n                    <\/div>\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-slate-950 via-transparent to-transparent opacity-60 pointer-events-none rounded-xl\"><\/div>\n                <\/div>\n            `;\n        }\n\n        \/\/ Function to switch tabs\n        function switchTab(category) {\n            const contentArea = document.getElementById('content-area');\n            const buttons = document.querySelectorAll('.tab-btn');\n            \n            \/\/ Reset all buttons\n            buttons.forEach(btn => {\n                btn.classList.remove('bg-blue-600', 'text-white', 'shadow-lg', 'shadow-blue-900\/50');\n                btn.classList.add('text-slate-400');\n            });\n\n            \/\/ Activate current button\n            const activeBtn = document.getElementById(`tab-${category}`);\n            activeBtn.classList.remove('text-slate-400');\n            activeBtn.classList.add('bg-blue-600', 'text-white', 'shadow-lg', 'shadow-blue-900\/50');\n\n            \/\/ Clear content\n            contentArea.innerHTML = '';\n\n            \/\/ Generate new content with staggered animation delay\n            const videos = portfolioData[category];\n            videos.forEach((videoUrl, index) => {\n                const cardHTML = createVideoCard(videoUrl);\n                if (!cardHTML) return;\n                \n                \/\/ Convert string to DOM element to manipulate style\n                const tempDiv = document.createElement('div');\n                tempDiv.innerHTML = cardHTML;\n                const card = tempDiv.firstElementChild;\n                \n                \/\/ Add staggered delay\n                card.style.animationDelay = `${index * 100}ms`;\n                \n                contentArea.appendChild(card);\n            });\n        }\n\n        \/\/ Initialize\n        document.addEventListener('DOMContentLoaded', () => {\n            switchTab('long');\n        });\n    <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9add2bf elementor-widget elementor-widget-html\" data-id=\"9add2bf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Button Demo<\/title>\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            min-height: 100vh;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n        }\n\n        .button-container {\n            display: flex;\n            gap: 2rem;\n            flex-wrap: wrap;\n            justify-content: center;\n            padding: 2rem;\n        }\n\n        .nav-button {\n            position: relative;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            padding: 1.2rem 2.5rem;\n            background: linear-gradient(145deg, #1e3a5f 0%, #0d2137 100%);\n            color: #ffffff;\n            text-decoration: none;\n            font-size: 1.1rem;\n            font-weight: 600;\n            letter-spacing: 0.5px;\n            border-radius: 12px;\n            border: none;\n            cursor: pointer;\n            box-shadow: \n                0 4px 15px rgba(30, 58, 95, 0.3),\n                0 8px 25px rgba(30, 58, 95, 0.2);\n            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n            overflow: hidden;\n        }\n\n        .nav-button::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: -100%;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(\n                90deg,\n                transparent,\n                rgba(255, 255, 255, 0.2),\n                transparent\n            );\n            transition: left 0.5s;\n        }\n\n        .nav-button:hover::before {\n            left: 100%;\n        }\n\n        .nav-button:hover {\n            transform: translateY(-3px) scale(1.02);\n            box-shadow: \n                0 8px 25px rgba(30, 58, 95, 0.4),\n                0 15px 35px rgba(30, 58, 95, 0.3);\n            background: linear-gradient(145deg, #234b7a 0%, #152a45 100%);\n        }\n\n        .nav-button:active {\n            transform: translateY(-1px) scale(0.98);\n            box-shadow: 0 4px 15px rgba(30, 58, 95, 0.3);\n        }\n\n        .nav-button svg {\n            width: 20px;\n            height: 20px;\n            margin-right: 12px;\n            fill: currentColor;\n            transition: transform 0.3s ease;\n        }\n\n        .nav-button:hover svg {\n            transform: scale(1.1) rotate(5deg);\n        }\n\n        \/* Responsive *\/\n        @media (max-width: 600px) {\n            .button-container {\n                flex-direction: column;\n                gap: 1.5rem;\n            }\n            \n            .nav-button {\n                width: 100%;\n                max-width: 300px;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"button-container\">\n        <a href=\"https:\/\/avemedia.net\/?page_id=9850\" class=\"nav-button\" target=\"_blank\">\n            <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                <path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V5h14v14zm-5-7l-3 3.72L9 13l-3 4h12l-4-5z\"\/>\n            <\/svg>\n            Thumbnails\n        <\/a>\n        \n        <a href=\"https:\/\/avemedia.net\/?page_id=9863\" class=\"nav-button\" target=\"_blank\">\n            <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z\"\/>\n            <\/svg>\n            Social Media Design\n        <\/a>\n    <\/div>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7a4114d e-con-full e-flex e-con e-parent\" data-id=\"7a4114d\" data-element_type=\"container\" data-e-type=\"container\" id=\"Services\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f4aba8c elementor-widget__width-auto elementor-widget elementor-widget-html\" data-id=\"f4aba8c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \r\n  TRENDY OUR SERVICES SECTION FOR WORDPRESS ELEMENTOR\r\n  Theme: Deep Navy Blue with Black Background\r\n  Features: Glassmorphism cards, hover glow effects, smooth animations\r\n  \r\n  Instructions for Elementor:\r\n  1. Add an HTML widget to your page\r\n  2. Paste this entire code into the HTML widget\r\n  3. The section is fully responsive and self-contained\r\n-->\r\n\r\n<style>\r\n  \/* ===== CSS VARIABLES ===== *\/\r\n  :root {\r\n    --navy-dark: #0a0e1a;\r\n    --navy-medium: #0f172a;\r\n    --navy-light: #1e293b;\r\n    --navy-accent: #1e3a5f;\r\n    --blue-glow: #3b82f6;\r\n    --blue-bright: #60a5fa;\r\n    --text-white: #ffffff;\r\n    --text-gray: #94a3b8;\r\n    --text-light-gray: #cbd5e1;\r\n    --gradient-start: #1e3a5f;\r\n    --gradient-end: #0f172a;\r\n  }\r\n\r\n  \/* ===== SECTION CONTAINER ===== *\/\r\n  .services-section {\r\n    background: linear-gradient(180deg, #000000 0%, var(--navy-dark) 50%, #000000 100%);\r\n    padding: 100px 20px;\r\n    position: relative;\r\n    overflow: hidden;\r\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n  }\r\n\r\n  \/* Background glow effects *\/\r\n  .services-section::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -50%;\r\n    left: -10%;\r\n    width: 500px;\r\n    height: 500px;\r\n    background: radial-gradient(circle, rgba(59, 130, 246, 0.08) 0%, transparent 70%);\r\n    border-radius: 50%;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .services-section::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: -30%;\r\n    right: -10%;\r\n    width: 600px;\r\n    height: 600px;\r\n    background: radial-gradient(circle, rgba(30, 58, 95, 0.1) 0%, transparent 70%);\r\n    border-radius: 50%;\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* ===== CONTAINER ===== *\/\r\n  .services-container {\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n\r\n  \/* ===== SECTION HEADER ===== *\/\r\n  .services-header {\r\n    text-align: center;\r\n    margin-bottom: 80px;\r\n  }\r\n\r\n  .services-label {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    background: linear-gradient(135deg, rgba(30, 58, 95, 0.5), rgba(15, 23, 42, 0.5));\r\n    border: 1px solid rgba(59, 130, 246, 0.3);\r\n    padding: 10px 24px;\r\n    border-radius: 50px;\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    color: var(--blue-bright);\r\n    text-transform: uppercase;\r\n    letter-spacing: 2px;\r\n    margin-bottom: 24px;\r\n    backdrop-filter: blur(10px);\r\n  }\r\n\r\n  .services-label::before {\r\n    content: '\u2726';\r\n    color: var(--blue-glow);\r\n  }\r\n\r\n  .services-title {\r\n    font-size: clamp(2.5rem, 5vw, 4rem);\r\n    font-weight: 800;\r\n    color: var(--text-white);\r\n    margin: 0 0 20px 0;\r\n    line-height: 1.1;\r\n    letter-spacing: -1px;\r\n  }\r\n\r\n  .services-title span {\r\n    background: linear-gradient(135deg, var(--blue-bright), #8b5cf6);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n  }\r\n\r\n  .services-subtitle {\r\n    font-size: 1.125rem;\r\n    color: var(--text-gray);\r\n    max-width: 600px;\r\n    margin: 0 auto;\r\n    line-height: 1.7;\r\n  }\r\n\r\n  \/* ===== SERVICES GRID ===== *\/\r\n  .services-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));\r\n    gap: 30px;\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .services-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n  }\r\n\r\n  \/* ===== SERVICE CARD ===== *\/\r\n  .service-card {\r\n    position: relative;\r\n    background: linear-gradient(145deg, var(--navy-medium), var(--navy-dark));\r\n    border-radius: 24px;\r\n    padding: 40px 35px;\r\n    overflow: hidden;\r\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n    border: 1px solid rgba(255, 255, 255, 0.05);\r\n    cursor: pointer;\r\n  }\r\n\r\n  \/* Card gradient border effect *\/\r\n  .service-card::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    border-radius: 24px;\r\n    padding: 1px;\r\n    background: linear-gradient(135deg, rgba(59, 130, 246, 0.3), transparent 50%, rgba(139, 92, 246, 0.2));\r\n    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\r\n    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\r\n    -webkit-mask-composite: xor;\r\n    mask-composite: exclude;\r\n    opacity: 0.5;\r\n    transition: opacity 0.4s ease;\r\n  }\r\n\r\n  \/* Card glow effect on hover *\/\r\n  .service-card::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: radial-gradient(circle at center, rgba(59, 130, 246, 0.15) 0%, transparent 70%);\r\n    transform: translate(-50%, -50%) scale(0.8);\r\n    opacity: 0;\r\n    transition: all 0.5s ease;\r\n    pointer-events: none;\r\n    border-radius: 24px;\r\n  }\r\n\r\n  .service-card:hover {\r\n    transform: translateY(-8px);\r\n    border-color: rgba(59, 130, 246, 0.2);\r\n    box-shadow: \r\n      0 20px 60px -15px rgba(0, 0, 0, 0.5),\r\n      0 0 40px -10px rgba(59, 130, 246, 0.2);\r\n  }\r\n\r\n  .service-card:hover::before {\r\n    opacity: 1;\r\n  }\r\n\r\n  .service-card:hover::after {\r\n    opacity: 1;\r\n    transform: translate(-50%, -50%) scale(1);\r\n  }\r\n\r\n  \/* ===== CARD NUMBER ===== *\/\r\n  .service-number {\r\n    position: absolute;\r\n    top: 25px;\r\n    right: 25px;\r\n    font-size: 4rem;\r\n    font-weight: 900;\r\n    color: transparent;\r\n    -webkit-text-stroke: 1px rgba(59, 130, 246, 0.3);\r\n    line-height: 1;\r\n    opacity: 0.5;\r\n    transition: all 0.4s ease;\r\n  }\r\n\r\n  .service-card:hover .service-number {\r\n    opacity: 1;\r\n    -webkit-text-stroke: 1px var(--blue-glow);\r\n    text-shadow: 0 0 30px rgba(59, 130, 246, 0.5);\r\n  }\r\n\r\n  \/* ===== CARD ICON ===== *\/\r\n  .service-icon-wrapper {\r\n    width: 70px;\r\n    height: 70px;\r\n    background: linear-gradient(135deg, rgba(59, 130, 246, 0.2), rgba(139, 92, 246, 0.1));\r\n    border-radius: 20px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-bottom: 25px;\r\n    position: relative;\r\n    transition: all 0.4s ease;\r\n    border: 1px solid rgba(59, 130, 246, 0.2);\r\n  }\r\n\r\n  .service-icon-wrapper::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: -2px;\r\n    border-radius: 22px;\r\n    background: linear-gradient(135deg, var(--blue-glow), #8b5cf6);\r\n    opacity: 0;\r\n    transition: opacity 0.4s ease;\r\n    z-index: -1;\r\n  }\r\n\r\n  .service-card:hover .service-icon-wrapper {\r\n    transform: scale(1.1) rotate(5deg);\r\n    background: linear-gradient(135deg, rgba(59, 130, 246, 0.3), rgba(139, 92, 246, 0.2));\r\n  }\r\n\r\n  .service-card:hover .service-icon-wrapper::before {\r\n    opacity: 0.5;\r\n  }\r\n\r\n  .service-icon {\r\n    width: 32px;\r\n    height: 32px;\r\n    color: var(--blue-bright);\r\n    transition: all 0.4s ease;\r\n  }\r\n\r\n  .service-card:hover .service-icon {\r\n    color: var(--text-white);\r\n    transform: scale(1.1);\r\n  }\r\n\r\n  \/* ===== CARD CONTENT ===== *\/\r\n  .service-title {\r\n    font-size: 1.5rem;\r\n    font-weight: 700;\r\n    color: var(--text-white);\r\n    margin: 0 0 15px 0;\r\n    transition: color 0.3s ease;\r\n  }\r\n\r\n  .service-card:hover .service-title {\r\n    color: var(--blue-bright);\r\n  }\r\n\r\n  .service-description {\r\n    font-size: 0.95rem;\r\n    color: var(--text-gray);\r\n    line-height: 1.7;\r\n    margin: 0 0 25px 0;\r\n  }\r\n\r\n  \/* ===== CARD FOOTER \/ LINK ===== *\/\r\n  .service-link {\r\n    https:\/\/avemedia.net\/message\/: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    color: var(--text-light-gray);\r\n    font-size: 0.9rem;\r\n    font-weight: 600;\r\n    text-decoration: none;\r\n    transition: all 0.3s ease;\r\n    position: relative;\r\n  }\r\n\r\n  .service-link::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: -2px;\r\n    left: 0;\r\n    width: 0;\r\n    height: 2px;\r\n    background: linear-gradient(90deg, var(--blue-glow), #8b5cf6);\r\n    transition: width 0.3s ease;\r\n  }\r\n\r\n  .service-link svg {\r\n    width: 18px;\r\n    height: 18px;\r\n    transition: transform 0.3s ease;\r\n  }\r\n\r\n  .service-card:hover .service-link {\r\n    color: var(--blue-bright);\r\n    gap: 15px;\r\n  }\r\n\r\n  .service-card:hover .service-link::after {\r\n    width: 100%;\r\n  }\r\n\r\n  .service-card:hover .service-link svg {\r\n    transform: translateX(5px);\r\n  }\r\n\r\n  \/* ===== FLOATING PARTICLES ===== *\/\r\n  .particles {\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 100%;\r\n    top: 0;\r\n    left: 0;\r\n    pointer-events: none;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .particle {\r\n    position: absolute;\r\n    width: 4px;\r\n    height: 4px;\r\n    background: var(--blue-glow);\r\n    border-radius: 50%;\r\n    opacity: 0.3;\r\n    animation: float 15s infinite ease-in-out;\r\n  }\r\n\r\n  .particle:nth-child(1) { left: 10%; animation-delay: 0s; }\r\n  .particle:nth-child(2) { left: 30%; animation-delay: 2s; }\r\n  .particle:nth-child(3) { left: 50%; animation-delay: 4s; }\r\n  .particle:nth-child(4) { left: 70%; animation-delay: 6s; }\r\n  .particle:nth-child(5) { left: 90%; animation-delay: 8s; }\r\n\r\n  @keyframes float {\r\n    0%, 100% {\r\n      transform: translateY(100vh) scale(0);\r\n      opacity: 0;\r\n    }\r\n    10% {\r\n      opacity: 0.3;\r\n    }\r\n    90% {\r\n      opacity: 0.3;\r\n    }\r\n    100% {\r\n      transform: translateY(-100px) scale(1);\r\n      opacity: 0;\r\n    }\r\n  }\r\n\r\n  \/* ===== CTA BUTTON ===== *\/\r\n  .services-cta {\r\n    text-align: center;\r\n    margin-top: 60px;\r\n  }\r\n\r\n  .cta-button {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    background: linear-gradient(135deg, var(--blue-glow), #2563eb);\r\n    color: var(--text-white);\r\n    padding: 18px 40px;\r\n    border-radius: 50px;\r\n    font-size: 1rem;\r\n    font-weight: 600;\r\n    text-decoration: none;\r\n    border: none;\r\n    cursor: pointer;\r\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n    box-shadow: 0 10px 30px -10px rgba(59, 130, 246, 0.5);\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .cta-button::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: -100%;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);\r\n    transition: left 0.5s ease;\r\n  }\r\n\r\n  .cta-button:hover {\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 20px 40px -10px rgba(59, 130, 246, 0.6);\r\n  }\r\n\r\n  .cta-button:hover::before {\r\n    left: 100%;\r\n  }\r\n\r\n  .cta-button svg {\r\n    width: 20px;\r\n    height: 20px;\r\n    transition: transform 0.3s ease;\r\n  }\r\n\r\n  .cta-button:hover svg {\r\n    transform: translateX(5px);\r\n  }\r\n\r\n  \/* ===== RESPONSIVE ===== *\/\r\n  @media (max-width: 768px) {\r\n    .services-section {\r\n      padding: 60px 15px;\r\n    }\r\n\r\n    .services-header {\r\n      margin-bottom: 50px;\r\n    }\r\n\r\n    .services-grid {\r\n      gap: 20px;\r\n    }\r\n\r\n    .service-card {\r\n      padding: 30px 25px;\r\n    }\r\n\r\n    .service-number {\r\n      font-size: 3rem;\r\n      top: 20px;\r\n      right: 20px;\r\n    }\r\n\r\n    .service-icon-wrapper {\r\n      width: 60px;\r\n      height: 60px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<!-- ===== SERVICES SECTION ===== -->\r\n<section class=\"services-section\">\r\n  <!-- Floating Particles -->\r\n  <div class=\"particles\">\r\n    <div class=\"particle\"><\/div>\r\n    <div class=\"particle\"><\/div>\r\n    <div class=\"particle\"><\/div>\r\n    <div class=\"particle\"><\/div>\r\n    <div class=\"particle\"><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"services-container\">\r\n    <!-- Section Header -->\r\n    <div class=\"services-header\">\r\n      <div class=\"services-label\">What We Do<\/div>\r\n      <h2 class=\"services-title\">Our <span>Services<\/span><\/h2>\r\n      <p class=\"services-subtitle\">We provide premium content creation and editing services to help you grow your digital presence and engage your audience like never before.<\/p>\r\n    <\/div>\r\n\r\n    <!-- Services Grid -->\r\n    <div class=\"services-grid\">\r\n      \r\n      <!-- Service 1: YouTube Video Editing -->\r\n      <div class=\"service-card\">\r\n        <span class=\"service-number\">01<\/span>\r\n        <div class=\"service-icon-wrapper\">\r\n          <svg class=\"service-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <path d=\"M2.5 17a24.12 24.12 0 0 1 0-10 2 2 0 0 1 1.4-1.4 49.56 49.56 0 0 1 16.2 0A2 2 0 0 1 21.5 7a24.12 24.12 0 0 1 0 10 2 2 0 0 1-1.4 1.4 49.55 49.55 0 0 1-16.2 0A2 2 0 0 1 2.5 17\"\/>\r\n            <path d=\"m10 15 5-3-5-3z\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3 class=\"service-title\">YouTube Video Editing<\/h3>\r\n        <p class=\"service-description\">Professional YouTube video editing with clean cuts, smooth transitions, motion graphics, engaging visuals, and polished storytelling that keeps viewers hooked.<\/p>\r\n        <a href=\"https:\/\/avemedia.net\/?page_id=7812\" class=\"service-link\">\r\n          Message us for details\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <path d=\"M5 12h14\"\/>\r\n            <path d=\"m12 5 7 7-7 7\"\/>\r\n          <\/svg>\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <!-- Service 2: Podcast Editing -->\r\n      <div class=\"service-card\">\r\n        <span class=\"service-number\">02<\/span>\r\n        <div class=\"service-icon-wrapper\">\r\n          <svg class=\"service-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <path d=\"M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z\"\/>\r\n            <path d=\"M19 10v2a7 7 0 0 1-14 0v-2\"\/>\r\n            <line x1=\"12\" x2=\"12\" y1=\"19\" y2=\"22\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3 class=\"service-title\">Podcast Editing<\/h3>\r\n        <p class=\"service-description\">Professional podcast editing with clear audio, multi-cam support, noise reduction, smooth pacing, and trailer intros that make your podcast stand out.<\/p>\r\n        <a href=\"https:\/\/avemedia.net\/?page_id=7812\" class=\"service-link\">\r\n          Message us for details\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <path d=\"M5 12h14\"\/>\r\n            <path d=\"m12 5 7 7-7 7\"\/>\r\n          <\/svg>\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <!-- Service 3: Short Form Editing -->\r\n      <div class=\"service-card\">\r\n        <span class=\"service-number\">03<\/span>\r\n        <div class=\"service-icon-wrapper\">\r\n          <svg class=\"service-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <rect width=\"14\" height=\"20\" x=\"5\" y=\"2\" rx=\"2\" ry=\"2\"\/>\r\n            <path d=\"M12 18h.01\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3 class=\"service-title\">Short Form Editing<\/h3>\r\n        <p class=\"service-description\">High-impact, captioned, and animated short-form video editing optimized specifically for Reels, Shorts, and TikTok to maximize engagement and reach.<\/p>\r\n        <a href=\"https:\/\/avemedia.net\/?page_id=7812\" class=\"service-link\">\r\n         Message us for details\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <path d=\"M5 12h14\"\/>\r\n            <path d=\"m12 5 7 7-7 7\"\/>\r\n          <\/svg>\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <!-- Service 4: Thumbnail Design -->\r\n      <div class=\"service-card\">\r\n        <span class=\"service-number\">04<\/span>\r\n        <div class=\"service-icon-wrapper\">\r\n          <svg class=\"service-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\" ry=\"2\"\/>\r\n            <circle cx=\"9\" cy=\"9\" r=\"2\"\/>\r\n            <path d=\"m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3 class=\"service-title\">Thumbnail Design<\/h3>\r\n        <p class=\"service-description\">Click-worthy custom thumbnail designs that grab attention, improve CTR, and perfectly represent your content's value with stunning visuals.<\/p>\r\n        <a href=\"https:\/\/avemedia.net\/?page_id=7812\" class=\"service-link\">\r\n          Message us for details\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <path d=\"M5 12h14\"\/>\r\n            <path d=\"m12 5 7 7-7 7\"\/>\r\n          <\/svg>\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <!-- Service 5: Social Media Design -->\r\n      <div class=\"service-card\">\r\n        <span class=\"service-number\">05<\/span>\r\n        <div class=\"service-icon-wrapper\">\r\n          <svg class=\"service-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <path d=\"M12 2a10 10 0 1 0 10 10 4 4 0 0 1-5-5 4 4 0 0 1-5-5\"\/>\r\n            <path d=\"M8.5 8.5v.01\"\/>\r\n            <path d=\"M16 15.5v.01\"\/>\r\n            <path d=\"M12 12v.01\"\/>\r\n            <path d=\"M11 17v.01\"\/>\r\n            <path d=\"M7 14v.01\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3 class=\"service-title\">Social Media Design<\/h3>\r\n        <p class=\"service-description\">Eye-catching social media graphics that boost engagement, strengthen branding, and drive consistent channel growth across all platforms.<\/p>\r\n        <a href=\"https:\/\/avemedia.net\/?page_id=7812\" class=\"service-link\">\r\n          Message us for details\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <path d=\"M5 12h14\"\/>\r\n            <path d=\"m12 5 7 7-7 7\"\/>\r\n          <\/svg>\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <!-- Service 6: Social Media Management -->\r\n      <div class=\"service-card\">\r\n        <span class=\"service-number\">06<\/span>\r\n        <div class=\"service-icon-wrapper\">\r\n          <svg class=\"service-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <path d=\"M3 3v16a2 2 0 0 0 2 2h16\"\/>\r\n            <path d=\"m19 9-5 5-4-4-3 3\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3 class=\"service-title\">Social Media Management<\/h3>\r\n        <p class=\"service-description\">Strategic management focused on content planning, scheduling, community engagement, and steady audience growth to build your brand presence.<\/p>\r\n        <a href=\"https:\/\/avemedia.net\/?page_id=7812\" class=\"service-link\">\r\n          Message us for details\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <path d=\"M5 12h14\"\/>\r\n            <path d=\"m12 5 7 7-7 7\"\/>\r\n          <\/svg>\r\n        <\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n<!-- Inter Font Import -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-177ea52 e-con-full e-flex e-con e-parent\" data-id=\"177ea52\" data-element_type=\"container\" data-e-type=\"container\" id=\"Process\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c72bdd1 elementor-align-center elementor-widget__width-auto elementor-widget elementor-widget-button\" data-id=\"c72bdd1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Process<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-57a068c elementor-widget elementor-widget-html\" data-id=\"57a068c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  \/* --- Button Container --- *\/\n  .popup-buttons-container {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 1in;\n    padding: 40px 20px;\n    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  }\n\n  \/* --- Base Button Styles --- *\/\n  .popup-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    padding: 16px 40px;\n    font-size: 16px;\n    font-weight: 600;\n    color: #ffffff;\n    border: none;\n    border-radius: 50px;\n    cursor: pointer;\n    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n    letter-spacing: 0.5px;\n    background: linear-gradient(135deg, #0a0f1d 0%, #1a1f35 50%, #0a0f1d 100%);\n    border: 1px solid rgba(59, 130, 246, 0.3);\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(25, 35, 70, 0.5);\n    text-decoration: none;\n  }\n\n  .popup-btn:hover {\n    background: linear-gradient(135deg, #131929 0%, #1e3a5f 50%, #131929 100%);\n    border-color: rgba(59, 130, 246, 0.6);\n    transform: translateY(-4px) scale(1.02);\n    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5), 0 0 20px rgba(59, 130, 246, 0.15);\n  }\n\n  .popup-btn svg {\n    width: 20px;\n    height: 20px;\n    fill: currentColor;\n  }\n\n  \/* --- Message Modal Overlay --- *\/\n  .modal-overlay {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(0, 0, 0, 0.85);\n    backdrop-filter: blur(8px);\n    z-index: 9999;\n    justify-content: center;\n    align-items: center;\n    padding: 20px;\n    opacity: 0;\n    transition: opacity 0.3s ease;\n  }\n\n  .modal-overlay.active {\n    display: flex;\n    opacity: 1;\n  }\n\n  .modal-close {\n    position: absolute;\n    top: 20px;\n    right: 30px;\n    width: 40px;\n    height: 40px;\n    background: rgba(255, 255, 255, 0.1);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 50%;\n    color: #ffffff;\n    font-size: 24px;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 10001;\n  }\n\n  .custom-contact-form-container {\n    background: linear-gradient(145deg, #050505 0%, #0a0f1d 100%);\n    padding: 50px;\n    border-radius: 24px;\n    color: #ffffff;\n    max-width: 800px;\n    width: 100%;\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    animation: slideIn 0.4s ease-out;\n  }\n\n  @keyframes slideIn {\n    from { opacity: 0; transform: translateY(30px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  .custom-contact-form .form-input, .custom-contact-form .form-textarea {\n    width: 100%;\n    padding: 18px 20px;\n    background-color: #0f131f;\n    border: 1px solid #1e293b;\n    border-radius: 16px;\n    color: #f8fafc;\n    margin-bottom: 20px;\n    box-sizing: border-box;\n  }\n\n  .form-submit-btn {\n    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);\n    color: #ffffff;\n    border: none;\n    padding: 16px 45px;\n    font-weight: 600;\n    border-radius: 50px;\n    cursor: pointer;\n  }\n\n  @media (max-width: 768px) {\n    .popup-buttons-container { flex-direction: column; gap: 20px; }\n  }\n<\/style>\n\n<div class=\"popup-buttons-container\">\n  \n  <button class=\"popup-btn\" onclick=\"openMessageModal()\">\n    <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n      <path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/>\n    <\/svg>\n    Message\n  <\/button>\n\n  <button \n    class=\"popup-btn\" \n    data-cal-link=\"anickchy\/30min\" \n    data-cal-namespace=\"30min\" \n    data-cal-config='{\"layout\":\"month_view\",\"useSlotsViewOnSmallScreen\":\"true\",\"theme\":\"dark\"}'>\n    <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n      <path d=\"M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM9 10H7v2h2v-2zm4 0h-2v2h2v-2zm4 0h-2v2h2v-2zm-8 4H7v2h2v-2zm4 0h-2v2h2v-2zm4 0h-2v2h2v-2z\"\/>\n    <\/svg>\n    Book A Call\n  <\/button>\n\n<\/div>\n\n<div id=\"messageModal\" class=\"modal-overlay\" onclick=\"closeMessageModal(event)\">\n  <button class=\"modal-close\" onclick=\"closeMessageModalDirect()\">&times;<\/button>\n  <div class=\"custom-contact-form-container\" onclick=\"event.stopPropagation()\">\n    <h2>Tell us more about your project<\/h2>\n    <p>Share your project details with us, and we'll respond promptly.<\/p>\n    <form class=\"custom-contact-form\" action=\"https:\/\/formspree.io\/f\/xpqlvkpo\" method=\"POST\">\n      <input type=\"text\" name=\"name\" class=\"form-input\" placeholder=\"Name*\" required>\n      <input type=\"email\" name=\"email\" class=\"form-input\" placeholder=\"Work email*\" required>\n      <textarea name=\"project_details\" class=\"form-textarea\" placeholder=\"What is your project about?\"><\/textarea>\n      <button type=\"submit\" class=\"form-submit-btn\">Submit <span>&#8594;<\/span><\/button>\n    <\/form>\n  <\/div>\n<\/div>\n\n<script type=\"text\/javascript\">\n  (function (C, A, L) { \n    let p = function (a, ar) { a.q.push(ar); }; \n    let d = C.document; \n    C.Cal = C.Cal || function () { \n      let cal = C.Cal; \n      let ar = arguments; \n      if (!cal.loaded) { \n        cal.ns = {}; \n        cal.q = cal.q || []; \n        d.head.appendChild(d.createElement(\"script\")).src = A; \n        cal.loaded = true; \n      } \n      if (ar[0] === L) { \n        const api = function () { p(api, arguments); }; \n        const namespace = ar[1]; \n        api.q = api.q || []; \n        if(typeof namespace === \"string\"){\n          cal.ns[namespace] = cal.ns[namespace] || api;\n          p(cal.ns[namespace], ar);\n          p(cal, [\"initNamespace\", namespace]);\n        } else p(cal, ar); \n        return;\n      } \n      p(cal, ar); \n    }; \n  })(window, \"https:\/\/app.cal.com\/embed\/embed.js\", \"init\");\n\n  \/\/ Initialized for 30min\n  Cal(\"init\", \"30min\", {origin:\"https:\/\/app.cal.com\"});\n\n  \/\/ Apply your specific branding: #b4b4b4 for Dark Mode\n  Cal.ns[\"30min\"](\"ui\", {\n    \"cssVarsPerTheme\": {\n      \"light\": {\"cal-brand\": \"#2f365e\"},\n      \"dark\": {\"cal-brand\": \"#b4b4b4\"}\n    },\n    \"hideEventTypeDetails\": false,\n    \"layout\": \"month_view\",\n    \"theme\": \"dark\"\n  });\n<\/script>\n\n<script>\n  function openMessageModal() {\n    document.getElementById('messageModal').classList.add('active');\n    document.body.style.overflow = 'hidden';\n  }\n  function closeMessageModalDirect() {\n    document.getElementById('messageModal').classList.remove('active');\n    document.body.style.overflow = '';\n  }\n  function closeMessageModal(event) {\n    if (event.target === document.getElementById('messageModal')) closeMessageModalDirect();\n  }\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d826b22 elementor-widget__width-auto elementor-widget elementor-widget-heading\" data-id=\"d826b22\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">How we works<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c78a5fd elementor-widget elementor-widget-text-editor\" data-id=\"c78a5fd\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"Process\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>We start when you message us or schedule a Zoom call to discuss the project.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2b291d2 e-transform elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"2b291d2\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_transform_translateY_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-22,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* Main Container *\/\r\n    .v-process-wrapper {\r\n        font-family: 'Helvetica', 'Arial', sans-serif; \/* Change to your site font *\/\r\n        background-color: #020c1b; \/* Deep Navy Blue *\/\r\n        color: #fff;\r\n        padding: 5px 5px;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* The Large \"V\" Background Effect *\/\r\n    .v-process-wrapper::before {\r\n        content: 'V';\r\n        position: absolute;\r\n        top: -50px;\r\n        left: -50px;\r\n        font-size: 60vw;\r\n        font-weight: 900;\r\n        color: rgba(255, 255, 255, 0.03); \/* Very subtle transparent white *\/\r\n        line-height: 1;\r\n        z-index: 0;\r\n        pointer-events: none;\r\n    }\r\n\r\n    \/* Title *\/\r\n    .v-process-title {\r\n        text-align: center;\r\n        font-size: 3rem;\r\n        font-weight: 800;\r\n        text-transform: uppercase;\r\n        margin-bottom: 80px;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n\r\n    \/* Steps Container *\/\r\n    .v-steps-container {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        position: relative;\r\n        max-width: 1100px;\r\n        margin: 0 auto;\r\n        z-index: 1;\r\n    }\r\n\r\n    \/* The Dashed Line (Desktop) *\/\r\n    .v-steps-container::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50px;\r\n        right: 50px;\r\n        height: 4px;\r\n        border-top: 2px dashed #444;\r\n        z-index: -1;\r\n        transform: translateY(-50%);\r\n    }\r\n\r\n    \/* Individual Step Item *\/\r\n    .v-step-item {\r\n        flex: 1;\r\n        position: relative;\r\n        padding: 0 15px;\r\n        display: flex;\r\n        align-items: center; \/* Aligns number and text *\/\r\n        gap: 15px;\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    \/* Zig-Zag Logic: Push even items down *\/\r\n    .v-step-item:nth-child(even) {\r\n        margin-top: 120px; \/* Pushes step 2 and 4 down *\/\r\n    }\r\n    .v-step-item:nth-child(odd) {\r\n        margin-bottom: 120px; \/* Keeps step 1 and 3 up *\/\r\n    }\r\n\r\n    \/* The Number *\/\r\n    .v-step-number {\r\n        font-size: 6rem;\r\n        font-weight: 900;\r\n        line-height: 1;\r\n        color:#fff;\r\n        position: relative;\r\n    }\r\n\r\n    \/* The \"STEP\" label above the number *\/\r\n    .v-step-number::before {\r\n        content: 'STEP';\r\n        display: block;\r\n        font-size: 12px;\r\n        font-weight: normal;\r\n        margin-bottom: -10px;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    \/* The Green Dot *\/\r\n    .v-dot {\r\n        position: absolute;\r\n        width: 12px;\r\n        height: 12px;\r\n        background-color: #5d8f39;\r\n        border-radius: 50%;\r\n        top: 15px; \/* Adjust based on alignment *\/\r\n        left: -10px;\r\n        box-shadow: 0 0 10px rgba(255, 51, 51, 0.5);\r\n    }\r\n\r\n    \/* Content Area (Icon + Text) *\/\r\n    .v-step-content {\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n    }\r\n\r\n    \/* Icons (SVG styling) *\/\r\n    .v-step-icon svg {\r\n        width: 30px;\r\n        height: 30px;\r\n        fill: none;\r\n        stroke: #75c1ff;\r\n        stroke-width: 2;\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    \/* Description Text *\/\r\n    .v-step-desc {\r\n        font-size: 0.85rem;\r\n        font-weight: 600;\r\n        text-transform: uppercase;\r\n        line-height: 1.4;\r\n        color: #ddd;\r\n    }\r\n\r\n    \/* --- RESPONSIVE MOBILE CSS --- *\/\r\n    @media (max-width: 768px) {\r\n        .v-process-wrapper::before { font-size: 150vw; left: -20px; } \/* Adjust V background *\/\r\n        \r\n        .v-process-title { font-size: 2rem; }\r\n\r\n        .v-steps-container {\r\n            flex-direction: column;\r\n            align-items: flex-start;\r\n            padding-left: 20px;\r\n        }\r\n\r\n        \/* Remove zig-zag on mobile, make it a vertical list *\/\r\n        .v-step-item:nth-child(even), \r\n        .v-step-item:nth-child(odd) {\r\n            margin: 0 0 40px 0;\r\n        }\r\n\r\n        \/* Vertical Dashed Line *\/\r\n        .v-steps-container::before {\r\n            top: 0;\r\n            bottom: 0;\r\n            left: 20px; \/* Aligns with the list *\/\r\n            width: 2px;\r\n            height: auto;\r\n            border-top: none;\r\n            border-left: 2px dashed #444;\r\n            transform: none;\r\n        }\r\n\r\n        .v-step-item {\r\n            padding-left: 10px; \/* Space for the line *\/\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"v-process-wrapper\">\r\n    <h2 class=\"v-process-title\"><\/h2>\r\n\r\n    <div class=\"v-steps-container\">\r\n        \r\n        <div class=\"v-step-item\">\r\n            <div class=\"v-dot\"><\/div>\r\n            <div class=\"v-step-number\">1<\/div>\r\n            <div class=\"v-step-content\">\r\n                <div class=\"v-step-icon\">\r\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path><polyline points=\"17 8 12 3 7 8\"><\/polyline><line x1=\"12\" y1=\"3\" x2=\"12\" y2=\"15\"><\/line><\/svg>\r\n                <\/div>\r\n                <div class=\"v-step-desc\">\r\n                     set Discovery call or message us, give the brief & upload the file via FTP\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"v-step-item\">\r\n            <div class=\"v-dot\" style=\"top: auto; bottom: 100%;\"><\/div> <div class=\"v-step-number\">2<\/div>\r\n            <div class=\"v-step-content\">\r\n                <div class=\"v-step-icon\">\r\n                    <svg viewBox=\"0 0 24 24\"><circle cx=\"6\" cy=\"6\" r=\"3\"><\/circle><circle cx=\"6\" cy=\"18\" r=\"3\"><\/circle><line x1=\"20\" y1=\"4\" x2=\"8.12\" y2=\"15.88\"><\/line><line x1=\"14.47\" y1=\"14.48\" x2=\"20\" y2=\"20\"><\/line><line x1=\"8.12\" y1=\"8.12\" x2=\"12\" y2=\"12\"><\/line><\/svg>\r\n                <\/div>\r\n                <div class=\"v-step-desc\">\r\n                    We edit the video according to the brief\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"v-step-item\">\r\n            <div class=\"v-dot\"><\/div>\r\n            <div class=\"v-step-number\">3<\/div>\r\n            <div class=\"v-step-content\">\r\n                <div class=\"v-step-icon\">\r\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path><polyline points=\"14 2 14 8 20 8\"><\/polyline><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line><polyline points=\"10 9 9 9 8 9\"><\/polyline><\/svg>\r\n                <\/div>\r\n                <div class=\"v-step-desc\">\r\n                    You review the final output for approval\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"v-step-item\">\r\n            <div class=\"v-dot\" style=\"top: auto; bottom: 100%;\"><\/div> <div class=\"v-step-number\">4<\/div>\r\n            <div class=\"v-step-content\">\r\n                <div class=\"v-step-icon\">\r\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path><polyline points=\"7 10 12 15 17 10\"><\/polyline><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line><\/svg>\r\n                <\/div>\r\n                <div class=\"v-step-desc\">\r\n                    Edited file ready to download via FTP\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8ec862f e-flex e-con-boxed e-con e-parent\" data-id=\"8ec862f\" data-element_type=\"container\" data-e-type=\"container\" id=\"Message\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-442493b elementor-align-center elementor-widget__width-auto elementor-widget-mobile__width-initial elementor-widget elementor-widget-button\" data-id=\"442493b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-size-sm\" role=\"button\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Message<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1020db9 e-transform elementor-widget elementor-widget-heading\" data-id=\"1020db9\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_transform_translateX_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Quick message us<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-65646a1 elementor-widget__width-auto elementor-widget elementor-widget-text-editor\" data-id=\"65646a1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Message Us \u2013 Let\u2019s talk About Your Project. We&#8217;ll contact you in a short time. We work on any budget.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ca603cb e-transform elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"ca603cb\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_transform_translateY_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:30,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* --- Global Reset & Font --- *\/\r\n  .custom-contact-form-container * {\r\n    box-sizing: border-box;\r\n    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n  }\r\n\r\n  \/* --- Main Container --- *\/\r\n  .custom-contact-form-container {\r\n    \/* Deep Navy to Black Gradient *\/\r\n    background: linear-gradient(145deg, #050505 0%, #0a0f1d 100%);\r\n    padding: 50px;\r\n    border-radius: 24px;\r\n    color: #ffffff;\r\n    max-width: 800px;\r\n    margin: 40px auto;\r\n    \r\n    \/* Subtle Border & Shadow for Depth *\/\r\n    border: 1px solid rgba(255, 255, 255, 0.08);\r\n    box-shadow: \r\n      0 20px 50px rgba(0, 0, 0, 0.8), \r\n      0 0 0 1px rgba(25, 35, 70, 0.5); \/* Navy ring *\/\r\n    \r\n    \/* Smooth entry animation *\/\r\n    opacity: 0;\r\n    animation: fadeIn 0.8s ease-out forwards;\r\n  }\r\n\r\n  @keyframes fadeIn {\r\n    from { opacity: 0; transform: translateY(20px); }\r\n    to { opacity: 1; transform: translateY(0); }\r\n  }\r\n\r\n  \/* --- Headings --- *\/\r\n  .custom-contact-form-container h2 {\r\n    font-size: 28px;\r\n    font-weight: 700;\r\n    margin-bottom: 12px;\r\n    margin-top: 0;\r\n    background: linear-gradient(90deg, #fff, #a5b4fc); \/* Text Gradient *\/\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    letter-spacing: -0.5px;\r\n  }\r\n\r\n  .custom-contact-form-container p {\r\n    color: #94a3b8; \/* Cool gray *\/\r\n    font-size: 15px;\r\n    margin-bottom: 40px;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  \/* --- Layout --- *\/\r\n  .form-row {\r\n    display: flex;\r\n    gap: 25px;\r\n    margin-bottom: 25px;\r\n  }\r\n\r\n  .form-group {\r\n    flex: 1;\r\n    position: relative;\r\n  }\r\n\r\n  \/* --- Inputs & Textarea --- *\/\r\n  .custom-contact-form .form-input,\r\n  .custom-contact-form .form-select,\r\n  .custom-contact-form .form-textarea {\r\n    width: 100%;\r\n    padding: 18px 20px;\r\n    \r\n    \/* Dark Navy\/Black Background *\/\r\n    background-color: #0f131f; \r\n    \r\n    border: 1px solid #1e293b;\r\n    border-radius: 16px;\r\n    color: #ffffff !important; \/* FIXED: Forces text to be white *\/\r\n    font-size: 15px;\r\n    transition: all 0.3s ease;\r\n    box-shadow: inset 0 2px 4px rgba(0,0,0,0.3);\r\n  }\r\n\r\n  \/* Placeholder Styling *\/\r\n  .custom-contact-form ::placeholder {\r\n    color: #64748b;\r\n    font-weight: 400;\r\n  }\r\n\r\n  \/* --- Focus States --- *\/\r\n  .custom-contact-form .form-input:focus,\r\n  .custom-contact-form .form-select:focus,\r\n  .custom-contact-form .form-textarea:focus {\r\n    outline: none;\r\n    background-color: #131929;\r\n    border-color: #3b82f6; \/* Bright Blue *\/\r\n    color: #ffffff !important; \/* FIXED: Keeps text white while typing *\/\r\n    \r\n    \/* Glow Effect on inputs remains, per instructions to only remove from button *\/\r\n    box-shadow: \r\n      0 0 0 4px rgba(59, 130, 246, 0.1),\r\n      0 10px 20px rgba(0,0,0,0.2);\r\n      \r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  \/* --- Select Specifics --- *\/\r\n  .custom-contact-form .form-select {\r\n    appearance: none;\r\n    cursor: pointer;\r\n    background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' fill='none' viewBox='0 0 24 24' stroke='%233b82f6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C\/path%3E%3C\/svg%3E\");\r\n    background-repeat: no-repeat;\r\n    background-position: right 20px center;\r\n    background-size: 18px;\r\n  }\r\n\r\n  \/* --- Textarea Specifics --- *\/\r\n  .custom-contact-form .form-textarea {\r\n    resize: vertical;\r\n    min-height: 140px;\r\n  }\r\n\r\n  \/* --- Submit Button (Glow Removed) --- *\/\r\n  .form-submit-btn {\r\n    \/* Gradient Blue *\/\r\n    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);\r\n    color: #ffffff;\r\n    border: none;\r\n    padding: 16px 45px;\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    border-radius: 50px;\r\n    cursor: pointer;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); \/* Bouncy transition *\/\r\n    box-shadow: none; \/* Glow removed *\/\r\n    letter-spacing: 0.5px;\r\n  }\r\n\r\n  .form-submit-btn:hover {\r\n    background: linear-gradient(135deg, #2563eb 0%, #60a5fa 100%);\r\n    transform: translateY(-4px) scale(1.02);\r\n    box-shadow: none; \/* Hover glow removed *\/\r\n  }\r\n\r\n  .form-submit-btn:active {\r\n    transform: translateY(-1px);\r\n  }\r\n  \r\n  .btn-arrow {\r\n    font-size: 20px;\r\n    transition: transform 0.3s ease;\r\n  }\r\n\r\n  .form-submit-btn:hover .btn-arrow {\r\n    transform: translateX(5px);\r\n  }\r\n\r\n  \/* --- Mobile Responsiveness --- *\/\r\n  @media (max-width: 768px) {\r\n    .custom-contact-form-container {\r\n        padding: 30px 20px;\r\n    }\r\n    .form-row {\r\n      flex-direction: column;\r\n      gap: 20px;\r\n    }\r\n    .form-submit-btn {\r\n        width: 100%;\r\n        justify-content: center;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"custom-contact-form-container\">\r\n  <h2>Tell us more about your project<\/h2>\r\n  <p>Share your project details with us, and we'll respond promptly.<\/p>\r\n\r\n  <form class=\"custom-contact-form\" action=\"https:\/\/formspree.io\/f\/xpqlvkpo\" method=\"POST\">\r\n    \r\n    <div class=\"form-row\">\r\n      <div class=\"form-group\">\r\n        <input type=\"text\" name=\"name\" class=\"form-input\" placeholder=\"Name*\" required>\r\n      <\/div>\r\n      <div class=\"form-group\">\r\n        <input type=\"text\" name=\"company_name\" class=\"form-input\" placeholder=\"Company name*\" required>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"form-row\">\r\n      <div class=\"form-group\">\r\n        <input type=\"email\" name=\"email\" class=\"form-input\" placeholder=\"Work email*\" required>\r\n      <\/div>\r\n      <div class=\"form-group\">\r\n        <select name=\"budget\" class=\"form-select\" required>\r\n          <option value=\"\" disabled selected hidden>Select budget<\/option>\r\n          <option value=\"Less than $1000\">Less than $1,000<\/option>\r\n          <option value=\"$1001 - $2,000\">$1,001 - $2,000<\/option>\r\n          <option value=\"$2,001 - $10,000\">$2,001 - $10,000<\/option>\r\n          <option value=\"$20,000+\">$20,000+<\/option>\r\n        <\/select>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"form-row\">\r\n      <div class=\"form-group\">\r\n        <textarea name=\"project_details\" class=\"form-textarea\" placeholder=\"What is your project about?\"><\/textarea>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <button type=\"submit\" class=\"form-submit-btn\">\r\n      Submit <span class=\"btn-arrow\">&#8594;<\/span>\r\n    <\/button>\r\n\r\n  <\/form>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-218d6a8 e-flex e-con-boxed e-con e-parent\" data-id=\"218d6a8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7a254f4 elementor-align-center e-transform elementor-widget elementor-widget-button\" data-id=\"7a254f4\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_transform_translateX_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Testimonials<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1de69cb elementor-widget elementor-widget-heading\" data-id=\"1de69cb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Client Testimonials <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d6dfaff elementor-widget elementor-widget-html\" data-id=\"d6dfaff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Ave Media Testimonial Cards - WordPress Elementor HTML -->\n<!-- Paste this in an Elementor HTML widget -->\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600&display=swap');\n\n.ave-testimonials-container {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n  gap: 30px;\n  max-width: 1400px;\n  margin: 0 auto;\n  padding: 40px 20px;\n  font-family: 'Inter', sans-serif;\n}\n\n.ave-card {\n  position: relative;\n  background: linear-gradient(145deg, #0a0e1a 0%, #0d1321 50%, #080c14 100%);\n  border-radius: 24px;\n  overflow: hidden;\n  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n  border: 1px solid rgba(30, 41, 59, 0.5);\n  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.05);\n}\n\n.ave-card::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: -100%;\n  width: 100%;\n  height: 100%;\n  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.03), transparent);\n  transition: left 0.7s ease;\n}\n\n.ave-card:hover::before {\n  left: 100%;\n}\n\n.ave-card:hover {\n  transform: translateY(-12px) scale(1.02);\n  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.5), 0 0 40px rgba(30, 58, 138, 0.15);\n  border-color: rgba(51, 65, 85, 0.8);\n}\n\n.ave-card-image-wrapper {\n  position: relative;\n  height: 220px;\n  overflow: hidden;\n  background: linear-gradient(180deg, #1e293b 0%, #0f172a 100%);\n}\n\n.ave-card-image {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n  filter: grayscale(20%);\n}\n\n.ave-card:hover .ave-card-image {\n  transform: scale(1.1);\n  filter: grayscale(0%);\n}\n\n.ave-card-overlay {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  height: 80px;\n  background: linear-gradient(to top, #0a0e1a 0%, transparent 100%);\n}\n\n.ave-subscriber-badge {\n  position: absolute;\n  top: 15px;\n  right: 15px;\n  background: linear-gradient(135deg, #1e3a5f 0%, #0f172a 100%);\n  color: #e2e8f0;\n  padding: 8px 16px;\n  border-radius: 50px;\n  font-size: 12px;\n  font-weight: 600;\n  letter-spacing: 0.5px;\n  border: 1px solid rgba(148, 163, 184, 0.2);\n  backdrop-filter: blur(10px);\n  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);\n  animation: pulse 2s infinite;\n}\n\n@keyframes pulse {\n  0%, 100% { box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3); }\n  50% { box-shadow: 0 4px 25px rgba(30, 58, 138, 0.4); }\n}\n\n.ave-card-content {\n  padding: 28px;\n  position: relative;\n}\n\n.ave-quote-icon {\n  position: absolute;\n  top: -20px;\n  left: 28px;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, #1e3a5f 0%, #0ea5e9 100%);\n  border-radius: 12px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 20px;\n  color: white;\n  box-shadow: 0 8px 20px rgba(14, 165, 233, 0.3);\n  transform: rotate(-5deg);\n  transition: transform 0.3s ease;\n}\n\n.ave-card:hover .ave-quote-icon {\n  transform: rotate(0deg) scale(1.1);\n}\n\n.ave-youtuber-name {\n  font-family: 'Space Grotesk', sans-serif;\n  font-size: 22px;\n  font-weight: 700;\n  color: #f8fafc;\n  margin-bottom: 6px;\n  letter-spacing: -0.5px;\n}\n\n.ave-channel-type {\n  display: inline-block;\n  background: rgba(30, 58, 138, 0.2);\n  color: #60a5fa;\n  padding: 4px 12px;\n  border-radius: 20px;\n  font-size: 11px;\n  font-weight: 500;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n  margin-bottom: 18px;\n  border: 1px solid rgba(96, 165, 250, 0.2);\n}\n\n.ave-review-text {\n  color: #94a3b8;\n  font-size: 15px;\n  line-height: 1.7;\n  font-style: italic;\n  position: relative;\n  padding-left: 20px;\n  border-left: 3px solid #1e3a5f;\n  transition: all 0.3s ease;\n}\n\n.ave-card:hover .ave-review-text {\n  color: #cbd5e1;\n  border-left-color: #0ea5e9;\n}\n\n.ave-rating {\n  display: flex;\n  gap: 4px;\n  margin-top: 18px;\n  align-items: center;\n}\n\n.ave-star {\n  color: #fbbf24;\n  font-size: 16px;\n  animation: starPop 0.4s ease forwards;\n  opacity: 0;\n}\n\n.ave-card:hover .ave-star:nth-child(1) { animation-delay: 0.1s; }\n.ave-card:hover .ave-star:nth-child(2) { animation-delay: 0.2s; }\n.ave-card:hover .ave-star:nth-child(3) { animation-delay: 0.3s; }\n.ave-card:hover .ave-star:nth-child(4) { animation-delay: 0.4s; }\n.ave-card:hover .ave-star:nth-child(5) { animation-delay: 0.5s; }\n\n@keyframes starPop {\n  0% { transform: scale(0) rotate(-180deg); opacity: 0; }\n  100% { transform: scale(1) rotate(0deg); opacity: 1; }\n}\n\n.ave-verified-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  margin-top: 15px;\n  font-size: 12px;\n  color: #22c55e;\n  font-weight: 500;\n}\n\n.ave-verified-badge::before {\n  content: '\u2713';\n  width: 18px;\n  height: 18px;\n  background: #22c55e;\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 10px;\n  font-weight: bold;\n}\n\n.ave-glow-effect {\n  position: absolute;\n  width: 200px;\n  height: 200px;\n  background: radial-gradient(circle, rgba(30, 58, 138, 0.3) 0%, transparent 70%);\n  border-radius: 50%;\n  pointer-events: none;\n  opacity: 0;\n  transition: opacity 0.3s ease;\n}\n\n.ave-card:hover .ave-glow-effect {\n  opacity: 1;\n}\n\n\/* Responsive Design *\/\n@media (max-width: 768px) {\n  .ave-testimonials-container {\n    grid-template-columns: 1fr;\n    gap: 25px;\n    padding: 20px 15px;\n  }\n  \n  .ave-card-image-wrapper {\n    height: 200px;\n  }\n  \n  .ave-card-content {\n    padding: 24px;\n  }\n  \n  .ave-youtuber-name {\n    font-size: 20px;\n  }\n}\n\n\/* Loading Animation *\/\n@keyframes cardEntrance {\n  from {\n    opacity: 0;\n    transform: translateY(30px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n.ave-card {\n  animation: cardEntrance 0.6s ease forwards;\n}\n\n.ave-card:nth-child(1) { animation-delay: 0.1s; }\n.ave-card:nth-child(2) { animation-delay: 0.2s; }\n.ave-card:nth-child(3) { animation-delay: 0.3s; }\n.ave-card:nth-child(4) { animation-delay: 0.4s; }\n.ave-card:nth-child(5) { animation-delay: 0.5s; }\n.ave-card:nth-child(6) { animation-delay: 0.6s; }\n<\/style>\n\n<div class=\"ave-testimonials-container\">\n  \n  <!-- Card 1: https:\/\/avemedia.net\/wp-content\/uploads\/2026\/02\/Minimalll.png -->\n  <div class=\"ave-card\">\n    <div class=\"ave-glow-effect\"><\/div>\n    <div class=\"ave-card-image-wrapper\">\n      <img decoding=\"async\" src=\"https:\/\/avemedia.net\/wp-content\/uploads\/2026\/02\/Minimal.jpg\" alt=\"The Minimalists\" class=\"ave-card-image\">\n      <div class=\"ave-card-overlay\"><\/div>\n      <span class=\"ave-subscriber-badge\">560K Subs<\/span>\n    <\/div>\n    <div class=\"ave-card-content\">\n      <div class=\"ave-quote-icon\">\"<\/div>\n      <h3 class=\"ave-youtuber-name\">The Minimalists<\/h3>\n      <span class=\"ave-channel-type\">Podcast<\/span>\n      <p class=\"ave-review-text\">\"Ave Media transformed our podcast visuals completely. Their editing is crisp, intentional, and perfectly aligns with our minimalist philosophy. The attention to detail is unmatched.\"<\/p>\n      <div class=\"ave-rating\">\n        <span class=\"ave-star\">\u2605<\/span>\n        <span class=\"ave-star\">\u2605<\/span>\n        <span class=\"ave-star\">\u2605<\/span>\n        <span class=\"ave-star\">\u2605<\/span>\n        <span class=\"ave-star\">\u2605<\/span>\n      <\/div>\n      <div class=\"ave-verified-badge\">Verified Review<\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Card 2: Thomas Frank Explains -->\n  <div class=\"ave-card\">\n    <div class=\"ave-glow-effect\"><\/div>\n    <div class=\"ave-card-image-wrapper\">\n      <img decoding=\"async\" src=\"https:\/\/avemedia.net\/wp-content\/uploads\/2026\/02\/unnamed-1.jpg\" alt=\"Thomas Frank Explains\" class=\"ave-card-image\">\n      <div class=\"ave-card-overlay\"><\/div>\n      <span class=\"ave-subscriber-badge\">180K Subs<\/span>\n    <\/div>\n    <div class=\"ave-card-content\">\n      <div class=\"ave-quote-icon\">\"<\/div>\n      <h3 class=\"ave-youtuber-name\">Thomas Frank Explains<\/h3>\n      <span class=\"ave-channel-type\">Educational<\/span>\n      <p class=\"ave-review-text\">\"As an educational creator, precision matters. Ave Media delivers pixel-perfect edits every time. They've helped me explain complex topics with stunning visual clarity.\"<\/p>\n      <div class=\"ave-rating\">\n        <span class=\"ave-star\">\u2605<\/span>\n        <span class=\"ave-star\">\u2605<\/span>\n        <span class=\"ave-star\">\u2605<\/span>\n        <span class=\"ave-star\">\u2605<\/span>\n        <span class=\"ave-star\">\u2605<\/span>\n      <\/div>\n      <div class=\"ave-verified-badge\">Verified Review<\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Card 3: Lindsay McCormick -->\n  <div class=\"ave-card\">\n    <div class=\"ave-glow-effect\"><\/div>\n    <div class=\"ave-card-image-wrapper\">\n      <img decoding=\"async\" src=\"https:\/\/avemedia.net\/wp-content\/uploads\/2026\/02\/EAB_9621Br-scaled.webp\" alt=\"Lindsay McCormick\" class=\"ave-card-image\">\n      <div class=\"ave-card-overlay\"><\/div>\n      <span class=\"ave-subscriber-badge\">22K Subs<\/span>\n    <\/div>\n    <div class=\"ave-card-content\">\n      <div class=\"ave-quote-icon\">\"<\/div>\n      <h3 class=\"ave-youtuber-name\">Lindsay McCormick<\/h3>\n      <span class=\"ave-channel-type\">Vlog<\/span>\n      <p class=\"ave-review-text\">\"My vlogs have never looked better! Ave Media captures the essence of every moment. Their color grading is cinematic and their turnaround time is incredible.\"<\/p>\n      <div class=\"ave-rating\">\n        <span class=\"ave-star\">\u2605<\/span>\n        <span class=\"ave-star\">\u2605<\/span>\n        <span class=\"ave-star\">\u2605<\/span>\n        <span class=\"ave-star\">\u2605<\/span>\n        <span class=\"ave-star\">\u2605<\/span>\n      <\/div>\n      <div class=\"ave-verified-badge\">Verified Review<\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Card 4: LIVING IN DALLAS TEXAS -->\n  <div class=\"ave-card\">\n    <div class=\"ave-glow-effect\"><\/div>\n    <div class=\"ave-card-image-wrapper\">\n      <img decoding=\"async\" src=\"https:\/\/avemedia.net\/wp-content\/uploads\/2026\/02\/nrryh.png\" alt=\"LIVING IN DALLAS TEXAS\" class=\"ave-card-image\">\n      <div class=\"ave-card-overlay\"><\/div>\n      <span class=\"ave-subscriber-badge\">55.8K Subs<\/span>\n    <\/div>\n    <div class=\"ave-card-content\">\n      <div class=\"ave-quote-icon\">\"<\/div>\n      <h3 class=\"ave-youtuber-name\">LIVING IN DALLAS TEXAS<\/h3>\n      <span class=\"ave-channel-type\">Real Estate<\/span>\n      <p class=\"ave-review-text\">\"Ave Media makes my property listings shine. The video editing elevates my brand and helps me sell homes faster. Professional, reliable, and incredibly talented team!\"<\/p>\n      <div class=\"ave-rating\">\n        <span class=\"ave-star\">\u2605<\/span>\n        <span class=\"ave-star\">\u2605<\/span>\n        <span class=\"ave-star\">\u2605<\/span>\n        <span class=\"ave-star\">\u2605<\/span>\n        <span class=\"ave-star\">\u2605<\/span>\n      <\/div>\n      <div class=\"ave-verified-badge\">Verified Review<\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Card 5: Think Media Podcast -->\n  <div class=\"ave-card\">\n    <div class=\"ave-glow-effect\"><\/div>\n    <div class=\"ave-card-image-wrapper\">\n      <img decoding=\"async\" src=\"https:\/\/avemedia.net\/wp-content\/uploads\/2026\/02\/Sean-Cannell_1080x1080.jpg\" class=\"ave-card-image\">\n      <div class=\"ave-card-overlay\"><\/div>\n      <span class=\"ave-subscriber-badge\">258K Subs<\/span>\n    <\/div>\n    <div class=\"ave-card-content\">\n      <div class=\"ave-quote-icon\">\"<\/div>\n      <h3 class=\"ave-youtuber-name\">Think Media Podcast<\/h3>\n      <span class=\"ave-channel-type\">Podcast<\/span>\n      <p class=\"ave-review-text\">\"Working with Ave Media has been a game-changer. They understand the podcast space deeply. Our episodes look as professional as they sound. Highly recommend!\"<\/p>\n      <div class=\"ave-rating\">\n        <span class=\"ave-star\">\u2605<\/span>\n        <span class=\"ave-star\">\u2605<\/span>\n        <span class=\"ave-star\">\u2605<\/span>\n        <span class=\"ave-star\">\u2605<\/span>\n        <span class=\"ave-star\">\u2605<\/span>\n      <\/div>\n      <div class=\"ave-verified-badge\">Verified Review<\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Card 6: The Travel Tellers -->\n  <div class=\"ave-card\">\n    <div class=\"ave-glow-effect\"><\/div>\n    <div class=\"ave-card-image-wrapper\">\n      <img decoding=\"async\" src=\"https:\/\/avemedia.net\/wp-content\/uploads\/2026\/02\/Screenshot_5.png\" alt=\"The Travel Tellers\" class=\"ave-card-image\">\n      <div class=\"ave-card-overlay\"><\/div>\n      <span class=\"ave-subscriber-badge\">57K Subs<\/span>\n    <\/div>\n    <div class=\"ave-card-content\">\n      <div class=\"ave-quote-icon\">\"<\/div>\n      <h3 class=\"ave-youtuber-name\">The Travel Tellers<\/h3>\n      <span class=\"ave-channel-type\">Vlog<\/span>\n      <p class=\"ave-review-text\">\"Ave Media brings our travel stories to life! The way they edit our adventures makes viewers feel like they're right there with us. Absolutely stunning work every time!\"<\/p>\n      <div class=\"ave-rating\">\n        <span class=\"ave-star\">\u2605<\/span>\n        <span class=\"ave-star\">\u2605<\/span>\n        <span class=\"ave-star\">\u2605<\/span>\n        <span class=\"ave-star\">\u2605<\/span>\n        <span class=\"ave-star\">\u2605<\/span>\n      <\/div>\n      <div class=\"ave-verified-badge\">Verified Review<\/div>\n    <\/div>\n  <\/div>\n\n<\/div>\n\n<script>\n\/\/ Add interactive glow effect following mouse\nconst cards = document.querySelectorAll('.ave-card');\n\ncards.forEach(card => {\n  card.addEventListener('mousemove', (e) => {\n    const rect = card.getBoundingClientRect();\n    const x = e.clientX - rect.left;\n    const y = e.clientY - rect.top;\n    \n    const glow = card.querySelector('.ave-glow-effect');\n    glow.style.left = x - 100 + 'px';\n    glow.style.top = y - 100 + 'px';\n  });\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f38a321 e-flex e-con-boxed e-con e-parent\" data-id=\"f38a321\" data-element_type=\"container\" data-e-type=\"container\" id=\"Results\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-285cb63 elementor-widget elementor-widget-html\" data-id=\"285cb63\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* --- FIX 1: Corrected Reset & Base --- *\/\r\n  .ba-section * {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n  }\r\n  \r\n  .ba-section {\r\n    --ba-bg: #000000;\r\n    --ba-card: #0a0a12;\r\n    --ba-navy: #1a237e;\r\n    --ba-navy-light: #283593;\r\n    --ba-navy-glow: rgba(26, 35, 126, 0.4);\r\n    --ba-white: #ffffff;\r\n    --ba-white-90: rgba(255, 255, 255, 0.9);\r\n    --ba-white-70: rgba(255, 255, 255, 0.7);\r\n    --ba-white-50: rgba(255, 255, 255, 0.5);\r\n    --ba-white-15: rgba(255, 255, 255, 0.15);\r\n    --ba-white-10: rgba(255, 255, 255, 0.1);\r\n    --ba-white-5: rgba(255, 255, 255, 0.05);\r\n    --ba-emerald: #34d399;\r\n    --ba-amber: #fbbf24;\r\n\r\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\r\n    background: var(--ba-bg);\r\n    min-height: 100vh;\r\n    padding: 80px 140px;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n  \r\n  \/* Background Effects *\/\r\n  .ba-bg-grid {\r\n    position: absolute;\r\n    inset: 0;\r\n    opacity: 0.03;\r\n    background-image: \r\n      linear-gradient(rgba(255,255,255,0.15) 1px, transparent 1px),\r\n      linear-gradient(90deg, rgba(255,255,255,0.15) 1px, transparent 1px);\r\n    background-size: 50px 50px;\r\n    pointer-events: none;\r\n  }\r\n  \r\n  .ba-bg-orb {\r\n    position: absolute;\r\n    width: 3000px;\r\n    height: 500px;\r\n    border-radius: 50%;\r\n    filter: blur(120px);\r\n    pointer-events: none;\r\n  }\r\n  \r\n  .ba-bg-orb-1 {\r\n    top: 5%;\r\n    left: 5%;\r\n    background: var(--ba-navy-glow);\r\n    animation: ba-pulse 5s ease-in-out infinite;\r\n  }\r\n  \r\n  .ba-bg-orb-2 {\r\n    bottom: 10%;\r\n    right: 5%;\r\n    background: rgba(40, 53, 147, 0.3);\r\n    animation: ba-pulse 5s ease-in-out infinite 2.5s;\r\n  }\r\n  \r\n  @keyframes ba-pulse {\r\n    0%, 100% { opacity: 0.4; transform: scale(1); }\r\n    50% { opacity: 0.7; transform: scale(1.1); }\r\n  }\r\n  \r\n  \/* Container *\/\r\n  .ba-container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n  \r\n  \/* Header *\/\r\n  .ba-header {\r\n    text-align: center;\r\n    margin-bottom: 50px;\r\n  }\r\n  \r\n  .ba-badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    padding: 8px 16px;\r\n    background: var(--ba-white-5);\r\n    backdrop-filter: blur(10px);\r\n    border: 1px solid var(--ba-white-10);\r\n    border-radius: 50px;\r\n    font-size: 14px;\r\n    color: var(--ba-white-90);\r\n    margin-bottom: 24px;\r\n  }\r\n  \r\n  .ba-badge svg {\r\n    width: 16px;\r\n    height: 16px;\r\n    color: var(--ba-navy-light);\r\n  }\r\n  \r\n  .ba-title {\r\n    font-size: clamp(32px, 5vw, 56px);\r\n    font-weight: 700;\r\n    color: var(--ba-white);\r\n    line-height: 1.2;\r\n    margin-bottom: 16px;\r\n  }\r\n  \r\n  .ba-title span {\r\n    background: linear-gradient(135deg, #5c6bc0, #3949ab);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n  }\r\n  \r\n  .ba-subtitle {\r\n    font-size: 18px;\r\n    color: var(--ba-white-70);\r\n    max-width: 500px;\r\n    margin: 0 auto;\r\n  }\r\n  \r\n  \/* Tabs *\/\r\n  .ba-tabs {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 12px;\r\n    margin-bottom: 30px;\r\n    flex-wrap: wrap;\r\n  }\r\n  \r\n  .ba-tab {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    padding: 12px 24px;\r\n    background: var(--ba-white-5);\r\n    border: 1px solid transparent;\r\n    border-radius: 12px;\r\n    color: var(--ba-white-70);\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n  }\r\n  \r\n  .ba-tab:hover {\r\n    background: var(--ba-white-10);\r\n    color: var(--ba-white-90);\r\n  }\r\n  \r\n  .ba-tab.active {\r\n    background: linear-gradient(135deg, rgba(26, 35, 126, 0.4), rgba(40, 53, 147, 0.3));\r\n    border-color: rgba(92, 107, 192, 0.5);\r\n    color: var(--ba-white);\r\n  }\r\n  \r\n  .ba-tab svg {\r\n    width: 16px;\r\n    height: 16px;\r\n  }\r\n  \r\n  \/* Case Title *\/\r\n  .ba-case-title {\r\n    text-align: center;\r\n    font-size: 20px;\r\n    font-weight: 600;\r\n    color: var(--ba-white);\r\n    margin-bottom: 24px;\r\n  }\r\n  \r\n  \/* Before-After Slider *\/\r\n  .ba-slider-container {\r\n    position: relative;\r\n    width: 100%;\r\n    \/* You can adjust this ratio if images are taller\/shorter *\/\r\n    aspect-ratio: 16\/9; \r\n    border-radius: 16px;\r\n    overflow: hidden;\r\n    cursor: ew-resize;\r\n    user-select: none;\r\n    margin-bottom: 30px;\r\n    background: var(--ba-card);\r\n    border: 1px solid var(--ba-white-10);\r\n  }\r\n  \r\n  .ba-slider-image {\r\n    position: absolute;\r\n    inset: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n  \r\n  \/* --- FIX 2: Fixed Image Sizing & Object Fit --- *\/\r\n  .ba-slider-image img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    object-position: center;\r\n    display: block;\r\n  }\r\n  \r\n  .ba-slider-before {\r\n    position: absolute;\r\n    inset: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    overflow: hidden;\r\n  }\r\n  \r\n  .ba-slider-before img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    object-position: center;\r\n    display: block;\r\n  }\r\n  \r\n  .ba-slider-label {\r\n    position: absolute;\r\n    top: 16px;\r\n    padding: 8px 16px;\r\n    background: rgba(0, 0, 0, 0.8);\r\n    backdrop-filter: blur(10px);\r\n    border: 1px solid var(--ba-white-15);\r\n    border-radius: 50px;\r\n    font-size: 13px;\r\n    font-weight: 500;\r\n    color: var(--ba-white-90);\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    z-index: 5;\r\n  }\r\n  \r\n  .ba-slider-label-before {\r\n    left: 16px;\r\n  }\r\n  \r\n  .ba-slider-label-after {\r\n    right: 16px;\r\n  }\r\n  \r\n  .ba-slider-label::before {\r\n    content: '';\r\n    width: 8px;\r\n    height: 8px;\r\n    border-radius: 50%;\r\n  }\r\n  \r\n  .ba-slider-label-before::before {\r\n    background: var(--ba-amber);\r\n  }\r\n  \r\n  .ba-slider-label-after::before {\r\n    background: var(--ba-emerald);\r\n    animation: ba-blink 2s ease-in-out infinite;\r\n  }\r\n  \r\n  @keyframes ba-blink {\r\n    0%, 100% { opacity: 1; }\r\n    50% { opacity: 0.5; }\r\n  }\r\n  \r\n  .ba-slider-line {\r\n    position: absolute;\r\n    top: 0;\r\n    bottom: 0;\r\n    width: 3px;\r\n    background: var(--ba-white);\r\n    transform: translateX(-50%);\r\n    z-index: 10;\r\n    box-shadow: 0 0 20px var(--ba-navy-glow);\r\n  }\r\n  \r\n  .ba-slider-line::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: -2px;\r\n    background: var(--ba-navy-light);\r\n    opacity: 0.6;\r\n    filter: blur(4px);\r\n  }\r\n  \r\n  .ba-slider-handle {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    width: 48px;\r\n    height: 48px;\r\n    background: rgba(0, 0, 0, 0.9);\r\n    backdrop-filter: blur(10px);\r\n    border: 1px solid var(--ba-white-15);\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transition: all 0.2s ease;\r\n    z-index: 11;\r\n  }\r\n  \r\n  .ba-slider-container:hover .ba-slider-handle,\r\n  .ba-slider-container.dragging .ba-slider-handle {\r\n    transform: translate(-50%, -50%) scale(1.1);\r\n    box-shadow: 0 0 30px var(--ba-navy-glow);\r\n    border-color: var(--ba-navy-light);\r\n  }\r\n  \r\n  .ba-slider-handle svg {\r\n    width: 20px;\r\n    height: 20px;\r\n    color: var(--ba-white);\r\n  }\r\n  \r\n  .ba-slider-hint {\r\n    position: absolute;\r\n    bottom: 16px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    padding: 8px 16px;\r\n    background: rgba(0, 0, 0, 0.8);\r\n    backdrop-filter: blur(10px);\r\n    border: 1px solid var(--ba-white-10);\r\n    border-radius: 50px;\r\n    font-size: 12px;\r\n    color: var(--ba-white-70);\r\n    opacity: 1;\r\n    transition: opacity 0.3s ease;\r\n    z-index: 5;\r\n  }\r\n  \r\n  .ba-slider-container:hover .ba-slider-hint,\r\n  .ba-slider-container.dragging .ba-slider-hint {\r\n    opacity: 0;\r\n  }\r\n  \r\n  \/* Stats Grid *\/\r\n  .ba-stats-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n    gap: 16px;\r\n    margin-bottom: 40px;\r\n  }\r\n  \r\n  .ba-stat-card {\r\n    position: relative;\r\n    padding: 20px;\r\n    background: linear-gradient(135deg, var(--ba-white-10), var(--ba-white-5));\r\n    backdrop-filter: blur(10px);\r\n    border: 1px solid var(--ba-white-10);\r\n    border-radius: 12px;\r\n    overflow: hidden;\r\n    transition: all 0.3s ease;\r\n  }\r\n  \r\n  .ba-stat-card:hover {\r\n    transform: translateY(-2px);\r\n    background: linear-gradient(135deg, var(--ba-white-15), var(--ba-white-10));\r\n  }\r\n  \r\n  .ba-stat-card::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    height: 1px;\r\n    background: linear-gradient(90deg, transparent, rgba(92, 107, 192, 0.6), transparent);\r\n  }\r\n  \r\n  .ba-stat-header {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    margin-bottom: 12px;\r\n  }\r\n  \r\n  .ba-stat-icon {\r\n    width: 32px;\r\n    height: 32px;\r\n    background: rgba(26, 35, 126, 0.3);\r\n    border-radius: 8px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n  \r\n  .ba-stat-icon svg {\r\n    width: 16px;\r\n    height: 16px;\r\n    color: #5c6bc0;\r\n  }\r\n  \r\n  .ba-stat-label {\r\n    font-size: 13px;\r\n    color: var(--ba-white-70);\r\n    font-weight: 500;\r\n  }\r\n  \r\n  .ba-stat-value {\r\n    font-size: 28px;\r\n    font-weight: 700;\r\n    color: var(--ba-white);\r\n    margin-bottom: 8px;\r\n  }\r\n  \r\n  .ba-stat-change {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    font-size: 12px;\r\n  }\r\n  \r\n  .ba-stat-change-positive {\r\n    color: var(--ba-emerald);\r\n  }\r\n  \r\n  .ba-stat-change svg {\r\n    width: 14px;\r\n    height: 14px;\r\n  }\r\n  \r\n  .ba-stat-change-text {\r\n    color: var(--ba-white-50);\r\n  }\r\n  \r\n  \/* Growth Metrics *\/\r\n  .ba-growth-header {\r\n    text-align: center;\r\n    margin-bottom: 24px;\r\n  }\r\n  \r\n  .ba-growth-header-inner {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    color: var(--ba-white-70);\r\n  }\r\n  \r\n  .ba-growth-header-inner svg {\r\n    width: 14px;\r\n    height: 14px;\r\n    color: #5c6bc0;\r\n  }\r\n  \r\n  .ba-growth-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n    gap: 20px;\r\n    margin-bottom: 50px;\r\n  }\r\n  \r\n  .ba-growth-card {\r\n    position: relative;\r\n    padding: 28px;\r\n    background: linear-gradient(135deg, rgba(26, 35, 126, 0.2), rgba(26, 35, 126, 0.05));\r\n    border: 1px solid rgba(92, 107, 192, 0.3);\r\n    border-radius: 16px;\r\n    overflow: hidden;\r\n    transition: all 0.3s ease;\r\n  }\r\n  \r\n  .ba-growth-card:hover {\r\n    border-color: rgba(92, 107, 192, 0.5);\r\n    background: linear-gradient(135deg, rgba(26, 35, 126, 0.25), rgba(26, 35, 126, 0.1));\r\n  }\r\n  \r\n  .ba-growth-card::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    background: var(--ba-navy-glow);\r\n    opacity: 0;\r\n    filter: blur(20px);\r\n    transition: opacity 0.3s ease;\r\n  }\r\n  \r\n  .ba-growth-card:hover::before {\r\n    opacity: 0.15;\r\n  }\r\n  \r\n  .ba-growth-icon {\r\n    position: relative;\r\n    width: 40px;\r\n    height: 40px;\r\n    background: rgba(26, 35, 126, 0.3);\r\n    border-radius: 10px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-bottom: 16px;\r\n    transition: all 0.3s ease;\r\n  }\r\n  \r\n  .ba-growth-card:hover .ba-growth-icon {\r\n    transform: scale(1.1);\r\n    background: rgba(26, 35, 126, 0.4);\r\n  }\r\n  \r\n  .ba-growth-icon svg {\r\n    width: 20px;\r\n    height: 20px;\r\n    color: #5c6bc0;\r\n  }\r\n  \r\n  .ba-growth-value {\r\n    position: relative;\r\n    font-size: 42px;\r\n    font-weight: 700;\r\n    color: var(--ba-white);\r\n    margin-bottom: 8px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n  }\r\n  \r\n  .ba-growth-value svg {\r\n    width: 24px;\r\n    height: 24px;\r\n    color: var(--ba-emerald);\r\n  }\r\n  \r\n  .ba-growth-label {\r\n    position: relative;\r\n    font-size: 14px;\r\n    color: var(--ba-white-70);\r\n  }\r\n  \r\n  \/* Content Animation *\/\r\n  .ba-content {\r\n    transition: opacity 0.3s ease, transform 0.3s ease;\r\n  }\r\n  \r\n  .ba-content.animating {\r\n    opacity: 0;\r\n    transform: scale(0.98);\r\n  }\r\n  \r\n  \/* Responsive *\/\r\n  @media (max-width: 768px) {\r\n    .ba-section {\r\n      padding: 60px 16px;\r\n    }\r\n    \r\n    .ba-title {\r\n      font-size: 28px;\r\n    }\r\n    \r\n    .ba-tabs {\r\n      flex-direction: column;\r\n      align-items: center;\r\n    }\r\n    \r\n    .ba-tab {\r\n      width: 100%;\r\n      max-width: 280px;\r\n      justify-content: center;\r\n    }\r\n    \r\n    .ba-stats-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n    \r\n    .ba-growth-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n    \r\n    .ba-slider-container {\r\n      aspect-ratio: 4\/3;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"ba-section\">\r\n  <div class=\"ba-bg-grid\"><\/div>\r\n  <div class=\"ba-bg-orb ba-bg-orb-1\"><\/div>\r\n  <div class=\"ba-bg-orb ba-bg-orb-2\"><\/div>\r\n  \r\n  <div class=\"ba-container\">\r\n    <div class=\"ba-header\">\r\n      <div class=\"ba-badge\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n          <path d=\"M12 3l1.5 4.5L18 9l-4.5 1.5L12 15l-1.5-4.5L6 9l4.5-1.5z\"\/>\r\n        <\/svg>\r\n        Real Results\r\n      <\/div>\r\n      <h2 class=\"ba-title\">Transformation <span>That Speaks<\/span><\/h2>\r\n      <p class=\"ba-subtitle\">See the incredible growth our clients achieve with our proven strategies<\/p>\r\n    <\/div>\r\n    \r\n    <div class=\"ba-tabs\">\r\n        <button class=\"ba-tab active\" data-case=\"large\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n          <path d=\"M23 6l-9.5 9.5-5-5L1 18\"\/>\r\n          <path d=\"M17 6h6v6\"\/>\r\n        <\/svg>\r\n        Large Scale Results\r\n      <\/button>\r\n      <button class=\"ba-tab\" data-case=\"small\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n          <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/>\r\n          <path d=\"M3 9h18M9 21V9\"\/>\r\n        <\/svg>\r\n        Small Creator Transformation\r\n      <\/button>\r\n    <\/div>\r\n    \r\n    <div class=\"ba-content\" id=\"baContent\">\r\n      <h3 class=\"ba-case-title\" id=\"caseTitle\">Massive growth for established channels<\/h3>\r\n      \r\n      <div class=\"ba-slider-container\" id=\"slider\">\r\n        <div class=\"ba-slider-image\">\r\n          <img decoding=\"async\" id=\"afterImage\" src=\"https:\/\/avemedia.net\/wp-content\/uploads\/2026\/02\/After-Month-2-3.png\" alt=\"After\" loading=\"eager\">\r\n          <div class=\"ba-slider-label ba-slider-label-after\">\r\n            <span><\/span>\r\n            After\r\n          <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"ba-slider-before\" id=\"beforeClip\">\r\n          <img decoding=\"async\" id=\"beforeImage\" src=\"https:\/\/avemedia.net\/wp-content\/uploads\/2026\/02\/Before-1.png\" alt=\"Before\" loading=\"eager\">\r\n          <div class=\"ba-slider-label ba-slider-label-before\">\r\n            <span><\/span>\r\n            Before\r\n          <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"ba-slider-line\" id=\"sliderLine\" style=\"left: 50%;\">\r\n          <div class=\"ba-slider-handle\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n              <path d=\"M8 6l-4 6 4 6M16 6l4 6-4 6\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"ba-slider-hint\">Drag to compare<\/div>\r\n      <\/div>\r\n      \r\n      <div class=\"ba-stats-grid\" id=\"statsGrid\">\r\n        <div class=\"ba-stat-card\">\r\n          <div class=\"ba-stat-header\">\r\n            <div class=\"ba-stat-icon\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                <path d=\"M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z\"\/>\r\n                <circle cx=\"12\" cy=\"12\" r=\"3\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n            <span class=\"ba-stat-label\">Views<\/span>\r\n          <\/div>\r\n          <div class=\"ba-stat-value\" data-count=\"441700\" data-suffix=\"\">441.7K<\/div>\r\n          <div class=\"ba-stat-change ba-stat-change-positive\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n              <path d=\"M7 17l5-5 5 5M12 12V3\"\/>\r\n            <\/svg>\r\n            <span>+47%<\/span>\r\n            <span class=\"ba-stat-change-text\">vs previous period<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"ba-stat-card\">\r\n          <div class=\"ba-stat-header\">\r\n            <div class=\"ba-stat-icon\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n                <path d=\"M12 6v6l4 2\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n            <span class=\"ba-stat-label\">Watch Time<\/span>\r\n          <\/div>\r\n          <div class=\"ba-stat-value\" data-count=\"67900\" data-suffix=\"\" data-decimal=\"0\">67.9K<\/div>\r\n          <div class=\"ba-stat-change ba-stat-change-positive\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n              <path d=\"M7 17l5-5 5 5M12 12V3\"\/>\r\n            <\/svg>\r\n            <span>+3%<\/span>\r\n            <span class=\"ba-stat-change-text\">vs previous period<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"ba-stat-card\">\r\n          <div class=\"ba-stat-header\">\r\n            <div class=\"ba-stat-icon\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/>\r\n                <circle cx=\"9\" cy=\"7\" r=\"4\"\/>\r\n                <path d=\"M23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n            <span class=\"ba-stat-label\">Subscribers<\/span>\r\n          <\/div>\r\n          <div class=\"ba-stat-value\" data-count=\"2800\" data-prefix=\"+\">+2.8K<\/div>\r\n          <div class=\"ba-stat-change ba-stat-change-positive\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n              <path d=\"M7 17l5-5 5 5M12 12V3\"\/>\r\n            <\/svg>\r\n            <span>+27%<\/span>\r\n            <span class=\"ba-stat-change-text\">vs previous period<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ba-stat-card\">\r\n            <div class=\"ba-stat-header\">\r\n              <div class=\"ba-stat-icon\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\/><\/svg>\r\n              <\/div>\r\n              <span class=\"ba-stat-label\">Revenue<\/span>\r\n            <\/div>\r\n            <div class=\"ba-stat-value\" data-count=\"12400\" data-prefix=\"$\">$12.4K<\/div>\r\n            <div class=\"ba-stat-change ba-stat-change-positive\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                <path d=\"M7 17l5-5 5 5M12 12V3\"\/>\r\n              <\/svg>\r\n              <span>+53%<\/span>\r\n              <span class=\"ba-stat-change-text\">vs previous period<\/span>\r\n            <\/div>\r\n          <\/div>\r\n      <\/div>\r\n      \r\n      <div class=\"ba-growth-header\">\r\n        <div class=\"ba-growth-header-inner\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n            <path d=\"M23 6l-9.5 9.5-5-5L1 18\"\/>\r\n          <\/svg>\r\n          Growth Metrics\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <div class=\"ba-growth-grid\" id=\"growthGrid\">\r\n        <div class=\"ba-growth-card\">\r\n          <div class=\"ba-growth-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n              <path d=\"M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z\"\/>\r\n              <circle cx=\"12\" cy=\"12\" r=\"3\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"ba-growth-value\">\r\n            <span class=\"ba-count\" data-target=\"47\">0<\/span>%\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n              <path d=\"M23 6l-9.5 9.5-5-5L1 18\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"ba-growth-label\">Views Increase<\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"ba-growth-card\">\r\n          <div class=\"ba-growth-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                <path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"ba-growth-value\">\r\n            <span class=\"ba-count\" data-target=\"53\">0<\/span>%\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n              <path d=\"M23 6l-9.5 9.5-5-5L1 18\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"ba-growth-label\">Revenue Growth<\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"ba-growth-card\">\r\n          <div class=\"ba-growth-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n              <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/>\r\n              <circle cx=\"9\" cy=\"7\" r=\"4\"\/>\r\n              <path d=\"M23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"ba-growth-value\">\r\n            <span class=\"ba-count\" data-target=\"27\">0<\/span>%\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n              <path d=\"M23 6l-9.5 9.5-5-5L1 18\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"ba-growth-label\">Subscriber Growth<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function() {\r\n  \/\/ Case Studies Data\r\n  const caseStudies = {\r\n    small: {\r\n      title: 'From struggling to thriving in just 2 months',\r\n      beforeImage: 'https:\/\/avemedia.net\/wp-content\/uploads\/2026\/02\/Before.png',\r\n      afterImage: 'https:\/\/avemedia.net\/wp-content\/uploads\/2026\/02\/After-Month-2.png',\r\n      beforeLabel: 'Before',\r\n      afterLabel: 'After',\r\n      stats: [\r\n        { label: 'Views', value: '22.4K', count: 22400, suffix: '', change: '+489%' },\r\n        { label: 'Watch Time', value: '99.0h', count: 99, suffix: 'h', decimal: 1, change: '+138%' },\r\n        { label: 'Subscribers', value: '+14', count: 14, prefix: '+', change: '+75%' }\r\n      ],\r\n      growth: [\r\n        { value: 489, label: 'Views Increase' },\r\n        { value: 138, label: 'Watch Time Boost' },\r\n        { value: 75, label: 'Subscriber Growth' }\r\n      ]\r\n    },\r\n    large: {\r\n      title: 'Massive growth for established channels',\r\n      beforeImage: 'https:\/\/avemedia.net\/wp-content\/uploads\/2026\/02\/Before-1.png',\r\n      afterImage: 'https:\/\/avemedia.net\/wp-content\/uploads\/2026\/02\/After-Month-2-3.png',\r\n      beforeLabel: 'Before',\r\n      afterLabel: 'After',\r\n      stats: [\r\n        { label: 'Views', value: '441.7K', count: 441700, suffix: '', change: '+47%' },\r\n        { label: 'Watch Time', value: '67.9K', count: 67900, suffix: '', change: '+3%' },\r\n        { label: 'Subscribers', value: '+2.8K', count: 2800, suffix: '', prefix: '+', change: '+27%' },\r\n        { label: 'Revenue', value: '$12.4K', count: 12400, prefix: '$', suffix: 'K', change: '+53%' }\r\n      ],\r\n      growth: [\r\n        { value: 47, label: 'Views Increase' },\r\n        { value: 53, label: 'Revenue Growth' },\r\n        { value: 27, label: 'Subscriber Growth' }\r\n      ]\r\n    }\r\n  };\r\n  \r\n  \/\/ CHANGED DEFAULT: Starts on Large\r\n  let currentCase = 'large';\r\n  let sliderPosition = 50;\r\n  let isDragging = false;\r\n  \r\n  \/\/ DOM Elements\r\n  const slider = document.getElementById('slider');\r\n  const sliderLine = document.getElementById('sliderLine');\r\n  const beforeClip = document.getElementById('beforeClip');\r\n  const beforeImage = document.getElementById('beforeImage');\r\n  const afterImage = document.getElementById('afterImage');\r\n  const caseTitle = document.getElementById('caseTitle');\r\n  const statsGrid = document.getElementById('statsGrid');\r\n  const growthGrid = document.getElementById('growthGrid');\r\n  const content = document.getElementById('baContent');\r\n  const tabs = document.querySelectorAll('.ba-tab');\r\n  \r\n  \/\/ Preload images function\r\n  function preloadImages(caseId) {\r\n    const data = caseStudies[caseId];\r\n    const beforeImg = new Image();\r\n    const afterImg = new Image();\r\n    beforeImg.src = data.beforeImage;\r\n    afterImg.src = data.afterImage;\r\n  }\r\n  \r\n  \/\/ Preload both cases on init\r\n  preloadImages('small');\r\n  preloadImages('large');\r\n  \r\n  \/\/ Slider Functions\r\n  function updateSlider(clientX) {\r\n    const rect = slider.getBoundingClientRect();\r\n    const x = clientX - rect.left;\r\n    sliderPosition = Math.max(0, Math.min(100, (x \/ rect.width) * 100));\r\n    \r\n    sliderLine.style.left = sliderPosition + '%';\r\n    beforeClip.style.clipPath = `inset(0 ${100 - sliderPosition}% 0 0)`;\r\n  }\r\n  \r\n  slider.addEventListener('mousedown', (e) => {\r\n    isDragging = true;\r\n    slider.classList.add('dragging');\r\n    updateSlider(e.clientX);\r\n  });\r\n  \r\n  document.addEventListener('mousemove', (e) => {\r\n    if (isDragging) {\r\n      updateSlider(e.clientX);\r\n    }\r\n  });\r\n  \r\n  document.addEventListener('mouseup', () => {\r\n    isDragging = false;\r\n    slider.classList.remove('dragging');\r\n  });\r\n  \r\n  \/\/ Touch support\r\n  slider.addEventListener('touchstart', (e) => {\r\n    isDragging = true;\r\n    slider.classList.add('dragging');\r\n    updateSlider(e.touches[0].clientX);\r\n  }, { passive: true });\r\n  \r\n  slider.addEventListener('touchmove', (e) => {\r\n    if (isDragging) {\r\n      updateSlider(e.touches[0].clientX);\r\n    }\r\n  }, { passive: true });\r\n  \r\n  slider.addEventListener('touchend', () => {\r\n    isDragging = false;\r\n    slider.classList.remove('dragging');\r\n  });\r\n  \r\n  \/\/ Animated Counter\r\n  function animateCounter(element, target, duration = 1500, prefix = '', suffix = '', decimal = 0) {\r\n    const startTime = Date.now();\r\n    const startValue = 0;\r\n    \r\n    function update() {\r\n      const elapsed = Date.now() - startTime;\r\n      const progress = Math.min(elapsed \/ duration, 1);\r\n      const easeOut = 1 - Math.pow(1 - progress, 3);\r\n      const current = startValue + (target - startValue) * easeOut;\r\n      \r\n      if (decimal > 0) {\r\n        element.textContent = prefix + current.toFixed(decimal) + suffix;\r\n      } else if (target >= 1000) {\r\n        element.textContent = prefix + Math.round(current).toLocaleString() + suffix;\r\n      } else {\r\n        element.textContent = prefix + Math.round(current) + suffix;\r\n      }\r\n      \r\n      if (progress < 1) {\r\n        requestAnimationFrame(update);\r\n      }\r\n    }\r\n    \r\n    requestAnimationFrame(update);\r\n  }\r\n  \r\n  \/\/ Growth Counter Animation\r\n  function animateGrowthCounters() {\r\n    const counters = document.querySelectorAll('.ba-count');\r\n    counters.forEach(counter => {\r\n      const target = parseInt(counter.dataset.target);\r\n      animateCounter(counter, target, 2000, '', '', 0);\r\n    });\r\n  }\r\n  \r\n  \/\/ Render Stats\r\n  function renderStats(stats) {\r\n    return stats.map((stat, index) => `\r\n      <div class=\"ba-stat-card\" style=\"animation: ba-fade-in-up 0.5s ease ${index * 0.1}s both;\">\r\n        <div class=\"ba-stat-header\">\r\n          <div class=\"ba-stat-icon\">\r\n            ${getStatIcon(stat.label)}\r\n          <\/div>\r\n          <span class=\"ba-stat-label\">${stat.label}<\/span>\r\n        <\/div>\r\n        <div class=\"ba-stat-value\" id=\"stat-${index}\">${stat.value}<\/div>\r\n        <div class=\"ba-stat-change ba-stat-change-positive\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n            <path d=\"M7 17l5-5 5 5M12 12V3\"\/>\r\n          <\/svg>\r\n          <span>${stat.change}<\/span>\r\n          <span class=\"ba-stat-change-text\">vs previous period<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    `).join('');\r\n  }\r\n  \r\n  \/\/ Render Growth\r\n  function renderGrowth(growth) {\r\n    return growth.map((item, index) => `\r\n      <div class=\"ba-growth-card\" style=\"animation: ba-fade-in-up 0.5s ease ${index * 0.15}s both;\">\r\n        <div class=\"ba-growth-icon\">\r\n          ${getGrowthIcon(item.label)}\r\n        <\/div>\r\n        <div class=\"ba-growth-value\">\r\n          <span class=\"ba-count\" data-target=\"${item.value}\">0<\/span>%\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n            <path d=\"M23 6l-9.5 9.5-5-5L1 18\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <div class=\"ba-growth-label\">${item.label}<\/div>\r\n      <\/div>\r\n    `).join('');\r\n  }\r\n  \r\n  \/\/ Get Icons\r\n  function getStatIcon(label) {\r\n    const icons = {\r\n      'Views': '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>',\r\n      'Watch Time': '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 6v6l4 2\"\/><\/svg>',\r\n      'Subscribers': '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>',\r\n      'Revenue': '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\/><\/svg>'\r\n    };\r\n    return icons[label] || icons['Views'];\r\n  }\r\n  \r\n  function getGrowthIcon(label) {\r\n    const icons = {\r\n      'Views Increase': '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>',\r\n      'Watch Time Boost': '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 6v6l4 2\"\/><\/svg>',\r\n      'Subscriber Growth': '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>',\r\n      'Revenue Growth': '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/><\/svg>'\r\n    };\r\n    return icons[label] || icons['Views Increase'];\r\n  }\r\n  \r\n  \/\/ Switch Case\r\n  function switchCase(caseId) {\r\n    if (caseId === currentCase) return;\r\n    \r\n    const data = caseStudies[caseId];\r\n    \r\n    \/\/ Animate out\r\n    content.classList.add('animating');\r\n    \r\n    setTimeout(() => {\r\n      \/\/ Update content\r\n      caseTitle.textContent = data.title;\r\n      beforeImage.src = data.beforeImage;\r\n      afterImage.src = data.afterImage;\r\n      \r\n      \/\/ Update labels\r\n      const beforeLabelEl = beforeImage.parentElement.querySelector('.ba-slider-label');\r\n      const afterLabelEl = afterImage.parentElement.querySelector('.ba-slider-label');\r\n      if (beforeLabelEl) beforeLabelEl.childNodes[1].textContent = ' ' + data.beforeLabel;\r\n      if (afterLabelEl) afterLabelEl.childNodes[1].textContent = ' ' + data.afterLabel;\r\n      \r\n      \/\/ Update stats\r\n      statsGrid.innerHTML = renderStats(data.stats);\r\n      \r\n      \/\/ Update growth\r\n      growthGrid.innerHTML = renderGrowth(data.growth);\r\n      \r\n      \/\/ Reset slider\r\n      sliderPosition = 50;\r\n      sliderLine.style.left = '50%';\r\n      beforeClip.style.clipPath = 'inset(0 50% 0 0)';\r\n      \r\n      \/\/ Animate in\r\n      content.classList.remove('animating');\r\n      \r\n      \/\/ Animate counters\r\n      setTimeout(() => {\r\n        data.stats.forEach((stat, index) => {\r\n          const el = document.getElementById(`stat-${index}`);\r\n          if (el) {\r\n            animateCounter(el, stat.count, 1500, stat.prefix || '', stat.suffix || '', stat.decimal || 0);\r\n          }\r\n        });\r\n        animateGrowthCounters();\r\n      }, 100);\r\n      \r\n      currentCase = caseId;\r\n    }, 300);\r\n  }\r\n  \r\n  \/\/ Tab Click\r\n  tabs.forEach(tab => {\r\n    tab.addEventListener('click', () => {\r\n      tabs.forEach(t => t.classList.remove('active'));\r\n      tab.classList.add('active');\r\n      switchCase(tab.dataset.case);\r\n    });\r\n  });\r\n  \r\n  \/\/ Add fade animation keyframes\r\n  const style = document.createElement('style');\r\n  style.textContent = `\r\n    @keyframes ba-fade-in-up {\r\n      from {\r\n        opacity: 0;\r\n        transform: translateY(20px);\r\n      }\r\n      to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n      }\r\n    }\r\n  `;\r\n  document.head.appendChild(style);\r\n  \r\n  \/\/ Initial animation\r\n  setTimeout(() => {\r\n    caseStudies.large.stats.forEach((stat, index) => {\r\n      const el = document.getElementById(`stat-${index}`);\r\n      if (el) {\r\n        animateCounter(el, stat.count, 1500, stat.prefix || '', stat.suffix || '', stat.decimal || 0);\r\n      }\r\n    });\r\n    animateGrowthCounters();\r\n  }, 500);\r\n  \r\n  \/\/ Intersection Observer for re-animation\r\n  const observer = new IntersectionObserver((entries) => {\r\n    entries.forEach(entry => {\r\n      if (entry.isIntersecting) {\r\n        animateGrowthCounters();\r\n      }\r\n    });\r\n  }, { threshold: 0.3 });\r\n  \r\n  observer.observe(growthGrid);\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-26c957f e-flex e-con-boxed e-con e-parent\" data-id=\"26c957f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c5ce28c elementor-widget elementor-widget-spacer\" data-id=\"c5ce28c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-00c3e05 e-flex e-con-boxed e-con e-parent\" data-id=\"00c3e05\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-69eab1a elementor-widget elementor-widget-html\" data-id=\"69eab1a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>AVE Media | Founder & Lead Editor<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@300;400;600;700&family=Inter:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n    <style>\n        body {\n            font-family: 'Inter', sans-serif;\n            background: #ffffff;\n            color: #ffffff;\n            overflow-x: hidden;\n        }\n        \n        .font-display {\n            font-family: 'Space Grotesk', sans-serif;\n        }\n\n        \/* Tight height container *\/\n        .story-section {\n            min-height: auto;\n            padding: 2rem 0;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        \/* White gradient text *\/\n        .gradient-text {\n            background: linear-gradient(135deg, #ffffff 0%, #e0e7ff 50%, #ffffff 100%);\n            background-size: 200% 200%;\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            animation: gradient-shift 6s ease infinite;\n        }\n\n        @keyframes gradient-shift {\n            0% { background-position: 0% 50%; }\n            50% { background-position: 100% 50%; }\n            100% { background-position: 0% 50%; }\n        }\n\n        \/* All text white *\/\n        .text-content {\n            color: #ffffff;\n        }\n\n        \/* Subtle underline effect - white *\/\n        .hover-line {\n            position: relative;\n            display: inline-block;\n            color: #ffffff;\n            font-weight: 600;\n        }\n        .hover-line::after {\n            content: '';\n            position: absolute;\n            width: 100%;\n            height: 2px;\n            bottom: -2px;\n            left: 0;\n            background: #ffffff;\n            transform: scaleX(0);\n            transform-origin: bottom right;\n            transition: transform 0.3s ease-out;\n        }\n        .hover-line:hover::after {\n            transform: scaleX(1);\n            transform-origin: bottom left;\n        }\n\n        \/* Clean image styling *\/\n        .image-container {\n            position: relative;\n            display: inline-block;\n        }\n        \n        .image-container::before {\n            content: '';\n            position: absolute;\n            -inset: 3px;\n            border: 2px solid #ffffff;\n            border-radius: 12px;\n            z-index: -1;\n            opacity: 0.3;\n        }\n\n        \/* White tags with transparency *\/\n        .tag {\n            transition: all 0.3s ease;\n            color: #ffffff;\n            background: rgba(255, 255, 255, 0.1);\n            border-color: rgba(255, 255, 255, 0.3);\n        }\n        .tag:hover {\n            background: rgba(255, 255, 255, 0.2);\n            color: #ffffff;\n            transform: translateY(-2px);\n        }\n    <\/style>\n<\/head>\n<body class=\"antialiased min-h-screen flex items-center justify-center bg-gradient-to-br from-slate-900 via-blue-950 to-slate-900\">\n\n    <!-- Main Story Section - Compact -->\n    <section class=\"story-section w-full px-6\">\n        <div class=\"max-w-5xl mx-auto w-full\">\n            \n            <!-- Grid Layout - Tight spacing -->\n            <div class=\"grid grid-cols-1 md:grid-cols-12 gap-6 items-center\">\n                \n                <!-- Image Column -->\n                <div class=\"md:col-span-4 flex justify-center\">\n                    <div class=\"image-container w-48 h-48 md:w-56 md:h-56\">\n                        <img decoding=\"async\" src=\"https:\/\/avemedia.net\/wp-content\/uploads\/2026\/02\/Untitled-design-1.png\" \n                             alt=\"AVE Media Founder\" \n                             class=\"w-full h-full object-cover rounded-xl shadow-lg border-2 border-white\/20\">\n                    <\/div>\n                <\/div>\n\n                <!-- Content Column -->\n                <div class=\"md:col-span-8 space-y-4 text-center md:text-left\">\n                    \n                    <!-- Header -->\n                    <div class=\"space-y-1\">\n                        <p class=\"text-white\/60 text-xs font-mono tracking-widest uppercase font-semibold\">AVE Media<\/p>\n                        <h1 class=\"font-display text-3xl md:text-4xl font-bold leading-tight text-white\">\n                            Founder & <span class=\"gradient-text\">Lead Editor<\/span>\n                        <\/h1>\n                    <\/div>\n\n                    <!-- Story Content - 120 words -->\n                    <div class=\"space-y-3 text-content\">\n                        <p class=\"leading-relaxed text-sm md:text-base text-white\/90\">\n                            I lead a creative team of <span class=\"font-semibold text-white\">7-9 editors and designers<\/span> at AVE Media, transforming long-form content into compelling short-form stories that drive engagement across social platforms.\n                        <\/p>\n                        <p class=\"leading-relaxed text-sm text-white\/70\">\n                            From managing complex client projects to designing thumbnails and social assets, I bridge the gap between raw footage and viral content. Every frame is intentional. Every cut drives results.\n                        <\/p>\n                    <\/div>\n\n                    <!-- Tags -->\n                    <div class=\"flex flex-wrap gap-2 justify-center md:justify-start pt-2\">\n                        <span class=\"tag px-3 py-1.5 border rounded-full text-xs font-medium cursor-default\">\n                            Team Leadership\n                        <\/span>\n                        <span class=\"tag px-3 py-1.5 border rounded-full text-xs font-medium cursor-default\">\n                            Video Editing\n                        <\/span>\n                        <span class=\"tag px-3 py-1.5 border rounded-full text-xs font-medium cursor-default\">\n                            Social Media\n                        <\/span>\n                        <span class=\"tag px-3 py-1.5 border rounded-full text-xs font-medium cursor-default\">\n                            Visual Design\n                        <\/span>\n                    <\/div>\n\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6875519 e-flex e-con-boxed e-con e-parent\" data-id=\"6875519\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-084901d e-flex e-con-boxed e-con e-parent\" data-id=\"084901d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1819e81 elementor-widget elementor-widget-html\" data-id=\"1819e81\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');\r\n\r\n  .faq-container {\r\n    font-family: 'Inter', sans-serif;\r\n    background: transparent;\r\n    padding: 40px 0;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .faq-header {\r\n    text-align: center;\r\n    margin-bottom: 30px;\r\n    z-index: 1;\r\n  }\r\n\r\n  .faq-title {\r\n    font-size: clamp(2rem, 4vw, 3rem);\r\n    font-weight: 800;\r\n    color: #ffffff;\r\n    margin-bottom: 10px;\r\n  }\r\n\r\n  .faq-title span {\r\n    background: linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n  }\r\n\r\n  .faq-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr; \r\n    gap: 15px 30px; \r\n    max-width: 1100px; \r\n    margin: 0 auto;\r\n    padding: 0 20px;\r\n  }\r\n\r\n  .faq-item {\r\n    border-radius: 12px;\r\n    transition: all 0.3s ease;\r\n    height: fit-content;\r\n  }\r\n\r\n  .faq-question {\r\n    width: 100%;\r\n    padding: 14px 18px; \r\n    background: rgba(30, 41, 59, 0.5);\r\n    backdrop-filter: blur(10px);\r\n    border: 1px solid rgba(96, 165, 250, 0.1);\r\n    border-radius: 12px;\r\n    cursor: pointer;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 12px;\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  .faq-item.active .faq-question {\r\n    background: rgba(30, 64, 175, 0.2);\r\n    border-color: rgba(96, 165, 250, 0.4);\r\n    border-radius: 12px 12px 0 0;\r\n  }\r\n\r\n  .faq-question-content {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n  }\r\n\r\n  .faq-number {\r\n    font-size: 0.85rem;\r\n    font-weight: 700;\r\n    color: #60a5fa;\r\n    background: rgba(96, 165, 250, 0.1);\r\n    width: 28px;\r\n    height: 28px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-radius: 6px;\r\n  }\r\n\r\n  .faq-question-text {\r\n    font-size: 0.95rem;\r\n    font-weight: 600;\r\n    color: #e2e8f0;\r\n    text-align: left;\r\n  }\r\n\r\n  .faq-icon svg {\r\n    width: 14px;\r\n    height: 14px;\r\n    stroke: #60a5fa;\r\n    transition: transform 0.3s ease;\r\n  }\r\n\r\n  .faq-item.active .faq-icon svg {\r\n    transform: rotate(180deg);\r\n  }\r\n\r\n  .faq-answer {\r\n    max-height: 0;\r\n    overflow: hidden;\r\n    transition: all 0.4s ease;\r\n    background: rgba(15, 23, 42, 0.4);\r\n    border: 1px solid rgba(96, 165, 250, 0.1);\r\n    border-top: none;\r\n    border-radius: 0 0 12px 12px;\r\n  }\r\n\r\n  .faq-item.active .faq-answer {\r\n    max-height: 300px;\r\n  }\r\n\r\n  .faq-answer-content {\r\n    padding: 15px 18px;\r\n    color: #94a3b8;\r\n    font-size: 0.9rem;\r\n    line-height: 1.6;\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .faq-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"faq-container\">\r\n  <div class=\"faq-header\">\r\n    <h2 class=\"faq-title\">Frequently Asked <span>Questions<\/span><\/h2>\r\n  <\/div>\r\n\r\n  <div class=\"faq-grid\">\r\n    <div class=\"faq-column\">\r\n      <div class=\"faq-item\">\r\n        <button class=\"faq-question\" onclick=\"toggleFaq(this)\">\r\n          <div class=\"faq-question-content\">\r\n            <span class=\"faq-number\">01<\/span>\r\n            <span class=\"faq-question-text\">How do we get started?<\/span>\r\n          <\/div>\r\n          <span class=\"faq-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg><\/span>\r\n        <\/button>\r\n        <div class=\"faq-answer\"><div class=\"faq-answer-content\">Book a 15-30 min call. We discuss your project, files, and budget. If we agree, we start immediately!<\/div><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"faq-item\" style=\"margin-top:15px;\">\r\n        <button class=\"faq-question\" onclick=\"toggleFaq(this)\">\r\n          <div class=\"faq-question-content\">\r\n            <span class=\"faq-number\">02<\/span>\r\n            <span class=\"faq-question-text\">Which software do you use?<\/span>\r\n          <\/div>\r\n          <span class=\"faq-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg><\/span>\r\n        <\/button>\r\n        <div class=\"faq-answer\"><div class=\"faq-answer-content\">Adobe Premiere Pro, After Effects, Photoshop, CapCut, and Canva for top-tier results.<\/div><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"faq-item\" style=\"margin-top:15px;\">\r\n        <button class=\"faq-question\" onclick=\"toggleFaq(this)\">\r\n          <div class=\"faq-question-content\">\r\n            <span class=\"faq-number\">03<\/span>\r\n            <span class=\"faq-question-text\">How do we communicate?<\/span>\r\n          <\/div>\r\n          <span class=\"faq-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg><\/span>\r\n        <\/button>\r\n        <div class=\"faq-answer\"><div class=\"faq-answer-content\">WhatsApp, Email, or Slack. We also integrate with Asana and ClickUp for management.<\/div><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"faq-column\">\r\n      <div class=\"faq-item\">\r\n        <button class=\"faq-question\" onclick=\"toggleFaq(this)\">\r\n          <div class=\"faq-question-content\">\r\n            <span class=\"faq-number\">04<\/span>\r\n            <span class=\"faq-question-text\">Turnaround time?<\/span>\r\n          <\/div>\r\n          <span class=\"faq-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg><\/span>\r\n        <\/button>\r\n        <div class=\"faq-answer\"><div class=\"faq-answer-content\">Typically 48-76 hours depending on project complexity. We prioritize quality and speed.<\/div><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"faq-item\" style=\"margin-top:15px;\">\r\n        <button class=\"faq-question\" onclick=\"toggleFaq(this)\">\r\n          <div class=\"faq-question-content\">\r\n            <span class=\"faq-number\">05<\/span> <span class=\"faq-question-text\">Why should I trust you?<\/span>\r\n          <\/div>\r\n          <span class=\"faq-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg><\/span>\r\n        <\/button>\r\n        <div class=\"faq-answer\"><div class=\"faq-answer-content\">We've helped 150+ creators and realtors scale their brands with consistent, high-quality content.<\/div><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"faq-item\" style=\"margin-top:15px;\">\r\n        <button class=\"faq-question\" onclick=\"toggleFaq(this)\">\r\n          <div class=\"faq-question-content\">\r\n            <span class=\"faq-number\">06<\/span>\r\n            <span class=\"faq-question-text\">Your editing process?<\/span>\r\n          <\/div>\r\n          <span class=\"faq-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg><\/span>\r\n        <\/button>\r\n        <div class=\"faq-answer\"><div class=\"faq-answer-content\">We analyze your audience, edit with professional transitions\/sound design, and offer up to 4 revisions.<\/div><\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n  function toggleFaq(button) {\r\n    const faqItem = button.parentElement;\r\n    const isActive = faqItem.classList.contains('active');\r\n    document.querySelectorAll('.faq-item').forEach(item => item.classList.remove('active'));\r\n    if (!isActive) {\r\n      faqItem.classList.add('active');\r\n    }\r\n  }\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1159845 e-flex e-con-boxed e-con e-parent\" data-id=\"1159845\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a225654 elementor-widget elementor-widget-html\" data-id=\"a225654\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"motion-hero-container\">\r\n  \r\n  <h2 class=\"static-headline\">\r\n    GET MORE LEADS\r\n  <\/h2>\r\n\r\n  <h2 class=\"sub-headline\">\r\n    Using <span class=\"typing-target\"><\/span>\r\n  <\/h2>\r\n\r\n<\/div>\r\n\r\n<style>\r\n  \/* 1. Container Styling *\/\r\n  .motion-hero-container {\r\n    background-color: #000000;\r\n    padding: 80px 20px;\r\n    text-align: left; \/* Aligns text to the left like a modern header *\/\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n  }\r\n\r\n  \/* 2. \"Get More Leads\" Styling *\/\r\n  .static-headline {\r\n    font-family: 'Inter', sans-serif; \/* Replace with your site font *\/\r\n    font-weight: 800;\r\n    font-size: 4.5rem;\r\n    color: #ffffff;\r\n    line-height: 1.1;\r\n    margin: 0 0 15px 0;\r\n    letter-spacing: -1px;\r\n    text-transform: capitalize;\r\n  }\r\n\r\n  \/* 3. \"Using...\" Styling *\/\r\n  .sub-headline {\r\n    font-family: 'Inter', sans-serif;\r\n    font-weight: 500;\r\n    font-size: 2.5rem;\r\n    color: #cccccc; \/* Slightly softer white for the 'Using' word *\/\r\n    margin: 0;\r\n  }\r\n\r\n  \/* 4. The Animated Text (Deep Navy Glow) *\/\r\n  .typing-target {\r\n    color: #ffffff;\r\n    font-weight: 700;\r\n    \/* The Motion Graphic Glow Effect *\/\r\n    text-shadow: 0px 0px 15px #000080, 0px 0px 30px #000080;\r\n  }\r\n\r\n  \/* 5. The Cursor (Deep Navy) *\/\r\n  .typed-cursor {\r\n    color: #DADADA;\r\n    font-size: 1.9rem;\r\n  }\r\n\r\n  \/* Mobile Responsiveness *\/\r\n  @media (max-width: 768px) {\r\n    .motion-hero-container { text-align: center; }\r\n    .static-headline { font-size: 2.8rem; }\r\n    .sub-headline { font-size: 1.5rem; }\r\n    .typed-cursor { font-size: 1.5rem; }\r\n  }\r\n<\/style>\r\n\r\n<script src=\"https:\/\/unpkg.com\/typed.js@2.0.16\/dist\/typed.umd.js\"><\/script>\r\n<script>\r\n  var typed = new Typed('.typing-target', {\r\n    strings: [\r\n      'Quality Video Content^1000', \r\n      'High-Converting Ads^1000', \r\n      'Engaging Reels^1000'\r\n      ],\r\n    typeSpeed: 40,\r\n    backSpeed: 25,\r\n    startDelay: 500,\r\n    loop: true,\r\n    showCursor: true\r\n  });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c597dba e-flex e-con-boxed e-con e-parent\" data-id=\"c597dba\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4043abb elementor-widget elementor-widget-html\" data-id=\"4043abb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- AVE Media Ending Section -->\r\n<div class=\"ave-footer\">\r\n  <div class=\"ave-footer-inner\">\r\n\r\n    <!-- Left: Logo -->\r\n    <div class=\"ave-footer-logo\">\r\n      <a href=\"https:\/\/avemedia.net\">\r\n        <img decoding=\"async\" src=\"https:\/\/avemedia.net\/wp-content\/uploads\/2026\/02\/fgg-removebg-preview.webp\" alt=\"AVE Media Logo\">\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <!-- Right: Links -->\r\n    <div class=\"ave-footer-links\">\r\n      <a href=\"https:\/\/avemedia.net\/?page_id=9286\">About Us<\/a>\r\n      <a href=\"https:\/\/avemedia.net\/?page_id=9262\">Terms & Services<\/a>\r\n      <a href=\"https:\/\/avemedia.net\/?page_id=9275\">Privacy Policy<\/a>\r\n      <a href=\"https:\/\/avemedia.net\/?page_id=9413\">Refund Policy<\/a>\r\n      <p>Get in touch: \r\n        <a href=\"mailto:info@avemedia.net\">info@avemedia.net<\/a>\r\n      <\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n  \r\n  <!-- Static White Glow Bar -->\r\n  <div class=\"ave-white-glow-bar\"><\/div>\r\n  \r\n  <!-- Address Bar -->\r\n  <div class=\"ave-footer-address\">\r\n    <div class=\"ave-footer-address-inner\">\r\n      <p class=\"ave-copyright\">\u00a9 2026 AVE Media. All Rights Reserved.<\/p>\r\n      <p class=\"ave-location\">\r\n        <a href=\"https:\/\/maps.app.goo.gl\/xpP7W8aL7MkZngeCA\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n          <strong>AVE Media<\/strong> | B-Block, New Market, Chattogram, Bangladesh\r\n        <\/a>\r\n      <\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  .ave-footer {\r\n    background: #000000;\r\n    padding: 40px 20px 20px;\r\n    border-top: 1px solid #0a1628;\r\n  }\r\n\r\n  .ave-footer-inner {\r\n    max-width: 1200px;\r\n    margin: auto;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .ave-footer-logo a {\r\n    display: inline-block;\r\n    text-decoration: none;\r\n  }\r\n\r\n  .ave-footer-logo img {\r\n    max-width: 90px;\r\n    display: block;\r\n  }\r\n\r\n  .ave-footer-links {\r\n    text-align: right;\r\n    color: #ffffff;\r\n    font-family: Arial, sans-serif;\r\n  }\r\n\r\n  .ave-footer-links a {\r\n    display: inline-block;\r\n    margin-left: 20px;\r\n    color: #ffffff;\r\n    text-decoration: none;\r\n    font-weight: 500;\r\n    cursor: pointer;\r\n    position: relative;\r\n    z-index: 9999;\r\n  }\r\n\r\n  .ave-footer-links a:hover {\r\n    color: #f5c400;\r\n    text-decoration: underline;\r\n  }\r\n\r\n  .ave-footer-links p {\r\n    margin-top: 15px;\r\n    font-size: 14px;\r\n    color: #cccccc;\r\n  }\r\n\r\n  .ave-footer-links p a {\r\n    margin-left: 5px;\r\n    color: #f5c400;\r\n  }\r\n\r\n  \/* Static White Glow Bar *\/\r\n  .ave-white-glow-bar {\r\n    max-width: 1200px;\r\n    margin: 30px auto 0;\r\n    height: 2px;\r\n    background: #ffffff;\r\n    border-radius: 1px;\r\n    box-shadow: 0 0 10px #ffffff, 0 0 20px #ffffff, 0 0 30px rgba(255, 255, 255, 0.5);\r\n  }\r\n\r\n  \/* Address Bar Styling *\/\r\n  .ave-footer-address {\r\n    max-width: 1200px;\r\n    margin: 15px auto 0;\r\n    font-family: Arial, sans-serif;\r\n    font-size: 13px;\r\n  }\r\n\r\n  .ave-footer-address-inner {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .ave-copyright {\r\n    color: #888888;\r\n    margin: 0;\r\n  }\r\n\r\n  .ave-location {\r\n    margin: 0;\r\n    text-align: right;\r\n  }\r\n\r\n  .ave-location a {\r\n    color: #888888;\r\n    text-decoration: none;\r\n    transition: color 0.3s ease;\r\n  }\r\n\r\n  .ave-location a:hover {\r\n    color: #f5c400;\r\n  }\r\n\r\n  .ave-location strong {\r\n    color: #f5c400;\r\n    font-weight: 600;\r\n  }\r\n\r\n  .ave-location a:hover strong {\r\n    color: #ffffff;\r\n  }\r\n\r\n  \/* Mobile Responsive *\/\r\n  @media (max-width: 768px) {\r\n    .ave-footer-inner {\r\n      flex-direction: column;\r\n      text-align: center;\r\n    }\r\n\r\n    .ave-footer-links {\r\n      text-align: center;\r\n      margin-top: 30px;\r\n    }\r\n\r\n    .ave-footer-links a {\r\n      margin: 0 10px;\r\n    }\r\n\r\n    .ave-footer-address {\r\n      margin-top: 15px;\r\n    }\r\n\r\n    .ave-footer-address-inner {\r\n      flex-direction: column;\r\n      text-align: center;\r\n      gap: 10px;\r\n    }\r\n\r\n    .ave-location {\r\n      text-align: center;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  \/\/ Ensure all footer links work properly\r\n  document.addEventListener('DOMContentLoaded', function() {\r\n    var footerLinks = document.querySelectorAll('.ave-footer-links a, .ave-footer-logo a, .ave-location a');\r\n    \r\n    footerLinks.forEach(function(link) {\r\n      link.addEventListener('click', function(e) {\r\n        var href = this.getAttribute('href');\r\n        if (href && href !== '#' && href !== '') {\r\n          \/\/ Allow default behavior for external links (mailto and maps)\r\n          if (href.startsWith('mailto:') || href.startsWith('https:\/\/maps.')) {\r\n            return; \/\/ Let the browser handle it naturally\r\n          }\r\n          e.preventDefault();\r\n          window.location.href = href;\r\n        }\r\n      });\r\n    });\r\n  });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Menu Our Work Services Process Message Results Book A Call Grow Faster &amp; Get Leads with Video Content Helping Influencers, Consultants, Agencies, and Companies grow\u00a0 through\u00a0strategic video content and social media funnels. See Price Book A Call We create captivating, dynamic video content. Our Work | Video Editing Agency Our Work Long Video Edits Short [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":7220,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"default","site-content-layout":"page-builder","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"disabled","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"disabled","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-8556","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>AVE Media | Video Editing Agency<\/title>\n<meta name=\"description\" content=\"We edit YouTube videos, Shorts, Instagram Reels, TikToks, Podcasts, and ads that grow your brand, scale your business, and generate leads.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/avemedia.net\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"AVE Media | Video Editing Agency\" \/>\n<meta property=\"og:description\" content=\"We edit YouTube videos, Shorts, Instagram Reels, TikToks, Podcasts, and ads that grow your brand, scale your business, and generate leads.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/avemedia.net\/\" \/>\n<meta property=\"og:site_name\" content=\"Ave Media\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-01T10:37:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/avemedia.net\/wp-content\/uploads\/2026\/01\/cropped-fgg.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"512\" \/>\n\t<meta property=\"og:image:height\" content=\"512\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/avemedia.net\/\",\"url\":\"https:\/\/avemedia.net\/\",\"name\":\"AVE Media | Video Editing Agency\",\"isPartOf\":{\"@id\":\"https:\/\/avemedia.net\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/avemedia.net\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/avemedia.net\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/avemedia.net\/wp-content\/uploads\/2026\/01\/cropped-fgg.webp\",\"datePublished\":\"2026-02-12T10:07:56+00:00\",\"dateModified\":\"2026-04-01T10:37:05+00:00\",\"description\":\"We edit YouTube videos, Shorts, Instagram Reels, TikToks, Podcasts, and ads that grow your brand, scale your business, and generate leads.\",\"breadcrumb\":{\"@id\":\"https:\/\/avemedia.net\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/avemedia.net\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/avemedia.net\/#primaryimage\",\"url\":\"https:\/\/avemedia.net\/wp-content\/uploads\/2026\/01\/cropped-fgg.webp\",\"contentUrl\":\"https:\/\/avemedia.net\/wp-content\/uploads\/2026\/01\/cropped-fgg.webp\",\"width\":512,\"height\":512},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/avemedia.net\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/avemedia.net\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"video editing\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/avemedia.net\/#website\",\"url\":\"https:\/\/avemedia.net\/\",\"name\":\"Ave Media\",\"description\":\"Professional Video Editing Agency\",\"publisher\":{\"@id\":\"https:\/\/avemedia.net\/#organization\"},\"alternateName\":\"avemedia\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/avemedia.net\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/avemedia.net\/#organization\",\"name\":\"Ave Media\",\"alternateName\":\"avemedia\",\"url\":\"https:\/\/avemedia.net\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/avemedia.net\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/avemedia.net\/wp-content\/uploads\/2026\/01\/cropped-fgg.webp\",\"contentUrl\":\"https:\/\/avemedia.net\/wp-content\/uploads\/2026\/01\/cropped-fgg.webp\",\"width\":512,\"height\":512,\"caption\":\"Ave Media\"},\"image\":{\"@id\":\"https:\/\/avemedia.net\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"AVE Media | Video Editing Agency","description":"We edit YouTube videos, Shorts, Instagram Reels, TikToks, Podcasts, and ads that grow your brand, scale your business, and generate leads.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/avemedia.net\/","og_locale":"en_US","og_type":"article","og_title":"AVE Media | Video Editing Agency","og_description":"We edit YouTube videos, Shorts, Instagram Reels, TikToks, Podcasts, and ads that grow your brand, scale your business, and generate leads.","og_url":"https:\/\/avemedia.net\/","og_site_name":"Ave Media","article_modified_time":"2026-04-01T10:37:05+00:00","og_image":[{"width":512,"height":512,"url":"https:\/\/avemedia.net\/wp-content\/uploads\/2026\/01\/cropped-fgg.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/avemedia.net\/","url":"https:\/\/avemedia.net\/","name":"AVE Media | Video Editing Agency","isPartOf":{"@id":"https:\/\/avemedia.net\/#website"},"primaryImageOfPage":{"@id":"https:\/\/avemedia.net\/#primaryimage"},"image":{"@id":"https:\/\/avemedia.net\/#primaryimage"},"thumbnailUrl":"https:\/\/avemedia.net\/wp-content\/uploads\/2026\/01\/cropped-fgg.webp","datePublished":"2026-02-12T10:07:56+00:00","dateModified":"2026-04-01T10:37:05+00:00","description":"We edit YouTube videos, Shorts, Instagram Reels, TikToks, Podcasts, and ads that grow your brand, scale your business, and generate leads.","breadcrumb":{"@id":"https:\/\/avemedia.net\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/avemedia.net\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/avemedia.net\/#primaryimage","url":"https:\/\/avemedia.net\/wp-content\/uploads\/2026\/01\/cropped-fgg.webp","contentUrl":"https:\/\/avemedia.net\/wp-content\/uploads\/2026\/01\/cropped-fgg.webp","width":512,"height":512},{"@type":"BreadcrumbList","@id":"https:\/\/avemedia.net\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/avemedia.net\/"},{"@type":"ListItem","position":2,"name":"video editing"}]},{"@type":"WebSite","@id":"https:\/\/avemedia.net\/#website","url":"https:\/\/avemedia.net\/","name":"Ave Media","description":"Professional Video Editing Agency","publisher":{"@id":"https:\/\/avemedia.net\/#organization"},"alternateName":"avemedia","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/avemedia.net\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/avemedia.net\/#organization","name":"Ave Media","alternateName":"avemedia","url":"https:\/\/avemedia.net\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/avemedia.net\/#\/schema\/logo\/image\/","url":"https:\/\/avemedia.net\/wp-content\/uploads\/2026\/01\/cropped-fgg.webp","contentUrl":"https:\/\/avemedia.net\/wp-content\/uploads\/2026\/01\/cropped-fgg.webp","width":512,"height":512,"caption":"Ave Media"},"image":{"@id":"https:\/\/avemedia.net\/#\/schema\/logo\/image\/"}}]}},"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/avemedia.net\/index.php?rest_route=\/wp\/v2\/pages\/8556","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/avemedia.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/avemedia.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/avemedia.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/avemedia.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8556"}],"version-history":[{"count":744,"href":"https:\/\/avemedia.net\/index.php?rest_route=\/wp\/v2\/pages\/8556\/revisions"}],"predecessor-version":[{"id":9957,"href":"https:\/\/avemedia.net\/index.php?rest_route=\/wp\/v2\/pages\/8556\/revisions\/9957"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/avemedia.net\/index.php?rest_route=\/wp\/v2\/media\/7220"}],"wp:attachment":[{"href":"https:\/\/avemedia.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8556"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}