{"id":54,"date":"2025-05-31T05:56:38","date_gmt":"2025-05-31T05:56:38","guid":{"rendered":"https:\/\/dev252.kodesolution.com\/digiplus\/?page_id=54"},"modified":"2026-03-24T15:39:25","modified_gmt":"2026-03-24T15:39:25","slug":"projects","status":"publish","type":"page","link":"https:\/\/automercesolutions.com\/?page_id=54","title":{"rendered":"Projects"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"54\" class=\"elementor elementor-54\">\n\t\t\t\t<div class=\"elementor-element elementor-element-adcc752 e-flex e-con-boxed tm-col-stretched-none tm-bg-color-over-image e-con e-parent\" data-id=\"adcc752\" 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-91b7d5d elementor-widget elementor-widget-html\" data-id=\"91b7d5d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Portfolio \u00b7 Fixed Full Scroll & Correct Video<\/title>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:wght@300;400;500&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        * { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\n        .portfolio-block {\r\n            margin-top: 2rem;\r\n            margin-bottom: 2rem;\r\n            max-width: 1300px; width: 100%; background: #fff; border-radius: 2.5rem;\r\n            padding: 4rem 4rem 4.5rem; box-shadow: 0 12px 40px -8px rgba(0,0,0,0.08);\r\n                background:#191930\r\n        }\r\n\r\n        \/* Header *\/\r\n        .portfolio-header {\r\n            display: flex; align-items: flex-end; justify-content: space-between; gap: 2rem;\r\n            flex-wrap: wrap; margin-bottom: 1.2rem;\r\n            color: white;\r\n        }\r\n        .portfolio-title-group { display: flex; flex-direction: column; gap: 0.5rem; }\r\n        .portfolio-eyebrow {\r\n            font: 500 0.8rem\/1 'DM Sans', sans-serif; letter-spacing: 0.18em; text-transform: uppercase;\r\n            color: white; display: flex; align-items: center; gap: 0.5rem;\r\n        }\r\n        .portfolio-eyebrow::before { content: ''; width: 24px; height: 2px; background: #ffaa17; border-radius: 2px; }\r\n        h1.portfolio-heading {\r\n            font: 800 clamp(2.6rem,5vw,4.2rem)\/1 'Syne', sans-serif; letter-spacing: -0.03em; color: white;\r\n        }\r\n        h1.portfolio-heading em { font-style: normal; color: #ffaa17; }\r\n        .portfolio-desc {\r\n            font: 400 1rem\/1.65 'DM Sans', sans-serif; color: white; max-width: 340px; align-self: flex-end;\r\n        }\r\n        .portfolio-divider {\r\n            width: 100%; height: 1px; background: linear-gradient(90deg,#ffe9bb,#ffd07a 30%,#ffe9bb);\r\n            margin: 2rem 0 2.8rem; border-radius: 2px;\r\n        }\r\n\r\n        \/* Tabs *\/\r\n        .portfolio-tabs {\r\n            display: flex; flex-wrap: wrap; gap: 0.55rem 0.6rem; margin-bottom: 3rem;\r\n        }\r\n        .portfolio-tab {\r\n            background: transparent; color: white; padding: 0.6rem 1.4rem; border-radius: 100px;\r\n            font: 500 0.88rem\/1.4 'DM Sans', sans-serif; border: 1.5px solid #e4e8ef; cursor: pointer;\r\n            transition: all 0.22s; white-space: nowrap;\r\n        }\r\n        .portfolio-tab.active {\r\n            background: #ffaa17; color: #0d0f14; border-color: #ffaa17; font-weight: 600;\r\n            box-shadow: 0 4px 14px -4px rgba(255,170,23,0.45);\r\n        }\r\n        .portfolio-tab:hover:not(.active) { border-color: #c5cad6; color: #0d0f14; background: #f8f9fb; }\r\n\r\n        \/* Grid *\/\r\n        .portfolio-grid {\r\n            display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.6rem;\r\n        }\r\n        .portfolio-item {\r\n            display: none; border-radius: 1.25rem; overflow: hidden; position: relative;\r\n            background: #f0f2f6; border: 1px solid #eef1f6; cursor: pointer;\r\n            transition: transform 0.35s cubic-bezier(0.22,1,0.36,1), box-shadow 0.35s;\r\n            aspect-ratio: 4\/3; \/* Fixed container size *\/\r\n        }\r\n        .portfolio-item.active { display: block; animation: fadeUp 0.8s cubic-bezier(0.22,1,0.36,1) both; }\r\n        @keyframes fadeUp { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: translateY(0); } }\r\n\r\n        \/* ===== FIXED HOVER SCROLL: TOP TO BOTTOM ===== *\/\r\n        .portfolio-item img {\r\n            width: 100%;\r\n            height: auto;        \/* Image maintains its natural height *\/\r\n            display: block;\r\n            object-fit: cover;\r\n            object-position: top; \/* Start at the top *\/\r\n            transition: transform 6.5s ease-in-out; \/* Smooth, slow scroll *\/\r\n            transition-delay: 0.15s;\r\n            will-change: transform;\r\n        }\r\n\r\n        \/* THE FIX: Scroll the image up by (its height - container height) *\/\r\n        .portfolio-item:hover img {\r\n            transform: translateY(calc(-100% + 100%)); \/* This ensures it scrolls exactly to the bottom *\/\r\n            \/* Alternative more direct calculation: translateY(calc(-100% + 300px)) but the percentage works universally *\/\r\n            transform: translateY(calc(-100% + 300px)); \/* 300px is the container height for a 4\/3 aspect on a medium screen. We'll use percentage for safety. *\/\r\n            transform: translateY(calc(-100% + 100%)); \/* This resolves to 0? Let's use a fixed value. *\/\r\n            \/* The most reliable way: move up by 70% of the image height. This is enough to reach the bottom for most tall images. *\/\r\n            transform: translateY(-70%);\r\n        }\r\n\r\n        \/* A more dynamic approach using aspect ratio: for a 4\/3 container, the image height is 1.33 times the width. \r\n        The scroll distance needed is (image height - container height). We can approximate with a high percentage. *\/\r\n        .portfolio-item:hover img {\r\n            transform: translateY(-85%); \/* Moves the image up enough to reveal the bottom *\/\r\n        }\r\n\r\n        \/* Overlay *\/\r\n        .portfolio-item::after {\r\n            content: ''; position: absolute; inset: 0;\r\n            background: linear-gradient(160deg, rgba(255,170,23,0) 0%, rgba(255,170,23,0.15) 100%);\r\n            opacity: 0; transition: opacity 0.3s; pointer-events: none; z-index: 2;\r\n        }\r\n        .portfolio-item:hover::after { opacity: 1; }\r\n\r\n        \/* Responsive *\/\r\n        @media (max-width: 920px) {\r\n            .portfolio-block { padding: 2.8rem 2rem; border-radius: 2rem; }\r\n            .portfolio-grid { grid-template-columns: repeat(2, 1fr); gap: 1.3rem; }\r\n            .portfolio-header { flex-direction: column; align-items: flex-start; }\r\n            .portfolio-desc { align-self: flex-start; max-width: 100%; }\r\n        }\r\n        @media (max-width: 700px) {\r\n            .portfolio-block { padding: 2.2rem 1.6rem; border-radius: 1.75rem; }\r\n            .portfolio-tabs { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 0.6rem; scrollbar-width: none; }\r\n            .portfolio-tabs::-webkit-scrollbar { display: none; }\r\n            .portfolio-tab { flex-shrink: 0; }\r\n        }\r\n        @media (max-width: 520px) {\r\n            .portfolio-block { padding: 1.8rem 1.2rem 2.2rem; border-radius: 1.5rem; }\r\n            .portfolio-grid { gap: 0.9rem; }\r\n            h1.portfolio-heading { font-size: 2.4rem; }\r\n        }\r\n        @media (max-width: 390px) { .portfolio-grid { grid-template-columns: 1fr; } }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"portfolio-block\">\r\n    <div class=\"portfolio-header\">\r\n        <div class=\"portfolio-title-group\">\r\n            <span class=\"portfolio-eyebrow\">our work<\/span>\r\n            <h1 class=\"portfolio-heading\">Port<em>folio<\/em><\/h1>\r\n        <\/div>\r\n        <p class=\"portfolio-desc\">Digital projects & success stories \u2014 filter by category.<\/p>\r\n    <\/div>\r\n    <div class=\"portfolio-divider\"><\/div>\r\n\r\n    <!-- SIX TABS (Corrected Names) -->\r\n    <div class=\"portfolio-tabs\">\r\n        <button class=\"portfolio-tab active\" data-tab=\"ecom\">E\u2011Commerce Solution<\/button>\r\n        <button class=\"portfolio-tab\" data-tab=\"shopify\">Shopify Automation<\/button>\r\n        <button class=\"portfolio-tab\" data-tab=\"web\">Website Development<\/button>\r\n        <button class=\"portfolio-tab\" data-tab=\"logo\">Logo Design<\/button>\r\n        <button class=\"portfolio-tab\" data-tab=\"mobile\">Mobile Application<\/button>\r\n        <button class=\"portfolio-tab\" data-tab=\"video\">Video Animation<\/button>\r\n    <\/div>\r\n\r\n    <!-- GRID \u2013 Images Organized by Tab (Based on Your Provided Content) -->\r\n    <div class=\"portfolio-grid\">\r\n        <!-- E\u2011COMMERCE (Tab 1: e-n-tab-content-189848281) -->\r\n        <div class=\"portfolio-item ecom active\"><img decoding=\"async\" src=\"https:\/\/designlab365.com\/wp-content\/uploads\/2026\/03\/365-3-scaled.png\" alt=\"Ecom 1\"><\/div>\r\n        <div class=\"portfolio-item ecom active\"><img decoding=\"async\" src=\"https:\/\/designlab365.com\/wp-content\/uploads\/2026\/03\/365-27-scaled.png\" alt=\"Ecom 2\"><\/div>\r\n        <div class=\"portfolio-item ecom active\"><img decoding=\"async\" src=\"https:\/\/designlab365.com\/wp-content\/uploads\/2026\/03\/365-18-scaled.png\" alt=\"Ecom 3\"><\/div>\r\n        <div class=\"portfolio-item ecom active\"><img decoding=\"async\" src=\"https:\/\/designlab365.com\/wp-content\/uploads\/2026\/03\/365-17-scaled.png\" alt=\"Ecom 4\"><\/div>\r\n        <div class=\"portfolio-item ecom active\"><img decoding=\"async\" src=\"https:\/\/designlab365.com\/wp-content\/uploads\/2026\/03\/365-11-scaled.png\" alt=\"Ecom 5\"><\/div>\r\n        <div class=\"portfolio-item ecom active\"><img decoding=\"async\" src=\"https:\/\/designlab365.com\/wp-content\/uploads\/2026\/03\/365-29-scaled.png\" alt=\"Ecom 6\"><\/div>\r\n        <div class=\"portfolio-item ecom active\"><img decoding=\"async\" src=\"https:\/\/designlab365.com\/wp-content\/uploads\/2026\/03\/365-5-scaled.png\" alt=\"Ecom 7\"><\/div>\r\n        <div class=\"portfolio-item ecom active\"><img decoding=\"async\" src=\"https:\/\/designlab365.com\/wp-content\/uploads\/2026\/03\/365-15-scaled.png\" alt=\"Ecom 8\"><\/div>\r\n        <div class=\"portfolio-item ecom active\"><img decoding=\"async\" src=\"https:\/\/designlab365.com\/wp-content\/uploads\/2026\/03\/365-2-scaled.png\" alt=\"Ecom 9\"><\/div>\r\n\r\n        <!-- SHOPIFY AUTOMATION (Tab 2: e-n-tab-content-189848282) -->\r\n        <div class=\"portfolio-item shopify\"><img decoding=\"async\" src=\"https:\/\/designlab365.com\/wp-content\/uploads\/2026\/03\/365-7-scaled.png\" alt=\"Shopify 1\"><\/div>\r\n        <div class=\"portfolio-item shopify\"><img decoding=\"async\" src=\"https:\/\/designlab365.com\/wp-content\/uploads\/2026\/03\/365-8-scaled.png\" alt=\"Shopify 2\"><\/div>\r\n        <div class=\"portfolio-item shopify\"><img decoding=\"async\" src=\"https:\/\/designlab365.com\/wp-content\/uploads\/2026\/03\/365-12-scaled.png\" alt=\"Shopify 3\"><\/div>\r\n        <div class=\"portfolio-item shopify\"><img decoding=\"async\" src=\"https:\/\/designlab365.com\/wp-content\/uploads\/2026\/03\/365-23-scaled.png\" alt=\"Shopify 4\"><\/div>\r\n        <div class=\"portfolio-item shopify\"><img decoding=\"async\" src=\"https:\/\/designlab365.com\/wp-content\/uploads\/2026\/03\/365-10-scaled.png\" alt=\"Shopify 5\"><\/div>\r\n        <div class=\"portfolio-item shopify\"><img decoding=\"async\" src=\"https:\/\/designlab365.com\/wp-content\/uploads\/2026\/03\/365-13-scaled.png\" alt=\"Shopify 6\"><\/div>\r\n        <div class=\"portfolio-item shopify\"><img decoding=\"async\" src=\"https:\/\/designlab365.com\/wp-content\/uploads\/2026\/03\/365-14-scaled.png\" alt=\"Shopify 7\"><\/div>\r\n        <div class=\"portfolio-item shopify\"><img decoding=\"async\" src=\"https:\/\/designlab365.com\/wp-content\/uploads\/2026\/03\/365-20-scaled.png\" alt=\"Shopify 8\"><\/div>\r\n        <div class=\"portfolio-item shopify\"><img decoding=\"async\" src=\"https:\/\/designlab365.com\/wp-content\/uploads\/2026\/03\/365-25-scaled.png\" alt=\"Shopify 9\"><\/div>\r\n\r\n        <!-- WEBSITE DEVELOPMENT (Tab 3: e-n-tab-content-189848283) -->\r\n        <div class=\"portfolio-item web\"><img decoding=\"async\" src=\"https:\/\/designlab365.com\/wp-content\/uploads\/2026\/03\/365-16-scaled.png\" alt=\"Web 1\"><\/div>\r\n        <div class=\"portfolio-item web\"><img decoding=\"async\" src=\"https:\/\/designlab365.com\/wp-content\/uploads\/2026\/03\/365-4-scaled.png\" alt=\"Web 2\"><\/div>\r\n        <div class=\"portfolio-item web\"><img decoding=\"async\" src=\"https:\/\/designlab365.com\/wp-content\/uploads\/2026\/02\/bookdepot-scaled.png\" alt=\"Web 3\"><\/div>\r\n        <div class=\"portfolio-item web\"><img decoding=\"async\" src=\"https:\/\/designlab365.com\/wp-content\/uploads\/2026\/03\/365-22-1-scaled.png\" alt=\"Web 4\"><\/div>\r\n        <div class=\"portfolio-item web\"><img decoding=\"async\" src=\"https:\/\/designlab365.com\/wp-content\/uploads\/2026\/02\/artmatch-scaled.png\" alt=\"Web 5\"><\/div>\r\n        <div class=\"portfolio-item web\"><img decoding=\"async\" src=\"https:\/\/designlab365.com\/wp-content\/uploads\/2026\/03\/365-24-scaled.png\" alt=\"Web 6\"><\/div>\r\n        <div class=\"portfolio-item web\"><img decoding=\"async\" src=\"https:\/\/designlab365.com\/wp-content\/uploads\/2026\/03\/365-26-scaled.png\" alt=\"Web 7\"><\/div>\r\n        <div class=\"portfolio-item web\"><img decoding=\"async\" src=\"https:\/\/designlab365.com\/wp-content\/uploads\/2026\/03\/365-6-scaled.png\" alt=\"Web 8\"><\/div>\r\n        <div class=\"portfolio-item web\"><img decoding=\"async\" src=\"https:\/\/designlab365.com\/wp-content\/uploads\/2026\/02\/t-6-1-scaled-1.webp\" alt=\"Web 9\"><\/div>\r\n\r\n        <!-- LOGO DESIGN (Tab 4: e-n-tab-content-189848284) -->\r\n        <div class=\"portfolio-item logo\"><img decoding=\"async\" src=\"https:\/\/designlab365.com\/wp-content\/uploads\/2026\/03\/857baf30c7441413b26d36ac57a791fa.jpg\" alt=\"Logo 1\"><\/div>\r\n        <div class=\"portfolio-item logo\"><img decoding=\"async\" src=\"https:\/\/designlab365.com\/wp-content\/uploads\/2026\/03\/29f3aeec3d0ca66be0d1073fbf8d0d6c.jpg\" alt=\"Logo 2\"><\/div>\r\n        <div class=\"portfolio-item logo\"><img decoding=\"async\" src=\"https:\/\/designlab365.com\/wp-content\/uploads\/2026\/03\/22ee065c1e43924b1cd72fc2bc46d5f7.jpg\" alt=\"Logo 3\"><\/div>\r\n        <div class=\"portfolio-item logo\"><img decoding=\"async\" src=\"https:\/\/designlab365.com\/wp-content\/uploads\/2026\/03\/e32c00ea624ebee059ca70355b7a5008.jpg\" alt=\"Logo 4\"><\/div>\r\n        <div class=\"portfolio-item logo\"><img decoding=\"async\" src=\"https:\/\/designlab365.com\/wp-content\/uploads\/2026\/03\/28f214dd1b57ff6c72dcc09b356494ed.jpg\" alt=\"Logo 5\"><\/div>\r\n        <div class=\"portfolio-item logo\"><img decoding=\"async\" src=\"https:\/\/designlab365.com\/wp-content\/uploads\/2026\/03\/6f6699659988e7cb3cf145e410f9cd37.jpg\" alt=\"Logo 6\"><\/div>\r\n        <div class=\"portfolio-item logo\"><img decoding=\"async\" src=\"https:\/\/designlab365.com\/wp-content\/uploads\/2026\/03\/1f963b1f185a977f814256d3ce65fe3c.jpg\" alt=\"Logo 7\"><\/div>\r\n        <div class=\"portfolio-item logo\"><img decoding=\"async\" src=\"https:\/\/designlab365.com\/wp-content\/uploads\/2026\/03\/534f8210b3f96fc7599e5c9194a137c1.jpg\" alt=\"Logo 8\"><\/div>\r\n        <div class=\"portfolio-item logo\"><img decoding=\"async\" src=\"https:\/\/designlab365.com\/wp-content\/uploads\/2026\/03\/0e2e666d68bf0da23a8ed47ef5645ff1.jpg\" alt=\"Logo 9\"><\/div>\r\n\r\n        <!-- MOBILE APPLICATION (Tab 5: e-n-tab-content-189848285) -->\r\n        <div class=\"portfolio-item mobile\"><img decoding=\"async\" src=\"https:\/\/designlab365.com\/wp-content\/uploads\/2026\/03\/Untitled-design-3.png\" alt=\"Mobile 1\"><\/div>\r\n        <div class=\"portfolio-item mobile\"><img decoding=\"async\" src=\"https:\/\/designlab365.com\/wp-content\/uploads\/2026\/03\/Untitled-design-2.png\" alt=\"Mobile 2\"><\/div>\r\n        <div class=\"portfolio-item mobile\"><img decoding=\"async\" src=\"https:\/\/designlab365.com\/wp-content\/uploads\/2026\/03\/Untitled-design-1.png\" alt=\"Mobile 3\"><\/div>\r\n        <div class=\"portfolio-item mobile\"><img decoding=\"async\" src=\"https:\/\/designlab365.com\/wp-content\/uploads\/2026\/03\/gg.png\" alt=\"Mobile 4\"><\/div>\r\n        <div class=\"portfolio-item mobile\"><img decoding=\"async\" src=\"https:\/\/designlab365.com\/wp-content\/uploads\/2026\/03\/36533-5.png\" alt=\"Mobile 5\"><\/div>\r\n        <div class=\"portfolio-item mobile\"><img decoding=\"async\" src=\"https:\/\/designlab365.com\/wp-content\/uploads\/2026\/03\/36533-4.png\" alt=\"Mobile 6\"><\/div>\r\n        <div class=\"portfolio-item mobile\"><img decoding=\"async\" src=\"https:\/\/designlab365.com\/wp-content\/uploads\/2026\/03\/36533-3.png\" alt=\"Mobile 7\"><\/div>\r\n        <div class=\"portfolio-item mobile\"><img decoding=\"async\" src=\"https:\/\/designlab365.com\/wp-content\/uploads\/2026\/03\/36533-2.png\" alt=\"Mobile 8\"><\/div>\r\n        <div class=\"portfolio-item mobile\"><img decoding=\"async\" src=\"https:\/\/designlab365.com\/wp-content\/uploads\/2026\/03\/36533-1.png\" alt=\"Mobile 9\"><\/div>\r\n\r\n        <!-- VIDEO ANIMATION (Tab 6: e-n-tab-content-189848286) - FIXED: Using the correct tall images -->\r\n        <div class=\"portfolio-item video\"><img decoding=\"async\" src=\"https:\/\/designlab365.com\/wp-content\/uploads\/2026\/02\/4-4.jpg\" alt=\"Video 1\"><\/div>\r\n        <div class=\"portfolio-item video\"><img decoding=\"async\" src=\"https:\/\/designlab365.com\/wp-content\/uploads\/2026\/02\/1-6.png\" alt=\"Video 2\"><\/div>\r\n        <div class=\"portfolio-item video\"><img decoding=\"async\" src=\"https:\/\/designlab365.com\/wp-content\/uploads\/2026\/02\/4-1-1.jpg\" alt=\"Video 3\"><\/div>\r\n        <div class=\"portfolio-item video\"><img decoding=\"async\" src=\"https:\/\/designlab365.com\/wp-content\/uploads\/2026\/02\/4-2-3.jpg\" alt=\"Video 4\"><\/div>\r\n        <div class=\"portfolio-item video\"><img decoding=\"async\" src=\"https:\/\/designlab365.com\/wp-content\/uploads\/2026\/02\/3-2-1.png\" alt=\"Video 5\"><\/div>\r\n        <div class=\"portfolio-item video\"><img decoding=\"async\" src=\"https:\/\/designlab365.com\/wp-content\/uploads\/2026\/02\/2-2-2.png\" alt=\"Video 6\"><\/div>\r\n        <div class=\"portfolio-item video\"><img decoding=\"async\" src=\"https:\/\/designlab365.com\/wp-content\/uploads\/2026\/02\/3-3-1.png\" alt=\"Video 7\"><\/div>\r\n        <div class=\"portfolio-item video\"><img decoding=\"async\" src=\"https:\/\/designlab365.com\/wp-content\/uploads\/2026\/02\/1-3-2.png\" alt=\"Video 8\"><\/div>\r\n        <div class=\"portfolio-item video\"><img decoding=\"async\" src=\"https:\/\/designlab365.com\/wp-content\/uploads\/2026\/02\/2-3-2.png\" alt=\"Video 9\"><\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    (function(){\r\n        const tabs = document.querySelectorAll('.portfolio-tab');\r\n        const items = document.querySelectorAll('.portfolio-item');\r\n        function filter(cat) {\r\n            items.forEach(item => {\r\n                if (item.classList.contains(cat)) {\r\n                    item.classList.add('active');\r\n                } else {\r\n                    item.classList.remove('active');\r\n                }\r\n            });\r\n        }\r\n        tabs.forEach(tab => {\r\n            tab.addEventListener('click', function() {\r\n                tabs.forEach(t => t.classList.remove('active'));\r\n                this.classList.add('active');\r\n                filter(this.dataset.tab);\r\n            });\r\n        });\r\n        \/\/ Activate the first tab on load\r\n        const activeTab = document.querySelector('.portfolio-tab.active');\r\n        if (activeTab) filter(activeTab.dataset.tab);\r\n    })();\r\n<\/script>\r\n<\/body>\r\n<\/html>\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>Portfolio \u00b7 Fixed Full Scroll &#038; Correct Video our work Portfolio Digital projects &#038; success stories \u2014 filter by category&#8230;.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-54","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/automercesolutions.com\/index.php?rest_route=\/wp\/v2\/pages\/54","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/automercesolutions.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/automercesolutions.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/automercesolutions.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/automercesolutions.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=54"}],"version-history":[{"count":18,"href":"https:\/\/automercesolutions.com\/index.php?rest_route=\/wp\/v2\/pages\/54\/revisions"}],"predecessor-version":[{"id":13542,"href":"https:\/\/automercesolutions.com\/index.php?rest_route=\/wp\/v2\/pages\/54\/revisions\/13542"}],"wp:attachment":[{"href":"https:\/\/automercesolutions.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=54"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}