{"id":33,"date":"2025-09-15T23:49:29","date_gmt":"2025-09-15T23:49:29","guid":{"rendered":"https:\/\/xylo.webstagingmy.com\/index.php\/our-work\/"},"modified":"2025-09-15T23:49:38","modified_gmt":"2025-09-15T23:49:38","slug":"our-work","status":"publish","type":"page","link":"https:\/\/xylo.webstagingmy.com\/index.php\/our-work\/","title":{"rendered":"Our work"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"33\" class=\"elementor elementor-33\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a4819b4 e-con-full elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-parent\" data-id=\"a4819b4\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-90066a e-con-full e-flex e-con e-child\" data-id=\"90066a\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-543c5c47 e-con-full e-flex e-con e-child\" data-id=\"543c5c47\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-587cbd1b e-con-full e-flex e-con e-child\" data-id=\"587cbd1b\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4fa79fb elementor-widget__width-inherit elementor-widget elementor-widget-image\" data-id=\"4fa79fb\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/xylo.webstagingmy.com\/wp-content\/plugins\/elementor\/assets\/images\/placeholder.png\" title=\"\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-511fb450 elementor-hidden-tablet e-con-full e-flex e-con e-child\" data-id=\"511fb450\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-43a07faf elementor-nav-menu__align-end elementor-nav-menu--stretch elementor-widget-tablet__width-auto elementor-nav-menu--dropdown-tablet elementor-nav-menu__text-align-aside elementor-nav-menu--toggle elementor-nav-menu--burger elementor-widget elementor-widget-nav-menu\" data-id=\"43a07faf\" data-element_type=\"widget\" data-settings=\"{&quot;full_width&quot;:&quot;stretch&quot;,&quot;layout&quot;:&quot;horizontal&quot;,&quot;submenu_icon&quot;:{&quot;value&quot;:&quot;&lt;svg class=\\&quot;e-font-icon-svg e-fas-caret-down\\&quot; viewBox=\\&quot;0 0 320 512\\&quot; xmlns=\\&quot;http:\\\/\\\/www.w3.org\\\/2000\\\/svg\\&quot;&gt;&lt;path d=\\&quot;M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z\\&quot;&gt;&lt;\\\/path&gt;&lt;\\\/svg&gt;&quot;,&quot;library&quot;:&quot;fa-solid&quot;},&quot;toggle&quot;:&quot;burger&quot;}\" data-widget_type=\"nav-menu.default\">\n\t\t\t\t\t\t\t\t<nav aria-label=\"Menu\" class=\"elementor-nav-menu--main elementor-nav-menu__container elementor-nav-menu--layout-horizontal e--pointer-background e--animation-fade\">\n\t\t\t\t<ul id=\"menu-1-43a07faf\" class=\"elementor-nav-menu\"><li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-42\"><a href=\"https:\/\/xylo.webstagingmy.com\/\" class=\"elementor-item\">Home<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-45\"><a href=\"https:\/\/xylo.webstagingmy.com\/index.php\/services\/\" class=\"elementor-item\">Services<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-43\"><a href=\"https:\/\/xylo.webstagingmy.com\/index.php\/about-us\/\" class=\"elementor-item\">About us<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-44\"><a href=\"https:\/\/xylo.webstagingmy.com\/index.php\/our-work\/\" class=\"elementor-item\">Our work<\/a><\/li>\n<\/ul>\t\t\t<\/nav>\n\t\t\t\t\t<div class=\"elementor-menu-toggle\" role=\"button\" tabindex=\"0\" aria-label=\"Menu Toggle\" aria-expanded=\"false\">\n\t\t\t<svg aria-hidden=\"true\" role=\"presentation\" class=\"elementor-menu-toggle__icon--open e-font-icon-svg e-eicon-menu-bar\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M104 333H896C929 333 958 304 958 271S929 208 896 208H104C71 208 42 237 42 271S71 333 104 333ZM104 583H896C929 583 958 554 958 521S929 458 896 458H104C71 458 42 487 42 521S71 583 104 583ZM104 833H896C929 833 958 804 958 771S929 708 896 708H104C71 708 42 737 42 771S71 833 104 833Z\"><\/path><\/svg><svg aria-hidden=\"true\" role=\"presentation\" class=\"elementor-menu-toggle__icon--close e-font-icon-svg e-eicon-close\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M742 167L500 408 258 167C246 154 233 150 217 150 196 150 179 158 167 167 154 179 150 196 150 212 150 229 154 242 171 254L408 500 167 742C138 771 138 800 167 829 196 858 225 858 254 829L496 587 738 829C750 842 767 846 783 846 800 846 817 842 829 829 842 817 846 804 846 783 846 767 842 750 829 737L588 500 833 258C863 229 863 200 833 171 804 137 775 137 742 167Z\"><\/path><\/svg>\t\t<\/div>\n\t\t\t\t\t<nav class=\"elementor-nav-menu--dropdown elementor-nav-menu__container\" aria-hidden=\"true\">\n\t\t\t\t<ul id=\"menu-2-43a07faf\" class=\"elementor-nav-menu\"><li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-42\"><a href=\"https:\/\/xylo.webstagingmy.com\/\" class=\"elementor-item\" tabindex=\"-1\">Home<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-45\"><a href=\"https:\/\/xylo.webstagingmy.com\/index.php\/services\/\" class=\"elementor-item\" tabindex=\"-1\">Services<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-43\"><a href=\"https:\/\/xylo.webstagingmy.com\/index.php\/about-us\/\" class=\"elementor-item\" tabindex=\"-1\">About us<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-44\"><a href=\"https:\/\/xylo.webstagingmy.com\/index.php\/our-work\/\" class=\"elementor-item\" tabindex=\"-1\">Our work<\/a><\/li>\n<\/ul>\t\t\t<\/nav>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-48f62c90 btn1 elementor-widget__width-auto elementor-hidden-mobile elementor-tablet-align-right elementor-widget-tablet__width-auto elementor-widget elementor-widget-button\" data-id=\"48f62c90\" data-element_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<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-arrow-right\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Contact us<\/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>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1fd9663b e-con-full e-flex e-con e-parent\" data-id=\"1fd9663b\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-60c341ba e-con-full e-flex e-con e-child\" data-id=\"60c341ba\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-4a1d295f e-con-full e-flex e-con e-child\" data-id=\"4a1d295f\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-d75902d e-con-full e-flex e-con e-child\" data-id=\"d75902d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-203916c0 elementor-icon-list--layout-inline elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"203916c0\" data-element_type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items elementor-inline-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Our work<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-380b031e elementor-widget__width-inherit elementor-hidden-mobile elementor-widget elementor-widget-heading\" data-id=\"380b031e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Explore some of<br> our \n<span class=\"tofarver\"> projects\n<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ac0bf46 elementor-widget__width-inherit elementor-hidden-desktop elementor-hidden-tablet elementor-widget elementor-widget-heading\" data-id=\"ac0bf46\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Explore some of our \n<span class=\"tofarver\"> projects\n<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-74b6f386 e-con-full e-flex e-con e-child\" data-id=\"74b6f386\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5d7eccc elementor-widget elementor-widget-text-editor\" data-id=\"5d7eccc\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Each project in our collection reflects the passion and creativity we bring to every digital endeavor. From sleek web designs to dynamic branding solutions, our portfolio highlights the diversity of our<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7eeb3721 e-con-full e-flex e-con e-child\" data-id=\"7eeb3721\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-5f335b0 e-con-full e-flex e-con e-child\" data-id=\"5f335b0\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-1c7cf1bf e-con-full e-flex e-con e-child\" data-id=\"1c7cf1bf\" data-element_type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-961fbbe e-con-full e-flex e-con e-child\" data-id=\"961fbbe\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-3431ba61 e-con-full e-flex e-con e-child\" data-id=\"3431ba61\" data-element_type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7fec59ee e-con-full e-flex e-con e-child\" data-id=\"7fec59ee\" data-element_type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3c0a393e main elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"3c0a393e\" data-element_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<div class=\"elementor-element elementor-element-126fd59a e-con-full e-flex e-con e-child\" data-id=\"126fd59a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-789c621a elementor-widget elementor-widget-html\" data-id=\"789c621a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        const tbtns = document.querySelectorAll(\".btn1 a\");\r\n\r\n        \/\/ Loop through all elements with class .btn a\r\n        tbtns.forEach(function(tbtn) {\r\n            const style = window.getComputedStyle(tbtn);\r\n            const tbtnWidthWithoutPadding = tbtn.offsetWidth - parseFloat(style.paddingLeft) - parseFloat(style.paddingRight);\r\n\r\n            const icon = tbtn.querySelector(\".elementor-button-icon\");\r\n            const iconStyle = window.getComputedStyle(icon);\r\n            const iconWidth = icon.offsetWidth;\r\n\r\n            \/\/ Calculate the padding and margin values\r\n            const paddingToAdd = tbtnWidthWithoutPadding - iconWidth;\r\n            const newPaddingLeft = parseFloat(iconStyle.paddingLeft) + paddingToAdd;\r\n\r\n            \/\/ Add hover event listener to each tbtn\r\n            tbtn.addEventListener('mouseover', function() {\r\n                \/\/ Apply the padding and negative margin when hovering\r\n                icon.style.paddingLeft = `${newPaddingLeft}px`;\r\n                icon.style.marginLeft = `-${paddingToAdd}px`;\r\n            });\r\n\r\n            \/\/ Remove the padding and negative margin when hover ends\r\n            tbtn.addEventListener('mouseout', function() {\r\n                \/\/ Reset the styles when the mouse leaves\r\n                icon.style.paddingLeft = '';  \/\/ Reset to original padding\r\n                icon.style.marginLeft = '';   \/\/ Reset to original margin\r\n            });\r\n        });\r\n    });\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-653c0c0b elementor-widget elementor-widget-html\" data-id=\"653c0c0b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n    .card{\n        will-change: transform;\n    }\n<\/style>\n\n<!-- Add these to your Elementor page head or footer -->\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.11.4\/gsap.min.js\"><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.11.4\/ScrollTrigger.min.js\"><\/script>\n\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n    \/\/ Ensure GSAP and ScrollTrigger are available\n    if (typeof gsap !== \"undefined\" && typeof ScrollTrigger !== \"undefined\") {\n        gsap.registerPlugin(ScrollTrigger);\n\n        \/\/ Define different movement values for desktop and mobile\n        const isMobile = window.innerWidth <= 768;\n\n        const leftXValues = isMobile ? [-1500, -1500, -500] : [-800, -900, -400];\n        const rightXValues = isMobile ? [1500, 1500, 500] : [800, 900, 400];\n        const leftRotationValues = isMobile ? [-45, -40, -50] : [-30, -20, -35];\n        const rightRotationValues = isMobile ? [45, 40, 50] : [30, 20, 35];\n        const yValues = isMobile ? [200, -300, -700] : [100, -150, -400];\n\n        gsap.utils.toArray(\".row\").forEach((row, index) => {\n            const cardLeft = row.querySelector(\".card-left\");\n            const cardRight = row.querySelector(\".card-right\");\n\n            gsap.fromTo(cardLeft, \n                { x: 0, y: 0, rotation: 0 },\n                {\n                    x: leftXValues[index],\n                    rotation: leftRotationValues[index],\n                    scrollTrigger: {\n                        trigger: \".main\",\n                        start: \"top 80%\",\n                        end: \"150% bottom\",\n                        scrub: true,\n                        onUpdate: (self) => {\n                            const progress = self.progress;\n                            gsap.set(cardLeft, {\n                                x: progress * leftXValues[index],\n                                y: progress * yValues[index],\n                                rotation: progress * leftRotationValues[index]\n                            });\n                        },\n                    },\n                }\n            );\n\n            gsap.fromTo(cardRight,\n                { x: 0, y: 0, rotation: 0 },\n                {\n                    x: rightXValues[index],\n                    rotation: rightRotationValues[index],\n                    scrollTrigger: {\n                        trigger: \".main\",\n                        start: \"top 80%\",\n                        end: \"150% bottom\",\n                        scrub: true,\n                        onUpdate: (self) => {\n                            const progress = self.progress;\n                            gsap.set(cardRight, {\n                                x: progress * rightXValues[index],\n                                y: progress * yValues[index],\n                                rotation: progress * rightRotationValues[index]\n                            });\n                        },\n                    },\n                }\n            );\n        });\n    } else {\n        console.error(\"GSAP or ScrollTrigger not found.\");\n    }\n});\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3dccabb5 e-con-full e-transform e-flex e-con e-child\" data-id=\"3dccabb5\" data-element_type=\"container\" data-settings=\"{&quot;position&quot;:&quot;absolute&quot;,&quot;_transform_translateX_effect&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:-50,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_tablet&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_mobile&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-50,&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<div class=\"elementor-element elementor-element-71b987f1 animated-fast elementor-invisible elementor-widget elementor-widget-image\" data-id=\"71b987f1\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/xylo.webstagingmy.com\/wp-content\/plugins\/elementor\/assets\/images\/placeholder.png\" title=\"\" alt=\"\" loading=\"lazy\" \/>\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-14452621 animated-fast elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"14452621\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Some Of<br> <span class=\"tofarver\">Our Work\n<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5ea961ab elementor-widget-mobile__width-initial animated-fast elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"5ea961ab\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Each project in our collection reflects the passion and creativity we bring to every digital endeavor. From sleek web designs to dynamic branding solutions, our portfolio highlights the diversity of our expertise. We believe in pushing boundaries and crafting digital experiences that not only meet but exceed expectations. Your vision, brought to life with precision and flair.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7ea06bfd btn1 elementor-widget elementor-widget-button\" data-id=\"7ea06bfd\" data-element_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<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-arrow-right\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Explore our work<\/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-3d0ea83c elementor-align-center elementor-widget elementor-widget-lottie\" data-id=\"3d0ea83c\" data-element_type=\"widget\" data-settings=\"{&quot;source_json&quot;:{&quot;url&quot;:&quot;http:\\\/\\\/test.local\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/Animation-1717687475253-1.json&quot;,&quot;id&quot;:&quot;70&quot;,&quot;size&quot;:&quot;&quot;},&quot;loop&quot;:&quot;yes&quot;,&quot;source&quot;:&quot;media_file&quot;,&quot;caption_source&quot;:&quot;none&quot;,&quot;link_to&quot;:&quot;none&quot;,&quot;trigger&quot;:&quot;arriving_to_viewport&quot;,&quot;viewport&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:100}},&quot;play_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]},&quot;start_point&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:0,&quot;sizes&quot;:[]},&quot;end_point&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:100,&quot;sizes&quot;:[]},&quot;renderer&quot;:&quot;svg&quot;}\" data-widget_type=\"lottie.default\">\n\t\t\t\t\t<div class=\"e-lottie__container\"><div class=\"e-lottie__animation\"><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-579a8fb1 e-con-full row e-flex e-con e-child\" data-id=\"579a8fb1\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-72cd23cb card card-left elementor-widget elementor-widget-image\" data-id=\"72cd23cb\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/xylo.webstagingmy.com\/wp-content\/plugins\/elementor\/assets\/images\/placeholder.png\" title=\"\" alt=\"\" loading=\"lazy\" \/>\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-77fd6245 card card-right elementor-widget elementor-widget-image\" data-id=\"77fd6245\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/xylo.webstagingmy.com\/wp-content\/plugins\/elementor\/assets\/images\/placeholder.png\" title=\"\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-57786fe6 e-con-full row e-flex e-con e-child\" data-id=\"57786fe6\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-41c1d380 card card-left elementor-widget elementor-widget-image\" data-id=\"41c1d380\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/xylo.webstagingmy.com\/wp-content\/plugins\/elementor\/assets\/images\/placeholder.png\" title=\"\" alt=\"\" loading=\"lazy\" \/>\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-3be48280 card card-right elementor-widget elementor-widget-image\" data-id=\"3be48280\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/xylo.webstagingmy.com\/wp-content\/plugins\/elementor\/assets\/images\/placeholder.png\" title=\"\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-36badc97 e-con-full row e-flex e-con e-child\" data-id=\"36badc97\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-46c11359 card card-left elementor-widget elementor-widget-image\" data-id=\"46c11359\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/xylo.webstagingmy.com\/wp-content\/plugins\/elementor\/assets\/images\/placeholder.png\" title=\"\" alt=\"\" loading=\"lazy\" \/>\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-2e2b2a7a card card-right elementor-widget elementor-widget-image\" data-id=\"2e2b2a7a\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/xylo.webstagingmy.com\/wp-content\/plugins\/elementor\/assets\/images\/placeholder.png\" title=\"\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\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-3aa2bf17 e-flex e-con-boxed e-con e-parent\" data-id=\"3aa2bf17\" data-element_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-57b0f80c elementor-widget elementor-widget-image\" data-id=\"57b0f80c\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/xylo.webstagingmy.com\/wp-content\/plugins\/elementor\/assets\/images\/placeholder.png\" title=\"\" alt=\"\" loading=\"lazy\" \/>\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-5dc91c24 elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"5dc91c24\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><span class=\"tofarver\"> Some of the Clients<\/span><br>We've Worked With<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-579a7366 elementor-widget elementor-widget-text-editor\" data-id=\"579a7366\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"flex max-w-full flex-col flex-grow\"><div class=\"min-h-[20px] text-message flex w-full flex-col items-end gap-2 whitespace-normal break-words [.text-message+&amp;]:mt-5\" dir=\"auto\" data-message-author-role=\"assistant\" data-message-id=\"0a2298c2-7f3f-4962-b97a-750f07075d60\"><div class=\"flex w-full flex-col gap-1 empty:hidden first:pt-[3px]\"><div class=\"markdown prose w-full break-words dark:prose-invert light\"><p>We partner with businesses to create solutions that drive real results. From improving workflows to boosting their online presence, these case studies showcase how we&#8217;ve helped our clients grow and succeed through collaboration and innovation.<\/p><\/div><\/div><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5d3229bb elementor-align-center elementor-widget elementor-widget-lottie\" data-id=\"5d3229bb\" data-element_type=\"widget\" data-settings=\"{&quot;source_json&quot;:{&quot;url&quot;:&quot;http:\\\/\\\/test.local\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/Animation-1725448586238.json&quot;,&quot;id&quot;:&quot;30&quot;,&quot;size&quot;:&quot;&quot;},&quot;loop&quot;:&quot;yes&quot;,&quot;source&quot;:&quot;media_file&quot;,&quot;caption_source&quot;:&quot;none&quot;,&quot;link_to&quot;:&quot;none&quot;,&quot;trigger&quot;:&quot;arriving_to_viewport&quot;,&quot;viewport&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:100}},&quot;play_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]},&quot;start_point&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:0,&quot;sizes&quot;:[]},&quot;end_point&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:100,&quot;sizes&quot;:[]},&quot;renderer&quot;:&quot;svg&quot;}\" data-widget_type=\"lottie.default\">\n\t\t\t\t\t<div class=\"e-lottie__container\"><div class=\"e-lottie__animation\"><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4f9fafa8 elementor-widget elementor-widget-html\" data-id=\"4f9fafa8\" data-element_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>Document<\/title>\n    <link rel=\"stylesheet\" href=\"main.css\" \/>\n  <\/head>\n  <body>\n    <div class=\"wrapper\">\n      <div class=\"imgs-parent\">\n        <div class=\"img\" style=\"background-image: url(http:\/\/elementor-template.lifeonablock.com\/wp-content\/uploads\/2024\/10\/wave-1.webp)\">\n          <div class=\"content\">\n            <h3>Fusion\u00ae<\/h3>\n            <a href=\"https:\/\/michellewp.gumroad.com\/l\/bvwiw\" class=\"btn\">Read More<\/a>\n          <\/div>\n        <\/div>\n        <div class=\"img\" style=\"background-image: url(http:\/\/elementor-template.lifeonablock.com\/wp-content\/uploads\/2024\/10\/wave-2.webp)\">\n          <div class=\"content\">\n            <h3>Panzer Collect<\/h3>\n            <a href=\"https:\/\/michellewp.gumroad.com\/l\/bvwiw\" class=\"btn\">Read More<\/a>\n          <\/div>\n        <\/div>\n        <div class=\"img\" style=\"background-image: url(http:\/\/elementor-template.lifeonablock.com\/wp-content\/uploads\/2024\/10\/Wave-3.jpg)\">\n          <div class=\"content\">\n            <h3>BikeUP\u2122<\/h3>\n            <a href=\"https:\/\/michellewp.gumroad.com\/l\/bvwiw\" class=\"btn\">Read More<\/a>\n          <\/div>\n        <\/div>\n        <div class=\"img\" style=\"background-image: url(http:\/\/elementor-template.lifeonablock.com\/wp-content\/uploads\/2024\/10\/wave-4.webp)\">\n          <div class=\"content\">\n            <h3>Basic Apparel<\/h3>\n            <a href=\"https:\/\/michellewp.gumroad.com\/l\/bvwiw\" class=\"btn\">Read More<\/a>\n          <\/div>\n        <\/div>\n        <div class=\"img\" style=\"background-image: url(http:\/\/elementor-template.lifeonablock.com\/wp-content\/uploads\/2024\/10\/Wave-5.jpg)\">\n          <div class=\"content\">\n            <h3>Shaping Shoe<\/h3>\n            <a href=\"\/contact-us\/\" class=\"btn\">Read More<\/a>\n          <\/div>\n        <\/div>\n        <div class=\"img\" style=\"background-image: url(http:\/\/elementor-template.lifeonablock.com\/wp-content\/uploads\/2024\/10\/Wave-6.jpg)\">\n          <div class=\"content\">\n            <h3>ARkk Project<\/h3>\n            <a href=\"https:\/\/michellewp.gumroad.com\/l\/bvwiw\/\" class=\"btn\">Read More<\/a>\n          <\/div>\n        <\/div>\n        <div class=\"img\" style=\"background-image: url(http:\/\/elementor-template.lifeonablock.com\/wp-content\/uploads\/2024\/10\/Wave-7.webp)\">\n          <div class=\"content\">\n            <h3>Bahne TML<\/h3>\n            <a href=\"https:\/\/michellewp.gumroad.com\/l\/bvwiw\" class=\"btn\">Read More<\/a>\n          <\/div>\n        <\/div>\n        <div class=\"img\" style=\"background-image: url(http:\/\/elementor-template.lifeonablock.com\/wp-content\/uploads\/2024\/10\/Wave-8.webp)\">\n          <div class=\"content\">\n            <h3>Bahne TML<\/h3>\n            <a href=\"https:\/\/michellewp.gumroad.com\/l\/bvwiw\" class=\"btn\">Read More<\/a>\n          <\/div>\n        <\/div>\n        <div class=\"img\" style=\"background-image: url(http:\/\/elementor-template.lifeonablock.com\/wp-content\/uploads\/2024\/10\/Wave-9.webp)\">\n          <div class=\"content\">\n            <h3>DEA Clothing<\/h3>\n            <a href=\"https:\/\/michellewp.gumroad.com\/l\/bvwiw\" class=\"btn\">Read More<\/a>\n          <\/div>\n          \n        <\/div>\n      <\/div>\n    <\/div>\n  <\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-20fb2c99 btn1 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"20fb2c99\" data-element_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<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-arrow-right\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Work with us<\/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-2cc7b123 elementor-widget elementor-widget-html\" data-id=\"2cc7b123\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n* {\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n}\n\n:root {\n  --transition: cubic-bezier(0.1, 0.7, 0, 1);\n}\n\nbody {\n  background: linear-gradient(90deg, black, #333);\n}\n\n.wrapper {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 40vh;\n}\n\n.imgs-parent {\n  display: flex;\n  gap: 0.4rem;\n  perspective: 60rem;\n}\n\n.img {\n  width: 8.0rem;\n  height: 19rem;\n  background-size: cover;\n  background-position: center;\n  cursor: pointer;\n  transition: transform 1.25s var(--transition), filter 3s var(--transition), width 0.3s var(--transition);\n  position: relative;\n  filter: grayscale(0) brightness(0.7);\n  will-change: transform, filter;\n  border-radius: 8px;\n}\n\n.content {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  padding: 10px;\n  color: white;\n  text-align: center;\n  opacity: 0;\n  visibility: hidden;\n  transition: opacity 0.3s ease, visibility 0.3s ease;\n}\n\nh3 {\n  font-size: 15px;\n  margin-bottom: 5px;\n}\n\n\/* Knappen *\/\n.btn {\n  display: inline-block;\n   font-family: \"Montserrat\", Sans-serif;\n  padding: 4px 10px;\nbackground-color: transparent;\n    background-image: linear-gradient(140deg, #0071E3 42%, #25409E 100%);\n  color: white;\n  text-decoration: none;\n  font-size: 12px;\n      font-weight: 600;\n       fill: #000000;\n  border-radius: 15px;\n  text-align: center;\n  transition: background-color 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;\n  opacity: 0;\n  visibility: hidden;\n  margin-bottom: 8px;\n}\n\n.img:hover .btn,\n.img:hover .content {\n  opacity: 1;\n  visibility: visible;\n}\n\n.btn:hover {\n  background-color: #005bb5;\n}\n\n.img:hover {\n  transform: translateZ(17.375rem);\n  filter: grayscale(0) brightness(0.9);\n}\n\n.img:hover .content {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-end;\n}\n\n.img::before,\n.img::after {\n  content: \"\";\n  position: absolute;\n  width: 1.25rem;\n  height: 100%;\n  right: -1.25rem;\n}\n\n.img::after {\n  left: -1.25rem;\n}\n\n.img:hover + * {\n  transform: translateZ(14.77rem) rotateY(35deg);\n  filter: grayscale(0.2) brightness(0.9);\n  z-index: -1;\n}\n\n.img:hover + * + * {\n  transform: translateZ(9.73rem) rotateY(40deg);\n  filter: grayscale(0.4) brightness(0.8);\n  z-index: -2;\n}\n\n.img:hover + * + * + * {\n  transform: translateZ(4.17rem) rotateY(35deg);\n  filter: grayscale(0.6) brightness(0.7);\n  z-index: -3;\n}\n\n.img:hover + * + * + * + * {\n  transform: translateZ(1.1rem) rotateY(25deg);\n  filter: grayscale(0.8) brightness(0.6);\n  z-index: -4;\n}\n\n.img:has(+ :hover) {\n  transform: translateZ(14.77rem) rotateY(-35deg);\n  filter: grayscale(0.2) brightness(0.9);\n}\n\n.img:has(+ * + :hover) {\n  transform: translateZ(9.73rem) rotateY(-40deg);\n  filter: grayscale(0.4) brightness(0.8);\n}\n\n.img:has(+ * + * + :hover) {\n  transform: translateZ(4.17rem) rotateY(-35deg);\n  filter: grayscale(0.6) brightness(0.7);\n}\n\n.img:has(+ * + * + * + :hover) {\n  transform: translateZ(1.1rem) rotateY(-25deg);\n  filter: grayscale(0.8) brightness(0.6);\n}\n\n.open {\n  width: 25vw;\n  transform: translateZ(17.375rem);\n  filter: inherit;\n  z-index: 1;\n  margin: 0 0.45vw;\n}\n\n@media (max-width: 820px) {\n  .img {\n    width: 8.0rem;\n    height: 19rem;\n  }\n\n  .img:hover {\n    transform: translateZ(17.375rem);\n    filter: inherit;\n  }\n\n  .open {\n    width: 20vw;\n    transform: translateZ(7.375rem);\n    filter: inherit;\n    z-index: 1;\n    margin: 0 0.45vw;\n  }\n}\n\n\n    \n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-68b96c82 elementor-widget elementor-widget-html\" data-id=\"68b96c82\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>\n    \n    document.body.addEventListener(\"click\", (event) => {\n  const clickedElement = event.target,\n    imgs = document.querySelectorAll(\".img\");\n\n  if (!clickedElement.classList.contains(\"img\")) {\n    imgs.forEach((img) => img.classList.remove(\"open\"));\n    return;\n  }\n\n  if (clickedElement.classList.contains(\"open\")) {\n    clickedElement.classList.remove(\"open\");\n    return;\n  }\n\n  imgs.forEach((img) => img.classList.remove(\"open\"));\n  clickedElement.classList.add(\"open\");\n});\n\ndocument.body.addEventListener(\"click\", (event) => {});\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-29fd125f e-con-full e-flex e-con e-parent\" data-id=\"29fd125f\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-416202cd custom-gallery e-flex e-con-boxed e-con e-child\" data-id=\"416202cd\" data-element_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<div class=\"elementor-element elementor-element-4aab5bad e-con-full left e-flex e-con e-child\" data-id=\"4aab5bad\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-4da62873 desktopContent e-flex e-con-boxed e-con e-child\" data-id=\"4da62873\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-c1c5d77 e-con-full desktopContentSection e-flex e-con e-child\" data-id=\"c1c5d77\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-21ed2ce2 elementor-position-left elementor-vertical-align-middle elementor-widget elementor-widget-image-box\" data-id=\"21ed2ce2\" data-element_type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><img decoding=\"async\" src=\"https:\/\/xylo.webstagingmy.com\/wp-content\/plugins\/elementor\/assets\/images\/placeholder.png\" title=\"\" alt=\"\" loading=\"lazy\" \/><\/figure><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\">01 Project<\/h3><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-847216f reveal elementor-widget elementor-widget-heading\" data-id=\"847216f\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Making of Swedish<br> Barn House<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4dfdfe4b elementor-widget elementor-widget-heading\" data-id=\"4dfdfe4b\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">We aimed at making both exterior and interiors for this project, and the first thing I did we visiting Swedish...<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5e249dad elementor-mobile-align-center elementor-widget elementor-widget-button\" data-id=\"5e249dad\" data-element_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<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-arrow-right\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Our work<\/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>\n\t\t<div class=\"elementor-element elementor-element-57e8e43d e-con-full desktopContentSection e-flex e-con e-child\" data-id=\"57e8e43d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6174e58d elementor-position-left elementor-vertical-align-middle elementor-widget elementor-widget-image-box\" data-id=\"6174e58d\" data-element_type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><img decoding=\"async\" src=\"https:\/\/xylo.webstagingmy.com\/wp-content\/plugins\/elementor\/assets\/images\/placeholder.png\" title=\"\" alt=\"\" loading=\"lazy\" \/><\/figure><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\">02 Project<\/h3><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4c91fafd reveal elementor-widget elementor-widget-heading\" data-id=\"4c91fafd\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Architectural<br> Design Studio Zero<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-605846bb elementor-widget elementor-widget-heading\" data-id=\"605846bb\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">We aimed at making both exterior and interiors for this project, and the first thing I did we visiting Swedish...<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7b8903b0 elementor-mobile-align-center elementor-widget elementor-widget-button\" data-id=\"7b8903b0\" data-element_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<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-arrow-right\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Our work<\/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>\n\t\t<div class=\"elementor-element elementor-element-353bae76 e-con-full desktopContentSection e-flex e-con e-child\" data-id=\"353bae76\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1f339a33 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-image\" data-id=\"1f339a33\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/xylo.webstagingmy.com\/wp-content\/plugins\/elementor\/assets\/images\/placeholder.png\" title=\"\" alt=\"\" loading=\"lazy\" \/>\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-64561893 elementor-position-left elementor-vertical-align-middle elementor-widget elementor-widget-image-box\" data-id=\"64561893\" data-element_type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><img decoding=\"async\" src=\"https:\/\/xylo.webstagingmy.com\/wp-content\/plugins\/elementor\/assets\/images\/placeholder.png\" title=\"\" alt=\"\" loading=\"lazy\" \/><\/figure><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\">03 Project<\/h3><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-17b8a943 reveal elementor-widget elementor-widget-heading\" data-id=\"17b8a943\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Pink scandinavian design office<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-73c7b2ef elementor-widget elementor-widget-heading\" data-id=\"73c7b2ef\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">We aimed at making both exterior and interiors for this project, and the first thing I did we visiting Swedish...<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-319af953 elementor-mobile-align-center elementor-widget elementor-widget-button\" data-id=\"319af953\" data-element_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<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-arrow-right\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Our work<\/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>\n\t\t<div class=\"elementor-element elementor-element-721388a1 e-con-full desktopContentSection e-flex e-con e-child\" data-id=\"721388a1\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-877253d elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-image\" data-id=\"877253d\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/xylo.webstagingmy.com\/wp-content\/plugins\/elementor\/assets\/images\/placeholder.png\" title=\"\" alt=\"\" loading=\"lazy\" \/>\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-1d082fc1 elementor-position-left elementor-vertical-align-middle elementor-widget elementor-widget-image-box\" data-id=\"1d082fc1\" data-element_type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><img decoding=\"async\" src=\"https:\/\/xylo.webstagingmy.com\/wp-content\/plugins\/elementor\/assets\/images\/placeholder.png\" title=\"\" alt=\"\" loading=\"lazy\" \/><\/figure><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\">04 Project<\/h3><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-79f8181f reveal elementor-widget elementor-widget-heading\" data-id=\"79f8181f\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Whisky cellar <br>work office brown<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4f1a9ea3 elementor-widget elementor-widget-heading\" data-id=\"4f1a9ea3\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">We aimed at making both exterior and interiors for this project, and the first thing I did we visiting Swedish...<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-794cf3a0 elementor-mobile-align-center elementor-widget elementor-widget-button\" data-id=\"794cf3a0\" data-element_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<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-arrow-right\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Our work<\/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>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6ed1a6a2 e-flex e-con-boxed e-con e-child\" data-id=\"6ed1a6a2\" data-element_type=\"container\" data-settings=\"{&quot;sticky&quot;:&quot;top&quot;,&quot;sticky_offset_mobile&quot;:100,&quot;sticky_parent&quot;:&quot;yes&quot;,&quot;sticky_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;],&quot;sticky_offset&quot;:0,&quot;sticky_effects_offset&quot;:0,&quot;sticky_anchor_link_offset&quot;:0}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-491f2947 e-flex e-con-boxed e-con e-child\" data-id=\"491f2947\" data-element_type=\"container\" data-settings=\"{&quot;sticky&quot;:&quot;top&quot;,&quot;sticky_parent&quot;:&quot;yes&quot;,&quot;sticky_offset_mobile&quot;:0,&quot;sticky_effects_offset_mobile&quot;:0,&quot;sticky_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;],&quot;sticky_offset&quot;:0,&quot;sticky_effects_offset&quot;:0,&quot;sticky_anchor_link_offset&quot;:0}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-b2de1da e-con-full desktopPhotos e-flex e-con e-child\" data-id=\"b2de1da\" data-element_type=\"container\" data-settings=\"{&quot;sticky&quot;:&quot;top&quot;,&quot;sticky_parent&quot;:&quot;yes&quot;,&quot;sticky_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;],&quot;sticky_offset&quot;:0,&quot;sticky_effects_offset&quot;:0,&quot;sticky_anchor_link_offset&quot;:0}\">\n\t\t<div class=\"elementor-element elementor-element-9b48523 e-con-full desktopPhoto e-flex e-con e-child\" data-id=\"9b48523\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-57c0cd6 e-con-full desktopPhoto e-flex e-con e-child\" data-id=\"57c0cd6\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-60145c35 elementor-widget elementor-widget-spacer\" data-id=\"60145c35\" data-element_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<\/div>\n\t\t<div class=\"elementor-element elementor-element-72be573a e-con-full desktopPhoto e-flex e-con e-child\" data-id=\"72be573a\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ea7a11a elementor-widget elementor-widget-spacer\" data-id=\"ea7a11a\" data-element_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<\/div>\n\t\t<div class=\"elementor-element elementor-element-702188d3 e-con-full desktopPhoto e-flex e-con e-child\" data-id=\"702188d3\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-54d97df0 elementor-widget elementor-widget-spacer\" data-id=\"54d97df0\" data-element_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<\/div>\n\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\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1ec7eb9d e-flex e-con-boxed e-con e-parent\" data-id=\"1ec7eb9d\" data-element_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-15342099 elementor-widget elementor-widget-html\" data-id=\"15342099\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.11.0\/gsap.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.11.0\/ScrollTrigger.min.js\"><\/script>\r\n\r\n<script>\r\nlet mediaAnimation = gsap.matchMedia();\r\nScrollTrigger.defaults({\r\n  markers: false\r\n});\r\n\r\nconst colors = [\"#2E4D71\", \"#856546\", \"#05625C\", \"#5A483E\", \"#886648\"];\r\n\r\nmediaAnimation.add(\"(min-width: 0px)\", () => {\r\n  \/\/ Desktop animations\r\n  const details = gsap.utils.toArray(\".desktopContentSection:not(:first-child)\");\r\n  const photos = gsap.utils.toArray(\".desktopPhoto:not(:first-child)\");\r\n\r\n  gsap.set(photos, { clipPath: 'inset(100% 0% 0% 0%)', autoAlpha: 1 });\r\n\r\n  const allPhotos = gsap.utils.toArray(\".desktopPhoto\");\r\n\r\n  details.forEach((section, i) => {\r\n      let bgColor = colors[i + 1];\r\n      ScrollTrigger.create({\r\n          trigger: section,\r\n          start: \"200 bottom\",\r\n          end: \"+=100%\",\r\n          \r\n          onToggle: self => {\r\n              if (self.isActive) {\r\n                  gsap.to(\".custom-gallery\", { backgroundColor: bgColor });\r\n              } else if ((i === 0 && self.direction < 0) || (i === details.length - 1 && self.direction > 0)) {\r\n                  gsap.to(\".custom-gallery\", { backgroundColor: \"#2E4D71\" });\r\n              }\r\n          }\r\n      });\r\n  });\r\n\r\n  details.forEach((detail, index) => {\r\n      let headline = detail.querySelector(\".reveal\");\r\n      let animation = gsap.timeline()\r\n          .to(photos[index], { clipPath: 'inset(0% 0% 0% 0%)', autoAlpha: 1, duration: 1.5 })\r\n          .set(allPhotos[index], { autoAlpha: 1, duration: 1.5 });\r\n\r\n      ScrollTrigger.create({\r\n          trigger: headline,\r\n          start: \"top 120%\",\r\n          end: \"top 60%\",\r\n          animation: animation,\r\n          scrub: true,\r\n          markers: false\r\n      });\r\n  });\r\n});\r\n\r\nmediaAnimation.add(\"(max-width: 665px)\", () => {\r\n  \/\/ Mobile animations\r\n  const details = gsap.utils.toArray(\".desktopContentSection:not(:first-child)\");\r\n\r\n  details.forEach((section, i) => {\r\n      let bgColor = colors[i + 1];\r\n      ScrollTrigger.create({\r\n          trigger: section,\r\n          start: \"200 bottom\",\r\n          end: \"+=100%\",\r\n          \r\n          onToggle: self => {\r\n              if (self.isActive) {\r\n                  gsap.to(\".custom-gallery\", { backgroundColor: bgColor });\r\n              } else if ((i === 0 && self.direction < 0) || (i === details.length - 1 && self.direction > 0)) {\r\n                  gsap.to(\".custom-gallery\", { backgroundColor: \"#2E4D71\" });\r\n              }\r\n          }\r\n      });\r\n  });\r\n});\r\n<\/script>\r\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-564f2bf4 e-flex e-con-boxed e-con e-parent\" data-id=\"564f2bf4\" data-element_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-58fdd430 elementor-widget elementor-widget-html\" data-id=\"58fdd430\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        const tbtns = document.querySelectorAll(\".btn1 a\");\r\n\r\n        \/\/ Loop through all elements with class .btn a\r\n        tbtns.forEach(function(tbtn) {\r\n            const style = window.getComputedStyle(tbtn);\r\n            const tbtnWidthWithoutPadding = tbtn.offsetWidth - parseFloat(style.paddingLeft) - parseFloat(style.paddingRight);\r\n\r\n            const icon = tbtn.querySelector(\".elementor-button-icon\");\r\n            const iconStyle = window.getComputedStyle(icon);\r\n            const iconWidth = icon.offsetWidth;\r\n\r\n            \/\/ Calculate the padding and margin values\r\n            const paddingToAdd = tbtnWidthWithoutPadding - iconWidth;\r\n            const newPaddingLeft = parseFloat(iconStyle.paddingLeft) + paddingToAdd;\r\n\r\n            \/\/ Add hover event listener to each tbtn\r\n            tbtn.addEventListener('mouseover', function() {\r\n                \/\/ Apply the padding and negative margin when hovering\r\n                icon.style.paddingLeft = `${newPaddingLeft}px`;\r\n                icon.style.marginLeft = `-${paddingToAdd}px`;\r\n            });\r\n\r\n            \/\/ Remove the padding and negative margin when hover ends\r\n            tbtn.addEventListener('mouseout', function() {\r\n                \/\/ Reset the styles when the mouse leaves\r\n                icon.style.paddingLeft = '';  \/\/ Reset to original padding\r\n                icon.style.marginLeft = '';   \/\/ Reset to original margin\r\n            });\r\n        });\r\n    });\r\n<\/script>\r\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-49d58715 e-flex e-con-boxed e-con e-parent\" data-id=\"49d58715\" data-element_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-4a10ec1b elementor-widget elementor-widget-image\" data-id=\"4a10ec1b\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/xylo.webstagingmy.com\/wp-content\/plugins\/elementor\/assets\/images\/placeholder.png\" title=\"\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-135c184b e-flex e-con-boxed e-con e-child\" data-id=\"135c184b\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-349a3de5 elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"349a3de5\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">A typical day\n <span class=\"tofarver\"> at the office\n<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5abe21f8 elementor-widget elementor-widget-text-editor\" data-id=\"5abe21f8\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"flex max-w-full flex-col flex-grow\"><div class=\"min-h-[20px] text-message flex w-full flex-col items-end gap-2 whitespace-normal break-words [.text-message+&amp;]:mt-5\" dir=\"auto\" data-message-author-role=\"assistant\" data-message-id=\"0a2298c2-7f3f-4962-b97a-750f07075d60\"><div class=\"flex w-full flex-col gap-1 empty:hidden first:pt-[3px]\"><div class=\"markdown prose w-full break-words dark:prose-invert light\"><p>At our agency, creativity and collaboration drive our daily routine. Our office is a hub of energy where our talented team works together to craft innovative solutions. Take a look at the photos below to see our vibrant workspace and the people behind our success.\u00a0<\/p><\/div><\/div><\/div><\/div>\t\t\t\t\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-5a435ec6 e-con-full e-flex e-con e-parent\" data-id=\"5a435ec6\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-31f90da6 elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-text-editor\" data-id=\"31f90da6\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>We believe in transparency, and that\u2019s why we\u2019re happy to give you a glimpse into our daily life\u2014check out the photos below to see the vibrant and welcoming environment we\u2019ve built. Our strong, growing team is here to bring your vision to life.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-261ce0f6 e-flex e-con-boxed e-con e-child\" data-id=\"261ce0f6\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d53993d btn3 elementor-widget elementor-widget-button\" data-id=\"d53993d\" data-element_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\">Send Inquery<\/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\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-193dc52b e-con-full e-flex e-con e-parent\" data-id=\"193dc52b\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-6dfc799 e-con-full e-flex e-con e-child\" data-id=\"6dfc799\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-2b11ad2b e-con-full e-flex e-con e-child\" data-id=\"2b11ad2b\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-4914f191 e-con-full e-flex e-con e-child\" data-id=\"4914f191\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6bdcafa2 elementor-widget elementor-widget-image\" data-id=\"6bdcafa2\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/xylo.webstagingmy.com\/wp-content\/plugins\/elementor\/assets\/images\/placeholder.png\" title=\"\" alt=\"\" loading=\"lazy\" \/>\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-60f76b86 elementor-widget elementor-widget-heading\" data-id=\"60f76b86\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Take action, or don't<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6e949deb elementor-widget elementor-widget-text-editor\" data-id=\"6e949deb\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Join us in the journey to transform your digital landscape. Harness the power of Stoa&#8217;s expertise to boost your brand&#8217;s visibility, engagement, and growth. Let&#8217;s make your success story together!<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2fcb3f31 elementor-hidden-mobile elementor-widget elementor-widget-button\" data-id=\"2fcb3f31\" data-element_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<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-arrow-circle-right\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8c137 0 248 111 248 248S393 504 256 504 8 393 8 256 119 8 256 8zm-28.9 143.6l75.5 72.4H120c-13.3 0-24 10.7-24 24v16c0 13.3 10.7 24 24 24h182.6l-75.5 72.4c-9.7 9.3-9.9 24.8-.4 34.3l11 10.9c9.4 9.4 24.6 9.4 33.9 0L404.3 273c9.4-9.4 9.4-24.6 0-33.9L271.6 106.3c-9.4-9.4-24.6-9.4-33.9 0l-11 10.9c-9.5 9.6-9.3 25.1.4 34.4z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Let's talk now<\/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>\n\t\t\t\t<\/div>\n\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>Contact us Our work Explore some of our projects Explore some of our projects Each project in our collection reflects the passion and creativity we bring to every digital endeavor. From sleek web designs to dynamic branding solutions, our portfolio highlights the diversity of our Some Of Our Work Each project in our collection reflects [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-33","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/xylo.webstagingmy.com\/index.php\/wp-json\/wp\/v2\/pages\/33","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xylo.webstagingmy.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/xylo.webstagingmy.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/xylo.webstagingmy.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/xylo.webstagingmy.com\/index.php\/wp-json\/wp\/v2\/comments?post=33"}],"version-history":[{"count":4,"href":"https:\/\/xylo.webstagingmy.com\/index.php\/wp-json\/wp\/v2\/pages\/33\/revisions"}],"predecessor-version":[{"id":69,"href":"https:\/\/xylo.webstagingmy.com\/index.php\/wp-json\/wp\/v2\/pages\/33\/revisions\/69"}],"wp:attachment":[{"href":"https:\/\/xylo.webstagingmy.com\/index.php\/wp-json\/wp\/v2\/media?parent=33"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}